@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600&display=swap&subset=latin-ext');
/* font-family: 'Poppins', sans-serif;
 */
 .mainBanner {
	 float: left;
	 width: 100%;
	 position: relative;
	 margin-bottom: 45px;
}
 @media only screen and (max-width: 767px) {
	 .mainBanner {
		 margin-bottom: 30px;
	}
}
 .mainBanner .mainBannerContent {
	 float: left;
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: center;
}
 .mainBanner h1 {
	 float: left;
	 color: #fff;
	 margin: 60px 0;
	 font-size: 40px;
}
 @media only screen and (max-width: 1024px) {
	 .mainBanner h1 {
		 margin: 30px 0;
	}
}
 @media only screen and (max-width: 767px) {
	 .mainBanner h1 {
		 font-size: 24px;
	}
}
 .mainBanner .bannerTextTop {
	 float: left;
	 width: 100%;
	 color: #fff;
	 font-size: 30px;
	 line-height: normal;
	 border-bottom: 1px solid #fff;
	 padding-bottom: 15px;
}
 @media only screen and (max-width: 1024px) {
	 .mainBanner .bannerTextTop br {
		 display: none;
	}
}
 @media only screen and (max-width: 767px) {
	 .mainBanner .bannerTextTop {
		 font-size: 20px;
		 line-height: 1.4;
	}
}
 .mainBanner .banner {
	 float: left;
	 width: 100%;
}
 @media only screen and (max-width: 767px) {
	 .mainBanner .banner {
		 height: 300px;
		 object-fit: cover;
		 object-position: center;
	}
}
 .mainBanner .container {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: 0 auto;
}
 .contactFormContent {
	 float: left;
	 width: 100%;
}
 .contactFormContent .contactTitle {
	 float: left;
	 width: 100%;
	 text-align: center;
	 font-weight: 500;
	 font-size: 30px;
	 line-height: normal;
	 margin-bottom: 45px;
}
 @media only screen and (max-width: 767px) {
	 .contactFormContent .contactTitle {
		 margin-bottom: 30px;
		 font-size: 22px;
		 line-height: 1.3;
	}
}
 .contactFormContent .form-row {
	 float: left;
	 width: 100%;
	 border: 2px solid #808080;
	 margin-bottom: 15px;
	 padding: 10px;
	 display: block;
}
 .contactFormContent .form-row > label {
	 float: left;
	 width: 150px;
	 line-height: 40px;
	 font-size: 16px;
	 margin: 0;
}
 .contactFormContent .form-row > label.error {
	 width: calc(100% - 150px);
	 margin-left: 150px;
	 margin-top: 7px;
	 font-size: 14px;
	 line-height: normal;
	 color: red;
}
 .contactFormContent .form-row input[type="text"], .contactFormContent .form-row input[type="email"] {
	 float: left;
	 width: calc(100% - 150px);
	 -webkit-appearance: none;
	 height: 40px;
	 border: none;
	 border-radius: 0;
	 background: rgba(113, 161, 155, .09);
	 outline: none;
	 padding: 10px;
	 line-height: 20px;
	 color: #000;
	 font-size: 16px;
	 font-weight: 400;
}
 .contactFormContent .form-row textarea {
	 float: left;
	 width: calc(100% - 150px);
	 -webkit-appearance: none;
	 height: 100px;
	 border: none;
	 border-radius: 0;
	 background: rgba(113, 161, 155, .09);
	 outline: none;
	 padding: 10px;
	 line-height: 20px;
	 color: #000;
	 font-size: 16px;
	 font-weight: 400;
	 resize: none;
}
 .contactFormContent .form-row ul {
	 float: left;
	 width: calc(100% - 150px);
	 background: rgba(113, 161, 155, .09);
	 padding: 10px;
	 margin: 0;
	 list-style: none;
}
 .contactFormContent .form-row ul li {
	 float: left;
	 width: 100%;
	 margin-bottom: 5px;
	 color: #000;
	 font-size: 16px;
}
 .contactFormContent .form-row ul li:last-child {
	 margin-bottom: 0;
}
 .contactFormContent .form-row ul li label {
	 float: left;
	 width: 100%;
	 margin: 0;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
}
 .contactFormContent .form-row ul li label input {
	 float: left;
	 width: 18px;
	 height: 18px;
	 border: 1px solid #506397;
	 -webkit-appearance: none;
	 cursor: pointer;
	 margin-right: 10px;
	 background: #fff;
	 position: relative;
	 outline: none;
}
 .contactFormContent .form-row ul li label input:before {
	 content: "\2713";
	 position: absolute;
	 background: #fff;
	 transition: all 0.2s linear;
	 width: 16px;
	 height: 16px;
	 float: left;
	 opacity: 0;
	 color: #85ac21;
	 line-height: 17px;
	 font-size: 17px;
	 text-align: center;
}
 .contactFormContent .form-row ul li label input:checked:before {
	 opacity: 1;
}
 .contactFormContent .form-row .submitForm {
	 float: right;
	 padding: 7px 13px;
	 background: #202b49;
	 min-width: 150px;
	 outline: none;
	 border: none;
	 cursor: pointer;
}
 @media only screen and (max-width: 767px) {
	 .contactFormContent .form-row .submitForm {
		 width: 100%;
	}
}
 .contactFormContent .form-row .submitForm span {
	 float: left;
	 width: 100%;
	 text-align: center;
	 padding: 0 15px;
	 background: #506397;
	 color: #fff;
	 line-height: 30px;
	 font-size: 18px;
	 font-weight: 500;
}
 .contactFormContent img {
	 float: left;
	 width: 100%;
}
 .contactAddressList {
	 float: left;
	 width: 100%;
	 margin: 45px 0;
}
 .contactAddressList .addressItem {
	 float: left;
	 width: 100%;
	 border: 3px solid #202b49;
	 padding: 15px;
}
 .contactAddressList .addressItem .addressTitle {
	 float: left;
	 width: 100%;
	 background: #1a1a1a;
	 color: #fff;
	 text-align: center;
	 line-height: 35px;
	 font-size: 18px;
	 font-weight: 600;
	 margin-bottom: 15px;
}
 .contactAddressList .addressItem ul {
	 float: left;
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .contactAddressList .addressItem ul li {
	 float: left;
	 width: 100%;
	 margin-bottom: 10px;
}
 .contactAddressList .addressItem ul li:last-child {
	 margin-bottom: 0;
}
 .contactAddressList .addressItem span {
	 float: left;
	 font-size: 14px;
	 line-height: normal;
	 color: #1a1a1a;
}
 .contactAddressList .addressItem span.label {
	 width: 80px;
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
	 .contactAddressList .addressItem span.label {
		 width: 100%;
		 font-weight: 600;
	}
}
 .contactAddressList .addressItem span.text {
	 width: calc(100% - 80px);
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
	 .contactAddressList .addressItem span.text {
		 width: 100%;
	}
}
 .contactAddressList .addressItem span.text a {
	 color: #1a1a1a;
	 text-decoration: none;
}