.cd-horizontal-timeline{opacity:0;margin:2em auto;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s; float:none;}
.cd-horizontal-timeline::before{content:'mobile';display:none}
.cd-horizontal-timeline.loaded{opacity:1}
.cd-horizontal-timeline .timeline{position:relative;height:150px;width:90%;margin:0 auto}
.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 40px;overflow:hidden}
.events-wrapper ul li{list-style-type:none}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px}
.cd-horizontal-timeline .events-wrapper::before{left:0}
.cd-horizontal-timeline .events-wrapper::after{right:0}
.cd-horizontal-timeline .events{position:absolute;z-index:1;left:0;top:49px;height:2px;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}
/*.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;-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}*/
.cd-horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;font-size:1.3rem;padding-bottom:15px;color:#383838; border:1px solid #000; padding:25px; min-height:90px; min-width:115px; font-size:17px; top:-30px; margin-left:10px; margin-right:10px; padding-top:45px;}
.cd-horizontal-timeline .events a:hover{ border:1px solid #fcd307;}
.cd-horizontal-timeline .events a::after{position:absolute;left:50%;right:auto;}
.no-touch .cd-horizontal-timeline .events a:hover::after{ }
.cd-horizontal-timeline .events a.selected{pointer-events:none}
.cd-horizontal-timeline .events a.selected{ background-color:#FCD307; color:#FFF;}
.cd-horizontal-timeline .events a.older-event::after{}
.events ul li span{ display:block; margin-top:15px; line-height:0px; vertical-align:middle;}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline{margin:25px auto}
.cd-horizontal-timeline::before{content:'desktop'}
}
.cd-timeline-navigation a{position:absolute;z-index:1;top:61%;bottom:auto;}
.cd-timeline-navigation a::after{content:'';position:absolute;height:30px;width:30px;left:50%;top:50%;bottom:auto;right:auto;background:url(../images/next-arrow.png) no-repeat 0 0}
.cd-timeline-navigation a.prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg); font-size:0px; border:none;}
.cd-timeline-navigation a.next{right:0; border:none; font-size:0px; top:60px;}
.no-touch .cd-timeline-navigation a:hover{border-color:#7b9d6f}
.cd-timeline-navigation a.inactive{cursor:not-allowed}
.cd-timeline-navigation a.inactive::after{background-position:0 15px; top:0px;left:0;background:url(../images/next-arrow.png) no-repeat 0 0}
.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf}
.cd-horizontal-timeline .events-content{position:relative;width:100%;margin:15px 0;overflow:hidden;-webkit-transition:height .4s;-moz-transition:height .4s;transition:height .4s}
.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;list-style-type:none;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);padding:0 5%;opacity:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;-moz-animation-name:cd-enter-right;animation-name:cd-enter-right}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;-moz-animation-name:cd-enter-left;animation-name:cd-enter-left}
.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}
.cd-horizontal-timeline .events-content li > *{max-width:800px;margin:0 auto}
.cd-horizontal-timeline .events-content h2{font-weight:700;font-size:2.6rem;font-family:"Playfair Display",serif;font-weight:700;line-height:1.2}
.cd-horizontal-timeline .events-content em{display:block;font-style:italic;margin:10px auto}
.cd-horizontal-timeline .events-content em::before{content:'- '}
.cd-horizontal-timeline .events-content p{font-size:1.4rem;color:#959595}
.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p{line-height:1.6}
.cd-horizontal-timeline .events a {  font-size: 14px; margin-left: 5px; margin-right: 5px; min-height: 65px; max-width: 70px; padding: 10px;}
@media only screen and (min-width: 768px) {
.cd-horizontal-timeline .events-content h2{font-size:7rem}
.cd-horizontal-timeline .events-content em{font-size:2rem}
.cd-horizontal-timeline .events-content p{font-size:1.8rem}
.cd-horizontal-timeline .events a {  font-size: 16px; font-family: Arial, Helvetica, sans-serif; margin-left: 15px; margin-right: 20px; min-height: 120px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; max-width: 70px; padding: 10px; padding-top:30px;}
}
@-webkit-keyframes cd-enter-right {
0%{opacity:0;-webkit-transform:translateX(100%)}
100%{opacity:1;-webkit-transform:translateX(0%)}
}
@-moz-keyframes cd-enter-right {
0%{opacity:0;-moz-transform:translateX(100%)}
100%{opacity:1;-moz-transform:translateX(0%)}
}
@keyframes cd-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 cd-enter-left {
0%{opacity:0;-webkit-transform:translateX(-100%)}
100%{opacity:1;-webkit-transform:translateX(0%)}
}
@-moz-keyframes cd-enter-left {
0%{opacity:0;-moz-transform:translateX(-100%)}
100%{opacity:1;-moz-transform:translateX(0%)}
}
@keyframes cd-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 (max-width: 767px)
{
.cd-timeline-navigation a.prev{ left:25px; top:75px;}
.cd-timeline-navigation a.next{ right:25px; top:45px;}
.cd-horizontal-timeline .events a{ min-height:80px;}
}