.formRow {

    position: relative;

    margin: 15px 20px;

    width: 350px;

}



.formRow--item {

    display: block;

    width: 100%;

}



.formRow--input {

    position: relative;

    padding: 15px 20px 11px;

    width: calc(100% - 42px);

    outline: none;

    border: solid 1px #95989a;

    border-radius: 4px;

    color: #2c3235;

    letter-spacing: .2px;

    font-weight: 400;

    font-size: 16px;

    resize: none;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

}



.formRow--input-wrapper {

    position: relative;

    display: block;

    width: 100%;

}



.formRow--input-wrapper.active .placeholder {

    top: -5px;

    background-color: #ffffff;

    color: #fd999a;

    text-transform: uppercase;

    letter-spacing: .8px;

    font-size: 11px;

    line-height: 14px;

    -webkit-transform: translateY();

    transform: translateY();

}



.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {

    color: #fec8c9;

}



.formRow--input-wrapper .formRow--input:focus,

.formRow--input-wrapper .formRow--input:hover {

    border-color: #fd999a;

}



.formRow .placeholder {

    position: absolute;

    top: 50%;

    left: 10px;

    display: block;

    padding: 0 10px;

    color: #95989a;

    white-space: nowrap;

    letter-spacing: .2px;

    font-weight: normal;

    font-size: 16px;

    -webkit-transition: all, .2s;

    transition: all, .2s;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}