@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
 html{
   font-size:100%;
   box-sizing: border-box;
 }

 html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

 /* *, *::before, *::after{
   box-sizing: inherit;
 } */
 body{
   padding:0;
   margin:0;
   line-height: 1.8;
   font-family: 'Source Sans Pro', sans-serif;
 }
 #contenedor{
    background: rgb(255, 255, 255);
    padding: 0px;
    margin: 0px;
           
        }
               .degrade{
                    min-height: 20px;
                    background: #7e8576;
                    width: 100%;
                    padding: 0px;
                }

                .top_bar_interno{
                  height: auto;
                  width: 500px;
                  color: #00ffc8;
                }

                .text_top_bar{
                  
                    text-align: center;
                    color: lightcyan;
                    padding: 0px;
                    font-size:13px;
                }

                .telf-email-topbar{
                  margin: 2px;
                  height: auto;
                  
                }

                .brand{
                    background: rgb(255, 255, 255);
                    height: 110px;
                    /* background:  url(../img/fondo2.jpg) repeat-x 0 0; */
                }

                .centrador{
                    height: auto;
                    } 
                     
                    .cont-img-logo{
                      background-color: #ffffff;
                      width: auto;
                    }

                    .icono_menu{
                      COLOR:#00ED7A;
                    }

                    .logo-texto{
                      padding: 10px 5px 5px 5px;
                    }
                    
                        .img-isotipo{
                          height:90px;
                          margin: 10px 10px 10px 10px;
                          
                        }
                        
                        .svg_logo{    
                           height: 40px;
                           
                        }
                        .cont-text-logo{
                          height: auto;
                        }
                        .text_logo{
                          font-size: 13PX;
                            line-height: 1em;
                            color: rgb(21, 18, 13);
                            text-align: left;
                            margin: 5px 0px;
                        }
            .telf-email{
              display:none;
            }            
                        
           .sociales{
            width: 100%;
             height: 45px;
           }  
              .sociales p{
                margin: 0px;
              }
           
              .img-logmega{
                height:45px;
              }
               
           .nav{
            background: transparent;
            height: 40px;
            width: 100%;  
                    
           }   
           
            
                
                .nav li a {
                        color: #00ffC8;
                        font-size: 0.9rem;
                        font-weight: 600;
                        text-transform: uppercase;
                        padding: 6px 60px 6px 60px;
                        letter-spacing: 2px;
                        text-decoration: none;
                        display: inline-block;
                        height: 35px;                        
                    }
                    .nav li {
                      list-style-type: none;
                      transition: 0.3;
                     }

                     .nav li:hover {
                      border-bottom: 1px solid #00ff48;
                      background-color: #01854c;
                      transition: 0.3;
                     }

                    .nav a:hover{
                        color: #ffffff;
                        
                        transition: 0.3s;
                    }
                        .text_interno_menu{
                         padding-left:4px ;
                        }

          .miNav{
            height: 40px;
            margin-top:0px;
            padding:0px;
            background-color:transparent;
            width: 100%;
            
            text-align: center;
            
          }
          .ham{
            display: none;  
            cursor: pointer;
            border: none;
            margin: 0;
            padding:0;
            background-color: transparent;
            color: #00ff88;
            font-size: 45px;

          }
               .slider-wraper{
                 height: auto;
                 width: 100%;
                background: url(../img/slider-malla.jpg) no-repeat 0 0;
               }           
                .slider{
                    height: 350px;
                    padding: 20px 20px 20px 20px;
                   
                } 

                    .slider-titulo{
                       color: #006d00; 
                      width: 80%;
                      font-weight: 900;
                    
                    }

                    .slider-texto{
                      color: #313131;
                      width: 80%;
                    }

                     .btn-principal{
                       background-color: #126e51;
                       color: #00ff48;
                     }  

                            .btn-principal:hover{
                              background-color: #075423;
                              color: #ffffff;
                            }

                    .btn-home{
                      background-color: #126e51;
                      color: #00ff88;
                    }
                    .btn-home:hover{
                      background:rgb(1, 90, 52);
                      transition: 0.3s;
                    }
                    .img-slider{
                      float: right;
                      margin-right: 10%;                    

                    }
                    .text-slider{
                      margin-left: 5%;
                    } 
                    
                    .section-homologado{
                      height: auto;
                      padding: 20px 20px 20px 20px;
                    }

                .informacion{
                    height: auto;
                    width: 100%;
                    padding:1%;
                    background-color:rgb(255, 255, 255);
                    margin-top: 20px;
                    margin-bottom: 20px;
                    
                }   

                    .infowrap{
                      height: 300px;
                    }
                
                
                        .prev_vista{
                            height: auto;
                            background-color: #ffffff;
                            padding: 10px;
                            margin:5px;
                            /* border: 1px solid #000000; */
                        }
                            .img_prev{
                                padding: 10px ;
                                height: 160px;
                                text-align: center;                               
                            }
                            /* .prev_titulo{
                                text-align: center;
                            } */
                            .prev_titulo{
                              text-align: left;
                              font-weight: bold;
                              color: #006633;
                             }
                            .text_info p {
                            text-align: left;
                            color:#21271f;
                            font-size: 15px;
                            }   
                 
                
                .parallax{
                  padding: 20px 0px 20px 0px;
                    clear: both;
                    width: 100%;
                    height: auto;
                    background: url(../img/fondo.jpg) fixed no-repeat 0 0;
                    background-size: cover;
                    background-position: center top;
                } 
                    .elejidos{
                      color: #ffffff;
                      margin: 20px 0px 20px 0px;
                    }
                    .elegidos-trans{
                      padding: 0px 40px 0px 40px;
                      margin: 80px 0px 80px 0px;
                      background-color: rgba(8, 10, 8, 0.5);
                      width: 100%;
                    }
                        .elejidos-titulo{
                          margin-top: 20px;
                          margin-bottom: 20px;
                        }
                        .marco_texto_elejidos{
                         color: #ffffff;
                         margin: 10px;
                         padding: 0px;
                          /* border: 1px solid #f2f2f2; */
                         height: 100%;
                          /* background-color: rgba(8, 10, 8, 0.4); */
                        }
                        .marco_texto_elejidos p{
                          font-size: 28px;
                          text-align: center;
                          

                        }
                            .img-elejidos{
                              height: auto;
                              width: 100%;
                              padding:0px;
                              
                            }
                            .iso-content{
                              padding: 20px;
                              height: auto;
                            }
                                .img-iso{
                                  height: auto;
                                  max-height: 180px;
                                  width: 100%;
                                  padding:20px ;
                                }
                             

                .clientes{
                    height: auto;
                    padding-bottom: 10px;
                 }


                
                
