.form-group {
    position: relative;
    padding: 20px 0;
    width: 100%;
    max-width: 100%;
}

    .form-group input {
        border: none;
        border-bottom: 1px solid #9e9e9e;
        color:#333;
        display: block;
        font-size: 16px;
        padding: 10px 0;
        width: 100%;
    }

    .form-group label {
        color: #9e9e9e;
        font-size: 16px;
        font-weight: 100;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        transform: translateY(25px);
    }

    .form-group input:valid,
    .form-group input:focus {
        border-bottom-color: #ee6e73;
        outline: none;
    }

        .form-group input:valid + label,
        .form-group input:focus + label {
            color: #000000;
            font-size: 16px;
            transform: translateY(0);
        }

    .form-group label {
        transition: all 0.2s ease-in-out;
    }