/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-text-above-image-below/block-text-above-image-below.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.page-404 {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 980px) {
    .page-404 {
      padding: 0 50px; } }
  @media screen and (max-width: 767px) {
    .page-404 {
      padding: 0 25px; } }

.page-404_number {
  color: #fff; }

.page-404_title {
  max-width: 780px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px; }

.page-404_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; }

.page-404_button {
  background-color: #fff;
  color: #0165ad;
  border: none; }

@media screen and (min-width: 1921px) {
  .page-404_title {
    max-width: 40.625vw;
    margin-bottom: 2.60417vw; } }

.ha {
  width: 100%;
  height: 100%;
  background-color: #fff8ed;
  padding: 200px 130px; }
  @media screen and (max-width: 1300px) {
    .ha {
      padding: 150px 100px; } }
  @media screen and (max-width: 1024px) {
    .ha {
      padding: 100px 50px; } }
  @media screen and (max-width: 767px) {
    .ha {
      padding: 50px 30px; } }
  .ha.centered {
    padding: 150px 130px; }
    .ha.centered .ha_content {
      max-width: 816px;
      text-align: center; }
    @media screen and (max-width: 1300px) {
      .ha.centered {
        padding: 150px 100px; } }
    @media screen and (max-width: 1024px) {
      .ha.centered {
        padding: 100px 50px;
        max-width: 100%; } }
    @media screen and (max-width: 767px) {
      .ha.centered {
        padding: 50px 30px; } }
  .ha.left {
    padding: 150px 130px; }
    .ha.left .ha_content {
      max-width: 816px;
      text-align: left; }
    @media screen and (max-width: 1300px) {
      .ha.left {
        padding: 150px 100px; } }
    @media screen and (max-width: 1024px) {
      .ha.left {
        padding: 100px 50px;
        max-width: 100%; } }
    @media screen and (max-width: 767px) {
      .ha.left {
        padding: 50px 30px; } }
  .ha.white {
    background-color: #fff; }
  .ha.blue {
    background-color: #00122d; }
    .ha.blue .ha_h2 {
      color: #fff; }
    .ha.blue .ha_p h2,
    .ha.blue .ha_p h3,
    .ha.blue .ha_p h4,
    .ha.blue .ha_p h5,
    .ha.blue .ha_p p,
    .ha.blue .ha_p ul,
    .ha.blue .ha_p li {
      color: #fff; }
  .ha.smaller {
    padding: 100px 130px; }
    @media screen and (max-width: 1280px) {
      .ha.smaller {
        padding: 100px; } }
    @media screen and (max-width: 1024px) {
      .ha.smaller {
        padding: 70px 50px; } }
    @media screen and (max-width: 767px) {
      .ha.smaller {
        padding: 50px 30px; } }
  @media screen and (max-width: 1280px) {
    .ha {
      padding: 150px 100px; } }
  @media screen and (max-width: 1024px) {
    .ha {
      padding: 100px 50px; } }
  @media screen and (max-width: 768px) {
    .ha {
      padding: 50px 30px; } }

.ha_content {
  max-width: 1382px;
  width: 100%;
  margin: 0 auto 40px; }
  .ha_content.show .animation-title span {
    transform: unset; }
  .ha_content.show .animation-p > div {
    transform: unset;
    opacity: 1; }
  @media screen and (max-width: 1700px) {
    .ha_content {
      margin-bottom: 70px; } }
  @media screen and (max-width: 1500px) {
    .ha_content {
      margin-bottom: 50px; } }
  @media screen and (max-width: 1024px) {
    .ha_content {
      margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .ha_content {
      margin-bottom: 20px; } }

.ha_h2 {
  margin: 10px 0 24px; }
  @media screen and (max-width: 768px) {
    .ha_h2 {
      margin-bottom: 16px; } }

.ha_p h2 {
  margin-bottom: 24px; }
  @media screen and (max-width: 767px) {
    .ha_p h2 {
      margin-bottom: 18px; } }

.ha_p p {
  margin-bottom: 24px; }
  .ha_p p:last-of-type {
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .ha_p p {
      margin-bottom: 18px; } }
  @media screen and (max-width: 500px) {
    .ha_p p {
      margin-bottom: 10px; } }

.ha_p ul {
  text-align: left; }
  .ha_p ul li {
    padding-left: 20px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .ha_p ul li {
        margin-bottom: 14px; } }
    .ha_p ul li:last-of-type {
      margin-bottom: 0; }

.ha_p a {
  color: #0165ad; }

.ha_p h4 {
  margin-bottom: 18px; }

.ha_p h3 {
  margin-bottom: 18px; }

.ha_p img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.ha_img-wrapper {
  width: 100%;
  height: 737px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    .ha_img-wrapper {
      height: 80vw;
      transform: translateX(-110%); } }
  @media screen and (max-width: 768px) {
    .ha_img-wrapper {
      height: 70vw; } }
  @media screen and (max-width: 500px) {
    .ha_img-wrapper {
      height: 60vw; } }
  @media screen and (max-width: 400px) {
    .ha_img-wrapper {
      height: 70vw; } }

.ha_image {
  width: 100%;
  height: 1094px;
  object-fit: cover; }
  @media screen and (max-width: 900px) {
    .ha_image {
      height: 100%; } }

.ha_img-wrapper_overlay {
  width: 100%;
  height: 937px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff8ed;
  z-index: 10; }

.ha_load {
  width: 100% !important; }

.load-more {
  margin-top: 50px;
  position: relative; }
  .load-more .show-more {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s visibility, 0.3s opacity; }
  .load-more .show-less {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s visibility, 0.3s opacity; }
  .load-more.active .show-less {
    visibility: visible;
    opacity: 1; }
  .load-more.active .show-more {
    visibility: hidden;
    opacity: 0; }

.ha_show-more {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
  margin-top: 130px; }

.ha_show-more-wrapper {
  height: fit-content; }

@media screen and (min-width: 1921px) {
  .ha {
    padding: 10.41667vw 6.77083vw; }
    .ha.centered {
      padding: 7.8125vw 6.77083vw; }
      .ha.centered .ha_content {
        max-width: 42.5vw; }
    .ha.left {
      padding: 7.8125vw 6.77083vw; }
      .ha.left .ha_content {
        max-width: 42.5vw; }
    .ha.smaller {
      padding: 5.20833vw 6.77083vw; }
  .ha_content {
    max-width: 71.97917vw;
    margin: 0 auto 2.08333vw; }
  .ha_h2 {
    margin: 0.52083vw 0 1.25vw; }
  .ha_p h2 {
    margin-bottom: 1.25vw; }
  .ha_p p {
    margin-bottom: 1.25vw; }
  .ha_p ul li {
    padding-left: 1.04167vw;
    margin-bottom: 1.04167vw; }
  .ha_p h4 {
    margin-bottom: 0.9375vw; }
  .ha_p h3 {
    margin-bottom: 0.9375vw; }
  .ha_img-wrapper {
    height: 38.38542vw; }
  .ha_image {
    height: 56.97917vw; } }

