.contact-tile {
  padding: 90px 36px;
}

.contact-tile:after {
  width: 100%;
}

.contact-tile__heading {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
}

@media (min-width: 576px) {
  .contact-tile__heading {
    font-size: calc(1.73611111vw + 20px);
  }
}

@media (min-width: 1440px) {
  .contact-tile__heading {
    font-size: 45px;
  }
}

@media (min-width: 576px) {
  .contact-tile__heading {
    line-height: calc(2.5462963vw + 25.33333333px);
  }
}

@media (min-width: 1440px) {
  .contact-tile__heading {
    line-height: 62px;
  }
}

.gmap {
  height: 100%;
  width: 100%;
  border: 0;
  -webkit-filter: grayscale(99%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.contact-form-section {
  padding: 90px 0px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.63%, #003C4F), color-stop(63.52%, #00090E));
  background: linear-gradient(180deg, #003C4F 6.63%, #00090E 63.52%);
}

.contact-form-section .invalid-feedback {
  color: #FF4343;
  font-size: 12px;
  line-height: 16px;
  padding-left: 15px;
}

.form-group {
  padding-bottom: 30px;
}

.contact-form__heading {
  font-size: 30px;
  line-height: 36.57px;
  font-weight: 600;
}

@media (min-width: 576px) {
  .contact-form__heading {
    font-size: calc(0.5787037vw + 26.66666667px);
  }
}

@media (min-width: 1440px) {
  .contact-form__heading {
    font-size: 35px;
  }
}

@media (min-width: 576px) {
  .contact-form__heading {
    line-height: calc(0.70601852vw + 32.50333333px);
  }
}

@media (min-width: 1440px) {
  .contact-form__heading {
    line-height: 42.67px;
  }
}

.contact-form__content {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
}

@media (min-width: 576px) {
  .contact-form__content {
    font-size: calc(0.69444444vw + 12px);
  }
}

@media (min-width: 1440px) {
  .contact-form__content {
    font-size: 22px;
  }
}

@media (min-width: 576px) {
  .contact-form__content {
    line-height: calc(0.21064815vw + 23.78666667px);
  }
}

@media (min-width: 1440px) {
  .contact-form__content {
    line-height: 26.82px;
  }
}

.contact-form .smart-input-field {
  color: #FFFFFF;
}

.map-section {
  position: relative;
  height: 715px;
  overflow: hidden;
}

.map-section .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.map-section::after {
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), color-stop(50.22%, rgba(0, 0, 0, 0.15)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 50.22%);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
}

.map-container {
  padding-top: 362px;
}

.map-tile__heading {
  position: relative;
  color: #333333;
}

.map-tile__heading svg {
  position: absolute;
  bottom: -10px;
  left: 0;
}

.map-tile__company {
  color: #333333;
}

.map-tile {
  padding: 50px 36px;
}

.map-tile:after {
  width: 100%;
}

.map-tile__company {
  font-size: 20px;
  line-height: 28px;
  padding-top: 20px;
}

@media (min-width: 576px) {
  .map-tile__company {
    font-size: calc(0.46296296vw + 17.33333333px);
  }
}

@media (min-width: 1440px) {
  .map-tile__company {
    font-size: 24px;
  }
}

@media (min-width: 576px) {
  .map-tile__company {
    line-height: calc(0.14583333vw + 27.16px);
  }
}

@media (min-width: 1440px) {
  .map-tile__company {
    line-height: 29.26px;
  }
}

.corporate-office-slider .font--18 {
  line-height: 21px;
}

.redish-grey {
  color: #686868;
}

.redish-grey:hover {
  color: #686868;
}

.font--14 {
  font-size: 14px;
  line-height: 22.4px;
}

.corporate-office-section {
  padding: 150px 0px;
}

.corporate-office-section .slick-dots {
  text-align: center;
  top: 100%;
}

.corporate-office-section .slick-dots li {
  margin: 0px;
}

.corporate-office-section .slick-dots li button:before {
  content: "";
  height: 7px;
  width: 12px;
  background-color: #000000;
  border-radius: 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.corporate-office-section .slick-dots li.slick-active {
  margin-right: 20px;
}

.corporate-office-section .slick-dots li.slick-active button:before {
  width: 30px;
}

.breadcrumb-section {
  padding-top: 9px;
}

@media (max-width: 768px) {
  .contact-landing-section .container {
    padding: 0px;
  }
  .map-section .container {
    padding: 0px;
  }
}

@media (min-width: 1023px) {
  .contact-tile:after {
    display: none;
  }
  .contact-tile {
    padding: 71px 0 150px;
  }
  .contact-form-section {
    padding-top: 33px;
    padding-bottom: 90px;
    background: radial-gradient(55.97% 325.48% at 66.63% 1.69%, #003C4F 12.47%, #00090E 62.28%);
  }
  .contact-form {
    padding-top: 37px;
  }
  .contact-form .submit-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .corporate-office-section {
    padding: 180px 0px;
  }
  .corporate-office {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .map-container {
    padding: 68px 0px;
  }
  .banner-glass-tile:after {
    left: -341px;
    -webkit-transform: skewX(-13deg);
            transform: skewX(-13deg);
  }
  .map-tile {
    padding: 80px 0 86px;
  }
  .map-tile__company {
    padding-top: 40px;
  }
  .map-tile__heading svg {
    bottom: -5px;
    width: 215px;
    height: 6px;
  }
  .map-section::after {
    content: '';
    background: -webkit-gradient(linear, left top, right top, color-stop(0.52%, rgba(0, 0, 0, 0.2)), color-stop(50.48%, rgba(0, 0, 0, 0.2)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0.52%, rgba(0, 0, 0, 0.2) 50.48%);
  }
}

@media (min-width: 1200px) {
  .banner-glass-tile:after {
    left: -510px;
  }
  .map-tile__heading svg {
    width: 230px;
  }
}

@media (min-width: 1600px) {
  .corporate-office {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
  }
}
