:root {
  --narandzasta: #ff6b00;
  --white: white;
  --black: black;
  --plava: #0e7aff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #000;
  background-color: #f9be9400;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  line-height: 1.2em;
  text-decoration: none;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.3em;
  line-height: 1.1em;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.375em;
  line-height: 1.1em;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25em;
  line-height: 1.2em;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  line-height: 1.2em;
}

h5 {
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 3em;
  margin-bottom: 1.1em;
  font-size: 1.2em;
  line-height: 1.2em;
}

h6 {
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.2em;
}

p {
  margin-bottom: 10px;
  line-height: 1.4em;
}

a {
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.p-sm-end {
  padding-bottom: 3em;
}

.center-w2 {
  width: 100%;
  max-width: 83.125em;
  margin-left: auto;
  margin-right: auto;
}

.center-w2.gutter-outside {
  padding-left: 0;
  padding-right: 0;
}

.title1 {
  font-size: 4em;
  font-weight: 600;
  line-height: 1.1em;
}

.center-w3 {
  width: 100%;
  max-width: 62em;
  margin-left: auto;
  margin-right: auto;
}

.title2 {
  font-size: 3.375em;
  font-weight: 600;
  line-height: 1.1em;
}

.gutter-outside {
  padding-left: 60px;
  padding-right: 60px;
}

.copy-medium {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.45em;
}

.intro-section {
  background-color: #e6d7cd;
  background-image: radial-gradient(circle at 50% 0, #eeecd2, #e6d7cd);
  justify-content: center;
  align-items: center;
  padding-top: 6.5em;
  padding-bottom: 7.5em;
  display: flex;
}

.section {
  border-top: 1px solid #000;
  border-bottom: 1px solid #054594;
  justify-content: center;
  align-items: center;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
}

.tutorial-section {
  padding-top: 8em;
  padding-bottom: 8em;
}

.text-center {
  text-align: center;
}

.tutorial-link {
  color: #edebd1;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 999em;
  padding: .8em 4em .7em;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.tutorial-link:hover {
  color: #000;
  background-color: #0000;
  border-style: dashed;
}

.video-lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.lightbox-video-thumbnail {
  width: 100%;
  height: 0%;
  padding-bottom: 54.25%;
}

.play-button-wrapper {
  color: #fff;
  letter-spacing: .18em;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  padding-left: .3em;
  font-size: 1.2em;
  font-weight: 600;
  display: none;
  position: absolute;
}

.play-button-wrapper.is-mobile {
  display: none;
}

.play-button-text {
  font-size: 1.4em;
}

.cursor-area {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.intro-description {
  padding: 2em 4em 1.7em;
}

.navbar-1 {
  color: #333;
  background-color: #0000;
  font-size: 20px;
  font-weight: 500;
}

.navlink-nb1 {
  color: #333;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.div-block {
  margin-left: auto;
  margin-right: auto;
}

.container-large {
  width: 100%;
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
}

.nav_link {
  color: #f4781f;
  padding: 0 0 0;
  font-family: Opensans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.nav_link.w--current {
  color: var(--narandzasta);
  text-decoration: none;
}

.nav_link-wrapper {
  padding-bottom: 0;
  position: relative;
}

.nav_logo-wrapper {
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  display: flex;
}

.nav {
  background-color: #fff;
  border: 1px solid #054594;
  border-bottom-width: 5px;
  width: 100%;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.nav_component {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_link-line {
  background-color: #054594;
  width: 100%;
  height: 2px;
  position: absolute;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.nav_menu {
  grid-column-gap: 4rem;
  align-items: center;
  display: flex;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #42a7f4;
  padding: .75rem 1.5rem;
  font-weight: 700;
  transition: border-radius .3s, opacity .3s;
}

.button:hover {
  opacity: .69;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.button.hide-mobile-portrait {
  background-color: #054594;
  font-family: Opensans, sans-serif;
}

.body {
  background-color: var(--white);
}

.content {
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content.mod--audio {
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: static;
}

.audio__type-img {
  margin-right: 10px;
}

.audio__list-title {
  color: #f1f5fb;
  line-height: 1.1em;
}

.audio__param-txt {
  text-transform: uppercase;
  margin-right: 36px;
}

.audio__param-wrap {
  color: #fff6;
  align-items: center;
  margin-top: 44px;
  display: flex;
}

.audio__play {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/ico_rectangle.svg');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
}

.audio__play.active {
  opacity: 1;
  filter: none;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 3px 13px -4px #300d11cc;
}

.audio__more {
  text-align: center;
  position: relative;
}

.audio__heading-wrap {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 42px;
  display: flex;
}

.btn {
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #ffffff4d;
  border-radius: 8px;
  min-width: 176px;
  padding: 25px 30px 22px;
  font-weight: 700;
  transition: all .2s;
}

.btn:hover {
  border-color: #fff;
}

.btn.btn--slim {
  border-color: #ffffff4d;
  padding-top: 17px;
  padding-bottom: 14px;
}

.btn.btn--slim:hover {
  border-color: #fff;
}

.main {
  position: relative;
}

.audio__txt {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.5em;
}

.audio__list {
  margin-bottom: 48px;
  padding-left: 0;
  list-style-type: none;
}

.audio__col {
  flex: 1;
}

.audio__col.col--1 {
  max-width: 260px;
  position: relative;
}

.audio__col.col--4 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.audio__col.col--3 {
  margin-right: 56px;
  transition: all .2s;
}

.audio__col.col--3.active {
  color: #fff;
}

.audio__col.col--2 {
  max-width: 395px;
  padding-left: 50px;
  padding-right: 64px;
}

.audio__shine-wrap {
  z-index: -1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nowrap {
  white-space: nowrap;
}

.audio__shine-img {
  position: relative;
  left: -300px;
}

.audio__subheading {
  color: #878f9a;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.audio__heading {
  margin-bottom: 0;
}

.audio__list-item {
  color: #ffffff80;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.audio__list-item.mod--first {
  background-image: url('../images/dash_1dash.png'), url('../images/dash_1dash.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat-x, repeat-x;
  background-size: auto, auto;
}

.section-2 {
  background-image: url('../images/Noise_1Noise.avif');
  background-position: 0 0;
  background-size: auto;
  padding: 80px;
  position: relative;
}

.section-2.mod--audio {
  background-image: url('../images/222_1.avif');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.audio__type-wrap {
  color: #ffffff4d;
  letter-spacing: .02em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.audio__img-wrap {
  z-index: -1;
  opacity: 0;
  align-items: center;
  margin-top: -40px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0% auto 0% -20px;
}

.audio__img-wrap.active {
  z-index: 1;
  opacity: 1;
}

.audio__img {
  max-width: none;
  transition: all .5s;
  transform: scale(.9);
}

.audio__img.active {
  transform: none;
}

.timeline_date-text {
  color: #f4781f;
  letter-spacing: 0;
  text-transform: none;
  font-family: Lato, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.padding-vertical-xlarge {
  padding-top: 50px;
  padding-bottom: 50px;
}

.timeline-main_heading-wrapper {
  color: #fff;
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.badge {
  max-width: 160px;
}

.overlay-fade-bottom {
  background-color: #0000;
  background-image: linear-gradient(0deg, var(--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.heading {
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Opensans, sans-serif;
}

.margin-bottom-small {
  margin-bottom: 24px;
}

.timeline_text {
  color: #fff;
  font-family: Opensans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.overlay-fade-top {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_image-wrapper {
  background-image: linear-gradient(138deg, #000, #0000 28%), url('../images/Image-Background.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 12px;
  overflow: hidden;
}

.masonry-grid {
  column-count: 3;
  column-gap: 30px;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.icon {
  color: #fff;
  max-width: 50px;
  margin-left: auto;
  margin-right: auto;
}

.container-2 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.container-2.bottom {
  padding-bottom: 25px;
}

.image-grid {
  border-radius: 12px;
  margin-bottom: 30px;
}

.page-wrapper {
  z-index: 0;
  position: relative;
}

.logo {
  opacity: .8;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo:hover {
  opacity: 1;
}

.section-timeline-cta {
  background-color: #0a0a0a;
}

.timeline_circle {
  background-color: #f4781f;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#800d0d, #f70000 51%, #800d0d);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.timeline_progress {
  z-index: -2;
  background-color: #f4781f;
  width: 3px;
  height: 100%;
  position: absolute;
}

.section-timeline {
  z-index: -3;
  background-color: #054594;
  position: relative;
}

.rounded-corners {
  border-radius: 12px;
}

.section-timeline-heading {
  background-color: #054594;
}

.bold-text {
  color: #fff;
  font-weight: 500;
}

.div-block-2 {
  background-color: #1574cb;
}

.gradient-heading {
  z-index: 1;
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/222_1.avif');
  background-position: 50% 12%;
  background-size: auto;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: auto;
  margin-right: auto;
  font-family: Opensans, sans-serif;
  font-size: 7rem;
  font-weight: 700;
}

.vertical-padding {
  padding-top: 8rem;
}

.credits {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5rem;
  padding-bottom: 2rem;
  display: flex;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xsmall {
  color: #fff;
  text-decoration: none;
}

.team_item {
  border-radius: 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.margin-top {
  margin: 0;
}

.margin-top.margin-small {
  margin-top: 1rem;
}

.margin-top.margin-large {
  margin-top: 3rem;
}

.section-4 {
  background-color: #fff;
}

.team-member_component {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.employee-name {
  color: #3289f1;
  text-align: center;
  -webkit-text-stroke-color: #3289f100;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900;
}

.section-team {
  padding-bottom: 4rem;
}

.heading-wrapper {
  position: relative;
}

.container-large-2 {
  margin-left: auto;
  margin-right: auto;
}

.team-background-video-1 {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.job-title {
  color: #216a62;
  font-size: 1.5rem;
  font-weight: 700;
}

.team_list {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  grid-template: ". ."
                 ". Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  display: grid;
}

.team-image-video_wrapper {
  background-color: #fafafa;
  background-image: url('../images/image_part_001.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 30rem;
  height: 30rem;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
}

.team-image-video_wrapper:hover {
  transform: scale(1.025);
}

.team-image-video_wrapper.chance-armstrong {
  background-image: url('../images/image_part_002.avif');
  width: 30rem;
  height: 30rem;
}

.team-image-video_wrapper.martha-tanner {
  background-image: url('../images/image_part_003.avif');
  width: 30rem;
  height: 30rem;
}

.team-image-video_wrapper.william-cool {
  background-image: url('../images/image_part_004.avif');
  width: 30rem;
  height: 30rem;
}

.img-parent {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.img-parent.ab {
  position: absolute;
}

.video-bg {
  z-index: 0;
  opacity: .7;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.html {
  position: absolute;
  inset: 0% auto auto 0%;
}

.title-name-intro {
  text-align: center;
  font-size: 14vw;
  line-height: .75;
}

.info-col-parent {
  width: 100%;
  overflow: hidden;
}

.outro-fade {
  z-index: 9999;
  background-color: #000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.col-left {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100svh;
  transition: padding .8s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  left: 0;
}

.col-left:hover {
  padding: 4rem;
}

.primary-btn {
  z-index: 1;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.2rem .7rem;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-btn.ghost {
  color: #fff;
  border: 1px solid #fff;
}

.col-left-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.background-content {
  z-index: 0;
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: absolute;
}

.section-5 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.section-5.split-col {
  background-color: #000;
  height: 100vh;
  display: flex;
  overflow: clip;
}

.tag-sm {
  text-transform: uppercase;
  border: 1px solid #fff3;
  padding: .6rem 1rem;
  font-size: .9rem;
  font-weight: 400;
  display: inline-block;
}

.col-content-parent {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 6rem 3rem 2rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-text {
  padding-top: .2rem;
}

.btn-whipe {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.btn-whipe.bg-white {
  background-color: #fff;
}

.button-text-ab {
  padding-top: .2rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-text-ab.text-black {
  color: #161616;
}

.info-col-child {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20rem;
  padding-top: 1rem;
  padding-bottom: .2rem;
  display: flex;
}

.col-right {
  background-color: #000;
  width: 50%;
  height: 100svh;
  transition: padding .8s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  right: 0;
}

.col-right:hover {
  padding: 4rem;
}

.div-hide {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.intro-cover {
  z-index: 9999;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.img-child {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.parent {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.span-text {
  display: inline-block;
}

.background-video {
  width: 100%;
  height: 100%;
  margin-top: 153px;
}

.video-block-dark {
  z-index: 1;
  border-radius: 0 8px 8px 0;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.button-2 {
  background-color: #1e90ff;
  padding: 12px 24px;
  font-weight: 700;
}

.button-2.cc-jumbo {
  letter-spacing: 1px;
  padding: 18px 36px;
}

.color {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.color.cc-pulm {
  background-image: linear-gradient(225deg, #667eea, #764ba2);
}

.color.cc-sunset-forest {
  background-image: linear-gradient(225deg, #e3bf54, #23bcba);
}

.color.cc-forest {
  background-image: linear-gradient(225deg, #23bcba, #45e994);
}

.color.cc-sunset {
  background-image: linear-gradient(225deg, #fb8332, #e3bf54);
}

.color.cc-pulm-sunset {
  background-image: linear-gradient(225deg, #764ba2, #fb8332);
}

.color.cc-forest-pulm {
  background-image: linear-gradient(225deg, #23bcba, #764ba2);
}

.label {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.label.cc-grey {
  color: #939393;
}

.container-hero {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-hero {
  z-index: 2;
  width: 60%;
  margin: 190px 143px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.video-block-light {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 59%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.button-text-2 {
  z-index: 999;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.heading-3 {
  padding-left: 0;
  padding-right: 0;
}

.heading-3.cc-white {
  color: var(--white);
}

.play-icon {
  z-index: 7;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-gradient-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-gradient-2._3 {
  z-index: 3;
}

.button-gradient-2._2 {
  z-index: 2;
}

.button-gradient-2._1 {
  z-index: 1;
}

.button-gradient-2._6 {
  z-index: 6;
}

.button-gradient-2._5 {
  z-index: 5;
}

.button-gradient-2.static {
  opacity: 0;
  position: static;
}

.button-gradient-2._4 {
  z-index: 4;
}

.button-hero {
  z-index: 9;
  justify-content: center;
  align-items: center;
  width: 44%;
  padding-left: 86px;
  display: flex;
  position: relative;
}

.background-video-dark {
  background-image: linear-gradient(270deg, #00000047 73%, #121212);
  width: 100%;
  height: 120%;
  margin-top: 130px;
}

.h1-jumbo {
  color: var(--narandzasta);
  font-family: Droid Sans, sans-serif;
  font-size: 60px;
  line-height: 72px;
}

.container-3 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.video-block-coffee {
  z-index: 1;
  background-image: linear-gradient(270deg, #0000 60%, #121212), url('../images/Coffe.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 0 8px 8px 0;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.cta {
  margin-top: 60px;
  display: inline-block;
}

.cc-purple {
  color: #054594;
  font-family: Droid Sans, sans-serif;
}

.video-hero-1 {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80vh;
  padding-left: 0;
  display: flex;
}

.video-hero-1:hover {
  box-shadow: none;
}

.video-hero-1.dark {
  color: #fff;
  background-color: #121212;
}

.text-wrap {
  margin-bottom: 60px;
}

.divider {
  background-color: #f1f1f1;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.button-block-2 {
  z-index: 99;
  cursor: pointer;
  border-radius: 8px;
  width: 80px;
  height: 80px;
  transition: transform .2s;
  display: block;
  position: relative;
  overflow: hidden;
}

.button-block-2:hover {
  transform: scale(1.05);
}

.button-block-2-text {
  z-index: 99;
  cursor: pointer;
  border-radius: 8px;
  width: auto;
  height: auto;
  transition: transform .2s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-block-2-text:hover {
  transform: scale(1.05);
}

.cc-blue {
  color: #1e90ff;
}

.paragraph {
  color: #939393;
  font-size: 16px;
  line-height: 28px;
}

.paragraph.big {
  color: var(--plava);
  font-family: Opensans, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 32px;
}

.team-slider {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-slider-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 50px;
}

.team-slide-wrapper {
  width: 30%;
  margin-right: 5%;
}

.team-block {
  background-color: #fff;
  padding-bottom: 24px;
}

.team-member-image-two {
  margin-bottom: 18px;
}

.team-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.team-member-name-two {
  margin-bottom: 12px;
  font-weight: 600;
}

.team-member-text {
  margin-bottom: 20px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.team-slider-arrow {
  display: none;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px;
}

.wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.lightbox-image {
  transition: transform .2s ease-in-out;
}

.lightbox-image:hover {
  transform: translate(0, -5px);
}

.section-6 {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
  overflow: hidden;
}

.row {
  flex-flow: wrap;
  align-content: stretch;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.margin-bottom-gutter {
  margin-bottom: 30px;
}

.col {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.col.lg-6 {
  flex: 0 auto;
  align-items: flex-start;
  width: 50%;
}

.col.lg-12 {
  width: 100%;
}

.wraper {
  width: 100%;
  max-width: none;
  margin-top: 80px;
  padding-top: 0;
  position: static;
}

.button-block {
  display: inline-block;
  position: relative;
}

.play-svg {
  background-color: #0000;
  border-top: 10px solid #0000;
  border-bottom: 10px solid #0000;
  border-left: 13px solid #fff;
  border-radius: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding-right: 0;
}

.play-svg.cc-purple {
  border-left-color: #764ba2;
}

.play-svg.cc-orange {
  border-left-color: #fb8332;
}

.play-svg.cc-green {
  border-left-color: #66eac0;
}

.video-block-view {
  border-radius: 0 8px 8px 0;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: auto;
  display: flex;
  position: relative;
  inset: 0%;
}

._2-cards-grid {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-home {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.section-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  display: flex;
  position: static;
}

.video-card-light {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  width: 100%;
  padding-left: 0;
  transition: transform .2s;
  display: flex;
  box-shadow: 0 2px 4px #12121233;
}

.video-card-light:hover {
  box-shadow: 0 2px 4px #1212124d;
}

.icon-big {
  background-color: #f1f1f1;
  border-radius: 8px;
  padding: 23px 21px;
  display: inline-block;
}

.text-headline {
  align-items: center;
  margin-left: 18px;
  display: flex;
}

.video-block-2-view {
  background-image: url('../images/View.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
  position: static;
  inset: 0%;
}

.video-card {
  background-color: #121212;
  border-radius: 8px;
  flex-direction: row;
  width: 100%;
  padding-left: 0;
  display: flex;
  box-shadow: 1px 1px 3px #222;
}

.button-outline-circle {
  z-index: 999;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.button-outline-circle._5 {
  z-index: 5;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-outline-circle._6 {
  z-index: 6;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-outline-circle._7 {
  z-index: 7;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-outline-circle._4 {
  z-index: 4;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-outline-circle._2 {
  z-index: 2;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-outline-circle._3 {
  z-index: 3;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-card-2 {
  margin: 24px 32px 32px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.text-block {
  margin: 50px 60px 60px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.space {
  height: 32px;
}

.headline-wrap {
  margin-bottom: 80px;
}

.button-gradien-complex {
  transition: transform .2s;
  display: flex;
  position: relative;
}

.button-gradien-complex:hover {
  transform: scale(1.05);
}

.cc-purple-2 {
  color: #5540fb;
}

.button-white {
  background-color: #fff;
  border-radius: 0;
  padding: 21px 25px 21px 27px;
  display: inline-block;
  position: absolute;
}

.button-white.dark {
  background-color: #121212;
}

.button-3 {
  background-color: #f1f1f1;
  border-radius: 8px;
  padding: 23px 21px 23px 23px;
  display: inline-block;
}

.button-3.cc-gradient-pulm {
  background-image: linear-gradient(#667eea, #667eea 0%, #764ba2);
  transition: transform .2s, background-color .3s;
}

.button-3.cc-gradient-pulm:hover {
  background-image: linear-gradient(#667eea, #764ba2);
  border-radius: 50%;
}

.video-card-2 {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  transition: transform .2s;
  display: flex;
  box-shadow: 0 2px 4px #12121233;
}

.video-card-2:hover {
  box-shadow: 0 2px 4px #1212124d;
}

.video-card-2.dark {
  color: #fff;
  background-color: #121212;
}

.section-headline {
  flex-direction: row;
  padding-right: 8px;
  display: flex;
}

.button-outline-gradient {
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
  position: relative;
}

.button-outline-gradient:hover {
  transform: scale(1.05);
}

.button-gradient-outline {
  border-radius: 0;
  padding: 24px 28px 24px 30px;
}

.button-gradient-outline.cc-pulm {
  background-image: linear-gradient(225deg, #667eea, #764ba2);
}

.button-gradient-outline.cc-sunset {
  background-image: linear-gradient(225deg, #e3bf54, #fb8332);
}

.button-gradient-outline.cc-pulm-sunset {
  background-image: linear-gradient(225deg, #764ba2, #fb8332);
}

.button-gradient-outline.cc-sunset-forest {
  background-image: linear-gradient(225deg, #fb8332, #45e994);
}

.button-gradient-outline.cc-forest-pulm {
  background-image: linear-gradient(225deg, #23bcba, #764ba2);
}

.button-gradient-outline.cc-forest {
  background-image: linear-gradient(#45e994, #23bcba);
}

.cc-white {
  color: #fff;
}

.cc-purple-3 {
  color: #5540fb;
}

.button-4 {
  background-color: #f1f1f1;
  border-radius: 8px;
  padding: 23px 21px 23px 23px;
  display: inline-block;
}

.button-4.cc-gradient-pulm {
  background-image: linear-gradient(#667eea, #667eea 0%, #764ba2);
  transition: transform .2s, background-color .3s;
}

.button-4.cc-gradient-pulm:hover {
  background-image: linear-gradient(#667eea, #764ba2);
  border-radius: 50%;
}

.video-card-3 {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  transition: transform .2s;
  display: flex;
  box-shadow: 0 2px 4px #12121233;
}

.video-card-3:hover {
  box-shadow: 0 2px 4px #1212124d;
}

.video-card-3.dark {
  color: #fff;
  background-color: #121212;
}

.video-card-4 {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  transition: transform .2s;
  display: flex;
  box-shadow: 0 2px 4px #12121233;
}

.video-card-4:hover {
  box-shadow: 0 2px 4px #1212124d;
}

.video-card-4.dark {
  color: #fff;
  background-color: #121212;
}

.video-card-5, .video-card-6 {
  background-color: #121212;
  border-radius: 8px;
  flex-direction: row;
  width: 100%;
  padding-left: 0;
  display: flex;
  box-shadow: 1px 1px 3px #222;
}

.content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-div {
  position: relative;
}

.heading-white1 {
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0%;
}

.heading-color0 {
  z-index: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #274fd3, #2389d6 50%, #21a7d8 79%);
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.heading-color0.pink {
  background-image: linear-gradient(to right, #961fd6, #be26c9 56%, #d61fd0 79%);
}

.heading-color0.orange {
  background-image: linear-gradient(to right, #da520f, #dda61a 50%, #e4af12 95%);
}

.background-video-2 {
  position: relative;
  overflow: hidden;
}

.image {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  transform: translate(0);
}

.body-paragraphy {
  line-height: 24px;
}

.body-paragraphy.light {
  color: #e0e7f0;
}

.body-paragraphy.light.hero-subhead {
  text-align: center;
  width: 50%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Opensans, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.hero-div-holder {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero {
  background-color: #0c1d27;
  background-image: linear-gradient(102deg, #08080a, #0c14250d 80%), url('../images/dan-gold-tIHb8sIvWPk-unsplash-min-1_1.avif');
  background-position: 0 0, 50% 33%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: center;
  margin-top: 15px;
  padding-top: 210px;
  padding-bottom: 190px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.white-heading {
  text-align: center;
  text-shadow: none;
  margin: 0 0 20px;
  font-size: 72px;
  font-weight: 900;
  line-height: 82px;
}

.white-heading.home-centred {
  color: #fff;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  font-family: Opensans, sans-serif;
  font-weight: 700;
}

.content-holder {
  flex: none;
  align-self: center;
  width: 50%;
  margin-left: 10%;
  margin-right: 0%;
}

.content-holder.home {
  text-align: center;
  flex: none;
  width: auto;
  margin-left: 10%;
  margin-right: 10%;
}

.btn-2 {
  text-align: center;
  mix-blend-mode: hard-light;
  background-color: #fff;
  background-image: linear-gradient(#004394, #fff);
  border: 1px solid #fff;
  border-radius: 15px;
  margin-top: 30px;
  padding: 20px 50px;
  font-size: 16px;
  font-weight: 800;
  transition: background-color .3s;
}

.btn-2:hover {
  background-color: #fff;
  background-image: linear-gradient(#ef7f01, #fff), linear-gradient(#ffffff26, #ffffff26);
}

.btn-2._2 {
  color: #fff;
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(#ef7f01, #fff);
  margin-left: 20px;
}

.btn-2._2:hover {
  color: #fff;
  background-image: linear-gradient(#014495, #fff);
}

.content-div {
  background-color: #fff;
  border-top: 1px #ffffff1c;
  border-bottom: 1px #ecedef;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
}

.icon-block {
  background-color: #f36;
  background-image: linear-gradient(45deg, #fd3fb3, #fd3f81 31%, #fd3e4f 78%, #fd3e4f);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.div-block-6 {
  text-align: center;
  background-color: #fff;
  padding: 0;
  position: static;
}

.hiw-text {
  color: var(--narandzasta);
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 21px;
  margin-bottom: 21px;
  font-family: Opensans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 19px;
  display: flex;
}

.feature-head {
  color: var(--plava);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Opensans, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  position: static;
}

.service-div {
  box-shadow: none;
  text-align: center;
  background-image: none;
  border: 3px #eecb3e;
  border-radius: 3px;
  align-items: flex-start;
  width: 22%;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.services-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/abhishek-chandra-kXJksx1kdJ0-unsplash_1.avif');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding: 25px 10%;
  display: flex;
  box-shadow: 0 1px 3px #0b141f1c;
}

.right-side {
  width: 70%;
  margin-left: 15px;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: .25fr;
  display: grid;
}

.card {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card.content-center {
  border-width: 3px;
  border-color: var(--plava);
  text-align: center;
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.square-icon {
  border-radius: 16px;
}

.heading-4 {
  color: var(--narandzasta);
  font-family: Opensans, sans-serif;
  font-size: 27px;
}

.heading-5, .heading-6 {
  color: var(--narandzasta);
  font-family: Opensans, sans-serif;
  font-size: 27px;
  text-decoration: none;
}

.heading-7 {
  color: #0e7aff;
  font-family: Opensans, sans-serif;
  font-size: 28px;
}

.paragraph-2 {
  color: var(--white);
  font-family: Opensans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.paragraph-3, .paragraph-4 {
  color: var(--white);
  font-family: Opensans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.paragraph-5 {
  color: var(--narandzasta);
  font-family: Opensans, sans-serif;
  font-weight: 700;
}

.footer4_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.footer_social-link {
  justify-content: center;
  align-items: center;
  transition: color .2s;
}

.footer_social-link:hover {
  color: #0366d6;
}

.horizontal-divider {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.cta_content-left {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  color: #fff;
  background-color: #ff6b00;
  background-image: linear-gradient(#0e7aff, #101010);
  border-radius: 1rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center start;
  padding: 4rem;
  display: grid;
}

.footer4_component {
  background-color: var(--plava);
  color: #fff;
  margin-top: 30px;
}

.navbar2_component {
  background-color: #0000;
  border-bottom: 1px solid #0000;
  align-items: center;
  height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
}

.footer4_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center;
}

.text-style-muted {
  opacity: .91;
  font-family: Opensans, sans-serif;
  font-weight: 700;
}

.container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.cta-localisation_component {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.text-size-large {
  font-family: Opensans, sans-serif;
  font-size: 1.5rem;
}

.margin-0 {
  margin: 0;
}

.cta_content-right {
  border-radius: 1rem;
  overflow: hidden;
}

.social-icon-2 {
  color: #fff;
  width: 32px;
  height: 32px;
  transition: all .25s;
}

.social-icon-2:hover {
  color: #fac710;
}

.page-padding-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.cta-map {
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.footer4_link {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .25s;
}

.footer4_link:hover {
  color: #fac710;
}

.footer4_logo-link {
  padding-left: 0;
}

.cta_content-item {
  color: #fff;
  text-decoration: none;
}

.footer_social {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  display: grid;
}

.text-color-yellow {
  color: #fac710;
}

.text-color-yellow.heading-medium {
  color: var(--narandzasta);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.link {
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-2 {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.contact-link {
  align-items: center;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.contact-link_icon {
  width: 22px;
  margin-right: 15px;
}

.text-block-2 {
  color: #fff;
  font-family: Opensans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-block-3 {
  margin-top: 20px;
  font-family: Opensans, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.horizontal-line {
  background-color: #333;
  width: 7.5em;
  height: .375em;
}

.image-3 {
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
}

.contact-link_icon-2 {
  width: 22px;
  margin-left: auto;
  margin-right: auto;
}

.margin-top-2 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top-2.margin-small {
  align-self: flex-start;
  margin-top: 2.95em;
  margin-left: auto;
  margin-right: auto;
}

.card_team-info-wrapper {
  cursor: pointer;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-info_text-overline {
  color: var(--plava);
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  font-family: Opensans, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
}

.team_heading-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 8em 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1em;
  padding-bottom: 1em;
  display: grid;
}

.is--text-white {
  color: #e2ebfd;
  margin-left: auto;
  margin-right: auto;
  font-size: 21px;
}

.is--text-white.is--mobile-header {
  margin-left: auto;
  margin-right: auto;
}

.details_icon-wrapper {
  z-index: 10;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  position: absolute;
  inset: auto 2em 2em auto;
}

.contact-link-2 {
  align-items: center;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.team-info_details-wrapper {
  flex-direction: column;
  height: 100%;
  padding: .5em;
  display: flex;
  position: absolute;
  left: 0%;
  right: 0%;
}

.details_social-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-7 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-5 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5em;
  padding-left: 10em;
  padding-right: 10em;
}

.team-info_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-team-2 {
  min-height: 100vh;
}

.details_text-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block-4 {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  font-weight: 400;
}

.details_background-color {
  background-color: #3a68e7e6;
  border-radius: 8px;
  height: 100%;
  position: relative;
}

.team_card-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 3.5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 4em;
  padding-bottom: 4em;
  display: grid;
}

.team-info_text {
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3em;
  font-weight: 600;
}

.team-info_image-wrapper {
  border-radius: 31%;
  width: 400px;
  height: 250px;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden;
}

.team-info_content-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.heading-8 {
  margin-left: auto;
  margin-right: auto;
}

.flex-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20vh;
  min-height: 150px;
  display: flex;
}

.heading-9 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#f09, #ff0004);
  -webkit-background-clip: text;
  background-clip: text;
}

.big-text-clip {
  letter-spacing: -10px;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--narandzasta);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-color: #0e7aff;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Exo, sans-serif;
  font-size: 200px;
  font-weight: 800;
  line-height: 1;
}

.div-block-8 {
  background-image: url('../images/slika-pripreme-modified_1.avif');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
}

.text-block-5 {
  color: #fff;
}

.text-block-6 {
  color: #fff;
  font-size: 18px;
}

.image-4 {
  padding: 20px;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  .center-w2.gutter-outside {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .gutter-outside {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .tutorial-section {
    border-top: 1px solid #d4d4d4;
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .play-button-wrapper.is-mobile {
    background-color: #0000;
    display: flex;
    transform: rotate(-17deg);
  }

  .cursor-area {
    display: none;
  }

  .nav-menu-nb1, .hamburger-menu-nb1.w--open {
    background-color: #0000;
  }

  .container {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .nav_link {
    color: #fff;
    font-size: 2rem;
  }

  .menu-button-2 {
    background-color: #0000;
    padding: 0;
  }

  .menu-button-2.w--open {
    z-index: 101;
    background-color: #42a7f4;
    border-radius: 50%;
    position: fixed;
    inset: 2.5rem 2.5rem auto auto;
  }

  .menu-icon1_line-middle {
    background-color: #232323;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2.2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav_link-wrapper {
    padding-bottom: 1rem;
  }

  .nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-bottom {
    background-color: #232323;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_link-line {
    display: none;
  }

  .menu-icon1_line-top {
    background-color: #232323;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_menu {
    z-index: 100;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #0000;
    background-image: linear-gradient(#180c32, #5e28cf);
    flex-direction: column;
    min-height: 90vh;
    padding-top: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: fixed;
    inset: 0%;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .audio__more {
    position: static;
  }

  .audio__txt {
    margin-top: 0;
  }

  .audio__col.col--1 {
    flex: 0 auto;
    width: 100%;
    max-width: none;
  }

  .audio__col.col--2 {
    max-width: 260px;
    padding-left: 0;
  }

  .audio__shine-wrap {
    overflow: hidden;
  }

  .audio__list-item {
    flex-wrap: wrap;
  }

  .section-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .audio__type-wrap {
    margin-bottom: 16px;
  }

  .audio__img-wrap {
    display: none;
  }

  .timeline_text, .bold-text {
    font-size: 18px;
  }

  .gradient-heading {
    font-size: 6rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .team_list {
    grid-template: ". ."
                   ". Area"
                   "Area-2 Area-3"
                   / 1fr 1fr;
    display: block;
  }

  .video-bg {
    min-width: auto;
  }

  .title-name-intro {
    font-size: 19vw;
  }

  .col-left {
    width: 100%;
    position: relative;
  }

  .background-content {
    display: none;
  }

  .section-5.split-col {
    flex-flow: column;
    height: auto;
  }

  .col-content-parent {
    padding-top: 2rem;
  }

  .col-right {
    width: 100%;
    height: 100vh;
    position: relative;
  }

  .text-block-hero {
    margin-left: 0;
  }

  .container-4 {
    max-width: 728px;
  }

  .team-slide-wrapper {
    width: 47%;
    margin-right: 6%;
  }

  .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-6 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .row {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .col {
    width: 50%;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-white1 {
    font-size: 120px;
  }

  .body-paragraphy {
    font-size: 18px;
    line-height: 23px;
  }

  .body-paragraphy.light.hero-subhead {
    width: 85%;
  }

  .hero-div-holder {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 8%;
    margin-right: 8%;
  }

  .hero {
    height: auto;
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .white-heading.home-centred {
    width: 100%;
  }

  .content-holder {
    width: 100%;
    margin-left: 0%;
  }

  .content-holder.home {
    margin-left: 2%;
    margin-right: 2%;
  }

  .btn-2 {
    padding: 15px 40px;
    font-size: 14px;
  }

  .content-div {
    flex-wrap: wrap;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .service-div {
    width: 48%;
    margin-bottom: 34px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .services-section {
    padding: 41px 30px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-2, .paragraph-3, .paragraph-4 {
    color: var(--white);
  }

  .footer4_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer_social {
    grid-column-gap: 2rem;
    grid-template-columns: max-content 1fr 1fr 1fr;
    margin-top: 1rem;
  }

  .horizontal-line {
    width: 3.5em;
  }

  .team-info_text-overline {
    align-self: auto;
  }

  .team_heading-wrapper {
    grid-template-columns: 3.5rem 1fr;
  }

  .is--text-white.is--mobile-header {
    font-size: 2em;
  }

  .details_icon-wrapper {
    display: flex;
  }

  .container-5 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .team_card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .team-info_text {
    align-self: auto;
  }

  .big-text-clip {
    font-size: 100px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
  }

  h1 {
    font-size: 3.2em;
  }

  h2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.5em;
  }

  h5 {
    font-size: 1.1em;
  }

  h6 {
    font-size: .9em;
  }

  .p-sm-end {
    padding-bottom: 2.3em;
  }

  .center-w2.gutter-outside {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .title1 {
    font-size: 3.2em;
  }

  .title2 {
    font-size: 2.7em;
  }

  .copy-medium {
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .play-button-wrapper.is-mobile {
    font-size: 2.2vw;
  }

  .intro-description {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-1 {
    width: 300px;
  }

  .container-nb1 {
    justify-content: center;
    display: flex;
  }

  .navlink-nb1 {
    text-align: center;
  }

  .hamburger-menu-nb1 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .top-bar-nb1, .middle-bar-nb1, .bottom-bar-nb1 {
    background-color: #333;
    border-radius: 6px;
    width: 40px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .menu-icon1 {
    width: 48px;
    height: 48px;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .audio__list-title {
    margin-bottom: 32px;
    font-size: 20px;
  }

  .audio__param-wrap {
    margin-top: 16px;
  }

  .audio__play {
    width: 45px;
    height: 45px;
  }

  .audio__more {
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .audio__heading-wrap {
    margin-bottom: 34px;
  }

  .btn {
    font-weight: 400;
  }

  .audio__txt {
    font-size: 15px;
  }

  .audio__col.col--4 {
    z-index: 2;
    position: absolute;
    inset: 25px 0% auto auto;
  }

  .audio__col.col--3 {
    flex: 0 auto;
    width: 100%;
    margin-right: 0;
  }

  .audio__col.col--2 {
    flex: 0 auto;
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .audio__shine-wrap {
    justify-content: flex-end;
    height: 500px;
    inset: -122px 0 0;
    overflow: hidden;
  }

  .audio__shine-img {
    width: 600px;
    max-width: none;
    left: auto;
    right: -350px;
    transform: rotate(60deg);
  }

  .audio__subheading {
    display: none;
  }

  .section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .audio__type-wrap {
    margin-bottom: 10px;
    font-size: 13px;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .padding-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-vertical-xlarge.local {
    padding-bottom: 40px;
  }

  .margin-bottom-small {
    margin-bottom: 24px;
  }

  .timeline_text {
    font-size: 18px;
  }

  .masonry-grid {
    column-count: 2;
    column-gap: 15px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .image-grid {
    margin-bottom: 15px;
  }

  .timeline_left {
    text-align: left;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_progress {
    left: 6px;
  }

  .bold-text {
    font-size: 18px;
    font-weight: 500;
  }

  .gradient-heading {
    font-size: 4rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .team_item {
    height: 100%;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .employee-name {
    font-size: 1.125rem;
  }

  .team_list {
    grid-row-gap: 3rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .title-name-intro {
    font-size: 24vw;
  }

  .col-content-parent {
    padding-right: 2rem;
  }

  .video-hero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .container-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-block-hero {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .video-block-light {
    width: 100%;
  }

  .button-hero {
    justify-content: flex-start;
    margin-left: 30px;
    padding-left: 0;
  }

  .heading-block {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .team-slider {
    padding: 60px 15px;
  }

  .row {
    flex-wrap: wrap;
  }

  .col.lg-6 {
    width: 100%;
  }

  .col.lg-6.sm-1 {
    width: 50%;
  }

  .wraper {
    width: 90%;
  }

  .video-block-view {
    width: 100%;
  }

  ._2-cards-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-block {
    margin: 20px 40px 40px 20px;
  }

  .body-paragraphy.light.hero-subhead {
    width: 88%;
  }

  .hero-div-holder {
    margin-left: 7%;
    margin-right: 7%;
  }

  .white-heading {
    font-size: 58px;
    line-height: 66px;
  }

  .btn-2 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .content-div {
    margin-top: 0;
  }

  .service-div {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .footer4_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-auto-flow: row;
    justify-items: center;
  }

  .cta_content-left {
    grid-row-gap: 2rem;
    padding: 2rem;
  }

  .navbar2_component {
    height: 4rem;
  }

  .cta-localisation_component {
    grid-template-columns: 1fr;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .cta_content-right {
    margin-top: 20px;
    margin-bottom: 36px;
  }

  .page-padding-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cta-map {
    height: 20rem;
  }

  .horizontal-line {
    margin-right: auto;
  }

  .team_heading-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 3.5rem 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
  }

  .is--text-white.is--mobile-header {
    font-size: 1.6em;
  }

  .container-5 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .team_card-wrapper {
    grid-column-gap: 1em;
  }

  .big-text-clip {
    font-size: 90px;
  }
}

@media screen and (max-width: 479px) {
  .center-w2.gutter-outside {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .lightbox-video-thumbnail {
    width: 100%;
  }

  .container {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .menu-button-2.w--open {
    background-color: #f48342;
    border: 1px solid #fff;
  }

  .menu-icon1_line-middle {
    background-color: #f4781f;
  }

  .menu-icon1_line-bottom {
    background-color: #f4781f;
    border: 1px solid #f4781f;
  }

  .menu-icon1_line-top {
    color: #fff;
    background-color: #f4781f;
    border: 1px solid #f4781f;
  }

  .nav_menu {
    background-image: linear-gradient(#054594, #fff);
  }

  .button {
    flex: 1;
  }

  .button.hide-mobile-portrait {
    background-color: #054594;
  }

  .menu-icon_line-middle-inner {
    background-color: #f4781f;
    border: 1px solid #f4781f;
  }

  .audio__param-txt {
    margin-right: 16px;
  }

  .audio__param-wrap, .btn {
    font-size: 13px;
  }

  .btn.btn--slim {
    min-width: 150px;
    padding-top: 14px;
    padding-bottom: 12px;
  }

  .audio__col.col--2 {
    padding-right: 50px;
  }

  .section-2.mod--audio {
    background-repeat: repeat-x;
    background-size: contain;
  }

  .timeline_date-text.bottom {
    font-size: 3em;
  }

  .heading {
    font-size: 28px;
  }

  .timeline_text {
    font-size: 15px;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .masonry-grid {
    column-count: 1;
    column-gap: 30px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-2.bottom {
    padding-bottom: 100px;
  }

  .image-grid {
    margin-bottom: 30px;
  }

  .bold-text {
    font-size: 15px;
    font-weight: 500;
  }

  .gradient-heading {
    font-size: 2rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .team_list {
    grid-template-columns: 1fr;
  }

  .team-image-video_wrapper {
    width: 20rem;
    height: 30rem;
  }

  .team-image-video_wrapper.chance-armstrong {
    width: 20rem;
  }

  .team-image-video_wrapper.martha-tanner {
    width: 20rem;
    height: 30rem;
  }

  .team-image-video_wrapper.william-cool {
    width: 20rem;
  }

  .title-name-intro {
    font-size: 26vw;
  }

  .col-left {
    position: sticky;
    top: 0;
  }

  .col-left:hover {
    padding: 0;
  }

  .col-content-parent {
    padding-bottom: 1.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .info-col-child {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .col-right:hover {
    padding: 0;
  }

  .background-video {
    margin-top: 130px;
  }

  .video-block-dark {
    width: 100%;
    height: 50%;
    inset: auto 0% 0%;
  }

  .text-block-hero {
    margin-top: 14px;
  }

  .video-block-light {
    background-image: linear-gradient(352deg, #fff0 60%, #fff), url('../images/Ring.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 0;
    height: 50%;
    inset: auto 0% 0%;
  }

  .button-hero {
    margin-bottom: 40px;
  }

  .background-video-dark {
    background-image: linear-gradient(to top, #00000047 73%, #121212);
    height: 100%;
    margin-top: 0;
  }

  .h1-jumbo {
    font-size: 48px;
    line-height: 62px;
  }

  .video-block-coffee {
    background-image: linear-gradient(to top, #0000 60%, #121212), url('../images/Coffe.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    width: 100%;
    height: 50%;
    inset: auto 0% 0%;
  }

  .container-4 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-slide-wrapper {
    width: 100%;
    margin-right: 0%;
  }

  .col {
    margin-bottom: 0;
  }

  .col.lg-6 {
    align-items: flex-start;
    width: 100%;
  }

  .col.lg-6.sm-1 {
    width: 50%;
  }

  .col.lg-6.sm-1.xs-2 {
    width: 100%;
  }

  .video-block-view {
    order: -1;
    height: 240px;
  }

  .video-card-light, .video-card {
    flex-direction: column;
  }

  .text-block {
    margin-right: 20px;
  }

  .video-card-5, .video-card-6 {
    flex-direction: column;
  }

  .body-paragraphy, .body-paragraphy.light {
    margin-left: 0;
    margin-right: 0;
  }

  .body-paragraphy.light.hero-subhead {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 19px;
  }

  .hero-div-holder {
    margin-left: 7%;
    margin-right: 7%;
  }

  .hero {
    padding-top: 110px;
    padding-bottom: 79px;
  }

  .white-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .content-holder.home {
    margin-left: 1%;
    margin-right: 1%;
  }

  .btn-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-2._2 {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-div {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .service-div {
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 0;
  }

  .services-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .horizontal-line {
    align-self: auto;
  }

  .team_heading-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 3.5rem 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
  }

  .section-team-2 {
    min-height: 80vh;
  }

  .team_card-wrapper {
    grid-template-columns: 1fr;
  }

  .big-text-clip {
    font-size: 65px;
  }
}

#w-node-_1ef4dc10-a6ee-4912-02cb-acc15fb23195-03d29049 {
  justify-self: start;
}

#w-node-_1ef4dc10-a6ee-4912-02cb-acc15fb231a0-03d29049 {
  place-self: center;
}

#w-node-_1ef4dc10-a6ee-4912-02cb-acc15fb231a3-03d29049 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_1ef4dc10-a6ee-4912-02cb-acc15fb23195-03d29049 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b49-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b4c-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b4e-03d29049 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b56-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b59-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b63-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b66-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b70-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b73-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b7d-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b80-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b8a-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2b8d-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2ba4-03d29049 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e96320dc-000f-0c64-36cf-543ee7de2ba7-03d29049 {
    grid-area: 1 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1ef4dc10-a6ee-4912-02cb-acc15fb23195-03d29049 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}