/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-four-images/block-text-four-images.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; } }

.hty {
  width: 100%;
  height: 100%;
  background-color: #00122d; }
  @media screen and (max-width: 1400px) {
    .hty {
      padding: 150px 130px; } }
  @media screen and (max-width: 1280px) {
    .hty {
      padding: 150px 100px; } }
  @media screen and (max-width: 1024px) {
    .hty {
      padding: 100px 50px; } }
  @media screen and (max-width: 768px) {
    .hty {
      padding: 50px 30px; } }

.hty_container {
  display: flex;
  justify-content: flex-end; }
  @media screen and (max-width: 1400px) {
    .hty_container {
      flex-direction: column; } }
  .hty_container.reversed {
    flex-direction: row-reverse; }
    @media screen and (max-width: 1400px) {
      .hty_container.reversed {
        flex-direction: column; } }
    .hty_container.reversed .hty_left {
      padding-right: 0;
      padding-left: 160px; }
      @media screen and (max-width: 1600px) {
        .hty_container.reversed .hty_left {
          padding: 50px 100px; } }
      @media screen and (max-width: 1400px) {
        .hty_container.reversed .hty_left {
          max-width: 100%;
          padding: 0;
          margin-bottom: 70px; } }
      @media screen and (max-width: 768px) {
        .hty_container.reversed .hty_left {
          margin-bottom: 50px; } }

.hty_left {
  max-width: 700px;
  width: 100%;
  padding-right: 160px;
  align-self: center;
  padding: 100px 160px 100px 0; }
  .hty_left.show .animation-title span {
    transform: unset; }
  .hty_left.show .animation-p > div {
    transform: unset;
    opacity: 1; }
  .hty_left.show .animation-button a {
    transform: unset;
    opacity: 1; }
  @media screen and (max-width: 1600px) {
    .hty_left {
      padding: 50px 100px; } }
  @media screen and (max-width: 1400px) {
    .hty_left {
      max-width: 100%;
      padding: 0;
      margin-bottom: 70px; } }
  @media screen and (max-width: 768px) {
    .hty_left {
      margin-bottom: 40px; } }
  @media screen and (max-width: 500px) {
    .hty_left {
      margin-bottom: 25px; } }

.hty_left-h2 {
  color: #fff;
  margin: 10px 0 30px; }

.hty_left-p p {
  color: #fff; }

.hty_left-link {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .hty_left-link {
      margin-top: 40px; } }
  @media screen and (max-width: 500px) {
    .hty_left-link {
      margin-top: 25px; } }

.hty_right {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  @media screen and (max-width: 1400px) {
    .hty_right {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .hty_right {
      justify-content: center; } }

.hty_right-item {
  display: inline-block;
  width: 50%;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .hty_right-item {
      width: 80%;
      height: 60vw;
      margin-bottom: 30px; } }
  @media screen and (max-width: 540px) {
    .hty_right-item {
      width: 100%;
      height: 400px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 400px) {
    .hty_right-item {
      margin-bottom: 16px; } }
  @media screen and (max-width: 380px) {
    .hty_right-item {
      height: 380px; } }
  @media (hover: hover) and (pointer: fine) {
    .hty_right-item:hover .hty_right-item-content {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, -50%); }
    .hty_right-item:hover .view-more::after {
      transform: translateX(100%);
      transform-origin: center; } }

.hty_right-item-overlay {
  display: none; }
  @media screen and (max-width: 768px) {
    .hty_right-item-overlay {
      display: block;
      background-color: rgba(0, 18, 45, 0.4);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }

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

.hty_right-item-content {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding: 0 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 10;
  transition: 0.3s; }
  @media screen and (max-width: 1700px) {
    .hty_right-item-content {
      padding: 0 40px; } }
  @media screen and (max-width: 1580px) {
    .hty_right-item-content {
      padding: 0 20px; } }
  @media screen and (max-width: 768px) {
    .hty_right-item-content {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, -50%); } }

.hty_right-item-content-h3 {
  color: #fff;
  margin-bottom: 20px; }
  @media screen and (max-width: 1700px) {
    .hty_right-item-content-h3 {
      margin-bottom: 10px; } }

.hty_right-item-content-p {
  color: #fff;
  margin-bottom: 20px; }
  @media screen and (max-width: 1700px) {
    .hty_right-item-content-p {
      margin-bottom: 10px; } }

.hty_right-item-content-link {
  color: #fff; }

.hty_right-hover {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background-color: rgba(1, 101, 173, 0.7);
  z-index: 1;
  transition: 0.2s; }
  .hty_right-hover.active {
    visibility: visible;
    opacity: 1; }

@media screen and (min-width: 1921px) {
  .hty_container.reversed .hty_left {
    padding-left: 8.33333vw; }
  .hty_left {
    max-width: 36.45833vw;
    padding-right: 8.33333vw;
    padding: 5.20833vw 8.33333vw 5.20833vw 0; }
  .hty_left-h2 {
    margin: 0.52083vw 0 1.5625vw; }
  .hty_left-link {
    margin-top: 3.125vw; }
  .hty_right-item-content {
    padding: 0 3.33333vw; }
  .hty_right-item-content-h3 {
    margin-bottom: 1.04167vw; }
  .hty_right-item-content-p {
    margin-bottom: 1.04167vw; } }