.showCustomer {
  height: auto;
}
        .myCustomers{
           padding-top:0px;
           height: auto;
        }  
        .text_customer_title{
          height: 80px;
          padding-top: 20px;
          padding-bottom: 15px ;
          width: 100%;
          background:  url(../img/texture-bw.png) repeat-x 0 0;
          align-content: center;
        }    
        
        .customer_title{
          border: 1px solid #00ff88;;
          margin-top: 30px;
          padding: 8px 15px 3px 15px ;
          width: auto;
        }

/* ----------------- swiper ----------------- */
.swiper {
   width: 70%;
   height: auto;
   margin-top: 30px;
   margin-bottom: 30px;
  }

  .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    position: relative;
    padding: 50px;
  }

  .swiper-slide img {
    display: block;
    width: 70%;
    padding: 10px;
  }




  footer{
    height: 60px;
    background-color: #21271f;
}

          .pie-datos{
            height: auto;
            padding: 20px 0px 0px 0px;
            background-color: #126e51;
          }

                .img-pie-logo{
                  height: auto;
                  width: 100%;
                }

              .mapa {
                  margin: 10px 10px 10px 10px;
                  padding: 10px 10px 10px 10px;
                  border: solid #75b1a07a;
              }

          .img-pie-datos-interno{
            
            padding: 30px 30px 20px 50px;
            
            
          }

          .pie-datos-interno {
            margin: 20px;
          }

          .pie-datos-interno h5{
            color: #00ff88;
          }
          .pie-datos-interno ul li{
            color: #ffffff;
            font-size: 0.9em;
          }
          
          .pie-logo{
            height: auto;
            padding: 0px 30px 30px 0px;
            width: 70%;
          }
          .pie-svg-logo{
            padding-left: 15px;
          }
          .pie-isotipo{
            margin-right: 15px;
          }
          .pie-creditos{
            background-color: #333333;
            width: 100%;
            margin:0px;
          padding:0px;
            height: auto;
            
          }
          .pie-creditos p{
            color: #ffffff;
            margin-bottom: 0px;
            padding:10px;
            font-size: 12px;
            text-align: center;
          }
          .footer{
            margin-bottom: 0px;
            padding-bottom: 0px;
          }
