main.page {
  display: flex; }
  @media screen and (max-width: 768px) {
    main.page {
      display: block; } }

.sidebar {
  width: 21%; }
  @media screen and (max-width: 768px) {
    .sidebar {
      width: 100%; } }
  .sidebar .widget.block.block-cms-link {
    font-weight: 600; }
    .sidebar .widget.block.block-cms-link a {
      text-decoration: none;
      font-size: 14px;
      color: #5f5f5f; }
      .sidebar .widget.block.block-cms-link a:hover {
        text-decoration: underline; }
    .sidebar .widget.block.block-cms-link.active-cms {
      color: #00467f;
      font-weight: 700; }
    .sidebar .widget.block.block-cms-link.active a {
      color: #00467f !important; }

.main {
  width: 79%; }
  @media screen and (max-width: 768px) {
    .main {
      width: 100%; } }
  .main .page-heading {
    margin-top: 9px;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 768px) {
      .main .page-heading {
        font-size: 26px; } }
  .main div.columns {
    display: flex; }
    @media screen and (max-width: 768px) {
      .main div.columns {
        display: flex;
        flex-direction: column-reverse; } }
    .main div.columns #contact-us-wrap {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .main div.columns #contact-us-wrap {
          width: 100%; } }
      .main div.columns #contact-us-wrap h3 {
        font-size: 18px;
        font-weight: 700;
        color: #5f5f5f;
        margin-top: 0; }
      .main div.columns #contact-us-wrap p {
        font-size: 14px;
        margin-bottom: 1.2em;
        font-weight: 500;
        color: #5f5f5f; }
        .main div.columns #contact-us-wrap p a {
          text-decoration: none;
          font-size: 14px;
          color: #5f5f5f; }
          .main div.columns #contact-us-wrap p a:hover {
            text-decoration: underline; }
      .main div.columns #contact-us-wrap ul {
        display: flex;
        list-style: none;
        gap: 10px;
        margin-left: 0; }
        .main div.columns #contact-us-wrap ul li {
          display: inline-block; }
          .main div.columns #contact-us-wrap ul li a {
            display: block; }
            .main div.columns #contact-us-wrap ul li a svg {
              fill: #09f;
              width: 20px;
              height: 20px; }
    .main div.columns #contact-us-page {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .main div.columns #contact-us-page {
          width: 100%;
          padding: 0; } }
      .main div.columns #contact-us-page h3 {
        font-size: 18px;
        font-weight: 700;
        color: #5f5f5f;
        margin-top: 0; }
      .main div.columns #contact-us-page p {
        margin: 0; }
      .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field {
        width: 100%;
        margin-bottom: 20px; }
        .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field label.form-label {
          font-size: 14px;
          font-weight: 500; }
          .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field label.form-label small {
            float: none;
            display: none; }
          .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field label.form-label::after {
            content: "*";
            visibility: visible;
            font-size: inherit;
            color: #e02b27; }
        .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field:first-child label.form-label::after {
          content: "*";
          visibility: visible;
          font-size: inherit;
          color: #e02b27;
          margin-left: 4px; }
        .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field input {
          padding: 0 9px;
          color: #5f5f5f;
          font-size: 14px;
          border-color: #5f5f5f;
          border-radius: 0;
          height: 32px; }
          @media screen and (max-width: 768px) {
            .main div.columns #contact-us-page form.form .form-row.form-row--half .form-field input {
              font-size: 16px; } }
      .main div.columns #contact-us-page form.form .form-field {
        margin-bottom: 20px; }
        .main div.columns #contact-us-page form.form .form-field label.form-label {
          font-size: 14px;
          font-weight: 500; }
          .main div.columns #contact-us-page form.form .form-field label.form-label small {
            float: none;
            display: none; }
          .main div.columns #contact-us-page form.form .form-field label.form-label::after {
            content: "*";
            visibility: visible;
            font-size: inherit;
            color: #e02b27; }
        .main div.columns #contact-us-page form.form .form-field label.form-label[for="contact_question"] {
          visibility: hidden;
          line-height: 1; }
          .main div.columns #contact-us-page form.form .form-field label.form-label[for="contact_question"]::before {
            content: "Comment";
            font-size: 14px;
            font-weight: inherit;
            display: inline;
            visibility: visible; }
          .main div.columns #contact-us-page form.form .form-field label.form-label[for="contact_question"]::after {
            content: "*";
            visibility: visible;
            font-size: inherit;
            color: #e02b27;
            left: -135px;
            position: relative; }
        .main div.columns #contact-us-page form.form .form-field textarea {
          padding: 10px;
          color: #5f5f5f;
          font-size: 14px;
          border-color: #5f5f5f;
          border-radius: 0; }
          @media screen and (max-width: 768px) {
            .main div.columns #contact-us-page form.form .form-field textarea {
              font-size: 16px; } }
      .main div.columns #contact-us-page form.form .form-actions {
        margin: 0;
        text-align: start; }
        .main div.columns #contact-us-page form.form .form-actions input.button.button--primary {
          font-size: 14px;
          font-weight: 700;
          padding: 8px 20px; }
          @media screen and (max-width: 768px) {
            .main div.columns #contact-us-page form.form .form-actions input.button.button--primary {
              width: 100%; } }

.contact-form-messages .alert-error {
  background: #cc4749;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px; }

.contact-form-messages .alert-success {
  background: #4CAF50;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px; }