/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/* === List Styles === */
.contact_form ul {
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
    display: flex; justify-content: space-between; flex-wrap: wrap;
}
.contact_form li{
    padding:12px;
    position:relative;
    width: 33.33%;
}
.contact_form li:last-child{width: 100%;}
/* === Form Header === */
.contact_form h2 {
    margin:0;
    display: inline;
}
.required_notification {
    color:#d45252;
    margin:5px 0 0 0;
    display:inline;
    float:right;
}

.contact_form{margin: 22px 0;}
.contact_form input {
    height:46px;
    width:100%;
    padding:6px 16px;
    line-height: 46px;
}
.contact_form textarea {padding:16px; width:100%;}
.contact_form .con_bt {margin: 0 auto; text-align: center;}

/* form element visual styles */
.contact_form input, .contact_form textarea {
    border:2px solid #ced4da;
    box-shadow: 0px 0px 1px #ccc, 0 2px 4px #eee inset;
    border-radius:2px;
    padding-right:30px;
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:2px solid #3b5997;
    box-shadow: 0 0 3px #aaa;
    padding-right:70px;
}

/* === HTML5 validation styles === */
.contact_form input:required, .contact_form textarea:required {
    background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
    background: #fff url(../images/valid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid ,.contact_form input.invalid {
    background: #fff url(../images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}


/* === Form hints === */
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hint::before {
    content: "\25C0";
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}

/* === Button Style === */
button.btSubmit {
    background-color: #3b5997;
    background: -webkit-gradient(linear, left top, left bottom, from(#3b5997), to(#34518c));
    background: -webkit-linear-gradient(top, #3b5997, #34518c);
    background: -moz-linear-gradient(top, #3b5997, #34518c);
    background: -ms-linear-gradient(top, #3b5997, #34518c);
    background: -o-linear-gradient(top, #3b5997, #34518c);
    background: linear-gradient(top, #3b5997, #34518c);
    border: 1px solid #6884bd;
    border-bottom: 1px solid #6884bd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #6884bd;
    -webkit-box-shadow: 0 1px 0 0 #6884bd inset ;
    -moz-box-shadow: 0 1px 0 0 #6884bd inset;
    -ms-box-shadow: 0 1px 0 0 #6884bd inset;
    -o-box-shadow: 0 1px 0 0 #6884bd inset;
    color: white;
    font-weight: bold;
    padding: 12px 68px;
    text-align: center;
    text-shadow: 0 -1px 0 #3b5997;
}
button.btSubmit:hover {
    opacity:.85;
    cursor: pointer;
}
button.btSubmit:active {
    border: 1px solid #3b5997;
    box-shadow: 0 0 10px 5px #3b5997 inset;
    -webkit-box-shadow:0 0 10px 5px #3b5997 inset ;
    -moz-box-shadow: 0 0 10px 5px #3b5997 inset;
    -ms-box-shadow: 0 0 10px 5px #3b5997 inset;
    -o-box-shadow: 0 0 10px 5px #3b5997 inset;

}

.con_form{ padding: 68px 0;}
.con_form_bd{ margin: 0 auto;}
.e_text-28 {
    line-height: normal;
    font_radio: 2;
    font-size: 22px;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    font-weight: bold;
}