form#contact_form {clear: both; width: auto; background: #393a42; padding: 20px 2.926%; margin: 0 0 20px;}
form#contact_form div.message-good,
form#contact_form div.message-bad {margin-top: 5px;}
form#contact_form h2 {font: normal 1.0769em/1.571428em Georgia; color: #c59f5b; text-transform: uppercase; margin: 5px 0 5px 0;}
form#contact_form label {float: left; width: 36.18%; font: normal 1.0769em/1.28571em Arial; color: #fff; text-align: left; padding: 10px 0 4px; margin: 0 0 3px 0;}
form#contact_form label.required i {background: url(./bg-required-field.png) right 4px no-repeat; padding: 2px 3px; margin-left: 3px;}
form#contact_form label.wide {width: 100%; padding: 0;}
form#contact_form label a {color: #fff; text-decoration: underline;}
form#contact_form label a:hover {color: #fff; text-decoration: none;}
form#contact_form input.textbox {width: 98%; height: 31px; font: normal 1.0769em/1em Arial; color: #000; border: none; background: #fff; box-shadow: inset 0 3px 6px -2px #888; padding: 4px 1%; margin: 0 0 2px 0;}
form#contact_form input#contact_middle_name {display: none;}
form#contact_form input.short {width: 105px;}
form#contact_form input.tiny {width: 35px;}
form#contact_form textarea.textbox {width: 98%; height: 86px; font: normal 1.0769em/1.285714em Arial; color: #000; border: none; background: #fff; box-shadow: inset 0 3px 6px -2px #888; padding: 4px 1%; margin: 3px 0 0;}
form#contact_form .container {float: right; width: 60.7%; overflow: hidden; margin-bottom: 10px;}
form#contact_form .container.filebox {margin-bottom: 21px;}
form#contact_form .container label {width: 100%;}
form#contact_form .container input[type="radio"],
form#contact_form .container input[type="checkbox"] {margin: 0 8px 0 0;}
form#contact_form .container input[type="file"] {position: relative; top: 3px; color: #fff; overflow: hidden;}
form#contact_form span.error {font: italic normal 0.9231em/28px Arial; color: #e01326; background: url(./icon-exclamation.png) 0 0 no-repeat; padding: 2px 0 0 23px;}
form#contact_form label span.error {display: block; background-position: 0 7px;}
form#contact_form .col {float: left; width: 53%;}
form#contact_form .col.right {float: right; width: 44%;}
form#contact_form .col.right label {width: 40.5%;}
form#contact_form .col.right .container {width: 59%;}

/*form#contact_form p {color: #fff!important;}*/
form#contact_form div.info {float: left; width: 60%; font: normal 1.0769em/1.285714em Arial; color: #eff5c5; margin: 10px 0 0;}
form#contact_form div.info label {color: #c4c4c4;}
form#contact_form div.info p {font: normal 1.0769em/1.285714em Arial; color: #c4c4c4; margin: 12px 0 0;}
form#contact_form div.info p span {color: #e01326;}
form#contact_form span.button {display: block; float: right; height: 42px; background: #e01326; padding: 0; margin: 30px 0 0;}
form#contact_form input.submit {height: 42px; font: bold 1.0769em/1.571428em Arial; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; cursor: pointer; background: transparent; border: none; padding: 4px 22px 0 22px; margin: 0;}
form#contact_form span.button:hover {background: #000;}
form#contact_form span.button:hover input.submit {color: #fff;}

@media (max-width: 670px) {
	form#contact_form .col,
	form#contact_form .col.right {float: none; width: 100%;}
	form#contact_form label,
	form#contact_form .col.right label {width: 30.18%;}
	form#contact_form .container,
	form#contact_form .col.right .container {width: 66.7%;}
}
@media (max-width: 590px) {
	form#contact_form div.info {float: none; clear: both; width: 100%;}
	form#contact_form span.button {clear: both;}
}

#contact_sent {width: 100%; max-width: 540px;}
