@charset "utf-8";
/* CSS Document */

#timeline .timeline-item:before, #timeline .timeline-item:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.t-gold {
  background: #9c916b !important;
}
.c-gold {
	border:2px dotted #9c916b !important;
	border-right: 7px solid #9c916b !important;
	border-left: 7px solid #9c916b !important;
}

.t-black {
  background: #000 !important;
}
.c-black {
	border:2px dotted #000 !important;
}
.c-black h2 {
  color: #000 !important;
}

.t-black2 {
    background: #fff !important;
	border:1px solid #000 !important;
}
.c-black2 {
	border:1px solid #000 !important;
}
.c-black2 h2 {
  color: #000 !important;
}

.t-passion {
    background: #eaeae2 !important;
	border:3px solid #9c916b !important;
}
.c-passion {
	border:2px solid #9c916b !important;
	background: transparent !important;
}
.c-passion h2 {
  color: #9c916b!important;
}

.t-white {
    background: #fff !important;
	border:2px dotted #000 !important;
}
.c-white {
	border:2px dotted transparent !important;
	border-right: 7px solid transparent !important;
	border-left: 7px solid transparent !important;
	background: transparent !important;
}
.c-white h2 {
  color: #000 !important;
}

.t-white2 {
    background: #000 !important;
	border:2px solid #fff !important;
}
.c-white2 {
	border:2px solid #fff !important;
	background: transparent !important;
	color: #fff !important;
}
.c-white2 h2 {
  color: #fff !important;
}


.t-disco {
  background: #000 !important;
	border:3px solid #c2a9ff !important;
}
.c-disco {
	border:1px solid #fff !important;
	background: transparent !important;
}
.c-disco h2 {
  color: #c2a9ff!important;
}
.c-disco p {
  color: #fff!important;
}


.t-eucalipto {
    background: #498080 !important;
	border:5px dotted #498080 !important;
}
.c-eucalipto {
	border:2px solid #9c916b !important;
	background: transparent !important;

}
.c-eucalipto h2 {
  color: #498080 !important;
}

.t-euforia {
    background: #a78180 !important;
	border:2px solid #fff !important;
}

.t-verde {
  background: #4ea599 !important;
	border:5px dotted #4ea599 !important;
}
.c-verde {
	border:5px dotted #4ea599 !important;
	border-right: 7px solid #4ea599 !important;
	border-left: 7px solid #4ea599 !important;
}

.c-verde h2 {
  color: #4ea599 !important;
  font-family: "Oswald", Sans-serif;
  font-size: 24px;
}
.c-verde p {
  color: #9e1c28 !important;
  font-family: "Oswald", Sans-serif;
  font-size: 22px;
}

.t-musgo {
  background: #9ab09c !important;
}
.c-musgo {
	border:1px solid #000 !important;
}
.c-musgo h2 {
  color: #9ab09c !important;
  font-family: "Molle", Sans-serif;
}

.t-lila {
  background: #b2a6ce !important;
}
.c-lila {
	border:1px solid #73527f !important;
}
.c-lila h2 {
  color: #73527f !important;
}


.t-rosa {
  background: #e62f83 !important;
}
.c-rosa {
	border:1px solid #000 !important;
}
.c-rosa h2 {
  color: #e62f83 !important;
  font-family: "Molle", Sans-serif;
}

.t-bordo {
  background: #890029 !important;
}
.c-bordo {
	border:1px solid #000 !important;
}
.c-bordo h2 {
  color: #890029 !important;
}


.t-ocre {
  background: #D7926A !important;
}
.c-ocre {
	border:1px solid #000 !important;
}
.c-ocre h2 {
  color: #D7926A  !important;
}
.t-rotar {
transform: rotate(355deg);
}

.t-azul {
  background: #00405f !important;
}
.c-azul {
	border:2px dashed #03779a !important;
}
.c-azul h2 {
  color: #03779a !important;
}

.timeline-container {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
  margin: 0 auto;
}

#timeline .timeline-item:after, #timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#timeline:before {
  content: "";
  width: 2px;
  height: 87%;
  background: #a78977;
  left: 49.5%;
  top: 0;
  position: absolute;
}

.linea-white #timeline:before {
  background: #fff;
  width: 1px;
}

.linea-black #timeline:before {
  background: #000;
  width: 1px;
}
.linea-azul #timeline:before {
  background:  #03779a;
  width: 1px;
}
 #timeline .timeline-item .timeline-content:before {
  border-left: 7px solid #fff;
}

.linea-gold #timeline:before {
  background: #9c916b;
  width: 2px;
}
 #timeline .timeline-item .timeline-content:before {
  border-left: 7px solid #fff;
}