/*-------PAGINA PRODUCTOS -------------*/
.productos{
  height: auto;
}
.productos-wraper{
padding: 20px 0px 20px 0px !;
}
.producto{
  height:auto;
  width:100%;
  border: #e8e4e4 solid 1.5px;
  
  margin-top: 10px;
}
.cabecera-titulo{
  background-color: #126e51;
  padding: 60px 0px 60px 0px;
  text-align: center;
  color: #ffffff;
}
.producto-nombre{
  background-color: #333333;
  margin: 10px 0px 10px 0px;
  padding: 25px 10px 25px 10px;
}
      .producto-nombre h5{
       color: #ffffff;
      
      }

      .img-producto{
        max-height: 390px;
        margin: 10px;
      }

 .especificaciones-titulo{
   background-color: #6d6d6d;
   color: #00ED7A;
   padding: 10px;
 }    

 .producto-mensaje{
   background-color: #00ffc8;
   padding: 20px;
   font-size: small;
 }

 .contacto-mapa{
   height: auto;
 }
 
 /* -------  conocenos --------*/
 .conocenos-compromiso{
   background-color: #e5f3f3;
   padding-top: 20px;
   padding-bottom: 0px;
   margin: 0px;
   width: 100%;
 }
 .conocenos-texto{
   margin-top: 30px;
   text-align: justify;
   padding: 10px;
 }
 .conocenos-historia-imagen{
padding: 5px;
margin: 10px;
width:100%;
  
}

 .vision{
   
  padding: 65px;
  margin: 0px;
  background-color: #d5e1e1;
  width: 100%;
 }
    .vision p{
      font-size: 1rem;
      width: 100%;
      text-align: center;
    }
    .vision-svg{
      height: 100px;
    }
        .vision-svg img{
          height: 100%;
        }
 .mision{
  padding: 65px;
  margin: 0px;
  background-color: #c1d2d2;
  width: 100%;
 }
 .mision p{
  width: 100%;
  text-align: center;
  font-size: 1rem;
 }
 .vision-svg{
   margin-bottom: 20px;
 }

 .politica-gestion-texto{
  padding: 55px;
  margin: 15px;
}

.politica-gestion-texto ul li{
  font-size: 1rem;
}
.politica-gestion-texto p{
  font-size: 1.1rem;
}
/* -------  fin conocenos --------*/
/* -------  servicios--------*/

.servicos{
  padding: 0px 50px 0px 50px;
  border: solid c;
}
  .serv-inicia{
    height: 100px;
    margin-top: 20px;
  }
.serv-item{
padding: 20px;
border: solid 1px  #e9e9e9; 
margin: 20px 20px 50px 20px;

}
.serv-item:hover{
  
  border: solid 1px  #15ff44; 
 background-color: #f5f5f5;
  }

.serv-img{
border: solid #00ED7A;
height:auto;
margin-bottom: 20px;

}

.serv-descrip{
  height:120px;
}

.scrollup{bottom:40px;
  color:#00ff88;;
  font-size:42px;
  height:40px;position:
  fixed;right:22px;
  text-align:center;
  width:40px;
  z-index:999;}


  


/* -------  fin servicios--------*/



