@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --orange: #e77a42;
  --blue: #153a57;
  --light-blue: #b1d3ea80;
  --pink: #fae4d9;
  --grey: #b1d3ea;
  --secondary-blue: #033b58;
  --secondary-orange: #f58347;
  --dark-black: #313131;
  --purple: #b84c9cd9;
  --primary-blue: #3891cb;
  --primary-pink: linear-gradient(180deg, #f2f2f2, #fae4d9);
  --light-gray: #dedede;
  --black: #000;
  --white: #fff;
  --helix-core-type-preset-6-paragraph-font-family: "Roboto", sans-serif;
  --helix-core-type-preset-6-paragraph-font-size: 16px;
  --helix-core-type-preset-6-paragraph-line-height: 24px;
  --helix-core-type-preset-6-paragraph-font-weight: 400;
  --helix-core-type-preset-6-paragraph-letter-spacing: 0 !important;
  --helix-core-content-preset-6-paragraph-letter-spacing: 0 !important;
  --helix-core-button--secondary-background: #f58347;
  --helix-core-button--secondary-hover-background: #f58347;
  --helix-core-type-preset-6-button-font-family: "Roboto", sans-serif;
  --helix-core-button-border-radius--secondary: 34px;
  --helix-core-type-preset-6-button-letter-spacing: 0;
  --helix-core-type-preset-6-button-font-size: 18px;
  /*scroll-behavior: smooth;*/
  width: 100%;
  height: 100vh;
}

body {
  font-family: var(--helix-core-type-preset-6-paragraph-font-family);
  margin: 0;
  padding: 0;
  color: var(--dark-black);
  font-size: var(--helix-core-type-preset-6-paragraph-font-size);
  line-height: var(--helix-core-type-preset-6-paragraph-line-height);
  font-weight: var(--helix-core-type-preset-6-paragraph-font-weight);
}

helix-core-button[variant="secondary"] {
  display: flex;
  align-items: center;
  justify-content: center
}

helix-core-button[variant="secondary"]::part(native) {
  padding: 17px 34px;
  border: none;
  text-transform: none;
  color: #fff;
  letter-spacing: 0;
  max-width: 300px;
  text-align: center
}

h1,h2,h3,h4,h5 {
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  font-weight: 700;
  margin-top: 0;
}

strong {
  font-weight: 700;
}

sup {
  font-size: 75%;
  line-height: 0;
}

helix-core-layout-container::part(inner-container) {
  padding: 0 16px;
  position: relative;
  max-width: 1092px;
}

helix-core-layout-container helix-core-grid::part(grid) {
  margin-bottom: 0;
}

helix-core-content div, helix-core-heading div {
  margin: 0 !important;
}

helix-core-layout-container.developed-by::part(inner-container) {
  max-width: 1175px;
}

.hero > helix-core-layout-container::part(inner-container) {
  max-width: 984px;
}

.page-video {
  position: relative;
}

.page-video .video-js {
  width: 100%;
  padding: 0 !important;
  height: 100vh !important;
}

.page-video .video-js .vjs-tech {
  height: 100vh !important;
  width: 100%;
}

.video-noControls helix-core-brightcove-video .video-js .vjs-control-bar,
.video-noControls helix-core-brightcove-video .video-js .vjs-big-play-button {
  display: none;
}

.video-noControls helix-core-brightcove-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.video-noControls helix-core-brightcove-video .video-js {
  height: 100% !important;
}

.video-noControls helix-core-brightcove-video .video-js .vjs-tech {
  object-fit: cover;
}

.page-video .video-js .vjs-big-play-button {
  height: 2em;
  width: 2em;
}

.page-video helix-core-content {
  background: var(--purple);
  padding: 10px;
  position: absolute;
  bottom: 5px;
  z-index: 1;
  border-radius: 5px;
}

.page-video helix-core-content p {
  --helix-core-type-preset-6-paragraph-font-family: "klavika-web",sans-serif;
  --helix-core-type-preset-6-paragraph-font-weight: 700;
  --helix-core-type-preset-6-paragraph-font-size: 18px;
  --helix-core-type-preset-6-paragraph-line-height: 20px;
  color: var(--white);
}

.video-block-mpfour {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100% !important;
  height: 100% !important;
  background: #000;
}