/*************/
.contact-banner {padding-bottom: 300px;width: 100%; background-size: cover; background-repeat: no-repeat;}
.contact-banner .inner-container{padding: 80px 0 55px;}
.contact-banner h1 {color: #fff;text-align: center;font-size: 40px;line-height: 52px;padding: 36px 20px;text-transform: uppercase;}
.contact-banner p:first-of-type {padding-top: 40px;}
.contact-banner p {text-align: center; color: #fff;font-size: 22px; line-height: 30px;padding: 0 20px;}

@media(max-width: 767px) {
  .contact-banner {padding-bottom: 50px;}
}
/*************/
.contact-container {display: flex;max-width: 1037px; width: 100%;margin: -300px auto 130px;background: #fff; box-shadow: 5px 7px 63px #00000033;}
.contact-container .form-container {width: 43.97%;padding: 47px 51px 53px;}
.contact-container .form-container h3 {font-size: 32px;line-height: 52px;color: #fff;padding-bottom: 24px;}
.contact-container .form-container h3.form-title {display: none;}
.contact-container .form-container form fieldset div:nth-child(2) div.input {margin-right: 0;}
.contact-container .form-container form input {line-height: 39px;margin-bottom: 13px;}
.contact-container .form-container form select {height: 51px;margin-bottom: 13px;font-size: 17px; color: #081b59; background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");background-position: 98% 50%;background-repeat: no-repeat;-webkit-appearance: none;-webkit-border-radius: 0;}
.contact-container .form-container form textarea {max-width: 354px;/*min-height: 260px;*/}
.contact-container .form-container form ul.hs-error-msgs li {margin: 0px 0 20px;}
.contact-container .form-container form ul.hs-error-msgs .hs-main-font-element {color: #fff;}
.contact-container .form-container form input[type="submit"] {margin: 30px 0 0;border:none;background: #081b59;color: #fff;padding: 16px 44px;border-radius: 0;height: auto;}
.contact-container .form-container form .hs-form-required {display: none;}
.contact-container .form-container form input, .contact-container .form-container form textarea, .contact-container .form-container form select {background-color: #fff;border-bottom: 0px;padding-left:20px;padding-right: 20px;text-align: left;font-style: normal !important;}
.contact-container .form-container form input::-webkit-input-placeholder, .contact-container .form-container form textarea::-webkit-input-placeholder {text-align: left;font-style:normal;font-size: 17px;}
.contact-container .form-container form .legal-consent-container p {color: #fff; font-size: 13px; line-height: normal;padding-top: 10px;}
.contact-container .form-container form .legal-consent-container p a {color: #081b59;}
.contact-container .form-container form ul.hs-error-msgs label {color: #fff; margin-top: -10px;}
.contact-container .form-container form div.hs_error_rollup ul.hs-error-msgs li {margin: 10px 0 -5px;}
.contact-container .offices-container {width: 56.03%;padding: 47px 38px 35px;}
.contact-container .offices-container .office {padding: 0 82px 60px;}
.contact-container .offices-container .office h3 {padding-bottom: 30px; font-size: 32px;line-height: 52px; color: #525252;text-align: left;}
.contact-container .offices-container .office .repeater {padding-bottom: 25px;}
.contact-container .offices-container .office ul li.accordion {font-size: 20px; line-height: 22px;color: #525252; opacity: 0.5;cursor: pointer;position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family:'Assistant-SemiBold'}
.contact-container .offices-container .office ul li.accordion:after {position: absolute;content:"";right:0;top:calc(50% - 5px);border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid rgba(127, 127, 128, 0.5);transform: rotate(0deg);}
.contact-container .offices-container .office ul li.accordion:hover {opacity: 1;}
.contact-container .offices-container .office ul li.accordion:hover:after {opacity:1;}
.contact-container .offices-container .office ul li.accordion.active {opacity: 1;}
.contact-container .offices-container .office ul li.accordion.active:after {transform: rotate(180deg);}
.contact-container .offices-container .office ul p {font-size: 18px; line-height: 31px;color: #525252; opacity; 0.9;display: none;margin-top: 15px;}

@media(max-width: 1200px) {
  .contact-container .offices-container .office {padding: 0 0 60px;}
}

@media(max-width: 991px) {
  .contact-container .form-container h3 {font-size: 30px;}
  .contact-container .offices-container .office h3 {font-size: 30px}
  .contact-container .form-container form fieldset > div.hs-fieldtype-text {width: 100%;margin-right: 0;}
  .contact-container .form-container form fieldset > div.hs-firstname div.input {margin-right: 0;}
}
@media(max-width: 767px) {
  .contact-container {flex-wrap: wrap;width: 80%; margin: -300px auto 130px; box-shadow: none;}
  .contact-container .form-container {width: 100%;box-shadow: 5px 7px 63px #00000033; padding: 30px 22px 35px;margin-bottom: 25px;}
  .contact-container .form-container form textarea {max-width: 100%;}
  .contact-container .offices-container {width: 100%;box-shadow: 5px 7px 63px #00000033;}
  .contact-container .offices-container .map {text-align: center;}
.contact-banner h1 {font-size: 20px;line-height: 25px;padding: 0px 20px;}
 .contact-banner {     padding-bottom: 300px;}
  .contact-banner .inner-container { padding: 30px 0 30px;}


}
@media(max-width: 480px) {
  .contact-container .form-container {padding: 30px 25px 35px;}
  .contact-container .offices-container {padding: 30px 25px 35px;}
.contact-container .offices-container .office h3 {padding-bottom: 20px;  }
  .contact-container .offices-container .office h3,.contact-container .form-container h3 { font-size: 20px;}
.contact-container .offices-container .office ul p,.contact-container .offices-container .office ul li.accordion {font-size: 16px;}
.contact-container .offices-container .office { padding: 0 0 30px;}
}
@media(max-width: 400px) {
  .contact-container .form-container form fieldset > div.hs-firstname input, .contact-container .form-container form fieldset > div.hs-lastname input {width: 100% !important;}
}