/* --- TIMELINE --- */
/*.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}*/
.timeline .item {
    position: relative;
    width: 290px;
    /*cursor: pointer;*/
}
.timeline .item div.box-geral {
  border: 10px solid #0066B3;
  border-radius: 100%;
}
.timeline .item div.foto {
  border-radius: 100%;
  border: 10px solid #CECDC9;
  position: relative;
  overflow: hidden;
  transition: .5s;
}
.timeline .item .box-geral img {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  opacity: 1;
  transform: scale(1);
  transition: .5s;
}
.timeline .ano {
    position: absolute;
    width: 100%;
    background: #205B9B;
    height: 100px;
    bottom: 0;
    border-radius: 0 0 100px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}
.timeline .ano h4 {
  margin: 0 0 20px;
    font-size: 48px;
    font-weight: bold;
    color: #CECDC9;
    transition: .5s;
}
.timeline .ano h4 span {
    font-size: 72px;
}
.timeline .item img.icone {
    width: auto;
    margin: 0 auto -100px;
    display: table;
    position: relative;
    z-index: 9;
}
.timeline h5 {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  margin-bottom: 10px;
  transition: .5s;
}
.timeline .item:hover div.foto img {
  opacity: .6;
  transform: scale(1.15);
}
.timeline .item:hover .ano {
    background: #CECDC9;
}
.timeline .item:hover .ano h4 {
    color: #205B9B;
}
.timeline .item:hover h5 {
  color: #59C5C1;
}

.timeline .item .slide-text img {
    width: auto;
    display: initial;
    margin-right: 5px;
}
.timeline .owl-timeline .owl-stage-outer .owl-stage {
  display: flex;
  align-items: end;
}


.slide-text {
  transition: all 500ms cubic-bezier(1, 0, 0, 1);
}
.owl-item .slide-text {
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
  opacity: 0;
}
.owl-item.active .slide-text {
  -webkit-animation: animateIn 500ms cubic-bezier(1, 0, 0, 1) forwards;
          animation: animateIn 500ms cubic-bezier(1, 0, 0, 1) forwards;
}
@-webkit-keyframes animateOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
@keyframes animateOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
@-webkit-keyframes animateIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes animateIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.box-geral {
  transition: all 1s cubic-bezier(1, 0, 0, 1);
}
.owl-item .box-geral {
  -webkit-transform: translateX(-40%);
          transform: translateX(-40%);
  opacity: 0;
}
.owl-item.active .box-geral {
  -webkit-animation: animateIn 1s cubic-bezier(1, 0, 0, 1) forwards;
          animation: animateIn 1s cubic-bezier(1, 0, 0, 1) forwards;
}
@-webkit-keyframes animateOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
  }
}
@keyframes animateOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
  }
}
@-webkit-keyframes animateIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40%);
            transform: translateX(40%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes animateIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40%);
            transform: translateX(40%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline .owl-timeline .owl-nav {
    margin-top: 10px;
    float: left;
    position: relative;
    z-index: 99;
}
.timeline .owl-timeline .owl-nav button {
    background: #fff!important;
    margin: 0!important;
    width: 60px;
}
.timeline .owl-timeline .owl-nav button:hover {
    background: rgba(255,255,255,.7)!important;
}
.timeline i.fa {
    color: #205B9B;
    font-size: 40px;
}
.timeline .owl-timeline .owl-nav button.owl-prev {
    border-radius: 25px 0 0 0!important;
}
.timeline .owl-timeline .owl-nav button.owl-next {
    border-radius: 0 25px 0 0!important;
}
.timeline .owl-timeline .owl-dots {
  position: absolute;
    padding-left: 105px;
    width: 100%;
    margin-top: 30px;
    left: 15px;
}
.timeline .owl-timeline .owl-dot {
    width: 7.69%;
}
.timeline .owl-timeline .owl-dots .owl-dot span {
    width: 100%;
    height: 20px;
    margin: 0;
    background: #D6D6D6;
    -webkit-backface-visibility: visible;
    transition: opacity .5s ease;
    border-radius: 0;
    transition: .5s;
}
.timeline .owl-timeline .owl-dots .owl-dot.active span,
.timeline .owl-timeline .owl-dots .owl-dot:hover span {
    background: #0066B3!important;
}
.timeline .owl-timeline .owl-dots .owl-dot:nth-child(1n) span {
  background: linear-gradient(90deg, #0066B3 0%, #0095B8 100%);
}
.timeline .owl-timeline .owl-dots .owl-dot:nth-child(2n) span {
  background: linear-gradient(90deg, #0095B8 0%, #59C5C1 100%);
}
.timeline .owl-timeline .owl-dots .owl-dot:nth-child(3n) span {
  background: linear-gradient(90deg, #59C5C1 0%, #CECDC9 100%);
}
.timeline .owl-timeline .owl-dots .owl-dot:nth-child(4n) span {
  background: linear-gradient(90deg, #CECDC9 0%, #59C5C1 100%);
}
.timeline .owl-timeline .owl-dots .owl-dot:nth-child(5n) span {
  background: linear-gradient(90deg, #59C5C1 0%, #0095B8 100%);
}
.timeline .owl-timeline .owl-dots .owl-dot:nth-child(6n) span {
  background: linear-gradient(90deg, #0095B8 0%, #0066B3 100%);
}