/*-------FIN PAGINA PRODUCTOS -------------*/


  /* @media only screen and (min-width: 769px) {
    .swiper-slide:first-child {
      transition: transform 100ms;
    }

    .swiper-slide:first-child img {
      transition: box-shadow 500ms;
    }

    .swiper-slide.swiper-slide-active:first-child {
      transform: translateX(50%);
      z-index: 2;
    }

    /* .swiper-slide.swiper-slide-active:first-child img {
      box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.35);
    } */

    /* .swiper-slide:nth-child(2) {
      transition: transform 100ms;
    }

    .swiper-slide.swiper-slide-next:nth-child(2) {
      transform: translateX(55%);
      z-index: 1;
    }

    .swiper[dir="rtl"] .swiper-slide.swiper-slide-active:first-child {
      transform: translateX(-50%);
    }

    .swiper[dir="rtl"] .swiper-slide.swiper-slide-next:nth-child(2) {
      transform: translateX(-55%);
    }
} */ 
@media (max-width: 580px){
 /* ------ XS ---------*/

 .ham{
       
    margin: 0px 20px 0px 0px ;
    padding:0;
    background-color: transparent;
    display: block;
    position: absolute;
    top:32px;
    right:20px;
    font-size: 45px;
  }
  .boton-menu{
    height:45px;
  } 
.centrador{
  padding: 0;
}
.logo-homologado{
  display: none;
}
 .nav {  
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  top:115px;
  left: 0px;
  z-index: 1000;
  /* list-style: none; */
  /* flex-direction: column; */
  width: 100%;
  height: 300px;
  /* display: none; */
  /* opacity: 0; */
  transition: 0.4s;
  background-color: rgba(0, 79, 29, 0.9);
} 


.nav.activado{
visibility: visible;
}


.cabecera{
  /* background: rgb(6, 53, 34); */
  padding:0px 15px 0px 15px;
}
.miNav{
  background-color: transparent;
}

.slide{
  margin-top: 120px; 
}
.slider{
  height: 350px;
  padding: 10px 10px 10px 10px;
  position:relative;
 transition: 0.3s;
}

/* header */
.brand{
  height:85px;
}
.img-isotipo{
  height:75px;
  transition: 0.3s;
}

.svg_logo{
  height:30px;
  transition: 0.3s;
}

.text_logo{
  font-size:10px;
  transition: 0.3s;
}

.img-isotipo{
  height: 65px;
  transition: 0.3s;
}

/* slider */
.img-slider{
height: 310px;
margin-right: -65px;
transition: 0.3s;
position: relative;
bottom: 40px;


}
.carousel-inner{
  margin-top: -50px;
  transition: 0.3s;
}

/* contenedor text */
.text-slider{
  margin-left: -40px;
  transition: 0.3s;
}


.slider-texto{  
    display: block;
    color: #ffffff;
    transition: 0.3s;
    position: absolute;
    top: -90px;
    padding: 10px;
    width: 100%;
    text-shadow: black;
 }

 

 .slider-titulo{
  position:absolute;
  top: -235px;   
  font-size: 30px;     
  transition: 0.3s;
  width: 100%;
 }

.carousel-indicators{
  margin-bottom: 40px;
}

.btn-home-primary{ 
 transition: 0.3s;
}

.carousel-inner{
  overflow: visible;
}

.section-homologado{
  background-color: #00ff88;
}

.img-logmega2{
  height: 60px;
  }

.img_prev{
  padding: 10px ;
  height: 180px;
  text-align: center;   
  transition: .3s;                            
}

.pie-logo{
  width: auto;
}
.pie-contenedor{
  padding-left: 30px;
  padding-right: 30px;
}



}

