@charset "UTF-8";
div#mfp_loading_screen { z-index: 20000; opacity: 0.8; display: none; background-color: #000; position: absolute;}
div#mfp_loading { z-index: 20001; position: absolute; display: none; width: 40px; height: 40px; background-image: url(../images/common/mfp_loading.gif);}

#mailfield, #mfp_phase_confirm { padding: 30px; background: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
table { border-spacing: 0px; border-collapse: collapse; width: 100%; text-align: left;}
tr:nth-child(even) { background: #F6F7F9;}
th, td { border-top: solid 1px #CCC; padding: 10px 20px;}
th { white-space: nowrap;}
td { line-height: 1.5em; word-break: break-all;}
.mfp_buttons { clear: both; padding: 30px 0px; text-align: center;}

#mfp_phase_confirm { display: none;}
#mfp_phase_confirm_inner h4 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: #73311B solid 2px; font-size: 20px; font-weight: 700; color: #73311B;}
.mailform { padding-bottom: 30px;}

div.mfp_err { clear: both; display: none; text-align: left; margin: 5px 0px 0px 0px; padding: 3px 0px 5px 17px; color: #F00; font-size: 12px; line-height: normal; background: url(../images/common/mfp_error.gif) 0 1px no-repeat;}
.mfp_parent_error { border: solid 2px #F00;}
.problem { background-color: #FCC;}
div#mfp_warning { background-color: #FEE; border: solid 1px #F00; padding: 10px; display: none;}
div#mfp_warning p { padding: 0px; margin: 0px; text-align: center;}
div#mfp_warning p strong { font-size: 18px; color: #F00;}

div#mfp_hidden { overflow: hidden; width: 1px; height: 1px; padding: 0px; margin: 0px;}
div#mfp_hidden input { margin: 10px;}
    
div.mfp_thanks { padding: 30px;}
div.mfp_thanks p { line-height: 1.7em;}
div.mfp_thanks ul.mfp_caution { margin: 0px; padding: 0px;}
div.mfp_thanks ul.mfp_caution li { display: block; color: #C00; margin: 0px; padding: 5px 0px;}
div#mfp_thanks { text-align: center; font-size: 18px; padding: 20px 0px;}
div#mfp_thanks strong { color: #C00; font-size: 24px;}

#mailformpro dt { float: left; width: 200px; padding: 10px 0; font-weight: bold;}
#mailformpro dd { padding: 10px 0 10px 210px; border-bottom: #CCC dotted 1px;}
#mailformpro dd li, #mailformpro dd li { list-style: none; padding: 0 10px 5px 0;}
#mailformpro dd li span { display: inline-block; padding-right: 10px;}

form label { display: block; color: #252122; margin: 0 0 0.5em 0;}
form input[type=text], form input[type=email], form input[type=tel], form input[type=password], form textarea { -webkit-appearance: none; border: 0; padding: 0.5em 1em; font-size: 1em; border-radius: 5px; border: solid 1px #dddddd; background: #fff;}
form select { -webkit-appearance: none; border: 0; padding: 0.3em 0.5em; font-size: 1em; border-radius: 5px; border: solid 1px #dddddd; background: #fff;}
form input[type=text]:focus, form input[type=email]:focus, form input[type=email]:focus, form input[type=password]:focus, form select:focus, form textarea:focus { box-shadow: inset 0px 0px 1px 1px #43bff0;}
form textarea { width: 100%!important; min-height: 150px!important;}
form .formerize-placeholder { color: #555 !important;}
form ::-webkit-input-placeholder { color: #555 !important;}
form :-moz-placeholder { color: #555 !important;}
form ::-moz-placeholder { color: #555 !important;}
form :-ms-input-placeholder { color: #555 !important;}
form ::-moz-focus-inner { border: 0;}

div.mfp_buttons button { margin: 10px; padding: 10px; text-align: center; background: #7C4B27; border: #7C4B27 solid 1px; font-size: 16px; text-decoration: none; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer;}
div.mfp_buttons button:hover { background: #FFF; color: #B91A24;}

@media only screen and (max-width: 767px) {
#mailfield, #mfp_phase_confirm { padding: 15px;}
#mailformpro dt { float: none; width: auto; padding: 10px 0 0;}
#mailformpro dd { padding: 10px 0;}
#mailformpro dd input, #mailformpro dd textarea { max-width: 100%;}
div.mfp_buttons button { width: 100%; margin: 10px 0;}
}