#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {
  margin-bottom: 30px;
  position: relative;
}
#timeline .timeline-item .timeline-icon {
  background: #a78977;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 49.5%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#timeline .timeline-item .timeline-icon svg, .timeline-icon png, #timeline .timeline-item .timeline-icon .fa {
  position: relative;
  top: 13px;
  color: #fff;
}
#timeline .timeline-item .timeline-content {
  width: 43%;
  background: #fff;
  padding: 5px 20px 10px 20px;
  border:2px dotted #a78977;
  border-radius: 24px;
}
#timeline .timeline-item .timeline-content h2 {
  padding: 10px 20px 0px 20px;
  color: #a78977;
  margin: -20px -20px 0 -20px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 21px;
	font-weight: 400
}
#timeline .timeline-item .timeline-content p {
  padding-top: 6px;
  padding-bottom: 0px;
  font-size: 18px;
}
#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 43%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #a78977;
}
#timeline .timeline-item .timeline-content.right {
  float: right;
}
#timeline .timeline-item .timeline-content.right:before {
  content: '';
  right: 43%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #a78977;
}

#timeline .timeline-item .timeline-content.right.c-disco:before {
  border-right: 7px solid #fff;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-disco:before {
  border-left: 7px solid #fff;
	border-right: 0px;
}

#timeline .timeline-item .timeline-content.right.c-passion:before {
  border-right: 7px solid #9c916b;
	border-left: 0px;
	
}
#timeline .timeline-item .timeline-content.c-passion:before {
  border-left: 7px solid #9c916b;
	border-right: 0px;
}

#timeline .timeline-item .timeline-content.right.c-black:before {
  border-right: 7px solid #000;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-black:before {
  border-left: 7px solid #000;
	border-right: 0px;
}
#timeline .timeline-item .timeline-content.right.c-musgo:before {
  border-right: 7px solid #9ab09c;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-musgo:before {
  border-left: 7px solid #9ab09c;
	border-right: 0px;
}

#timeline .timeline-item .timeline-content.right.c-rosa:before {
  border-right: 7px solid #e62f83;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-rosa:before {
  border-left: 7px solid #e62f83;
	border-right: 0px;
}

#timeline .timeline-item .timeline-content.right.c-bordo:before {
  border-right: 7px solid #890029;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-bordo:before {
  border-left: 7px solid #890029;
	border-right: 0px;
}

#timeline .timeline-item .timeline-content.right.c-lila:before {
  border-right: 7px solid #73527f;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-lila:before {
  border-left: 7px solid #73527f;
	border-right: 0px;
}
#timeline .timeline-item .timeline-content.right.c-azul:before {
  border-right: 7px solid #03779a;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-azul:before {
  border-left: 7px solid #03779a;
	border-right: 0px;
}
#timeline .timeline-item .timeline-content.right.c-black2:before {
  border-right: 7px solid #000 ;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-black2:before {
  border-left: 7px solid #000 ;
	border-right: 0px;
}

#timeline .timeline-item .timeline-content.right.c-white:before {
  border-right: 7px solid #000;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-white:before {
  border-left: 7px solid #000;
	border-right: 0px;
}
#timeline .timeline-item .timeline-content.right.c-white2:before {
  border-right: 7px solid #fff;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-white2:before {
  border-left: 7px solid #fff;
	border-right: 0px;
}
#timeline .timeline-item .timeline-content.right.c-eucalipto:before {
  border-right: 7px solid #9c916b;
	border-left: 0px;
}
#timeline .timeline-item .timeline-content.c-eucalipto:before {
  border-left: 7px solid #9c916b;
	border-right: 0px;
}




@media screen and (max-width: 768px) {
  #timeline .timeline-item .timeline-content.right:before {
  right: 40%;
  }
  #timeline .timeline-item .timeline-content:before {
    left: 40%;
  }
  #timeline .timeline-item .timeline-content {
  width: 40%;
  padding: 8px 12px 8px 12px;
  }
  .timeline-container {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%;
  }
}

/* Animation CSS */

/* icon animation */
.timeline-icon.is-hidden {
  visibility: hidden;
}
.timeline-icon.animate-it {
  visibility: visible;
   -webkit-animation: bounce-1 0.6s;
   -moz-animation: bounce-1 0.6s;
    animation: bounce-1 0.6s;
}

/* content block animation */
.timeline-content.is-hidden {
  visibility: hidden;
}
.timeline-content.animate-it {
  visibility: visible;
   -webkit-animation: bounce-2 0.6s;
   -moz-animation: bounce-2 0.6s;
    animation: bounce-2 0.6s;
  }

.timeline-content.right.animate-it {
    -webkit-animation: bounce-2-inverse 0.6s;
    -moz-animation: bounce-2-inverse 0.6s;
    animation: bounce-2-inverse 0.6s;
  }

/* ALL animation types called */

@-webkit-keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.invert { filter: invert(100%); }