.ContactPage {
  display: flex;
  flex-direction: column;
  max-width: 1179px;
  margin: 0 auto;
  margin-bottom: 60px;
  word-wrap: break-word;
  word-break: break-word;
}

.ContactPage .PageHeader {
  margin-left: -5px;
}

.ContactPage-stepHeader {
  color: #00928f;
}

.ContactPage-faqBlock {
  display: block;
  margin-bottom: 40px;
}

.ContactPage-faqBlock--hidden {
  display: none;
}

.ContactPage-formLabel--required {
  font-weight: bold;
}

.ContactPage-fieldRow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ContactPage-field {
  flex: 1 0 auto;
  max-width: calc(50% - 24px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.ContactPage-field .ContactPage-input {
  margin-bottom: 10px;
}

.ContactPage-field--textArea {
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.ContactPage-field--textArea textarea {
  width: calc(100% - 17px);
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.ContactPage-field--select {
  max-width: calc(50% - 34px);
}

.ContactPage-field .ContactPage-formLabel {
  flex: initial;
  margin-right: 10px;
  word-wrap: normal;
  word-break: normal;
  margin-bottom: 10px;
}

.ContactPage-field .ContactPage-input {
  flex: 1 0 auto;
  border-radius: 4px;
}

.ContactPage-input,
textarea {
  background: #F5F5F5;
  border: 1px solid #979797;
  padding: 7px;
}

.ContactPage-fieldRow .ContactPage-field {
  margin-bottom: 15px;
}

.ContactPage-submitButton {
  margin-top: 10px;
}

input.ContactPage-submitButton {
  border: 0;
  color: #fff;
  background: #00928f;
  padding: 10px;
  border-radius: 4px;
  text-transform: uppercase;
  margin-bottom: 10px;
  min-width: 188px;
  cursor: pointer;
  font-size: 14px;
  font-family: "Din", "Helvetica", "Arial", sans;
}

input.ContactPage-submitButton:hover,
input.ContactPage-submitButton:focus {
  background: #cc3868;
}

input.ContactPage-submitButton--disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ContactPage input:focus,
.ContactPage select:focus,
.ContactPage textarea:focus {
  outline: 0;
}

input.ContactPage-submitButton--disabled:hover,
input.ContactPage-submitButton--disabled:focus {
  background: #00928f;
}

select.is-invalid,
input.is-invalid,
textarea.is-invalid {
  border-color: #cc3868;
}

.ContactPage-errorMessage {
  color: #cc3868;
  margin-bottom: 20px;
  display: none;
  width: 100%;
}

.ContactPage-errorMessage.is-invalid {
  display: block;
}

.ContactPage-sendResponse {
  display: block;
  margin: 15px 0;
  cursor: pointer;
}

.ContactPage-sendResponse input {
  margin-right: 15px;
}

.ContactPage-input--topicSelect {
  font-size: 14px;
}

@media (max-width: 768px) {
  .ContactPage-field {
    width: 100%;
    max-width: 100%;
  }

  .ContactPage-fieldRow {
    flex-wrap: wrap;
  }

  .ContactPage-field--select {
    max-width: 100%;
  }

  .ContactPage-submitButton {
    width: 100%;
  }

  .ContactPage-input--topicSelect {
    max-width: calc(100% - 55px);
  }
}