.form__field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #9b9b9b;
    outline: 0;
    font-size: 18px;
    color: #606060;
    padding: 15px 0 15px 0;
    transition: border-color ease .25s;
    padding-left: 15px;
    padding-right: 15px;
}

    .form__field::placeholder {
        color: transparent;
    }

    .form__field:placeholder-shown ~ .form__label {
        cursor: text;
        top: 16px;
        font-size: 17px;
        margin-left: 15px;
    }

.form__label {
    position: absolute;
    /*top: 0;*/
    top: -30px;
    display: block;
    transition: 0.2s;
    font-size: 20px;
    color: #606060;
    font-size: 1rem;
}

.form__field:focus {
    padding-bottom: 10px;
    border-bottom: 1px solid teal;
    border-width: 1px;
    border-color: #005598;
    border-image-slice: 1;
}

    .form__field:focus ~ .form__label {
        position: absolute;
        top: -25px;
        display: block;
        transition: 0.2s;
        font-size: 1rem;
        color: #005598;
        margin-left: 0;
    }

/*.form__group.field {
    min-height: 60px;
}*/

.textareawrap textarea {
    width: 100%;
    min-height: 250px;
    padding: 15px;
}

/*.form__field {
    padding-top: 15px;
}*/