/* tipografias */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap');


/*
div img{
    width: 100%;
    height: auto;
}
*/
html{
scroll-behavior: smooth;
}
/*colocacion de los estilos de slider principal */
.for_movil{
display: none;  
}

/*colocacion del primer texto de adhler*/
#lineas{
height: 100px;

}
#nosotros{
margin-top: -100px; 

}
.txt{
    width: 90%;
    max-width: 1300px;
    height: auto;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 100px;
    
  
    
}
.txt .descrip{
    width: 80%;
    margin: auto;
    text-align: center;
   
}
.txt .descrip b{
color: #131E28;  
}
.txt .descrip p{
 margin: 0px;
 padding: 0px;   
 font-size: 28px;
 line-height: 48px;
 letter-spacing: 1px;
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
}
.txt .descrip hr{
width: 100%;
height: 2px;
background-color: #131E28;
margin-top: 50px;
margin-bottom: 50px;
border:none;
}
.txt .descrip h2{
  font-size: 28px;
  line-height: normal;
  letter-spacing: 3px;
  color: #131E28;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}


/*sección de experimentados */
.experimentado{
    width: 100%;
    max-width: 1920px;
    height: auto;
    /*
    line-height: 0;
    */
    margin: auto;
    background-color: #131E28;
    margin-top: 98px;
 
 
}
.experimentado .img{
    line-height: 0;
}
.experimentado .img img{
width: 100%;

}
.experimentado .des{
    width: 90%;
    max-width: 1300px;
    height: auto;
    margin: auto;
   padding-top: 0px;
   padding-bottom: 50px;
    background-color: #131E28;
   
 
}
.experimentado .des p{
 width: 80%;
 color: #ffffff; 
 margin: auto;  
 text-align: center;
 font-size:28px ;
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
 line-height: 48px;
}
.experimentado .movil{
display: none;  
}
.experimentado .tablet{
display:none;  
}
/*colocacóin de los estilos de imagen y texto */
.col1{
width: 100%;
max-width: 1920px;
height: auto;  
margin: auto;  
display: flex;
background-color: #131E28;  
padding-top: 50px;

}
.col1 .img{
width: 50%;
height: auto;
line-height: 0;
   
}
.col1 .img img{
width: 100%; 
height: auto; 
}
.col1 .txt{
width: 50%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
   
}
.col1 .txt p{
    width: 80%;
    height: auto;
    margin: auto;
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  text-align: center;
}
.col1 .txt p b{
  font-family: 'Montserrat', sans-serif;
font-weight: 700;   
}
/*columna 2*/
.col2{
    width: 100%;
    max-width: 1920px;
    height: auto;  
    margin: auto;  
    display: flex;
    background-color: #131E28;  
    }
    .col2 .img{
    width: 50%;
    height: auto;
    line-height: 0;
      
    }
    .col2 .img img{
    width: 100%;  
    }
    .col2 .txt{
    width: 50%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
       
    }
    .col2 .txt p{
        width: 80%;
        height: auto;
        margin: auto;
        color: #fff;
        font-size: 24px;
        line-height: 29px;
        font-family: 'Montserrat', sans-serif;
      font-weight: 300;
      text-align: center;
    }
    .col2 .txt p b{
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;    
    }
    /*texto debajo de las imagenes y texto */
    .cada{
        width: 100%;
        max-width: 1920px;
        height: auto;
        margin: 0px;
        padding: 0px;
        background-color: #131E28;
       
       margin: auto;
    }
    .cada div {
      width: 90%;
      max-width: 1300px;
      height: auto;
      margin: auto;
      padding-top: 100px;
      padding-bottom: 100px;
      color: #fff;
    }
    .cada div p{
    width: 80%;
    height: auto;
    margin: auto;
    font-size: 25px;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
      font-weight: 500;
    }
    /*estilos del formulario */
    .formulario{
      width: 100%;
      max-width: 1920px;
    background-color: #1F2933;  
    
    

    margin: auto;
    }
    .formulario .sub{
    width: 90%;
    max-width: 1300px;
    height: auto;
    margin: auto;
    color: #fff;
    text-align: center;
    }
    .formulario .sub h3{
    font-size: 40px;
    line-height: 83px;
    font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      margin: 0px;
      padding: 0px;
      padding-top: 80px;
    }
    .formulario .sub h4{
     font-size: 35px;
     line-height: 78px;
     margin: 0px;
     padding: 0px;
     font-family: 'Montserrat', sans-serif;
      font-weight: 500;
    }
    .formulario form{
   
      width: 70%;
      max-width: 1300px;
      margin: auto;
      height: auto;
      margin-top: 50px;
      padding-bottom: 50px;
    }
    ::placeholder{
    color: #Fff;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
      font-weight: 300;
      margin: 0px;
      padding: 0px;
      color: #fff;

    }
    /* nombre */
    .formulario form .nombre{
    width: 80%;
    height: 170px;
    margin: auto;
    border:1px solid #B1B1B1;  
    border-radius: 16px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
  
   
    }
    .formulario form .nombre label{
    margin-left: 5%;  
    font-size: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;


    }
    .formulario form .nombre input{
     width: 50%; 
     height: auto;
     margin-top: 0px;
     background-color: transparent;
     border: none;
     border-bottom: 1px solid #B1B1B1;
     margin-left: 5%;
     margin-top: 30px;
     outline: none;
     color: #fff;
     font-size: 15px;
     font-family: 'Montserrat', sans-serif;
      font-weight: 300;

    }
    /* numero telefonico */
    .formulario form .numero{
      width: 80%;
      height: 170px;
      margin: auto;
      border:1px solid #B1B1B1;  
      border-radius: 16px;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 30px;
      }
      .formulario form .numero label{
      margin-left: 5%;  
      font-size: 20px;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
  
  
      }
      .formulario form .numero input{
       width: 50%; 
       height: auto;
       margin-top: 0px;
       background-color: transparent;
       border: none;
       border-bottom: 1px solid #B1B1B1;
       margin-left: 5%;
       margin-top: 30px;
       outline: none;
       color: #fff;
       font-size: 15px;
       font-family: 'Montserrat', sans-serif;
        font-weight: 300;
      }
      /*Correo Electronico*/
      .formulario form .correo{
        width: 80%;
        height: 170px;
        margin: auto;
        border:1px solid #B1B1B1;  
        border-radius: 16px;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 30px;
        }
        .formulario form .correo label{
        margin-left: 5%;  
        font-size: 20px;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    
    
        }
        .formulario form .correo input{
         width: 50%; 
         height: auto;
         margin-top: 0px;
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #B1B1B1;
         margin-left: 5%;
         margin-top: 30px;
         outline: none;
         color: #fff;
         font-size: 15px;
         font-family: 'Montserrat', sans-serif;
          font-weight: 300;
        }
        /* ciudad */
        .formulario form .ciudad{
          width: 80%;
          height: 170px;
          margin: auto;
          border:1px solid #B1B1B1;  
          border-radius: 16px;
          color: #fff;
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-top: 30px;
          }
          .formulario form .ciudad label{
          margin-left: 5%;  
          font-size: 20px;
          color: #fff;
          font-family: 'Montserrat', sans-serif;
          font-weight: 500;
      
      
          }
          .formulario form .ciudad input{
           width: 50%; 
           height: auto;
           margin-top: 0px;
           background-color: transparent;
           border: none;
           border-bottom: 1px solid #B1B1B1;
           margin-left: 5%;
           margin-top: 30px;
           outline: none;
           color: #fff;
           font-size: 15px;
           font-family: 'Montserrat', sans-serif;
            font-weight: 300;
          }
          /*negocio */
          .formulario form .negocio{
            width: 80%;
            height: 170px;
            margin: auto;
            border:1px solid #B1B1B1;  
            border-radius: 16px;
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-top: 30px;
            }
            .formulario form .negocio label{
            margin-left: 5%;  
            font-size: 20px;
            color: #fff;
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
        
        
            }
            .formulario form .negocio input{
             width: 50%; 
             height: auto;
             margin-top: 0px;
             background-color: transparent;
             border: none;
             border-bottom: 1px solid #B1B1B1;
             margin-left: 5%;
             margin-top: 30px;
             outline: none;
             color: #fff;
             font-size: 15px;
             font-family: 'Montserrat', sans-serif;
              font-weight: 300;
            }
            /* negocio propio */
            .formulario form .propio{
              width: 80%;
              height: 170px;
              margin: auto;
              border:1px solid #B1B1B1;  
              border-radius: 16px;
              color: #fff;
              display: flex;
              flex-direction: column;
              justify-content: center;
              margin-top: 30px;
              }
              .formulario form .propio label{
              margin-left: 5%;  
              font-size: 20px;
              color: #fff;
              font-family: 'Montserrat', sans-serif;
              font-weight: 500;
              margin-bottom: 0px;
              }
              .propio .check {
             
              width: 90%;
            
              margin: 0px;
              padding: 0px;
             margin-left: 5%;
             margin-top: 15px;
              /*
              display: flex;
              flex-direction: column; 
              */
              }
              .propio .check input{
                width: auto !important;
              margin-left: 0 !important;  
              }
              .formulario form .propio input{
               width: 50%; 
               height: auto;
               margin-top: 0px;
               background-color: transparent;
               border: none;
               border-bottom: 1px solid #B1B1B1;
               margin-left: 5%;
               margin-top: 30px;
               outline: none;
               color: #fff;
               font-size: 15px;
               font-family: 'Montserrat', sans-serif;
                font-weight: 300;
               
              }
              .btn-enviar{
              margin-left: 10%;
              margin-top: 30px;
             
              }
              .btn-enviar button{
                padding: 10px;
                font-size: 16px;
                font-family: 'Montserrat', sans-serif;
                font-weight: 500;
                text-transform: capitalize;
                border-radius: 10px;
                border: none;
                cursor: pointer;
              }
              
              .btn-enviar button:hover{
                background-color: #D60812;
                color: #fff;

              }
              /*estilos del pie de pagina */
              footer{
              width: 100%;
              height: auto;
              
              background-color: #131E28; 
             
              }
              footer .fondo{
              width: 100%;
              max-width: 1920px;
              height:100%; 
              background-image: url("../img/fondo.png"); 
              
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover; 
             
              
              }
              footer .fondo .columnas{
              width: 90%;
              max-width: 1300px;
              height:100%;
              margin: auto;
              display: flex;
              justify-content: space-around;
             
              padding-top: 100px;
              padding-bottom: 100px;
              }
              /*
              footer .fondo .columnas div{
              width: 33%;
              height: auto;
              border:1px solid green;  
              }
              */
              footer .fondo .columnas .logo-pie{
               width: 33%;
               
              }
              footer .fondo .columnas .logo-pie .img {
                width: 50%;
                margin: 0px;
                padding: 0;
                margin-left: 10%;
              
              }
              footer .fondo .columnas .logo-pie .txt{
              width: 80%;
              margin: 0px;
              padding: 0px;
              color: #fff;
              margin-top: 30px;
              font-family: 'Montserrat', sans-serif;
                font-weight: 300;
              margin-left: 10%;
              
              }
              footer .fondo .columnas .logo-pie .txt p{
              font-size: 18px;
              line-height: 28px;  
              }
              footer .fondo .columnas .redes{
              width: 33%;
               
              }
              footer .fondo .columnas .redes .ubicacion{
              width: 100%;  
              display: flex;
              
              }
              footer .fondo .columnas .redes .ubicacion span{
              width: auto;
              height: auto; 
              margin: 0px;
              padding: 0px;
              }
              footer .fondo .columnas .redes .ubicacion span img{
              width: 80%;
              height: auto; 
              margin: 0px;
              padding: 0px;
              }
              footer .fondo .columnas .redes .ubicacion p{
              color: #fff;
              margin-left: 15px;
              font-family: 'Montserrat', sans-serif;
                font-weight: 500;
                font-size: 18px;
              
              }
              /*email*/
              footer .fondo .columnas .redes .email{
                width: 100%;  
                display: flex;
                margin-top: 50px;
                display: flex;
                align-items: center;
                }
                footer .fondo .columnas .redes .email span{
                width: auto;
                height: auto; 
                margin: 0px;
                padding: 0px;
                }
                footer .fondo .columnas .redes .email span img{
                width: 80%;
                height: auto; 
                margin: 0px;
                padding: 0px;
                }
                footer .fondo .columnas .redes .email p{
                color: #fff;
                margin-left: 15px;
                font-family: 'Montserrat', sans-serif;
                  font-weight: 500;
                font-size: 18px;
               
                }
                footer .fondo .columnas .redes .email p a{
                 color: #fff; 
                }
                /* facebook*/
                footer .fondo .columnas .redes .face{
                  width: 100%;  
                  display: flex;
                  margin-top: 50px;
                  display: flex;
                  align-items: center;
                  }
                  footer .fondo .columnas .redes .face span{
                  width: auto;
                  height: auto; 
                  margin: 0px;
                  padding: 0px;
                  }
                  footer .fondo .columnas .redes .face span img{
                  width: 80%;
                  height: auto; 
                  margin: 0px;
                  padding: 0px;
                  }
                  footer .fondo .columnas .redes .face p{
                  color: #fff;
                  margin-left: 15px;
                  font-family: 'Montserrat', sans-serif;
                    font-weight: 500;
                    font-size: 18px;
                 
                  }
                  footer .fondo .columnas .redes .face p a{
                   color: #fff; 
                  }
                  /*instagram */
                  footer .fondo .columnas .redes .ins{
                    width: 100%;  
                    display: flex;
                    margin-top: 50px;
                    display: flex;
                    align-items: center;
                    }
                    footer .fondo .columnas .redes .ins span{
                    width: auto;
                    height: auto; 
                    margin: 0px;
                    padding: 0px;
                    }
                    footer .fondo .columnas .redes .ins span img{
                    width: 80%;
                    height: auto; 
                    margin: 0px;
                    padding: 0px;
                    }
                    footer .fondo .columnas .redes .ins p{
                    color: #fff;
                    margin-left: 15px;
                    font-family: 'Montserrat', sans-serif;
                      font-weight: 500;
                      font-size: 18px;
                   
                    }
                    footer .fondo .columnas .redes .ins p a{
                     color: #fff; 
                    }



                    /*oficina */

              footer .fondo .columnas .oficina{
              width: 33%;
               
              }
              /*telefono*/
              footer .fondo .columnas .oficina .tel1{
                width: 100%;  
                display: flex;
                margin-top: 0px;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                margin-bottom: 30px;
                
                }
                footer .fondo .columnas .oficina .tel1 span{
                width: auto;
                height: auto; 
                margin: 0px;
                padding: 0px;
                }
                footer .fondo .columnas .oficina .tel1 span img{
                width: 80%;
                height: auto; 
                margin: 0px;
                padding: 0px;
                }
                footer .fondo .columnas .oficina .tel1 p strong{
                  font-family: 'Montserrat', sans-serif;
                  font-weight: 700;
                  font-size: 18px;
                  padding-bottom: 10px;
                  display: inline-block;
                
                }
                footer .fondo .columnas .oficina .tel1 p{
                color: #fff;
                margin-left: 15px;
                font-family: 'Montserrat', sans-serif;
                  font-weight: 500;
                  font-size: 18px;
                  line-height: 30px;
                  
               
                }
                footer .fondo .columnas .oficina .tel1 p a{
                 color: #fff; 
                }
                /* telefono 2*/
                footer .fondo .columnas .oficina .tel2{
                  width: 100%;  
                  display: flex;
                  margin-top: 0px;
                  display: flex;
                  align-items: flex-start;
                  justify-content: flex-start;
                
                  }
                  footer .fondo .columnas .oficina .tel2 span{
                  width: auto;
                  height: auto; 
                  margin: 0px;
                  padding: 0px;
                  }
                  footer .fondo .columnas .oficina .tel2 span img{
                  width: 80%;
                  height: auto; 
                  margin: 0px;
                  padding: 0px;
                  }
                  footer .fondo .columnas .oficina .tel2 p strong{
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 700;
                    font-size: 18px;
                    padding-bottom: 10px;
                    display: inline-block;
                   
                  }
                  footer .fondo .columnas .oficina .tel2 p{
                  color: #fff;
                  margin-left: 15px;
                  font-family: 'Montserrat', sans-serif;
                    font-weight: 500;
                 
                  }
                  footer .fondo .columnas .oficina .tel2 p a{
                   color: #fff; 
                  }
                  .fondo_movil{
                  display: none;  
                  }
                


              /* redes flotantes */
              .social {
                position: fixed; 
                left: 0; 
                top: 200px; 
                z-index: 5; 
              }
              
                .social ul {
                  list-style: none;
                }
              
                .social ul li a {
                  display: inline-block;
                  color:#fff;
                  background: #000;
                  padding: 0px;
                  text-decoration: none;
                  -webkit-transition:all 500ms ease;
                  -o-transition:all 500ms ease;
                  transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
                }
              
                .social ul li .icon-what {background:#fff;width: 50px;height: 50px;display: flex;justify-content: center;border-radius: 0px 10px 10px 0px;} /* Establecemos los colores de cada red social, aprovechando su class */

                .social ul li .icon-what img{
                  width: 70%;
                  margin: auto;
                 
                }
/* colocacion del slider principal */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  margin-top: 80px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}
/* Next & previous buttons */
.flechas{
 /* 
width: 95%;
height: 50%;

position: absolute;
top: 0%;
display: flex;
justify-content: space-between;
margin-left: 2.5%;
margin-right: 2.5%;
border:1px solid red;

*/

}
.prev, .next {
  width: 100%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 1;
}

/* Position the "next button" to the right*/
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}









/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
.fade .movil{
display: none;  
}
.fade .tablet{
display: none;  
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@media(max-width:991px){
  .fade .movil{
  display: none;  
  }
  .fade .pc{
  display: none;  
  }
  .fade .tablet{
  display: block;  
  }
  }
  @media(max-width:767px){
    .prev, .next{
     
     top: 40%; 
    }
  .fade .pc{
  display: none;    
  }
  .fade .tablet{
  display: none;  
  }
  .fade .movil{
  display: block;    
  }
  }
  /* estilos de la lista */
  .lista{
  width: 100%;
  height: auto;
  border:1px solid orange;  
  }
  .lista ul{
  color: #fff;
  font-size: 30px;
  }
  .lista ul li{
  font-size: 22px;  
  }