/* CSS Document */

.Pages.contactUs main { padding: 95px calc(50vw - 450px); }

form#contactUsForm { background: #fff; border-radius: 25px; box-shadow: 0 0 40px rgba(120,120,120,0.15); padding: 40px 60px; margin-top: 40px; position: relative; }
form#contactUsForm input,
form#contactUsForm select,
form#contactUsForm textarea { border: none; border-radius: 12px; background: #f5f5f5; padding: 15px 20px; width: 100%; margin-bottom: 30px; }

form#contactUsForm .error input,
form#contactUsForm .error select,
form#contactUsForm .error textarea { border: 1px solid #d33; padding: 14px 19px; }

form#contactUsForm label { font-weight: 600; }
form#contactUsForm label[for="subject"] { display: inline-block; width: 100px; position: relative; top: -15px; }
form#contactUsForm label[for="response"] { padding-bottom: 20px; }
form#contactUsForm select#subject { display: inline-block; width: calc(100% - 100px); }
form#contactUsForm select#response { display: inline-block; }
form#contactUsForm input[type="submit"] { background: #a440bf; color: #fff; width: auto; margin-bottom: 0; }
form#contactUsForm input[type="submit"]:hover { background: #9430af; color: #fff; width: auto; }
form#contactUsForm .submit .alert { width: 80%; display: inline-block; padding: 10px 0 0; float: right; margin-bottom: 0; margin-top: 5px; text-align: right; color: #d33; font-weight: 500; }

form#contactUsForm .form-success { width: 100%; height: 200px; padding-top: calc(50% - 100px); }
form#contactUsForm .form-success h3 { text-align: center; font-size: 40px; font-weight: 600; color: #1B3466; margin-bottom: 16px; }
form#contactUsForm .form-success p { text-align: center; }

h2 + p { padding-left: 100px; padding-right: 100px; text-align: center; }

#contact-map-column,
#contact-details-column { margin-top: 80px; }

#contact-map-container { margin-right: 20px; }
#contact-map-container iframe { border-radius: 20px; width: 100% !important; box-shadow: 0 0 20px rgba(150,150,150,0.25); }

#contact-details-column h3 { font-size: 40px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.2; margin-bottom: 1rem; }

@media ( max-width: 991px ) {
	.Pages.contactUs main#main { padding-left: 50px; padding-right: 50px; }
	.Pages.contactUs #contact-map-container { margin-right: 0; }
	.Pages.contactUs #contact-details-column { text-align: center; }
}
@media ( max-width: 767px ) {
	.Pages.contactUs main#main { padding-left: 5vw; padding-right: 5vw; }
	.Pages.contactUs h2 + p { padding-left: 50px; padding-right: 50px; }
	.Pages.contactUs form#contactUsForm { padding-left: 30px; padding-right: 30px; }
	.Pages.contactUs form#contactUsForm select#subject { width: calc(100% - 101px); }
	.Pages.contactUs #contact-details-column h3 { font-size: 32px; }
}
@media ( max-width: 575px ) {
	.Pages.contactUs h2 + p { padding-left: 0; padding-right: 0; }
	.Pages.contactUs form#contactUsForm { padding-top: 30px; }
	.Pages.contactUs form#contactUsForm label[for="subject"] { display: block; top: 0px; }
	.Pages.contactUs form#contactUsForm select#subject { width: 100%; }
}
/*
	form div.submit { text-align: center; padding-top: 10px; }
	#contactUsForm label { margin-bottom: 0; }
	#contactUsForm .control-group { margin-bottom: 5px; }
	#contactUsForm input, #contactUsForm select, #contactUsForm textarea { margin-bottom: 0; }
	#contactUsForm .g-recaptcha { width: 303px; margin: 10px auto 5px; }
	#contactUsForm .submit .alert { padding: 8px 14px; }
	#contactUsForm .control-group.error input { background: #f2dede; }
	@media (max-width: 341px) {
		#contactUsForm .g-recaptcha { margin-left: -20px; margin-right: -20px; padding: 0 calc( ( 100vw - 303px ) / 2); }
	}
*/