/* --------------------------------
Horizontal Timeline
-------------------------------- */
@-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%);
  }
}

@-o-keyframes 'cd-enter-right' {
  0% {
    opacity : 0;
    -o-transform : translateX(-100%);
       transform : translateX(-100%);
  }
  100% {
    opacity : 1;
    -o-transform : translateX(0%);
       transform : translateX(0%);
  }
}

@keyframes 'cd-enter-right' {
  0% {
    opacity : 0;
    -webkit-transform : translateX(-100%);
       -moz-transform : translateX(-100%);
         -o-transform : translateX(-100%);
            transform : translateX(-100%);
  }
  100% {
    opacity : 1;
    -webkit-transform : translateX(0%);
       -moz-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%);
  }
}

@-o-keyframes 'cd-enter-left' {
  0% {
    opacity : 0;
    -o-transform : translateX(100%);
       transform : translateX(100%);
  }
  100% {
    opacity : 1;
    -o-transform : translateX(0%);
       transform : translateX(0%);
  }
}

@keyframes 'cd-enter-left' {
  0% {
    opacity : 0;
    -webkit-transform : translateX(100%);
       -moz-transform : translateX(100%);
         -o-transform : translateX(100%);
            transform : translateX(100%);
  }
  100% {
    opacity : 1;
    -webkit-transform : translateX(0%);
       -moz-transform : translateX(0%);
         -o-transform : translateX(0%);
            transform : translateX(0%);
  }
}

.cd-horizontal-timeline {
  opacity : 0;
  margin : 2em auto;
  -webkit-transition : opacity 0.2s;
       -o-transition : opacity 0.2s;
     -moz-transition : opacity 0.2s;
          transition : opacity 0.2s;
}
.cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
  list-style : none;
}
.cd-horizontal-timeline::before {
  content : 'mobile';
  display : none;
}
.cd-horizontal-timeline .timeline {
  position : relative;
  height : 100px;
  width : 90%;
  max-width : 800px;
  margin : 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position : relative;
  height : 100%;
  margin : 0 40px;
  overflow : hidden;
}
.cd-horizontal-timeline .events-wrapper::after {
  content : '';
  position : absolute;
  z-index : 2;
  top : 0;
  height : 100%;
  width : 20px;
  left : 0;
}
.cd-horizontal-timeline .events-wrapper::before {
  content : '';
  position : absolute;
  z-index : 2;
  top : 0;
  height : 100%;
  width : 20px;
  right : 0;
}
.cd-horizontal-timeline .events {
  position : absolute;
  z-index : 1;
  right : 0;
  top : 39px;
  height : 2px;
  background : #DFDFDF;
  -webkit-transition : -webkit-transform 0.4s;
          transition : -webkit-transform 0.4s;
       -o-transition :      -o-transform 0.4s;
     -moz-transition :         transform 0.4s, -moz-transform 0.4s;
          transition :         transform 0.4s;
          transition :         transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
}
.cd-horizontal-timeline .events a {
  position : absolute;
  bottom : 0;
  z-index : 2;
  text-align : center;
  font-size : 1.3rem;
  padding-bottom : 15px;
  color : #383838;
  -webkit-transform : translateZ(0);
     -moz-transform : translateZ(0);
          transform : translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  content : '';
  position : absolute;
  right : 50%;
  left : auto;
  -webkit-transform : translateX(50%);
     -moz-transform : translateX(50%);
      -ms-transform : translateX(50%);
       -o-transform : translateX(50%);
          transform : translateX(50%);
  bottom : -5px;
  height : 12px;
  width : 12px;
  border-radius : 50%;
  border : 2px solid #DFDFDF;
  background-color : #F8F8F8;
  -webkit-transition : background-color 0.3s, border-color 0.3s;
       -o-transition : background-color 0.3s, border-color 0.3s;
     -moz-transition : background-color 0.3s, border-color 0.3s;
          transition : background-color 0.3s, border-color 0.3s;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events : none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color : #1B65D3;
  border-color : #1B65D3;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color : #1B65D3;
}
.cd-horizontal-timeline .filling-line {
  position : absolute;
  z-index : 1;
  right : 0;
  top : 0;
  height : 100%;
  width : 100%;
  background-color : #1B65D3;
  -webkit-transform : scaleX(0);
     -moz-transform : scaleX(0);
      -ms-transform : scaleX(0);
       -o-transform : scaleX(0);
          transform : scaleX(0);
  -webkit-transform-origin : right center;
     -moz-transform-origin : right center;
      -ms-transform-origin : right center;
       -o-transform-origin : right center;
          transform-origin : right center;
  -webkit-transition : -webkit-transform 0.3s;
          transition : -webkit-transform 0.3s;
       -o-transition :      -o-transform 0.3s;
     -moz-transition :         transform 0.3s, -moz-transform 0.3s;
          transition :         transform 0.3s;
          transition :         transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
.cd-horizontal-timeline .events-content {
  position : relative;
  width : 100%;
  margin : 2em 0;
  overflow : hidden;
  -webkit-transition : height 0.4s;
       -o-transition : height 0.4s;
     -moz-transition : height 0.4s;
          transition : height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position : absolute;
  z-index : 1;
  width : 100%;
  right : 0;
  top : 0;
  -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 : 0.4s;
     -moz-animation-duration : 0.4s;
       -o-animation-duration : 0.4s;
          animation-duration : 0.4s;
  -webkit-animation-timing-function : ease-in-out;
     -moz-animation-timing-function : ease-in-out;
       -o-animation-timing-function : ease-in-out;
          animation-timing-function : ease-in-out;
}
.cd-horizontal-timeline .events-content li > * {
  max-width : 800px;
  margin : 0 auto;
}
.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 {
  -webkit-animation-name : cd-enter-right;
     -moz-animation-name : cd-enter-right;
       -o-animation-name : cd-enter-right;
          animation-name : cd-enter-right;
}
.cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name : cd-enter-right;
     -moz-animation-name : cd-enter-right;
       -o-animation-name : cd-enter-right;
          animation-name : cd-enter-right;
  animation-direction : reverse;
}
.cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name : cd-enter-left;
     -moz-animation-name : cd-enter-left;
       -o-animation-name : cd-enter-left;
          animation-name : cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name : cd-enter-left;
     -moz-animation-name : cd-enter-left;
       -o-animation-name : cd-enter-left;
          animation-name : cd-enter-left;
  animation-direction : reverse;
}

