.sin_margen { margin-right:0px; margin-left:0px; }
.sin_padding { padding-left:0px; padding-right:0px;  }
.sin_flex { display:inherit; }

.sin_padding_der { padding-right:0px; }
.sin_padding_izq { padding-left:0px; }

.margen_arriba_1 { margin-top:1%; }
.margen_arriba_2 { margin-top:2%; }
.margen_arriba_3 { margin-top:3%; }
.margen_arriba_4 { margin-top:4%; }
.margen_arriba_5 { margin-top:5%; }

.margen_abajo_1 { margin-bottom:1%; }
.margen_abajo_2 { margin-bottom:2%; }
.margen_abajo_3 { margin-bottom:3%; }
.margen_abajo_4 { margin-bottom:4%; }
.margen_abajo_5 { margin-bottom:5%; }

.padding_arriba_1 { padding-top:1%; }
.padding_arriba_2 { padding-top:2%; }
.padding_arriba_3 { padding-top:3%; }
.padding_arriba_4 { padding-top:4%; }
.padding_arriba_5 { padding-top:5%; }

.padding_abajo_1 { padding-bottom:1%; }
.padding_abajo_2 { padding-bottom:2%; }
.padding_abajo_3 { padding-bottom:3%; }
.padding_abajo_4 { padding-bottom:4%; }
.padding_abajo_5 { padding-bottom:5%; }

body { font-family: 'Open Sans', sans-serif; }

.navbar-light .navbar-nav .nav-link {
    font-weight: 500;
}

.barra_menu {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 5;
}

.bg_menu {
    background-color: #FFFFFF;
}

.logo_bufalo {
    max-width: 70px;
    width: 100%;
}

.banner {
    overflow: hidden;
    position: relative;
}

.banner img {
    animation-iteration-count: infinite;
    animation-duration: 60s;
    animation-name: zoom;
}

.sobre_banner {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    text-align: center;
}

.tit_banner {
    color: #FFF;
    font-size: 46px;
    font-weight: 300;
}

.subtit_banner {
  color: #FFF;
  font-size: 32px;
  font-weight: 300;
}

.texto_banner {
    color: #FFF;
    font-size: 16px;
}

.tit_secc_centrado {
    color: #4D4D4D;
    font-size: 22px;
    text-align: center;
    margin-top: 40px;
}

.linea_azul_centrado {
    background-color: #00ADEF;
    width: 70px;
    height: 3px;
    margin: 0 auto;
    margin-top: 5px;
}

.texto_foto {
    text-align: center;
    color: #4D4D4D;
    margin-top: 20px;
    font-size: 14px;
}

.tit_secc_izq {
    color: #4D4D4D;
    font-size: 22px;
    margin-top: 10px;
}

.linea_azul_izq {
    background-color: #00ADEF;
    width: 50px;
    height: 3px;
    margin-top: 5px;
}

.margen_img_quienes {
    margin-top: 12%;
}

.texto_quienes {
    color: #4D4D4D;
    font-size: 14px;
    margin-top: 20px;
}


.texto_servicios {
    color: #4D4D4D;
    margin-top: 10px;
    font-size: 14px;
}

.texto_servicios span {
    color: #00ADEF;
    font-size: 18px;
}

.subtit_servicios {
    color: #4D4D4D;
    margin-top: 10px;
    font-size: 22px;
}


.cont_input {
    margin-top: 10px;
}

.cont_input p {
    margin-bottom: 2px;
    color: #4D4D4D;
}

.cont_input input {
    width: 100%;
}

.cont_input textarea {
    width: 100%;
}

.input_h {  width:100%; visibility: hidden; }

.bot_enviar {
    border: none;
    background-color: #00ADEF;
    padding: 5px 30px;
    color: #FFF;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 10px;
}


.cuadro_info { text-align:center; padding:10px 15px; background-color:#00ADEF; margin-bottom:40px; }
.cuadro_info i { font-size:30px; margin-top:10px; }
.tit_info { font-weight:700; margin-top:5px; }

.info_info { font-weight:600; line-height:1.3; margin-top:5px; }



.bot_wsp { display:block; position:fixed; bottom:5px; right:5px; /*background-color:#57a52c; padding:7px 7px; border-radius:50%;*/ color:#FFF;
    animation-delay: 1s; animation-duration:5s; animation-name:corazon;
    animation-iteration-count: infinite; max-width:50px;
   } 
  
   @-webkit-keyframes corazon {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    5% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    10% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    15% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    20% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes corazon {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    5% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    10% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    15% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    20% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }


  @-webkit-keyframes zoom {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  }
  
  @keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    
      100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
  }


@media (max-width: 767px) { 

    .barra_menu {
        position: relative;
        top: unset;
        left: 0;
        width: 100%;
        z-index: 5;
    }

    .sobre_banner {
        position: absolute;
        width: 100%;
        top: 20%;
        left: 0;
        text-align: center;
    }
    
    .tit_banner {
        color: #FFF;
        font-size: 24px;
        font-weight: 300;
        text-shadow: 2px 2px 3px #000;
    }

    .subtit_banner {
      color: #FFF;
      font-size: 20px;
      font-weight: 300;
      text-shadow: 2px 2px 3px #000;
  }
    
    .texto_banner {
        color: #FFF;
        font-size: 14px;
        text-shadow: 2px 2px 3px #000;
        max-width: 300px;
        margin: 0 auto;
        line-height: 1.2;
    }

}


@media (max-width: 450px) { 

  .sobre_banner {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 0;
    text-align: center;
}

.tit_banner {
  color: #FFF;
  font-size: 22px;
  font-weight: 300;
  text-shadow: 2px 2px 3px #000;
}

.subtit_banner {
color: #FFF;
font-size: 18px;
font-weight: 300;
text-shadow: 2px 2px 3px #000;
}

.texto_banner {
  color: #FFF;
  font-size: 12px;
  text-shadow: 2px 2px 3px #000;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.2;
}

}