@charset "utf-8";

.form-area {
	width:980px;
	padding:54px 0;
	margin:0 auto;
	background:#fff;
	position:relative;
	padding-bottom:55px;
}

.form-area h4 {
	padding:20px 0;
	font-size:24px;
	color:#37729b;
	text-align:center;
}

.form-area .lead p {
	padding:0 0 35px 0;
	font-size:16px;
	color:#333;
	line-height:150%;
}

.form-area p.notes {
	padding:40px 15px 30px 15px;
	font-size:16pxm;
	color:#333;
	text-align:center;
}

.form-area p.notes a {
	font-size:16px;
	font-weight:bold;
	color:#274b64;
}

.form-area p.notes a:hover {
	text-decoration:none;
}

.form-area th {
	width:190px;
}

.form-area .result {
	padding-bottom:40px;
}

.form-area .result p.caption {
	padding-top:20px;
	padding-bottom:10px;
	font-weight:bold;
}

.form-area .result p {
	padding-bottom:10px;
	font-size:16px;
	text-align:center;
}

.form-area .error p {
	padding-top:20px;
	padding-bottom:40px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

.form-area .error p strong {
	color:#c00;
}

.form-area a:hover,
.form-area p.button input:hover {
	opacity:.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)"
}

.form-area  p.button {
	width:190px;
	margin:0 auto;
}

.form-area table {
	width:100%;
	border-top:3px #37729b solid;
	table-collapse:collapse;
	border-spacing:0;
}

.form-area table caption {
	padding:6px 0;
	border:1px #ddd solid;
	border-bottom:2px #ddd solid;
	font-size:14px;
	line-height:150%;
	vertical-align:middle;
	text-align:center;
}

.form-area table th,
.form-area table td {
	font-size:16px;
	line-height:140%;
	padding:20px;
	color:#333;
	vertical-align:top;
}
.form-area table th {
	background:#f3f3f3;
	border-bottom:1px #ddd solid;
	text-align:left;
}
.form-area span.asterisk {
	display:inline-block;
	color:#c00;
}
.form-area span.case {
	padding-top:8px;
}

.form-area table td {
	border-bottom:1px #ddd solid;
}
.form-area table td span {
	display:block;
}
.form-area table td span label {
	margin-right:20px;
	display:inline-block;
}
.form-area table td span label input {
	margin-right:5px;
}
.form-area table td.e-mail input[type="text"] {
	width:33%;
}
.form-area table td span.address span {
	display:inline-block;
}
.form-area a.button {
	display:inline-block;
	padding:3px 12px;
	margin-left:10px;
	border:1px #ccc solid;
	font-size:14px;
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 2%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0f0f0 2%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0f0f0 2%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	border-radius:3px;
	cursor: pointer;
}
.form-area a.button:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"
}


input[type="text"],
input[type="password"],
input[type="tel"],
textarea {
	padding:4px 5px;
	border:0;
	font-size:14px;
	color:#444;
	border:1px #ccc solid;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

textarea {
	width:90%;
}


@media screen and (max-width: 980px) {
	.form-area {
		width:auto;
	}
	.form-area table {
		width:100%;
	}
	.form-area th,
	.form-area td {
		width:auto;
	}
	.form-area .lead p {
		padding:0 20px 35px 20px;
	}
}

@media screen and (max-width: 768px) {
	.form-area th,
	.form-area td {
		display:block;
	}
}

@media screen and (max-width: 375px) {
	.company .address h5 img {
		width:250px;
	}
	.company .address p {
		font-size:14px;
	}
	.company .address a {
		font-size:14px;
	}
	#company table th,
	#company table td {
		font-size:14px;
	}
	.form-area .lead p {
		font-size:14px;
	}
}

.title-group h2 span {
	background:url('../img/pages/contactus/title-bg.jpg') no-repeat;
}

@media screen and (max-width: 768px) {
	.title-group h2 span {
		background-size:auto 145px;
		background-position:center center;
	}
}

@media screen and (max-width: 480px) {
	.title-group h2 span {
		background-position:-260px center;
	}
}

@media screen and (max-width: 340px) {
	.title-group h2 span {
		background-position:-290px center;
	}
}