.office-hero-banner {
        height: calc(101.4vh - 126px);
        position: relative;
      }

      @media (max-width: 991px) {
        .office-hero-banner {
          height: calc(100vh - 69px);
        }
      }


      .office-hero-banner.video {
        background-color: unset;
        height: calc(100vh - calc(127px + -71px));
        overflow: hidden;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video {
          height: 649px;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video {
          height: 100%;
        }
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .left-block {
          position: absolute;
          bottom: 1px;
          left: 0;
          z-index: 9;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block {
        margin-top: 0;
        width: 400px;
        position: absolute;
        top: 45%;
        left: 50.2%;
        transform: translate(-50%, -50%);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          top: 0;
          transform: translate(-50%, -212.9%);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          transform: translate(-50%, -190%);
          width: 272px;
        }
      }

      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          transform: translate(-50%, -250%);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          transform: translate(-50%, -200%);
          width: 229px;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block h1 {
        color: white;
        font-size: 60px;
        font-weight: normal;
        margin-bottom: 18px;
        display: inline-block;
        line-height: 72px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .left-block .d-block h1 {
          font-size: 40px;
          line-height: 49.6px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .left-block .d-block h1 {
          font-size: 33px;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block h1:before {
        display: none;
      }

      .office-hero-banner.video .container > .row .left-block .d-block h1 i {
        color: #00ADEF;
        font-style: normal;
        transform: rotate(-10.84deg) translateX(-5px);
        display: inline-block;
        font-size: 84.3506px;
        font-family: HarcourtsScript;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .left-block .d-block h1 i {
          font-size: 66px;
          padding-left: 10px;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 26px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      .office-hero-banner.video .container > .row .right-block > .row {
        margin-top: 0;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .right-block > .row {
          margin-top: -38px;
        }
      }

      .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
        position: absolute;
        height: 100%;
        width: 100vw;
        left: 0px;
        z-index: -1;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
          width: 100vw;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
          padding-top: 0;
          padding-bottom: 0;
          height: 76.2vh;
          overflow: hidden;
          position: initial;
          width: initial;
          left: initial;
          z-index: initial;
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
          height: 100vh;
        }
      }

      .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
        height: 100%;
        width: 100%;
        margin-left: -11px;
        transform: scale(1.3);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(1.8);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(2.4);
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(3.5);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          border: 1px green solid;
        }
      }

      .office-hero-banner.text-variation-01 {
        background-color: unset;
        height: calc(100vh - calc(127px + -71px));
        overflow: hidden;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.text-variation-01 {
          height: 649px;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 {
          height: 100%;
        }
      }

      @media (max-width: 1400px) {
        .office-hero-banner.text-variation-01 .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block {
          position: absolute;
          bottom: 1px;
          left: 0;
          z-index: 9;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
        margin-top: 0;
        width: 400px;
        position: absolute;
        top: 45%;
        left: 50.2%;
        transform: translate(-50%, -50%);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          top: 0;
          transform: translate(-50%, -212.9%);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          transform: translate(-50%, -190%);
          width: 272px;
        }
      }

      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          transform: translate(-50%, -250%);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          transform: translate(-50%, -200%);
          width: 229px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 {
        color: #001F49;
        font-size: 60px;
        font-weight: normal;
        margin-bottom: 18px;
        display: inline-block;
        line-height: 72px;
        text-shadow: 0 0 32px white;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 {
          font-size: 40px;
          line-height: 49.6px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 {
          font-size: 33px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1:before {
        display: none;
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 i {
        color: #00ADEF;
        font-style: normal;
        transform: rotate(-10.84deg) translateX(-5px);
        display: inline-block;
        font-size: 84.3506px;
        font-family: HarcourtsScript;
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 i {
          font-size: 66px;
          padding-left: 10px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block p {
        color: #001F49;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 26px;
        text-shadow: 0 0 32px white;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .right-block > .row {
        margin-top: 0;
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row {
          margin-top: -31px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
        position: absolute;
        height: 100%;
        width: 100vw;
        left: 0px;
        z-index: -1;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
          width: 100vw;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
          padding-top: 0;
          padding-bottom: 0;
          height: 76.2vh;
          overflow: hidden;
          position: initial;
          width: initial;
          left: initial;
          z-index: initial;
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
          height: 100vh;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
        height: 100%;
        width: 100%;
        margin-left: -11px;
        transform: scale(1.3);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(1.8);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(2.4);
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(3.5);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          border: 1px green solid;
        }
      }

      .office-hero-banner.video-overlay-with-buttons {
        background-color: unset;
        height: calc(100vh - calc(127px + -71px));
        overflow: hidden;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video-overlay-with-buttons {
          height: 649px;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons {
          height: 100%;
        }
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block {
          z-index: 9;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block {
        margin-top: 0;
        width: 400px;
        position: absolute;
        top: 45%;
        left: 50.2%;
        transform: translate(-50%, -50%);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block {
          top: 50%;
          left: 20px;
          right: 20px;
          transform: translate(0, -50%);
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 {
        color: white;
        font-size: 60px;
        font-weight: normal;
        margin-bottom: 18px;
        display: inline-block;
        line-height: 72px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 {
          font-size: 40px;
          line-height: 49.6px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 {
          font-size: 33px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1:before {
        display: none;
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 i {
        color: #00ADEF;
        font-style: normal;
        transform: rotate(-10.84deg) translateX(-5px);
        display: inline-block;
        font-size: 84.3506px;
        font-family: HarcourtsScript;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 i {
          font-size: 66px;
          padding-left: 10px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 26px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row {
        margin-top: 0;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row {
          margin-top: -31px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
        position: absolute;
        height: 100%;
        width: 100vw;
        left: 0px;
        z-index: -1;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
          width: 100vw;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
          padding-top: 0;
          padding-bottom: 0;
          height: 76.2vh;
          overflow: hidden;
          position: initial;
          width: initial;
          left: initial;
          z-index: initial;
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
          height: 100vh;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
        height: 100%;
        width: 100%;
        margin-left: -11px;
        transform: scale(1.3);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(1.8);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(2.4);
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(3.5);
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block .black-overlay {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgba(0,0,0,0.7);
        z-index: 1;
      }
      .video-banner-overlay {
          position:absolute;
          z-index:1;
          height:100%;
          width:100%;
          background-repeat: no-repeat;
          background-size:cover;
          background-position:center center;
      }
      .overlay-middle-search ul.nav {
          padding-bottom: 1rem;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link {
        color: #ffffff;
        padding: 0rem 2rem;
        border-radius: 0;
        font-size: 22px;
        font-weight: bold;
      }
      .overlay-middle-search ul.nav li.nav-item:nth-child(2) .nav-link {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link:hover,
      .overlay-middle-search ul.nav li.nav-item .nav-link:focus {
        color: #00adef;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link.active {
        background-color: transparent;
        color: #00adef;
        font-weight: bold;
      }
      @media only screen and (max-width: 991px) {
        .overlay-middle-search ul.nav {
          justify-content: center;
        }
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button {
          text-align: right;
          margin-right: 0;
        }
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
          width: 100%;
        }
      }
      .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__query .form-control {
        padding: 6px 12px 8px 12px;
      }
      .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button {
          width: auto;
      }
      .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
        width: 278px;
        height: 100%;
        border-color: #00adef;
        border-radius: 0;
      }
      @media only screen and (max-width: 1190px) {
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
          width: 100%;
          height: 100%;
        }
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn .btn-label {
          display: none;
        }
      }

      @media only screen and (max-width: 767px) {
          .overlay-middle-search .tab-content .tab-pane {
              padding: 10px;
          }
          .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field {
              flex-direction: column;
          }
          .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
              width: 100%;
              height: 50px;
          }
        .overlay-middle-search ul.nav {
            padding-bottom: 0;
        }
        .overlay-middle-search ul.nav li.nav-item .nav-link {
            padding: 0rem 1.2rem;
            font-size: 18px;
            text-transform: uppercase;
        }
      }

      .overlay-middle-search .typeahead__container .twitter-typeahead .tt-menu {
          margin-top: 0px !important;
      }

      .overlay-middle-search .tab-content>.tab-pane {
        display: inherit;
        opacity: 0; /* Standard compliant browsers */
        -moz-opacity: 0; /* Firefox and Mozilla browsers */
        -webkit-opacity: 0; /* WebKit browser e.g. Safari */
        filter: alpha(opacity=0); /* For IE8 and earlier */
      }
      .overlay-middle-search .tab-content>.active {
        display: inherit;
        opacity: 1; /* Standard compliant browsers */
        -moz-opacity: 1; /* Firefox and Mozilla browsers */
        -webkit-opacity: 1; /* WebKit browser e.g. Safari */
        filter: alpha(opacity=100); /* For IE8 and earlier */
      }
.video-overlay-with-buttons form.prop-appraisal-form .typeahead__container .typeahead__query {
    margin-top: 0;
}