.timeline--container {
  width: 100%;
  position: relative;
  z-index: 1;
}

.timeLine {
  overflow: hidden;
  border-bottom: 3px solid #dadada;
}

.timeLine .row .item .caption .image .title {
  background-color: transparent !important;
  color: #004ea2;
  opacity: 1 !important;
}

.timeLine .title h2 {
  font-size: 18px;
  font-weight: bold;
  padding-right: 10px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.1;
}

.timeLine .read-more-link,
.timeLine .read-more-link:hover {
  color: #b2b2b2;
  text-decoration: none;
}

.timeLine .row {
  z-index: 100;
  position: relative;
}

.timeLine .row .item {
  margin-bottom: 5% !important;
}

.timeline--gradient-bottom {
  position: absolute;
  height: 20%;
  width: 100%;
  bottom: 0;
  z-index: 130;
  /* gradient */
  background: rgba(237, 237, 237, 0.05);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(237, 237, 237, 0)),
    color-stop(65%, rgba(246, 246, 246, 0.6)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(237, 237, 237, 0)),
    color-stop(65%, rgba(246, 246, 246, 0.6)),
    to(rgba(255, 255, 255, 1))
  );
  background: linear-gradient(
    to bottom,
    rgba(237, 237, 237, 0) 0%,
    rgba(246, 246, 246, 0.6) 65%,
    rgba(255, 255, 255, 1) 100%
  );
  /* IE 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
}

/* MONTHS STYLE */

/* January */

.timeLine .row .item.jan .caption .star {
  background-color: #6c3385 !important;
}

.timeLine .row .item.jan .caption .star::before {
  border-right: 10px solid #6c3385 !important;
}

.timeLine .row .item.jan::before {
  border: 3px solid #6c3385 !important;
}

.timeLine .row .item.active.jan::before {
  border: 8px solid #6c3385 !important;
}

/* February */

.timeLine .row .item.feb .caption .star {
  background-color: #556c9b !important;
}

.timeLine .row .item.feb .caption .star::before {
  border-right: 10px solid #556c9b !important;
}

.timeLine .row .item.feb::before {
  border: 3px solid #556c9b !important;
}

.timeLine .row .item.active.feb::before {
  border: 8px solid #556c9b !important;
}

/* March */

.timeLine .row .item.mar .caption .star {
  background-color: #004ea2 !important;
}

.timeLine .row .item.mar .caption .star::before {
  border-right: 10px solid #004ea2 !important;
}

.timeLine .row .item.mar::before {
  border: 3px solid #004ea2 !important;
}

.timeLine .row .item.active.mar::before {
  border: 8px solid #004ea2 !important;
}

/* April */

.timeLine .row .item.apr .caption .star {
  background-color: #00a7e1 !important;
}

.timeLine .row .item.apr .caption .star::before {
  border-right: 10px solid #00a7e1 !important;
}

.timeLine .row .item.apr::before {
  border: 3px solid #00a7e1 !important;
}

.timeLine .row .item.active.apr::before {
  border: 8px solid #00a7e1 !important;
}

/* May */

.timeLine .row .item.may .caption .star {
  background-color: #5bc548 !important;
}

.timeLine .row .item.may .caption .star::before {
  border-right: 10px solid #5bc548 !important;
}

.timeLine .row .item.may::before {
  border: 3px solid #5bc548 !important;
}

.timeLine .row .item.active.may::before {
  border: 8px solid #5bc548 !important;
}

/* June */

.timeLine .row .item.jun .caption .star {
  background-color: #008c67 !important;
}

.timeLine .row .item.jun .caption .star::before {
  border-right: 10px solid #008c67 !important;
}

.timeLine .row .item.jun::before {
  border: 3px solid #008c67 !important;
}

.timeLine .row .item.active.jun::before {
  border: 8px solid #008c67 !important;
}

/* July */

.timeLine .row .item.jul .caption .star {
  background-color: #8ca785 !important;
}

.timeLine .row .item.jul .caption .star::before {
  border-right: 10px solid #8ca785 !important;
}

.timeLine .row .item.jul::before {
  border: 3px solid #8ca785 !important;
}

