@font-face {
    font-family: Lato-bold;
    src: url(../fonts/Lato-Bold.ttf);
	font-weight:400;
	font-style:normal;
}
@font-face {
    font-family: Lato-light;
    src: url(../fonts/Lato-Light.ttf);
	font-weight:400;
	font-style:normal;
}

:root {
	--phone-colour: #2483C5;
	--font-family-light: Lato-light;
	--font-family-bold: Lato-bold;
}

.contact-us-body {
	margin: 50px 0;
}

.inner-container-size1 {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}


/*---------------------------------------------------------------*/
#contact-us.page .contact-us-body * {
	font-size: 16px;
}

#contact-us.page .content-wrapper {
	display: flex;
	flex-wrap: wrap;
	color: #000;
}
#contact-us.page .content-wrapper div {
	font-family: var(--font-family-light);
}

#contact-us.page .content-wrapper > .left-panel {
	flex: 1 1 400px;
	max-width:100%;
	padding-right: 50px;
	margin-bottom: 50px;
	box-sizing: border-box;
}

#contact-us.page .content-wrapper > .right-panel {
	flex: 0 0 500px;
	max-width:100%;
	padding-left: 10px;
	box-sizing: border-box;
}

#contact-us.page .content-wrapper .title,
#contact-us.page .content-wrapper .title * {
	width: 100%;
	font-size: 20px;
	text-align: left;
	font-weight: 500;
	font-family: var(--font-family-bold);
}

#contact-us.page .content-wrapper .instructions {
	clear: both;
	width: 100%;
	margin: 30px 0;
}


#contact-us.page .content-wrapper .title > .blue-line {
	float: left;
    width: 50%;
    height: 5px;
    margin-bottom: 10px;
    background-image: linear-gradient(to right, #7c3c87, #2483c5);
}

#contact-us.page .content-wrapper .sub-section {
	margin-top: 50px;
}

#contact-us.page .content-wrapper .fa.fa-phone,
#contact-us.page .content-wrapper .fa.fa-envelope {
	font-family: "FontAwesome" !important;
	color: var(--phone-colour);
	vertical-align: text-top;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#contact-us.page .content-wrapper .contact-details .fa {
	font-family: "FontAwesome" !important;
	color: var(--phone-colour);
	margin-right: 10px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#contact-us.page .content-wrapper .contact-details table {
	border-collapse: separate;
	border-spacing: 0 15px;
}
#contact-us.page .content-wrapper .contact-details table td {
	vertical-align: top;
}
#contact-us.page .content-wrapper .contact-details table td:nth-child(1) {
	min-width: 120px;
}

#contact-us.page .content-wrapper .locations .title {
	color: var(--phone-colour);
}

#contact-us.page .the-form label {
	margin-top:5px;
}

#contact-us.page .wpcf7-text,
#contact-us.page .wpcf7-email,
#contact-us.page .wpcf7-textarea,
#contact-us.page .the-form .form-field input,
#contact-us.page .the-form .form-field textarea,
#contact-us.page .the-form .form-field select {
	color: #000;
	width: 100%;
	padding: 10px 5px;
	border: 1px solid #999;
	margin-bottom: 10px;
}
#contact-us.page .the-form .form-field textarea {
	min-height: 220px;
	resize: vertical;
}


#contact-us.page input[type='submit'] {
	width: 120px;
	border: 0;
	color: #fff;
	background-color: #444;
	padding: 10px 20px;
	border-radius: 5px;
}

@media only screen and (max-width: 1015px) {
	#contact-us.page .content-wrapper > .left-panel,
	#contact-us.page .content-wrapper > .right-panel {
		flex: 100%;
		padding-right: 20px;

	}

} /* @media only screen and (max-width: 1015px) */

@media only screen and (max-width: 500px) {

	#contact-us.page .the-form .fifty-fifty > div.form-field:nth-child(1),
	#contact-us.page .the-form .fifty-fifty > div.form-field:nth-child(2){
		flex: 100%;
		padding: 0px;
	}

} /* @media only screen and (max-width: 500px) */


div.googleMap {
	width: auto;
    height: 400px;
    background-color: #eeeeee;
    display: block;
}

.wpcf7 form .wpcf7-response-output{
	margin: 0 0 30px 0;
}

.wpcf7 form span.your-subject {
	display: none;
}