/* -------------------------------- 
Horizontal Timeline 2.0
by Studocwho @ yCodeTech
Version: 2.0.5.2
Original Horizontal Timeline by CodyHouse
Licensed under the MIT license	
Docs at http://horizontal-timeline.ycodetech.co.uk
-------------------------------- */
.horizontal-timeline{opacity:0;width:100%;margin:2em auto;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}.horizontal-timeline ol{margin:0;padding:0;width:100%}.horizontal-timeline::before{content:'desktop';display:none}.horizontal-timeline.loaded{opacity:1;margin:0 !important}.horizontal-timeline .touch-enabled{cursor:grab}.horizontal-timeline .timeline{position:relative;height:auto;margin:0 auto;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.horizontal-timeline .events-wrapper{position:relative;height:70px;overflow:hidden;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.horizontal-timeline .events{position:absolute;z-index:1;left:0;bottom:13%;height:2px;background:#000;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:var(--bg-red);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;text-decoration:none;padding:10px 10px 15px;color:#999;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);user-select:none}.horizontal-timeline .events a::after{content:'';position:absolute;left:50%;bottom:-5px;height:12px;width:12px;transform:translateX(-30%);border-radius:50%;background-color:#000;-webkit-transition:background-color .3s,border-color .3s;-moz-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s}.horizontal-timeline .events a.selected{color:var(--bg-red);pointer-events:none;font-size:20px;}.horizontal-timeline .events a.older-event::after,.horizontal-timeline .events a.selected::after{background-color:var(--bg-red)}.horizontal-timeline .events a:hover{text-decoration:underline}.timeline-navigation{display:flex;gap:10px;position:relative;top:4px;z-index:2;align-items:flex-end;}.timeline-navigation#leftNav{left:1px}.timeline-navigation#rightNav{right:1px}.timeline-navigation a{display:inline;text-decoration:none;color:#000}.timeline-navigation a:hover{color:var(--bg-red);border-color:var(--bg-red)}.timeline-navigation a.inactive{cursor:not-allowed;border-color:#d3d3d3;color:#d3d3d3}.timeline-navigation#pausePlay{width:100%;top:-10px;text-align:center}.horizontal-timeline .events-content{position:relative;margin:2em 10px;margin-left:auto;margin-right:auto;-webkit-transition:height .4s .2s;-moz-transition:height .4s .2s;transition:height .4s .2s}.horizontal-timeline .events-content .progressBarWrapper{position:absolute;width:100%;height:4px;margin-top:-4px;padding:0 20px}.horizontal-timeline .events-content .progressBar{width:0%;max-width:100%;height:inherit;background:var(--bg-red)}.horizontal-timeline .events-content li[data-date],.horizontal-timeline .events-content li[data-horizontal-timeline]{position:absolute;width:100%;left:0;top:0;margin:auto;padding:0px 40px;border-radius:20px;opacity:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.horizontal-timeline .events-content li[data-date].selected,.horizontal-timeline .events-content li[data-horizontal-timeline].selected{position:relative;z-index:2;opacity:1}.horizontal-timeline .events-content li.enter-right,.horizontal-timeline .events-content li.exit-right{-webkit-animation-name:timeline-enter-right;-moz-animation-name:timeline-enter-right;animation-name:timeline-enter-right}.horizontal-timeline .events-content li.enter-left,.horizontal-timeline .events-content li.exit-left{-webkit-animation-name:timeline-enter-left;-moz-animation-name:timeline-enter-left;animation-name:timeline-enter-left}.horizontal-timeline .events-content li.exit-left,.horizontal-timeline .events-content li.exit-right{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.horizontal-timeline .events-content li.animationSpeed{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}@-webkit-keyframes timeline-enter-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes timeline-enter-right{0%{opacity:0;-moz-transform:translateX(100%)}100%{opacity:1;-moz-transform:translateX(0)}}@keyframes timeline-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes timeline-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes timeline-enter-left{0%{opacity:0;-moz-transform:translateX(-100%)}100%{opacity:1;-moz-transform:translateX(0)}}@keyframes timeline-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:1100px){.horizontal-timeline{margin:6em auto}}@media only screen and (min-width:501px) and (max-width:1100px){.horizontal-timeline::before{content:'tablet'}}@media only screen and (max-width:500px){.horizontal-timeline::before{content:'mobile'}}@media only screen and (max-width:1100px){.horizontal-timeline .timeline{padding-bottom:40px!important}.timeline-navigation#leftNav{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.timeline-navigation#rightNav{-ms-flex-direction:column!important;flex-direction:column!important}.timeline-navigation#leftNav,.timeline-navigation#rightNav{display:-ms-flexbox!important;display:flex!important;top:-5px!important}.timeline-navigation#pausePlay{top:20px!important}}
.fa-3x{font-size:1.7em !important;}
.tlwrap{display:flex;justify-content:stretch;gap:20px;background:#f9f9f9;padding:20px 25px;border-radius:20px;border:1px solid #eee;}
.tl_l{width:340px;height:260px;padding:5px;border-radius:20px;background:#fff;position:relative;overflow:hidden;}
.tl_l img{border-radius:15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:99%;max-width:99%;}
.tl_r{flex:1;}
.tl_r h2{margin:10px 0 10px;font-size:var(--font-size18);}
.tl_r h3{font-size:1.5em;font-weight:700;margin:0 0 5px !important;color:var(--bg-red);padding:0 !important;}
.tl_r p{font-size:var(--font-size18);}
.tl_r li{display:flex;gap:20px;padding:10px 0;border-top:1px solid #eee;}