Странная задержка у input

При нажатии на логотип вы слишком много в DOM дереве добавляете классов, чтоб поменять только цвета элементов. Достаточно присваивать класс white на родительский элемент, а все остальные изменения делать через него:

.white {backgound-color: #fff;}
.white input {backgound-color: #fff;}

Вот так, только !important убрать вместе с бесполезными цветами в стилях:

.form-control, .form-control input {
  background: transparent !important;
}