/* -------------------------------- 
Horizontal Timeline 2.0
by Studocwho @ yCodeTech
Original Horizontal Timeline by CodyHouse
Licensed under the MIT license	
Docs at http://horizontal-timeline.ycodetech.co.uk
-------------------------------- */
body,html{height:auto;overflow:auto}.horizontal-timeline{opacity:0;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:100px;margin:0 auto}.horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 40px;overflow:hidden}.horizontal-timeline .events{position:absolute;z-index:1;left:0;top:49.5px;height:5px;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:#002bff;-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-bottom:15px;color:#000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.horizontal-timeline .events a::after{content:'';position:absolute;left:40%;bottom:-3px;height:12px;width:12px;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{pointer-events:none}.horizontal-timeline .events a.older-event::after,.horizontal-timeline .events a.selected::after{background-color:#002bff}.horizontal-timeline .events a:hover{text-decoration:underline}.timeline-navigation{position:absolute;top:52%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.timeline-navigation#leftNav{left:-6px}.timeline-navigation#rightNav{right:-6px}.timeline-navigation a{display:block;text-decoration:none;color:#000}.timeline-navigation a:hover{color:#002bff;border-color:#002bff}.timeline-navigation a.scroll-left,.timeline-navigation a.scroll-right{position:absolute;top:50px}.timeline-navigation a.inactive{cursor:not-allowed;border-color:#d3d3d3;color:#d3d3d3}.timeline-navigation#pausePlay{position:relative;top:0;text-align:center}.horizontal-timeline .events-content{position:relative;margin:2em 0;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;height:inherit;background:#002bff}.horizontal-timeline .events-content li{position:absolute;width:100%;left:0;top:0;margin:auto;padding:10px;background:#ccc;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-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-transition:opacity .4s .2s;-moz-transition:opacity .4s .2s;transition:opacity .4s .2s}.horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1}.horizontal-timeline .events-content li.enter-right,.horizontal-timeline .events-content li.leave-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.leave-left{-webkit-animation-name:timeline-enter-left;-moz-animation-name:timeline-enter-left;animation-name:timeline-enter-left}.horizontal-timeline .events-content li.leave-left,.horizontal-timeline .events-content li.leave-right{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}@-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:701px) and (max-width:1100px){.horizontal-timeline::before{content:'tablet'}}@media only screen and (min-width:501px) and (max-width:700px){.horizontal-timeline::before{content:'smallTablet'}}@media only screen and (min-width:361px) and (max-width:500px){.horizontal-timeline::before{content:'mobile'}}@media only screen and (max-width:360px){.horizontal-timeline::before{content:'tinyMobile'}}