/*
    Main Colors : #FF6600, #FFF
*/
section.cd-horizontal-timeline{ margin:0; } 

section.cd-horizontal-timeline .empty{height:0 !important;padding:0 !important;}
section.cd-horizontal-timeline ol,
section.cd-horizontal-timeline ul{ list-style:none;  }
section.cd-horizontal-timeline .filling-line{ background-color:#FF6600;  }
section.cd-horizontal-timeline .events a{ font-size:13px; text-decoration:none; }
section.cd-horizontal-timeline .events a.older-event::after{ border-color:#FF6600;  }
section.cd-horizontal-timeline .events a.selected::after{ background-color:#FF6600; border-color:#FF6600 }
/* Controls need to be HCMEU Style... */

section.cd-horizontal-timeline .events-content{ overflow-y:visible; }
section.cd-horizontal-timeline .cd-timeline-navigation a.inactive{ opacity:0.5;     -webkit-transition: all .5s ease;    transition: all .5s ease;    -webkit-transition: 0.25s ease background;    transition: 0.25s ease background;}
section.cd-horizontal-timeline .cd-timeline-navigation a{    background: #f60 url('../img/right_arrow.png') no-repeat center;     background-size: 40% !important;    border-radius: 0%;    text-indent: -9999em;    z-index: 1000;    -webkit-transition: all .5s ease;    transition: all .5s ease;-webkit-transition: 0.25s ease background;    transition: 0.25s ease background;    border: 0px;}
section.cd-horizontal-timeline .cd-timeline-navigation a::after{ background:transparent; }
section.cd-horizontal-timeline .content_wrapper ol { position:relative; }
section.cd-horizontal-timeline .events-content li.selected {     display: block;    margin: 0 auto; }
section.cd-horizontal-timeline .events-content li.selected .banner {   border-top: 2px solid #ff6600;  -webkit-transition: all .5s ease;    transition: all .5s ease;    -webkit-transition: 0.25s ease background;    transition: 0.25s ease background;}
section.cd-horizontal-timeline .events-content li { 
    cursor:pointer;
    -webkit-transform: translateX(0); 
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
     transform: translateX(0); opacity:1;float:left; padding: 0 10px;  position:static;         width: 400px; }
section.cd-horizontal-timeline .events-content li:last-of-type::after { float:none; clear:both;}
section.cd-horizontal-timeline .banner{   border-top:2px solid transparent;    height: 285px;    overflow: hidden;    background-position: center;    background-size: cover;  -webkit-transition: all .5s ease;    transition: all .5s ease;    -webkit-transition: 0.25s ease background;    transition: 0.25s ease background;} 
section.cd-horizontal-timeline .content{   padding: 3%; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);} 
section.cd-horizontal-timeline .content h2{        margin: 0px 0px 4.5px;  font-family: "Fira Sans", sans-serif; font-size: 24px;} 
section.cd-horizontal-timeline .content p{     margin: 0 0 4.5px;    font-size: 14px;    line-height: 21px;} 
section.cd-horizontal-timeline .content a.readmore{     display: inline-block;    margin-bottom: 0;    text-align: center;    vertical-align: middle;    cursor: pointer;    background-image: none;    background-color: transparent;    color: #fff;    border: 1px solid transparent;    box-sizing: border-box;    word-wrap: break-word;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;   position: relative;    top: 0;    -webkit-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    line-height: normal;    font-size: 14px;    padding: 14px 20px;     background-color: #f60 !important;} 
section.cd-horizontal-timeline .events {    left: 7px;}