form {
    margin-top: 20px;
    position:relative;
}

form input {
    width: 310px;
    height: 46px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #fff;
    font-size: 16px;
    line-height: 46px;
    color: #777;
    border: 1px solid transparent;
    border-radius: 3px;
}

form textarea {
    width: 310px;
    height: 146px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #fff;
    font-size: 16px;
    line-height: 46px;
    color: #777;
    border: 1px solid transparent;
    border-radius: 3px;
}

input:focus, textarea:focus {
    border-color: #F9DC0D;
}

input.error, textarea.error {
    border-color: red;
    background-color: rgb(255, 228, 228);
}

form button {
    width: 130px;
    height: 46px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: #F9DC0D;
    border: 0;
    font-size: 16px;
    color: black;
    border-radius: 3px;
}

form button:hover {
    background: #e4c70d;
}

form button:active {
    background: #ffe20d;
}

form.proccess * {
    opacity:0.3;
}
form.proccess .loading {
    opacity:1;
    display:block;
    position:absolute;
    left: 368px;
    top:160px;
    z-index:2;
    width: 64px;
    height: 64px;
    background: url('loading.gif') no-repeat 0 0;
}

.success {
    display: none;
    margin-top:30px;
}
.success b {
    color:#000;
}