@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);
.mailInput::-webkit-.mailInput-placeholder,
textarea::-webkit-.mailInput-placeholder {
    color: #aca49c;
    font-size: 0.875em;
}

.mailInput:focus::-webkit-.mailInput-placeholder,
textarea:focus::-webkit-.mailInput-placeholder {
    color: #bbb5af;
}

.mailInput::-moz-placeholder,
textarea::-moz-placeholder {
    color: #aca49c;
    font-size: 0.875em;
}

.mailInput:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: #bbb5af;
}

.mailInput::placeholder,
textarea::placeholder {
    color: #aca49c;
    font-size: 0.875em;
}

.mailInput:focus::placeholder,
textarea::focus:placeholder {
    color: #bbb5af;
}

.mailInput::-ms-placeholder,
textarea::-ms-placeholder {
    color: #aca49c;
    font-size: 0.875em;
}

.mailInput:focus::-ms-placeholder,
textarea:focus::-ms-placeholder {
    color: #bbb5af;
}


/* on hover placeholder */

.mailInput:hover::-webkit-.mailInput-placeholder,
textarea:hover::-webkit-.mailInput-placeholder {
    color: #e2dedb;
    font-size: 0.875em;
}

.mailInput:hover:focus::-webkit-.mailInput-placeholder,
textarea:hover:focus::-webkit-.mailInput-placeholder {
    color: #cbc6c1;
}

.mailInput:hover::-moz-placeholder,
textarea:hover::-moz-placeholder {
    color: #e2dedb;
    font-size: 0.875em;
}

.mailInput:hover:focus::-moz-placeholder,
textarea:hover:focus::-moz-placeholder {
    color: #cbc6c1;
}

.mailInput:hover::placeholder,
textarea:hover::placeholder {
    color: #e2dedb;
    font-size: 0.875em;
}

.mailInput:hover:focus::placeholder,
textarea:hover:focus::placeholder {
    color: #cbc6c1;
}

.mailInput:hover::placeholder,
textarea:hover::placeholder {
    color: #e2dedb;
    font-size: 0.875em;
}

.mailInput:hover:focus::-ms-placeholder,
textarea:hover::focus:-ms-placeholder {
    color: #cbc6c1;
}


/* #form {
    position: relative;
    width: 500px;
    margin: 50px auto 100px auto;
} */

.mailInput {
    font-family: 'Lato', sans-serif;
    font-size: 0.875em;
    width: 470px;
    height: 50px;
    padding: 0px 15px 0px 15px;
    background: transparent;
    outline: none;
    color: #726659;
    border: solid 1px #b3aca7;
    border-bottom: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.mailInput:hover {
    background: #b3aca7;
    color: #e2dedb;
}

textarea {
    width: 470px;
    max-width: 470px;
    height: 110px;
    max-height: 110px;
    padding: 15px;
    background: transparent;
    outline: none;
    color: #726659;
    font-family: 'Lato', sans-serif;
    font-size: 0.875em;
    border: solid 1px #b3aca7;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

textarea:hover {
    background: #b3aca7;
    color: #e2dedb;
}

.mailSubmit {
    width: 502px;
    padding: 0;
    margin: -5px 0px 0px 0px;
    font-family: 'Lato', sans-serif;
    font-size: 0.875em;
    color: #b3aca7;
    outline: none;
    cursor: pointer;
    border: solid 1px #b3aca7;
    border-top: none;
}

.mailSubmit:hover {
    color: #e2dedb;
}