.sub_menu_sec1{
  
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    height: 76px;
}

.ancla_sub_menu{
  color: white;
  text-decoration:none;
}

.ancla_sub_menu:hover{
  color: white;
}

p{
  margin-top: 0% !important;
  margin-bottom: 0% !important;
}

.texto_der_navbar_capa{
  padding-left: 35px;
}

.texto_der_navbar{
    color: #fff;
    font-family: "OpenSans-Regular";
    font-size: 18px;
    
}

.texto_der_navbar_arti{
   padding-right: 32px;
   padding-left: 32px;
}

.texto_der_navbar_HDL{
 padding-right: 161px;
}

.texto_izq_navbar{
    color: #fff;
    font-family: "OpenSans-Bold";
    font-size: 20px;
    padding-right: 32px;
}

.arrow_up{
  margin-top: -100px;
}

.conten_sec2{
    background-color: black;
}

.conten_titulo_sec2{
    width: 1090px;
    height: 95vh;
    text-align: center;
}

.titulo_prin_sec2{
    background: white;
    background: linear-gradient(to right, #ff3363, #B3B3B3, #ff0000, #f7f7f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    animation: gradient 10s ease infinite;
    font-family: "Pier_Sans_Black";
    font-size: 102px;
    line-height: 1;
    padding-bottom: 32px;
}

@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

.parrafo_prin_sec2{
    color: white;
    font-family: "OpenSans-Regular";
    font-size: 18px;
}

.conten_sec3{
    width: 1090px;
    padding-top: 50px;
}

/*Texto animation*/
h6 {
    color: #fff;
    font-family: "Pier_Sans_Black";
    font-size: 42px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  h6 span {
    font-size: 42px;
    font-family: "Pier_Sans_Black";
    padding-left: 260px;
  }
  
  .message {
    background-color: white;
    color: #333;
    display: block;
    overflow: hidden;
    position: absolute;
    padding-left: 0.5rem;
    top: 0.2rem;
    left: 0px;
    animation: openclose 15s ease-in-out infinite;
  }
  
  .word1, .word2, .word3 {
    font-family: "Pier_Sans_Black";
  }

  .texto_escritorio_sec3{
    display: block;
  }

  .texto_movil_sec3{
    display: none;
  }
  
   @keyframes openclose {
    0% {
      top: 0.0rem;
      width: 0;
    }
    5% {
      width: 0;
    }
    15% {
      width: 250px;
    }
    30% {
      top: 0.0rem;
      width: 250px;
    }
    33% {
      top: 0.0rem;
      width: 0;
    }
    35% {
      top: 0.0rem;
      width: 0;
    }
    38% {
      top: -52px;
      
    }
    48% {
      top: -52px;
      width: 250px;
    }
    62% {
      top: -52px;
      width: 250px;
    }
    66% {
      top: -52px;
      width: 0;
      text-indent: 0;
    }
    71% {
      top: -107px;
      width: 0;
      text-indent: 5px;
    }
    86% {
      top: -107px;
      width: 250px;
    }
    95% {
      top: -107px;
      width: 250px;
    }
    98% {
      top: -107px;
      width: 0;
      text-indent: 5px;
    }
    100% {
      top: 0;
      width: 0;
      text-indent: 0;
    }
  }

 /*Fin texto animation*/

.parrafo_sec3{
    color: #fff;
    font-family: "OpenSans-Regular";
    font-size: 18px;
}

.col_rec_sec3{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.numero_recu_sec3{
    color: #B3B3B3;
    font-family: "Pier_Sans_Black";
    font-size: 34px;
}

.linea_recu_sec3{
  background-color: #009ca6;
  border-color:  #009ca6;
  height: 5px !important;
  width: 43px;
  border-radius: 25px;
  margin-bottom: 20px;
}

.titulo_recu_sec3{
  color: #fff;
  font-family: "OpenSans-Bold";
  font-size: 15px;
}

.sub_titulo_recu_sec3{
  color: #fff;
  font-family: "OpenSans-Regular";
  font-size: 15px;
}

.conten_sec4{
  width: 1400px;
  padding-top: 80px;
  padding-bottom: 50px;
}


.conten_sec5{
  width: 1090px;
  padding-top: 80px;
 
}

.titulo_sec5{
  background: white;
  background: linear-gradient(to right, #ff3363, #B3B3B3, #ff0000, #f7f7f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: gradient 10s ease infinite;
  font-family: "Pier_Sans_Black";
  font-size: 62px;
  line-height: 1;
  text-align: center;
  padding-bottom: 32px;
}

.sub_titulo_sec5{
  color: #fff;
  font-family: "OpenSans-Regular";
  font-size: 18px;
  text-align: center;
}

.conten_sec6{
  width: 1400px;
  padding-top: 96px;
  padding-left: 0%;
  padding-right: 0%;
}

.hover-zoom {
  float: left;
  margin: 0;
  height: 452px;
  width: 650px;
  transition: all .3s ease-in-out;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: gray;
  position: relative;
  border-radius: 25px;
  object-fit: cover;
  background-image: url(../img/lub-excelencia/escritorio/seminario_de_confiabilidad_escritorio.webp);
}
.hover-zoom:hover {
  background-size: 120%;
  background-position: relative;
}

.hover-zoom-2 {
  float: left;
  margin: 0;
  height: 452px;
  width: 650px;
  transition: all .3s ease-in-out;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: gray;
  position: relative;
  border-radius: 25px;
  object-fit: cover;
  background-image: url(../img/lub-excelencia/escritorio/seminario_de_lubricacion_escritorio.webp);
}
.hover-zoom-2:hover {
  background-size: 120%;
  background-position: relative;
}

.mini_titulo_sec6{
  color: black;
  font-family: "OpenSans-Regular";
  font-size: 20px;
  padding-top: 32px;
  padding-left: 32px;
}

.titulo_sec6{
  color: black;
  font-family: "Pier_Sans_Bold";
  font-size: 34px;
  max-width: 50%;
  padding-left: 32px;
  line-height: 1;
}


.conten_sec7{
  width: 1090px;
  padding-top: 130px;
}

.hr_sec7{
  width: 100%; 
  background-color: white;
  margin-bottom: 40px;
  height: 2px !important;
}

.titulo_sec7{
  color: white;
  font-family: "OpenSans-Bold";
  font-size: 26px;
  text-align: center;
}

.parrafo_sec7{
  color: white;
  font-family: "OpenSans-Regular";
  font-size: 18px;
  text-align: center;
}

.conten_sec8{
  width: 1400px;
  padding-top: 64px;
}

.img_logo_sec8{
  width: 189px;
  height: auto;
}

.hr_sec8{
  width: 1060px; 
  background-color: white; 
  align-items: center;
  margin-top: 40px;
  height: 2px !important;
}


.conten_sec9{
  width: 1090px;
  padding-top: 120px;
}

.titulo_sec9{
  color: white;
  font-family: "Pier_Sans_Black";
  font-size: 42px;
  text-align: center;
  line-height: 1;
}

.parrafo_sec9{
  color: white;
  font-family: "OpenSans-Regular";
  font-size: 18px;
  text-align: center;
}

.conten_sec10{
  width: 960px;
  padding-top: 80px;
}


.conten_sec13{
  width: 938px;
}

.colum_izq_sec13{
  padding-left: 408px;
  padding-top: 100px;
}

.titulo_sec13{
  font-family: "Pier_Sans_Black";
  font-size: 42px;
  color: white;
  padding-bottom: 24px;
  max-width: 400px;
  line-height: 1;
}

.parrafo_sec13{
  font-family: "OpenSans-Regular";
  font-size: 16px;
  color: white;
  padding-bottom: 24px;
  max-width: 365px;
}

.img_sec13{
  padding-top: 100px;
  width: 100%;
  height: auto;
  padding-right: 255px;
}

@media only screen and (max-width: 1680px){
  .sub_menu_sec1{
    margin-bottom: -5px;
  }
}

@media only screen and (max-width: 1540px){
  .fila_sub_menu{
    width: 1188px;
  }

  .texto_der_navbar{
    font-size: 14px;   
  }

  .texto_der_navbar_capa{
    padding-left: 90px;
  }

  .texto_der_navbar_arti{
   padding-right: 32px;
   padding-left: 32px;
  }

  .texto_der_navbar_HDL{
  padding-right: 131px;
  }

  .texto_izq_navbar{
    font-size: 16px;
    padding-right: 32px;
  }

  .conten_titulo_sec2{
    width: 920px;
    height: 85vh;
  }

  .arrow_up{
    margin-top: -40px;
  }

  .hr_sec8{
    width: 890px; 
  }

}

@media only screen and (max-width: 1400px){
  
  .titulo_prin_sec2{
      font-size: 100px;
  }

  .parrafo_prin_sec2{
      font-size: 16px;
  }

  .arrow_up{
    margin-top: -50px;
  }

  .conten_sec3{
      width: 920px;
  }

  /*Texto animation*/
  h6 {
      font-size: 40px;
    }
    
    h6 span {
      font-size: 40px;
      padding-left: 260px;
    }

    
    @keyframes openclose {
      0% {
        top: 0.0rem;
        width: 0;
      }
      5% {
        width: 0;
      }
      15% {
        width: 250px;
      }
      30% {
        top: 0.0rem;
        width: 250px;
      }
      33% {
        top: 0.0rem;
        width: 0;
      }
      35% {
        top: 0.0rem;
        width: 0;
      }
      38% {
        top: -52px;
        
      }
      48% {
        top: -52px;
        width: 250px;
      }
      62% {
        top: -52px;
        width: 250px;
      }
      66% {
        top: -52px;
        width: 0;
        text-indent: 0;
      }
      71% {
        top: -105px;
        width: 0;
        text-indent: 5px;
      }
      86% {
        top: -105px;
        width: 250px;
      }
      95% {
        top: -105px;
        width: 250px;
      }
      98% {
        top: -105px;
        width: 0;
        text-indent: 5px;
      }
      100% {
        top: 0;
        width: 0;
        text-indent: 0;
      }
    }

  /*Fin texto animation*/

  .parrafo_sec3{
      font-size: 16px;
  }

  .numero_recu_sec3{
      font-size: 32px;
  }

  .titulo_recu_sec3{
    font-size: 13px;
  }

  .sub_titulo_recu_sec3{
    font-size: 13px;
  }

  .conten_sec4{
    width: 1088px;
  }


  .conten_sec5{
    width: 920px;
  }

  .titulo_sec5{
    font-size: 60px;
  }

  .sub_titulo_sec5{
    font-size: 16px;
  }

  .conten_sec6{
    width: 1088px;
  }

  .hover-zoom {
    height: 352px;
    width: 533px;
    
  }

  .hover-zoom-2 {
    height: 352px;
    width: 533px;
    
  }


  .mini_titulo_sec6{
    font-size: 18px;
  }

  .titulo_sec6{
    font-size: 32px;
    max-width: 52%;
  }

  .conten_sec7{
    width: 920px;
  }

  .titulo_sec7{
    font-size: 24px;
  }

  .parrafo_sec7{
    font-size: 16px;
  }

  .conten_sec8{
    width: 1088px;
  }

  .conten_sec9{
    width: 920px;
  }

  .titulo_sec9{
    font-size: 40px;
  }

  .parrafo_sec9{
    font-size: 16px;
  }

  .conten_sec10{
    width: 960px;
    padding-top: 80px;
  }

  .colum_izq_sec13{
    padding-left: 233px;
  }

  .titulo_sec13{
    font-size: 40px;
  }

  .parrafo_sec13{
    font-size: 14px;
    max-width: 365px;
  }

  .img_sec13{
    padding-right: 133px;
  }

}

@media only screen and (max-width: 1100px){
  .sub_menu_sec1{
    display: none !important;
  }

  .conten_titulo_sec2{
    height: 80vh;
  }

  .conten_sec4{
   width: 99%;
  }

  .conten_sec5{
    width: 99%;
  }

  .conten_sec6{
    width: 99%;
  }

  .hover-zoom {
    height: 352px;
    width: 450px;
  }

  .hover-zoom-2 {
    height: 352px;
    width: 450px;
  }
  
  .conten_sec7{
    width: 99%;
  }

  .conten_sec8{
    width: 90%;
  }

  .conten_sec9{
    width: 90%;
  }

  .colum_izq_sec13{
    padding-left: 50px;
  }

  .img_sec13{
    padding-right: 50px;
  }


}

@media only screen and (max-width: 900px){
  .conten_sec2{
    margin-left: 0%;
    margin-right: 0%;
  }
  .conten_titulo_sec2{
    width: 80%;
    height: 95vh;
  }

  .arrow_up{
    margin-top: -100px;
  }

  .conten_sec3{
    width: 80%;
  } 

  .texto_escritorio_sec3{
    text-indent:-999px;
  }

  .texto_movil_sec3{
    display: block;
    color: #fff;
    font-family: "Pier_Sans_Black";
    font-size: 40px;
    margin-top: -5px;
  }

  .conten_sec4{
    width: 100%;
  }

  .conten_sec5{
    width: 80%;
  }

  .conten_sec6{
    width: 100%;
    
  }
  
  .hover-zoom {
    height: 342px;
    width: 370px;
    background-image: url(../img/lub-excelencia/tablet/seminario_confiabilidad_tablet.jpg);
  }

  .hover-zoom-2 {
    height: 342px;
    width: 370px;
    background-image: url(../img/lub-excelencia/tablet/seminario_lubricacion_tablet.jpg);
  }

  .hr_sec7{
    width: 90%; 
  }

  .hr_sec8{
    width: 90%; 
  }

  .conten_sec10{
    width: 90%;
  }

  .colum_izq_sec13{
    padding-left: 50px;
  }

  .img_sec13{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0%;
  }

}


@media only screen and (max-width: 650px){
  .conten_titulo_sec2{
    width: 80%;
  }

  .titulo_prin_sec2{
    font-size: 60px;
  }

  .parrafo_prin_sec2{
    font-size: 16px;
  }

  .conten_sec5{
    width: 80%;
  }
  
  .titulo_sec5{
    font-size: 45px;
    line-height: 0.8;
  }
  
  .sub_titulo_sec5{
    font-size: 16px;
  }

  .conten_sec6{
    width: 80%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .hover-zoom {
    height: 390px;
    width: 100%;
    margin-bottom: 32px;
    background-image: url(../img/lub-excelencia/movil/seminario_confiabilidad_movil.jpg);
  }

  .hover-zoom-2 {
    height: 390px;
    width: 100%;
    margin-bottom: 32px;
    background-image: url(../img/lub-excelencia/movil/grasa-escurriendo_tablet.jpg);
  }

  .hr_sec7{
    width: 90%; 
  }

  .hr_sec8{
    width: 100%; 
  }

  .img_logo_sec8{
    width: 200px;
    height: auto;
  }

  .conten_sec9{
    padding-top: 72px;
  }

  .conten_sec10{
    display: none;
  }

  .colum_izq_sec13{
    padding-left: 0px;
    text-align: center;
  }
  .titulo_sec13{
    padding-left: 10%;
    padding-right: 10%;
  }
  .parrafo_sec13{
    padding-left: 10%;
    padding-right: 10%;
  }

  .img_sec13{
    padding-left: 0px;
    padding-right: 0px;
  }
}