.timeLine-main-wrapper{overflow:hidden}img{max-width:100%!important}.ag-format-container{margin:0 auto;position:relative;width:100%}.ag-timeline-block{background:transparent linear-gradient(0deg,#f0f0f0,#f2f2f2 47%,#fdfdfd 73%,#fff) 0 0 no-repeat padding-box;padding:100px 0 5px;position:relative}.ag-timeline_title-box{padding:0 0 30px;text-align:center}.ag-timeline_tagline{color:#54595f;font-size:40px}.ag-timeline_title{-webkit-background-clip:text;background-clip:text;background-image:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;text-fill-color:transparent;color:transparent;font-size:80px}.ag-timeline_item{margin:0 0 110px;min-width:440px}.ag-timeline,.ag-timeline_item{display:inline-block;position:relative}.ag-timeline{margin:0 auto;max-width:100%;width:100%}.ag-timeline_line{background-color:#c7c7c7;left:0!important;overflow:hidden;position:absolute;right:0;top:44.5%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ag-timeline_line-progress{background-color:#15cc79;height:4px;width:300px}.ag-timeline-card_box{padding:0 0 0 50%}.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 50% 20px 0}.ag-timeline-card_point-box{display:inline-block;left:50%;position:absolute;top:50.6%;transform:translateX(-50%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{top:52.55%}.ag-timeline-card_point{background-color:#fff;border:3px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;font-size:20px;height:32px;line-height:50px;position:relative;text-align:center;width:32px}.js-ag-active .ag-timeline-card_point{background-color:#15cc79;border:3px solid #15cc79;color:#1d1d1b}.ag-timeline-card_meta-box{display:inline-block;display:none}.ag-timeline-card_meta{color:#ff0;font-family:ESL Legend,sans-serif;font-size:28px;font-weight:700;margin:10px 0 0}.ag-timeline-card_item{background-color:transparent;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:inline-block;min-height:470px;opacity:1;position:relative;-webkit-transition:-webkit-transform .5s,opacity .5s;-moz-transition:-moz-transform .5s,opacity .5s;-o-transition:-o-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;width:100%}.js-ag-active .ag-timeline-card_item{opacity:1}.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{left:0;margin-left:-10px;right:auto}.ag-timeline-card_img{width:100%}.ag-timeline-card_info{padding:20px 30px}.ag-timeline-card_title{color:#ff0;display:none;font-family:ESL Legend,sans-serif;font-size:28px;font-weight:700;margin:10px 0 0}.ag-timeline-card_desc{color:#000;font-size:16px;line-height:1.45}.ag-timeline_list{align-items:center;display:flex;overflow-x:scroll;overflow-y:hidden;position:relative;white-space:nowrap;z-index:3}span.cm-date-wrapper{left:50%;opacity:.4;position:absolute;text-align:center;top:150%;transform:translateX(-50%)}span.cm-year{font-size:20px;line-height:27px}span.cm-date,span.cm-year{color:#000;display:block;text-align:center}span.cm-date{font-size:14px;line-height:19px}.ag-timeline-card_img-box{background-color:#f2f2f2;bottom:-10px;left:50%;position:absolute;transform:translateX(-50%)}.ag-timeline-card_img-box img{border:1px solid #000;max-height:112px;opacity:.4;width:auto}.ag-timeline-card_desc{align-items:center;display:flex;flex-direction:column;font-size:15px;justify-content:flex-end;left:65%;line-height:1.33;max-width:144px;opacity:.4;position:absolute;top:110px;transform:translateX(-50%);white-space:normal}.js-timeline_item.ag-timeline_item.js-ag-active .ag-timeline-card_desc,.js-timeline_item.ag-timeline_item.js-ag-active .ag-timeline-card_img-box img,.js-timeline_item.ag-timeline_item.js-ag-active span.cm-date-wrapper{opacity:1}.ag-timeline-card_info{padding:0}.ag-timeline_item:nth-child(2n) span.cm-date-wrapper{left:50%;position:absolute;text-align:center;top:-60px;transform:translateX(-50%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_img-box{bottom:unset;left:50%;position:absolute;top:50px;transform:translateX(-50%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_desc{bottom:65px;font-size:14px;justify-content:flex-start;left:65%;line-height:1.33;max-width:144px;position:absolute;top:unset;transform:translateX(-50%);white-space:normal}.top-line{top:200px}.bottom-line,.top-line{background-color:#c7c7c7;height:1px;left:0;position:absolute;width:100%;z-index:1}.bottom-line{bottom:195px}.timeline-title h2,.timeline-title h4{text-align:center}.timeline-title h4{line-height:20.4px;margin-bottom:55px}.timeline-title h2{font-size:40px;line-height:1.25;margin-bottom:0}.js-timeline:after{background-color:#c7c7c7;bottom:25px;content:"";height:1px;left:0;position:absolute;width:100%}.ag-timeline-card_img2{display:none}.ag-timeline_list::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.ag-timeline_list::-webkit-scrollbar{background-color:#fff;width:12px}.ag-timeline_list::-webkit-scrollbar-thumb{background-color:#c9c9c9;border-radius:10px}.js-timeline-bg-gradient{background:linear-gradient(270deg,#f2f2f200,rgba(21,204,121,.2));height:333px;left:0;max-width:1890px;position:absolute;top:101px;width:300px}@media(min-width:768px){.ag-timeline_item:nth-child(2) .ag-timeline-card_desc{left:59%}}@media only screen and (max-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}.ag-timeline-card_point{height:40px;line-height:40px;width:40px}.ag-timeline-card_item{margin:-65px 0 0 75px}.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}.ag-timeline-card_desc{left:45%;text-align:left}.ag-timeline-card_img-box{bottom:-70px;left:34%}.ag-timeline_item:nth-child(2n) .ag-timeline-card_img-box{left:33%}.ag-timeline_item:nth-child(2n) .ag-timeline-card_desc{bottom:15px;left:46%}.ag-timeline_item:nth-child(3) .ag-timeline-card_desc{left:45%;top:135px}.ag-timeline-card_point-box{top:53%}.top-line{top:140px}.bottom-line{bottom:105px}.js-timeline-bg-gradient{background:linear-gradient(270deg,#f2f2f200,rgba(21,204,121,.2));height:421px;left:0;max-width:1890px;position:absolute;top:39px;width:100%}}@media only screen and (max-width:767px){.ag-format-container{width:96%}.ag-timeline-card_img{height:auto;width:auto}.ag-timeline-card_point-box{display:inline-block;left:50%;position:absolute;top:51%;transform:translateX(-50%)}.timeline-title h4{margin-bottom:30px}.bottom-line,.top-line{display:none}.ag-timeline_item{margin:0 0 110px;min-width:220px}.ag-timeline_line-progress{width:240px}.ag-timeline-card_item{margin:-65px 0 0}.ag-timeline-card_img-box{display:none}.ag-timeline-card_desc,.ag-timeline_item:nth-child(2n) .ag-timeline-card_desc{background-color:#fff;bottom:unset!important;display:block;left:0!important;margin-right:0;max-width:162px;padding:10px 8px;position:relative;top:0!important;transform:translateX(0);width:100%}.ag-timeline-card_img2{display:block}.ag-timeline-card_img2 img{max-height:132px;max-width:162px!important;min-height:132px;object-fit:cover;opacity:.4;width:100%}.js-timeline_item.ag-timeline_item.js-ag-active .ag-timeline-card_img2 img{opacity:1}.ag-timeline-card_info{left:30px;padding:0;position:absolute;top:40px}.ag-timeline-card_item{min-height:410px}.ag-timeline_line{top:59.5%}.ag-timeline-card_point-box{top:74.4%!important}.ag-timeline-card_desc{font-size:14px;min-height:130px}.ag-timeline_item:nth-child(2n) span.cm-date-wrapper,span.cm-date-wrapper{left:50%;opacity:.4;position:absolute;text-align:center;top:150%;transform:translateX(-50%)}.timeline-title h4{font-size:18px}.timeline-title h2{font-size:25px;line-height:35px}.js-timeline-bg-gradient{display:none}}@media only screen and (max-width:639px){.ag-timeline_title{font-size:60px}.ag-timeline-card_info{padding:10px 15px}.ag-timeline-card_desc{font-size:14px}}@media (min-width:768px) and (max-width:979px){.ag-format-container{width:100%}}@media (min-width:980px) and (max-width:1161px){.ag-format-container{width:100%}}@media(max-width:375px){.ag-timeline-card_point-box{top:74%!important}}