/*PLUGIN LINEA DE TIEMPO*/
.timeline {
    list-style: none;
    padding: 10px 0 10px;
    position: relative;
}




.timeline > li {
/*margin-bottom: 24px;*/
  position: relative;
}

  .timeline > li:before,
  .timeline > li:after {
      content: " ";
      display: table;
  }

  .timeline > li:after {
      clear: both;
  }

  .timeline > li:before,
  .timeline > li:after {
      content: " ";
      display: table;
  }

  .timeline > li:after {
      clear: both;
  }

  .timeline > li > .timeline-panel {
      width: 46%;
      float: left;
      border: none !important;
      padding: 10px 0px 0 10px;
      position: relative;
  }
  .timeline > li > .timeline-badge {
      color: #fff;
      width: 92px;
      height: 92px;
      line-height: 50px;
      font-size: 1.4em;
      text-align: center;
      position: absolute;
      /*top: 16px;
      left: 49%;
      margin-left: -25px;*/
      /*background-color: #999999;*/
      z-index: 1;
      border-top-right-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      margin: 0 2px!important;
    left: 50%!important;
    /*top: -10px!important;*/
    transform: translate(-50%,0);
  }

.timeline > li > .timeline-badge.arrow {
      color: #fff;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 1.4em;
      text-align: center;
      position: absolute;
      top: 26px;
      left: 50%;
      margin-left: -25px;
      background-color: #999999;
      z-index: 100;
      border-top-right-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
  }
  .timeline > li > .img-sig.arrow {
              color: #fff;
              width: 50px;
              height: 50px;
              line-height: 50px;
              font-size: 1.4em;
              text-align: center;
              position: absolute;
              top: 26px;
              left: 50%;
              margin-left: -70px;
              background-color: #999999;
              z-index: 100;
              border-top-right-radius: 50%;
              border-top-left-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
          }

  .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
  }
  .timeline > li > .timeline-panel.julio{
    padding: 0 0 0 10px;
}
      .timeline > li.timeline-inverted > .timeline-panel:before {
          border-left-width: 0;
          border-right-width: 15px;
          left: -15px;
          right: auto;
      }

      .timeline > li.timeline-inverted > .timeline-panel:after {
          border-left-width: 0;
          border-right-width: 14px;
          left: -14px;
          right: auto;
      }

.timeline-badge.primary {
background-color: #2e6da4 !important;
}

.timeline-badge.success {
background-color: #3f903f !important;
}

.timeline-badge.warning {
background-color: #f0ad4e !important;
}

.timeline-badge.danger {
background-color: #ed2b14 !important;
top: 110px;
}
.timeline-badge.info {
background-color: #003296 !important;
}