.timeLine .row .item.active.jul::before {
  border: 8px solid #8ca785 !important;
}

/* August */

.timeLine .row .item.aug .caption .star {
  background-color: #fff547 !important;
}

.timeLine .row .item.aug .caption .star::before {
  border-right: 10px solid #fff547 !important;
}

.timeLine .row .item.aug::before {
  border: 3px solid #fff547 !important;
}

.timeLine .row .item.active.aug::before {
  border: 8px solid #fff547 !important;
}

.timeLine .row .item.aug .star.center-block {
  color: #424242 !important;
}

/* September */

.timeLine .row .item.sep .caption .star {
  background-color: #ff6b42 !important;
}

.timeLine .row .item.sep .caption .star::before {
  border-right: 10px solid #ff6b42 !important;
}

.timeLine .row .item.sep::before {
  border: 3px solid #ff6b42 !important;
}

.timeLine .row .item.active.sep::before {
  border: 8px solid #ff6b42 !important;
}

/* October */

.timeLine .row .item.oct .caption .star {
  background-color: #ff8ba9 !important;
}

.timeLine .row .item.oct .caption .star::before {
  border-right: 10px solid #ff8ba9 !important;
}

.timeLine .row .item.oct::before {
  border: 3px solid #ff8ba9 !important;
}

.timeLine .row .item.active.oct::before {
  border: 8px solid #ff8ba9 !important;
}

/* November */

.timeLine .row .item.nov .caption .star {
  background-color: #ff3721 !important;
}

.timeLine .row .item.nov .caption .star::before {
  border-right: 10px solid #ff3721 !important;
}

.timeLine .row .item.nov::before {
  border: 3px solid #ff3721 !important;
}

.timeLine .row .item.active.nov::before {
  border: 8px solid #ff3721 !important;
}

/* December */

.timeLine .row .item.dec .caption .star {
  background-color: #d50437 !important;
}

.timeLine .row .item.dec .caption .star::before {
  border-right: 10px solid #d50437 !important;
}

.timeLine .row .item.dec::before {
  border: 3px solid #d50437 !important;
}

.timeLine .row .item.active.dec::before {
  border: 8px solid #d50437 !important;
}

/* Bonus */

.timeLine .row .item.bonus .caption .star {
  background-color: #000000 !important;
}

.timeLine .row .item.bonus .caption .star::before {
  border-right: 10px solid #000000 !important;
}

.timeLine .row .item.bonus::before {
  border: 3px solid #000000 !important;
}

.timeLine .row .item.active.bonus::before {
  border: 8px solid #000000 !important;
}

/* END MONTHS STYLE */

/* Plane Style */

.timeLine .timeLine-airplane {
  position: absolute;
  margin: auto;
  left: 4px;
  right: 0;
  height: 70px;
  margin-top: -190px;
  z-index: 120;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.timeLine .timeLine-airplane.up {
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.timeLine .timeLine-airplane.down {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

/* Arrow Button Expand */

.timeline--container img.timeline--arrow-btn,
.timeline--container p.timeline--text-arrow-btn {
  position: relative;
  display: block;
  cursor: pointer;
  z-index: 140;
}

.timeline--container img.timeline--arrow-btn {
  height: 70px;
  margin: -35px auto 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.timeline--container .timeline--arrow-btn.collapsed {
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.timeline--container .timeline--arrow-btn.expand {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.timeline--container p.timeline--text-arrow-btn {
  margin: 1em auto;
  text-align: center;
  color: #1b9beb;
  width: 20em;
}

.timeline--container.is-collapsed:not(.not-collapsable){
  top: -100px;
}
.timeline--container.is-collapsed:not(.not-collapsable) .row,.timeline--container:not(.not-collapsable).is-collapsed .timeLine-airplane{
  display: none;
}
.timeline--container.is-collapsed:not(.not-collapsable) .row{
  display: none;
}
.timeline--container.is-collapsed:not(.not-collapsable) .timeline--gradient-bottom{
  visibility: hidden;
}
.timeline--container.is-collapsed:not(.not-collapsable) .timeLine{
  border-color: transparent;
}