.headingBox{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.headingBox h1{margin-bottom:30px;display:block;font-size:42px}
.headingBox span{margin:0 auto;display:block;color:#666;max-width:800px}
.contactPage{padding:65px 0 50px;display:block}
.contactPage p{display:block;text-align:center}
.contactMap{display:block;width:100%;height:300px;background:#F2F3F4}
.contactMap iframe{display:block;width:100%;height:300px}
.contactFormBox{padding:65px 0;display:block;overflow:hidden;background:#f1f1f16e;line-height:35px;position:relative}
.contactFormBox:before{content:'';display:block;position:absolute;top:0;left:0;background:#3a3a3a;height:100%;width:50%}
.sayHelloBox{padding-left:50px;display:block}
.contactFormBox h3{margin-bottom:15px;display:block;font-size:42px}
.contactFormBox h4{margin-bottom:10px;display:block;font-size:22px;color:#fff}
.contactFormBox span{margin:0 auto;display:block;color:#666;max-width:800px}
.contactFormBox address{width:100%;height:420px;border-radius:50px;display:flex;justify-content:center;flex-direction:column}
.contactFormBox address h3{margin-bottom:30px;color:#fff}
.contactFormBox address p{padding-bottom:5px;color:#fff}
.contactFormBox form{padding-top:40px}
.contactFormBox form .form-control{background:#fff;border:#f1f1f1 solid 1px}
.contactFormBox form .btn{width:150px;float:right;border-radius:8px}
@media screen and (max-width:1024px) {
.contactFormBox address,.sayHelloBox{padding-left:15px}
}
@media screen and (max-width:768px) {
.contactFormBox:before{width:100%;height:315px}
.contactFormBox address,.sayHelloBox{padding-left:0}
.contactFormBox address{height:auto}
.sayHelloBox{margin-top:105px}
}
@media screen and (max-width:480px) {
.contactFormBox:before{height:385px}
}