.awesome-form input {
    width: 400px;
}

.awesome-form input:focus,
.awesome-form input:active {
    outline: none;
    box-shadow: none;
    background: none;
}

.awesome-form input[type="text"],
.awesome-form input[type="password"],
.awesome-form input[type="email"] {
    background-color: #fff;
    padding: 12px;
    border: 1px solid #cbcbcb;
    box-shadow: inset 0 1px 1px 0 rgba(109, 109, 109, 0.15);
}

.awesome-form input[type="text"]:focus,
.awesome-form input[type="password"]:focus,
.awesome-form input[type="email"]:focus {
    border: 1px solid #4A90E2;
    box-shadow: none;
    background-color: #fff;
}

.awesome-form input[type="submit"]:active {
    color: #fff;
    background: #1190be;
}

.awesome-form .input-group {
    position: relative;
    margin-top: 15px;
}

.awesome-form .input-group label {
    position: absolute;
    top: 14px;
    left:12px;
    pointer-events: none;
    color: #cacaca;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.awesome-form .input-group.full-name input:focus + label,
.awesome-form .input-group.full-name input.has-content + label {
    left: -80px;
    color: #4A90E2;
}

.awesome-form .input-group.e-mail input:focus + label,
.awesome-form .input-group.e-mail input.has-content + label {
    left: -110px;
    color: #4A90E2;
}

.awesome-form .input-group.password input:focus + label,
.awesome-form .input-group.password input.has-content + label {
    left: -80px;
    color: #4A90E2;
}

.awesome-form .input-group.user-or-email input:focus + label,
.awesome-form .input-group.user-or-email input.has-content + label {
    left: -145px;
    color: #4A90E2;
}



/*=======================================================
                 Max 767 width styles
=======================================================*/
@media (max-width: 767px) {
    .awesome-form input {width:100%;}
    .awesome-form .input-group{width: 100%;}
    .awesome-form .input-group input:focus + label,
    .awesome-form .input-group input.has-content + label {
        left: -80px;display: none;
    }





}