@media only screen and (max-width: 760px) {
}.tf-videobanner {
  min-height: 340px;
  padding: 0px var(--page-horpadding);
  background: -webkit-gradient(linear, left top, right top, from(#05053E), to(#141451));
  background: linear-gradient(90deg, #05053E 0%, #141451 100%);
  position: relative;
  width: var(--vw100max, 100vw);
  left: 50%;
  right: 50%;
  margin-left: calc(-1 * (var(--vw100max, 100vw) / 2));
  margin-right: calc(-1 * (var(--vw100max, 100vw) / 2));
}
.tf-videobanner .tf-videobanner_inner {
  width: 100%;
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container {
  width: 100%;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-radius: var(--bigradius);
  min-height: calc(95vh - 96px);
  padding: 100px 120px;
}
@media only screen and (max-width: 1360px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container {
    padding: 100px 60px 60px 60px;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container {
    padding: 100px 40px 40px 40px;
    min-height: auto;
    height: calc(90vh - 80px);
  }
}
@media only screen and (max-width: 760px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container {
    padding: 100px 32px 26px 32px;
    height: calc(90vh - 76px);
  }
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder {
  width: 100%;
  max-width: 690px;
  --cfont: var(--primary-cfont);
  --clink: var(--primary-clink);
  --chover: var(--primary-chover);
  --cfontl: var(--primary-cfontl);
  --clinkl: var(--primary-clink);
  --choverl: var(--primary-chover);
  --cfontd: var(--primary-cfont);
  --clinkd: var(--primary-clink);
  --choverd: var(--primary-chover);
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder h1 {
  width: 100%;
  max-width: var(--gutenmaxwidth);
  margin: 3rem auto 0.8rem auto;
  word-break: break-word;
  font-size: 4.375rem;
}
@media only screen and (max-width: 760px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder h1 {
    margin: 2rem auto 0.6rem auto;
  }
}
@media only screen and (max-width: 1360px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder h1 {
    font-size: 3.75rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder h1 {
    font-size: 3.25rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder h1 {
    font-size: 2.125rem;
  }
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder > *:first-child {
  margin-top: 0 !important;
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder > *:last-child {
  margin-bottom: 0 !important;
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .txtholder > *:nth-last-child(2):is(.tf-block) {
  margin-bottom: 0 !important;
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container::after {
  content: "";
  display: block;
  position: absolute;
  inset: -2%;
  width: 104%;
  height: 104%;
  z-index: -1;
  background: linear-gradient(54deg, rgba(1, 1, 39, 0.85) 29.79%, rgba(0, 0, 37, 0.69) 67.89%);
  background-blend-mode: multiply;
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .background-image,
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .background-video {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: var(--bigradius);
}
.tf-videobanner .tf-videobanner_inner .bigvideo-banner_container .background-image img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.videopopup_holder {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  isolation: isolate;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 500ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: 500ms cubic-bezier(0.5, 1, 0.89, 1);
  opacity: 0;
  z-index: -199990;
  pointer-events: none;
}
.videopopup_holder.active {
  z-index: 199990;
  opacity: 1;
  pointer-events: auto;
}
.videopopup_holder.active .langpopup_box {
  margin-top: 0;
}
.videopopup_holder .videopopup_box {
  width: calc(100% - 40px);
  max-width: 1100px;
  position: relative;
  display: block;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin-top: -40px;
  -webkit-transition: 500ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: 500ms cubic-bezier(0.5, 1, 0.89, 1);
}
.videopopup_holder .videopopup_box .videopopup_close {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  color: #fff;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-transition: 500ms ease-in-out all;
  transition: 500ms ease-in-out all;
}
.videopopup_holder .videopopup_box .videopopup_close:hover,
.videopopup_holder .videopopup_box .videopopup_close:active {
  color: var(--secondary);
}
.videopopup_holder .videopopup_box .videopopup_video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: var(--smallradius);
  overflow: hidden;
}
.videopopup_holder .videopopup_cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 5, 63, 0.93);
  z-index: -1;
  cursor: pointer;
}