.contact__form {width: auto; background: #c9d8c5; padding: 20px; margin: 0;}
.contact__form div.message-good,
.contact__form div.message-bad {margin-top: 5px;}
.contact__form div.message-good p,
.contact__form div.message-bad p {font-size: 14px; line-height: 20px; margin-bottom: 5px;}
.contact__form h3 {line-height: 1.222em; margin-bottom: 36px;}
.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;}
.contact__form label.required i {background: url(./bg-required-field.png) right 4px no-repeat; padding: 2px 3px; margin-left: 3px;}
.contact__form label.wide {width: 100%; padding: 0;}
.contact__form label a {color: #fff; text-decoration: underline;}
.contact__form label a:hover {color: #fff; text-decoration: none;}
.contact__form input.textbox {width: 92%; height: 33px; font-size: 1em; font-family: 'Ubuntu', Arial; font-weight: 300; color: #813d15; background: #fff; border: none; box-shadow: inset 0 0 0 1px #c8c8c8; padding: 6px 4%; margin: 0 0 2px 0;}
.contact__form input.short {width: 105px;}
.contact__form input.tiny {width: 35px;}
.contact__form textarea.textbox {width: 92%; height: 127px; font-size: 1em; font-weight: 300; font-family: 'Ubuntu', Arial; color: #813d15; border: none; background: #fff; box-shadow: inset 0 0 0 1px #c8c8c8; padding: 14px 4%; margin: 0;}
.contact__form .container {float: none; width: 100%; overflow: hidden; background: no-repeat; margin-bottom: 8px;}
.contact__form .container.filebox {margin-bottom: 21px;}
.contact__form .container label {width: 100%;}
.contact__form .container input[type="radio"],
.contact__form .container input[type="checkbox"] {margin: 0 8px 0 0;}
.contact__form .container input[type="file"] {position: relative; top: 3px; color: #fff; overflow: hidden;}
.contact__form span.error {clear: both; display: block; font: italic normal 0.8125em/18px Arial; color: #e01326; text-align: left; background: url(./icon-exclamation.png) 0 3px no-repeat; padding: 2px 0 0 20px;}
.contact__form label span.error {display: block; background-position: 0 7px;}
.contact__form .col {float: left; width: 49.2%;}
.contact__form .col.right {float: right;}
.contact__form .col.right label {width: 40.5%;}
.contact__form .col.right .container {width: 100%;}

.contact__form div.info {float: left; width: 60%; font: normal 1.0769em/1.285714em 'Ubuntu', Arial; color: #eff5c5; margin: 10px 0 0;}
.contact__form div.info label {color: #c4c4c4;}
.contact__form div.info p {font: normal 1.0769em/1.285714em Arial; color: #c4c4c4; margin: 12px 0 0;}
.contact__form div.info p span {color: #e01326;}
.contact__form span.button {display: block; max-width: 158px; height: 50px; background: #7d4627; padding: 0; margin: 20px auto 0;}
.contact__form input.submit {width: 100%; height: 50px; font-family: 'Ubuntu', Arial; font-weight: 300!important; font-size: 1.125em; line-height: 2.7778em; color: #fff!important; text-decoration: none; text-transform: uppercase; text-align: center; cursor: pointer; background: transparent; border: none; padding: 0; margin: 0 auto;}
/*.contact__form span.button:hover {background: #f1373a; box-shadow: inset 0 0 0 1px #f1373a;}
.contact__form span.button:hover input.submit {color: #fff!important;}*/

@media (max-width: 670px) {
	.contact__form .col,
	.contact__form .col.right {float: none; width: 100%;}
	.contact__form label,
	.contact__form .col.right label {width: 30.18%;}
	.contact__form .container,
	.contact__form .col.right .container {width: 100%; /*width: 66.7%;*/}
}
@media (max-width: 590px) {
	.contact__form div.info {float: none; clear: both; width: 100%;}
	.contact__form span.button {clear: both;}
}
@media (max-width: 480px) {

}

#contact_sent {width: 100%; max-width: 540px;}