.timeline-title {
margin-top: 0;
color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-title{
/*font-family: 'sans-serif';*/
font-size: 26px;
font-weight: 800;
letter-spacing: -0.5px;
color: #003296;
margin-bottom: -3px !important;
}
.timeline-title2{
opacity: 0.19;
font-size: 30px;
font-weight: 600;
line-height: 1.07;
color: #ffffff;
margin-bottom: 28px;
}
.timeline > li > .img-familia {
  width: 271px;
  height: 288px;
  top: 0px;
  left: 50%;
  margin-left: 0;
  z-index: 0;
  border-radius: 0;
  transform: translateX(-50%)!important;
}
.timeline > li > .img-sig {
  color: #fff;
  width: 150px;
  height: 150px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%)!important;
  /*margin-left: -70px;*/
  /*background-color: #999999;*/
  z-index: 1;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li > .img-familia.arrow {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 26px;
  left: 50%;
  margin-left: -70px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
/*PLUGIN FIN LINEA DE TIEMPO*/

/*MODIFICACIONES LINEA DE TIEMPO*/
.cont-lineatiempo {
    /*height: 1370px;*/
    background-color: #afa16c;
    background-image: url(../images/sprite-sf.png)!important;
    padding-top: 185px;
}
.cont-lineatiempo2 {
  /*height: 1400px;*/
  background-color: #003296;
  margin-top: -16px;
      padding-top: 100px;
}
/*.con-imgvalor{
margin-left: -116px;
margin-top: 50px;
position: absolute;
z-index: 1;
width: 670px;
height: 458px;
border-radius: 8px;
}*/
.col-nopadding{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cont-span{
  padding-top: 40px;
}
.timeline .content-left{
   text-align: right;
}
.primer-left{
  margin-top: -5%;
}
.primer-rigth{
  margin-top: -12%;
  padding-top: 0!important;
}
.lideres-heading {
    margin-bottom: 26px;
}
.img-delgado {
    border-radius: 16px;
    /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.17), 0 8px 16px 0 rgba(0, 0, 0, 0.23);*/
}
.img-market{
    border-radius: 16px;
    /*box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.18);*/
}
.col-effie {
  padding: 0px 0 4px 42px;
    /*padding-right: 19%;*/
}
.marca-clasica {
    padding-left: 42px;
}
.timeline-inverted .effie{
  /*margin-top: -103px;*/
  margin-top: -154px;
}
.delgado{
  margin-top: 4%;
}
.danger1{
   top: 38% !important;
}
.danger2 {
    top: 50%!important;
}
.medalla{
  top: -325px !important;
}
.medalla .img-sig{
    left: 54% !important;
}
.delgado .img-sig{
  width: 179px !important;
  left: auto;
  top: 5px !important;
}
.jueves-pavita .img-sig{
width: 238px !important;
  left: auto;
}

.pavo{
  position: absolute !important;
  left: 35%;
  z-index: 0;
}
.hombre{
  width: 81% !important;
  z-index: 1 !important;
  top: 54px !important;
}
.hombre2{
  width: 91% !important;
  z-index: 1 !important;
  top: -43px !important;
}
.titulo-intro{
  width: 257px;
}
._1963{
  top: -97px;
  left: 40px;
}
._1971{
  left: 35px;
  top: -63px;
}
._1972{
  top: -18px;
}
.primer-left{
  top: -163px;
  right: 30px;
}
.segundo-left {
    bottom: 107px;
    right: 30px;
}
.segunda-imagen{
   /*margin-top: -145px;*/
}
.timeline > .segunda-imagen > .img-sig{
  z-index: 0;
}
.img-lt4{
  margin-top: -150px;
  margin-left: -40px;
}
._1970{
  top: -203px;
  left: -30px;
}
.relanzamineto_marca{
  top: -121px;
}
.lideres{
  text-align: left;
}
.jueves-pavita{
   top: -172px;
}
.cont-pavita{
    top: -29px;
}
.titulo-pavita p{
  /*padding-right: 14%;*/
}
.gran-effie{
  top: -190px;
}
.reputacion{
 top: -300px;
}
.atun{
  top: -279px;
/* bottom: 300px; */
}
.reputacion-panel {
    top: 106px;
    padding-left: 25px!important;
}
.fecha{
  margin-top: 20px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.effie-2014 p:nth-child(2) {
  margin-bottom: 20px;
}
/*FIN MODIFICACIONES LINEA DE TIEMPO*/



/*tablet pro*/
@media (max-width: 1199px) and (min-width:  992px){
.cont-lineatiempo{
   padding-top: 90px !important;
}
._1963{
  top: -5px !important;
}
.btn-red{
  font-size: 10px !important;
}
.jueves-pavita .img-sig{
  width: 150px !important;
}
}
/*tablet*/
@media (max-width: 991px) and (min-width:  768px){
.titulo-intro{
  width: auto;
}
.titulo-intro h1{
  text-align: center;
}
.parrafo-intro p{
  text-align: center;
}
/*.con-imgvalor{
  margin-left:auto;
   margin-top: auto;
  position: relative;
   z-index: 0;
}*/
.con-imgvalor img{
  margin: 0 !important;
  width: 100%;
}
.titulo-intro h1{
  padding-top: 10px !important;
}
.img-lt1, .img-lt3, .img-lt4, .intro-principal, .iso-certificaciones, .img-postular{
  display: none;
}
.column-l{
  padding-left: 50px;
  padding-right: 50px;
}
._1970, .julio, .principal{
  padding-right: 80px !important;
  margin-right: -80px !important;
}
.certificaciones {
    margin-top: -240px;
}
.col-distribuidor{
  margin-bottom: 40px;
}
.cont-lineatiempo{
  padding-top: 50px;
}
.effie-2011{
  left: 5%;
}
.jueves-pavita .img-sig{
  width: 150px !important;
}
}
/*celulares*/
@media (max-width: 767px) {
  .timeline:before {
    top: -39px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -7.5px;
    width: 8px;
    border-radius: 100px;
    background-color: #003db8;
    /* height: 1375px; */
}
  .titulo-intro{
    width: 244px;
    margin: 0 auto;
  }
  .titulo-intro h1{
    font-size: 28px;
  }
  .principal{
    font-size: 16px;
  }
  ._1963, .primer-left, .segundo-left, ._1971, ._1970, .relanzamineto_marca{
    top: auto;
    left: auto;
    right: auto;
  }
  ._1970{
    bottom: 0;
  }
  .segunda-imagen{
    margin-top: auto;
  }
  .cont-lineatiempo{
    /*height: 1430px*/
  }
  .cont-lineatiempo2{
    height: auto;
    padding-top: 0;
    padding-bottom: 55px;
  }
  .primer-left, .segundo-left, ._1976{
    text-align: left;
  }
  .timeline:before{
    height: 1600px;
  }
  .lideres{
    text-align: left;
  }
  .primer-rigth{
    margin-top: 30% !important;
  }
  .effie{
    top: -96px !important;
    width: 117px !important;
    height: 117px !important;
    left: 38% !important;
  }
  .translate{
    transform: translateX(-47%)!important;
}
.translate-other{
    transform: translateX(54%)!important;
}
.lideres-titulo {
    font-size: 17px!important;
    line-height: 1.39!important;
    letter-spacing: -0.2px!important;
}
hr.linea2 {
  height: 2px;
}
}/*fin celulares*/


  .timeline-title2{
    font-size: 18px;
    font-size: 18px;
line-height: 1.22;
padding-top: 38px;
padding-top: 15px;
margin-bottom: 15px;
  }
  .timeline-title2:nth-child(1){
padding-top: 12px;
margin-bottom: 27px;
  }
  .timeline > li > .timeline-panel {
    padding: 15px 0px 0 10px;
}
  .effie-2011{
    top: 100px;
  }
  .marca-clasica{
     top: 30px;
     padding: 0 90px 0 30px;

  }
  .jueves-pavita{
     top: -5px
  }
  .relanzamineto_marca{
    top: 15px;
    text-align: left;
  }
  .left{
    text-align: left;
  }
  .delgado{
    top: -60px;
  }
  .titulo-pavita{
    top: 44px;
    padding-left: 15px!important;
        margin-top: 22px;
  }
    .jueves-pavita .img-sig {
    margin: 15px 0;
}
  .effie-2014{
    top: 40px;
    padding-left: 15px!important;
  }
.gran-effie .column-l{
    text-align: left;
}
  .reputacion{
  top: -20px;
  }
  .gran-effie{
        top: 0px;
  }
  /*.timeline .gran-effie .col-gran-effie {
    padding-right: 40px!important;
  }*/
  .danger2{
     top: 52px !important;
  }
  .reputacion-panel .column-l {
    padding-left: 0!important;
}
  .atun{
    top: 35px;
    text-align: left!important;
    left: 30px;
  }
  .medalla{
    top: -218px  !important;
    left: 18% !important;
  }
  .img-parque{
    top: 133px !important;
  }
  .certificaciones{
    margin-top: 0;
  }
  ul.timeline > li > .img-sig {
    z-index: 0 !important;
  }
  .timeline > li > .timeline-badge {
      width: 50px;
      height: 50px;
      left: 50%;
      z-index: 0 !important;
  }
  .timeline > li > .timeline-badge > .fecha {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
  }

.lideres-heading .column-l {
  padding-left: 0!important;
  padding-right: 0!important;
}
  .delgado img{
    left: 15px !important;
    margin-left: -14px;
    width: 126px !important;
    height: 118px;
  }
  .jueves-pavita .img-sig{
    top: 9px !important;
    width: 100px  !important;
    height: auto  !important;
  }
}
.quote-principal blockquote {
  padding: 10px 20px 0 10px;
  border-left: 0 solid #eee;
  font-size: 28.3px;
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: left;
  color: #ffffff;
}
.quote-principal .curly-quotes:before, .quote-principal .curly-quotes:after {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 54px;
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -2.5px;
  color: #fff;
}
.quote-principal .curly-quotes:before {
  content: '\201C';
  margin: 3px 4px 0 -47px;
}
.quote-principal .curly-quotes:after {
  content: '\201D';
  margin: 15px -8px 0 4px;
}
.padding-izq{
  padding-left: 15px;
}
.titp{
  padding-left: 20px;
  width: 150px;
}
.parraf-2011{
  padding-top: 20px;
}
.padding-camp{
  padding-top: 25px!important;
}
.img-pavita{
  width: 177px;
  height: 106px;
  margin-left: -15px;
  margin-top: 5px;
}
.titulo-pavita{
  padding-top: 73px;
}
.parraf-paddtop{
  padding-top: 9px;
}
.atun{
  padding-top: 40px;
}
.pddng-tp{
  padding-top: 15px;
}
.position-mdlla{
 margin-top: -65px;
 padding-left: 44px;
 width: 120px;
}