/* https://codepen.io/afirulaf/pen/djAen */

.emelsendemail {
    -webkit-border-radius: 8px/7px;
    -moz-border-radius: 8px/7px;
    border-radius: 8px/7px;
    background-color: #ebebeb;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .31);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .31);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .31);
    border: solid 1px #cbc9c9;
}

.emelsendemail div,
.emelsendemail dl,
.emelsendemail dt,
.emelsendemail dd,
.emelsendemail ul,
.emelsendemail ol,
.emelsendemail li,
.emelsendemail h1,
.emelsendemail h2,
.emelsendemail h3,
.emelsendemail h4,
.emelsendemail h5,
.emelsendemail h6,
.emelsendemail pre,
.emelsendemail form,
.emelsendemail fieldset,
.emelsendemail input,
.emelsendemail textarea,
.emelsendemail p,
.emelsendemail blockquote,
.emelsendemail th,
.emelsendemail td {
    padding: 0;
    margin: 0;
}

.emelsendemail fieldset,
.emelsendemail img {
    border: 0
}

.emelsendemail ol,
.emelsendemail ul,
.emelsendemail li {
    list-style: none
}

.emelsendemail :focus {
    outline: none
}

.emelsendemail input,
.emelsendemail textarea,
.emelsendemail select {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #4c4c4c;
}

.emelsendemail h1 {
    font-size: 32px;
    font-weight: 300;
    color: #4c4c4c;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 10px;
}

.emelsendemail form {
    margin: 20px;
}

.emelsendemail hr {
    color: #3a57af;
}

.emelsendemail input[type=text],
.emelsendemail input[type=email],
.emelsendemail input[type=tel],
.emelsendemail input[type=password],
.emelsendemail textarea {
    width: 70%;
    height: 39px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 2px 4px 5px darkgrey;
    border: solid 1px blanchedalmond;
    margin-left: -5px;
    margin-top: 13px;
    padding-left: 10px;
}

.emelsendemail #icon {
    display: inline-block;
    width: 30px;
    background-color: #3a57af;
    padding: 8px 0px 8px 15px;
    margin-left: 15px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    color: white;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
    border: solid 0px #cbc9c9;
}

.emelsendemail .button,
.emelsendemail input[type=submit] {
    font-size: 18px;
    font-weight: 600;
    color: white;
    display: inline-block;
    text-decoration: none;
    width: 150px;
    height: 27px;
    border-radius: 5px;
    background-color: #3a57af;
    box-shadow: 0 3px rgba(58, 87, 175, .75);
    transition: all 0.1s linear 0s;
    top: 0px;
    position: relative;
}

.emelsendemail a.button:hover,
.emelsendemail input[type=submit]:hover {
    top: 3px;
    background-color: #2e458b;
    box-shadow: none;
}

.emelsendemail .emaildata label {
    width: 100px;
}