@media (min-width: 576px){
  /* ---- SMALL ----- */
  .ham{
    cursor: pointer;
    border: none;
    margin: 0px 20px 0px 0px ;
    padding:0;
    background-color: transparent;
    display: block;
    position: absolute;
    top:32px;
    right:20px;
    font-size: 45px
  }
  .nav {  
    flex-wrap: nowrap;
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
    top:140px;
    left: 0px;
    z-index: 1000;
    /* list-style: none; */
    /* flex-direction: column; */
    width: 100%;
    height: 35px;
    /* display: none; */
    /* opacity: 0; */
    transition: 0.4s;
    background-color: rgba(19, 43, 6, 0.6);
  } 

.boton-menu{
  height: 45px;
}

  
  .logo-homologado{
    display: block;
  } 
 

 
  
   .nav li a {
   
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 2px 6px 2px;
    letter-spacing: 0px;
    text-decoration: none;
    display: inline-block;
    height: auto;
  }  


.cabecera{
  /* background: rgb(6, 53, 34); */
  padding:0px 30px 0px 30px;
}
.img-slider{
  float: right;
  margin-right: -8%;

}
.text-slider{
  margin-left: -8%;
} 
   
.cont-logo-homologado{
  width: 100%;
}




.img-slider{
  
  margin-right: 20px;
  transition: 0.3s;
  
  
  }

  
  .section-homologado{
    background-color: #00ff88;
    display: none;
  }

 

    
}
@media (min-width: 768px){

 /* .logo-homologado{
    display: block;
  }   */

  
       .sociales ul li i {
         color: #126e51;
         ;
       }

  
   .nav li a {
     font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 6px 0px 6px 0px;
    letter-spacing: 0px;
    text-decoration: none;
    display: inline-block;
    height: 35px;
    } 
.miNav{
  height: 40px;
  margin-top:0px;
  padding:0px;
  background-color: #126e51;
  width: 100%;
  text-align: center;
  
}  
.nav{
  position:static; 
  background: transparent;
  height: 40px;
  width: 100%;
  
 } 
 .telf-email{
  display: none;
}
.cabecera{
  /* background: rgb(255, 255, 255); */
  padding:0px 20px 0px 20px;
}

.img-slider{
  float: right;
  margin-right: 0%;

}
.text-slider{
  margin-left: -5%;
} 
 
}
@media (min-width: 992px){
  
   .nav li a {    
    font-weight:normal;
    text-transform: uppercase;
    padding: 6px 0px 6px 0px;
    letter-spacing: 0px;
    text-decoration: none;
    display: inline-block;
    height: 35px;
} 

.telf-email{
  display:block;
}
.miNav{
  height: 40px;
  margin-top:0px;
  padding:0px;
  background-color: #126e51;
  width: 100%;
  text-align: center;
  
}  
.nav{
  background: transparent;
  height: 40px;
  width: 100%;
  
 } 

 .cabecera{
  /* background: rgb(6, 53, 34); */
  padding:0px 90px 0px 90px;
}



}
@media (min-width: 1200px){
  
  .nav li a {    
   font-weight: bold;
   text-transform: uppercase;
   padding: 6px 5px 6px 5px;
   letter-spacing: 2px;
   text-decoration: none;
   display: inline-block;
   height: 35px;
} 
.telf-email{
 display:block;
}
.miNav{
 height: 40px;
 margin-top:0px;
 padding:0px;
 background-color: #126e51;
 width: 100%;
 text-align: center;
 
}  
.nav{
 background: transparent;
 height: 40px;
 width: 100%;
 
} 

.cabecera{
 /* background: rgb(6, 53, 34); */
 padding:0px 120px 0px 120px;
}

.img-slider{
  float: right;
  margin-right: 10%;

}

}
@media (min-width: 1400px){
  
  .nav li a {    
   font-weight: bold;
   text-transform: uppercase;
   padding: 6px 5px 6px 5px;
   letter-spacing: 2px;
   text-decoration: none;
   display: inline-block;
   height: 35px;
} 
.telf-email{
 display:block;
}
.miNav{
 height: 40px;
 margin-top:0px;
 padding:0px;
 background-color: #126e51;
 width: 100%;
 text-align: center;
 
}  
.nav{
 background: transparent;
 height: 40px;
 width: 100%;
 
} 

.cabecera{
 /* background: rgb(6, 53, 34); */
 padding:0px 150px 0px 150px;
}

}