body{overflow-x:hidden}@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}:root{--q-color-primary:#fff;--q-color-second:#cb5c5e;--q-color-second-opacity:rgba(203,92,94,0.47058823529411764);--q-color-banner:#b71939;--q-color-banner-opacity:rgba(183,25,57,0.9019607843137255);--q-color-banner-opacity2:rgba(183,25,57,0.23921568627450981);--q-color-default-text:#fff;--q-color-selectText:#f7ad00;--q-color-menu-bg:#a72640;--primary-color-500:#00517d;--primary-color-300:#72afd0;--second-color:#fff}.ag-format-container{width:1160px;margin:0 auto;position:relative}.ag-timeline-block{background-color:#dfe2e6;padding:50px 0}.ag-timeline_title-box{padding:0 0 30px;text-align:center}.ag-timeline_tagline{font-size:2.5rem;font-family:Noto Sans,sans-serif;font-weight:600;color:#00517d}.ag-timeline_title{background-image:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;color:transparent;font-size:5rem}.ag-timeline_item{margin:0 0 50px;position:relative}.ag-timeline_item:nth-child(2n){text-align:right}.ag-timeline{display:inline-block;width:100%;max-width:100%;margin:0 auto;position:relative}.ag-timeline_line{width:2px;background-color:var(--primary-color-300);position:absolute;top:2px;left:50%;bottom:0;overflow:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.ag-timeline_line-progress{width:100%;height:20%;background-color:var(--primary-color-500)}.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{display:inline-block;margin:0 14px 0 -28px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 -28px 0 14px}.ag-timeline-card_point{height:56px;line-height:3.125rem;width:56px;border:2px solid var(--primary-color-300);background-color:#fff;margin:-10px 0 0 0;text-align:center;font-family:Roboto,sans-serif;font-size:0.875rem;font-style:italic;color:var(--primary-color-500);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.js-ag-active .ag-timeline-card_point{color:#fff;border-color:var(--primary-color-500);background-color:var(--primary-color-500)}.ag-timeline-card_meta-box{display:inline-block}.ag-timeline-card_meta{margin:10px 0 0;font-family:Noto Sans,sans-serif;font-weight:700;font-size:1.75rem;color:var(--primary-color-500)}.ag-timeline-card_item{display:inline-block;width:45%;margin:-77px 0 0;background-color:#fff;opacity:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.5);-o-box-shadow:0 0 0 0 rgba(0,0,0,0.5);box-shadow:0 0 0 0 rgba(0,0,0,0.5);-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;-moz-transition:-moz-transform 0.5s,opacity 0.5s;-o-transition:-o-transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s;position:relative}.ag-timeline_item:nth-child(odd) .ag-timeline-card_item{-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);transform:translateX(-200%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item,.js-ag-active.ag-timeline_item:nth-child(odd) .ag-timeline-card_item{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.ag-timeline-card_arrow{height:18px;width:18px;margin-top:20px;background-color:var(--primary-color-500);z-index:-1;position:absolute;top:0;right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);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;right:auto;left:0}.ag-timeline-card_img-box{background:#f1f3f5}.ag-timeline-card_img{width:100%;border-top-left-radius:6px;border-top-right-radius:6px}.ag-timeline-card_info{padding:10px 20px;background-color:#f1f3f5;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.ag-timeline-card_title{display:none;margin:10px 0 0;font-family:Roboto,sans-serif;font-weight:700;font-size:1.75rem;color:var(--primary-color-500)}.ag-timeline-card_desc{line-height:1.5rem;font-family:Noto Sans,sans-serif;font-size:1rem;font-weight:500}@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 0 0 8px}.ag-timeline-card_point{height:40px;line-height:2.5rem;width:40px;font-size:0.875rem}.ag-timeline-card_item{width:auto;margin:-65px 0 0 75px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_item,.ag-timeline_item:nth-child(odd) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow{right:auto;left:0}.ag-timeline-card_title{display:block;margin:0}.ag-timeline-card_arrow{margin-top:12px}}@media only screen and (max-width:767px){.ag-format-container{width:96%}.ag-timeline-card_img{height:auto;width:auto}}@media only screen and (max-width:639px){.ag-timeline_title{font-size:3.75rem}.ag-timeline-card_info{width:100%;padding:10px 15px}.ag-timeline-card_desc{font-size:0.875rem}}@media (max-width:479px){.ag-format-container{width:460px}.ag-timeline-card_item{width:75vw;margin:-65px 0 0 75px}.ag-timeline_line{left:30px}.ag-timeline-card_title{margin:0}}@media (min-width:768px) and (max-width:979px){.ag-format-container{width:750px}}@media (min-width:980px) and (max-width:1161px){.ag-format-container{width:960px}}