holaaaa buenas tardes amigos, bueno estoy seleccionando mis inputs y aparece el borde azul por defecto y deseo con el :focus quitar los bordes, pero no lo he logrado, estoy usando Bootstrap.

<form class="contactenos contenedor" id="contactanos" method="POST" role="form">
   <legend class="weight-600">
     <i class="fas fa-user-circle" aria-hidden="true"></i>CONTÁCTENOS</legend>
   <div class="form-row align-input">
       <div class="col-md-12">
           <p class="paragraph">Déjanos tu información de envío para que tu pedido llegue seguro.</p>
         </div>
     <div class="form-group col-md-12">
       <input type="text" class="form-control line vld draw" id="name" value="" placeholder="Nombres :">
       <label class="error" for="name">* Campo obligatorio</label>
     </div>
     <div class="form-group col-md-12">
       <input type="text" class="form-control line vld draw" id="lastname" placeholder="Apellidos :">
       <label class="error" for="lastname">* Campo obligatorio</label>
     </div>
     <div class="form-group col-md-12">
       <select id="document" class="form-control line vld draw">
         <option value="opt">Tipo de Documento :</option>
         <option value="dni">DNI</option>
         <option value="pasaporte">PASAPORTE</option>
         <option value="dni">RUC</option>
       </select> 
       <label class="error" for="document"></label>
     </div>
     <div class="form-group col-md-12">
       <input type="text" class="form-control line vld draw" id="nrodoc" placeholder="Número de Documento:">
       <label class="error" for="nrodoc">* Campo obligatorio</label>
     </div>
     <div class="form-group col-md-12">
       <input type="text" class="form-control line vld draw" id="address" placeholder="Dirección :">
       <label class="error" for="address">* Campo obligatorio</label>
     </div>
     <div class="form-group col-md-12">
       <input type="text" class="form-control line vld draw" id="celphone" placeholder="Teléfono :">
       <label class="error" for="celphone">* Campo obligatorio</label>
     </div>
     <div class="form-group col-md-12">
       <input type="email" class="form-control line vld draw" id="email" placeholder="E-mail :">
       <label class="error" for="email">* Campo obligatorio</label>
     </div>
   </div>
   <br>
   <div class="form-group col-md-12">
     <textarea class="form-control line" rows="5" id="description" placeholder="Descripción :"></textarea>
   </div>
   <button id="submit" type="submit" class="btn btn-danger center-block">Enviar</button>

 </form>

.contenedor{
       padding: 1.5rem 1em;
       max-width: 500px;
       margin-left: auto;
       margin-right: auto;
       background: rgb(247, 247, 247);
   }
     legend::after{
       content: '';
       display: block;
       width: 100%;
       height: .1em;
       margin-top: 1.5rem;
       margin-bottom: .5em;
       background: rgb(250,17,0);
   }
     .form-group input.line , select.line , textarea.line{
       border-bottom: 1px solid #888 !important;
       background: transparent !important;
       border: 0;
     }
     input.line:focus,
     select.line:focus,
     textarea.line:focus{
       outline:none !important;
       outline-offset: 0;
     }
     input.line:active{
       outline:none !important;
       outline-offset: 0 !important;
     }
     .form-group .error{
       display: none;
     }
     input.form-control , select.form-control,
     textarea.form-control{
       border-radius: 0 !important;
     }