.cd-horizontal-timeline.loaded {
  opacity : 1;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color : #1B65D3;
  border-color : #1B65D3;
}

.no-touch .cd-timeline-navigation a:hover {
  border-color : #1B65D3;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color : #DFDFDF;
}

.cd-timeline-navigation a {
  position : absolute;
  z-index : 1;
  top : 50%;
  bottom : auto;
  -webkit-transform : translateY(-50%);
     -moz-transform : translateY(-50%);
      -ms-transform : translateY(-50%);
       -o-transform : translateY(-50%);
          transform : translateY(-50%);
  height : 34px;
  width : 34px;
  border-radius : 50%;
  border : 2px solid #DFDFDF;
  overflow : hidden;
  color : transparent;
  text-indent : 100%;
  white-space : nowrap;
  -webkit-transition : border-color 0.3s;
       -o-transition : border-color 0.3s;
     -moz-transition : border-color 0.3s;
          transition : border-color 0.3s;
}
.cd-timeline-navigation a::after {
  content : '';
  position : absolute;
  height : 16px;
  width : 16px;
  right : 50%;
  top : 50%;
  bottom : auto;
  left : auto;
  -webkit-transform : translateX(50%) translateY(-50%);
     -moz-transform : translateX(50%) translateY(-50%);
      -ms-transform : translateX(50%) translateY(-50%);
       -o-transform : translateX(50%) translateY(-50%);
          transform : translateX(50%) translateY(-50%);
  background : url(../../images/svg/cd-arrow.svg) no-repeat 100% 0;
}

.cd-timeline-navigation a.prev {
  right : 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);
}

.cd-timeline-navigation a.next {
  left : 0;
}

.cd-timeline-navigation a.inactive {
  cursor : not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position : 100% -16px;
}

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline::before {
    content : 'desktop';
  }
}

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size : 4rem;
    font-weight : 800;
  }
  .cd-horizontal-timeline .events-content em {
    font-size : 1.5rem;
  }
}

/* Timeline */
.timeline {
  position : relative;
  display : block;
  margin : 0;
  padding : 10px 0;
  list-style : none;
}
.timeline:after {
  content : ' ';
  display : table;
  clear : both;
}
.timeline:before {
  content : ' ';
  display : table;
}
.timeline > li {
  list-style : none;
}
.timeline > li:nth-child(even) {
  float : right;
  clear : right;
}
.timeline > li:nth-child(odd) {
  float : left;
  clear : left;
}
.timeline .media {
  border-bottom : 1px solid #EEEEEE;
  font-size : 13px;
}
.timeline .media p {
  font-size : 13px;
}
.timeline .media:last-child {
  border-bottom : 0;
}