.html5Form input,.html5Form  textarea {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
.html5Form span {display:none;}
.html5Form input:required, .html5Form textarea:required{
    background-image:url(../img/asterisk.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 10px;
}
.html5Form input:focus:invalid, .html5Form textarea:focus:invalid {
    border-color:#FF0000;
}
.html5Form input:focus:invalid + span , .html5Form textarea:focus:invalid + span {
    display:inline;
    color:#FF0000;
}
.html5Form input:focus:valid, .html5Form textarea:focus:valid {
    border-color:#2CC16A;
}
.html5Form input:valid, .html5Form textarea:valid {
    background-image:none;
}