.form-group {
    position: relative;
    margin-top: 4px;
}

.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
}

.form-control-sm-placeholder {
    padding-top: 4px;
    font-size: 15px;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(8px, -8px, 0);
    opacity: 1;
    background-color: white;
    padding: 0;
}