.btn {
  font-family: instrument-sans-variable;
  font-weight: 700;
  font-size: 0.85em;
  padding: .75rem 1.25rem;
  background: #fff;
  color: #0064ff;
  white-space: nowrap
}
.btn:hover {
  background: hsl(0 0 100% / .9);
  color:  #0064ff;
}
.btn-blue {
  background: #0064ff;
  color: #fff
}
.btn-blue:hover {
  background: #0a47da;
  color: #fff
}
.font-owners-narrow {
  font-family: owners-xnarrow
}
.font-owners-wide {
  font-family: owners-wide
}
.font-instrument {
  font-family: instrument-sans-variable
}
#video-container {
  top: 0;
  left: 0
}
#video-container video {
  object-fit: cover
}
#hero-content {
  padding: 6rem 1rem;
  max-width: 80rem
}
#hero-content h1 {
  font-size: min(8vw, 4rem)
}
#hero-content h2 {
  max-width: 56rem;
  font-size: min(6vw, 3rem)
}
#hero-content h2 img {
  bottom: -0.875rem;
  left: 0
}
#problem-solution .left h3, #problem-solution .right h3 {
  font-size: 3rem
}
#problem-solution .left {
  padding: 4rem
}
#problem-solution .left ul > :not(:last-child) {
  margin-bottom: .75rem
}
#problem-solution .left li {
  display: flex;
  align-items: center;
  column-gap: .5rem
}
#problem-solution .left li svg {
  flex-shrink: 0
}
#problem-solution .left li p {
  margin-bottom: 0
}
@media (width >=62rem) {
  #problem-solution .left {
    padding: 6rem;
    min-width: 50%
  }
  #problem-solution .right {
    max-width: 50%
  }
}
#problem-solution .right {
  padding: 4rem;
  background: #000
}
#problem-solution .right .arrow {
  bottom: 5%;
  right: 93%
}
#problem-solution .right .arrow img {
  width: 15vw
}
#problem-solution .left p {
  font-size: 1.25rem
}
#problem-solution .right p {
  font-size: 1.5rem
}
@media (width >=62rem) {
  #problem-solution .right {
    padding: 6rem;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
  }
}
#strategy {
  padding: 4rem 1rem;
  max-width: 72rem
}
#strategy h2 {
  font-size: 1.25rem;
  color: #0064ff
}
#strategy p {
  font-size: 1.375rem
}
#industries {
  padding: 4rem 1rem;
  background: #0064ff
}
#industries h2 {
  font-size: 1.25rem
}
#industries #card-container {
  max-width: 80rem;
  gap: .5rem
}
#industries #card-container:has(>.card:hover) .card:not(:hover) {
  filter: grayscale(100%)
}
#industries .card {
  background: #000;
  position: relative;
  padding: 14rem 3rem 3rem;
  border: none;
  border-radius: .75rem;
  color: #fff;
  transition: filter .15s ease-in-out;
  min-width: 33%
}
#industries .card a {
  inset: 0;
  z-index: 1
}
#industries .card > :not(.card-bg) {
  position: relative
}
#industries .card .card-bg {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden
}
#industries .card .card-bg:before {
  content: "";
  position: absolute;
  inset: 0;
  background: hsl(0 0 0 / .65)
}
#industries .card .card-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, hsl(0 0 0 / 0), #000)
}
#industries .card .card-bg .overlay {
  mix-blend-mode: color;
  background: #0064ff
}
#industries .card .card-bg img {
  height: 100%;
  max-width: 100%;
  object-fit: cover
}
#industries .card h3 {
  font-family: owners-wide;
  font-weight: 500;
  font-size: 2.25rem
}
#industries .card p {
  font-family: instrument-sans-variable;
  font-size: 1.25rem;
  margin-bottom: 3rem
}
#industries .card svg {
  margin-top: auto
}
@media (width >=75rem) {
  #industries .card {
    min-width: 0
  }
}
#industries .tag {
  padding-top: 6rem
}
#industries .tag > span:nth-child(1) {
  font-size: 2.5rem;
  line-height: 1
}
#industries .tag > span:nth-child(2) {
  font-size: 14vw;
  font-weight: 900;
  line-height: 1
}
#industries .tag > span:nth-child(2) img {
  bottom: 0.075rem;
  right: 0
}
@media(min-width:1200px) {
  #industries .tag > span:nth-child(2) img {
    bottom: 0.375rem;
    right: 0
  }
}
div:has(>#what-we-do) {
  display: grid;
  grid-template-columns: repeat(36, 1fr);
  grid-template-rows: repeat(4, auto);
  background: linear-gradient(to bottom, #0064ff 45%, black 45%)
}
#what-we-do {
  grid-row: 1 / -2;
  grid-column: 2 / -2;
  padding: 2rem 2rem 9rem;
  border-radius: 1rem
}
#what-we-do h2 {
  font-size: 1.25rem;
  color: #0064ff
}
#what-we-do p {
  font-size: 1.125rem
}
#what-we-do ul {
  margin-top: 3.75rem
}
#what-we-do ul > :not(:last-child) {
  margin-bottom: 2rem
}
#what-we-do li {
  display: flex;
  align-items: start;
  column-gap: 2rem
}
#what-we-do li h3 {
  font-family: instrument-sans-variable;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0
}
#what-we-do li svg {
  flex-shrink: 0;
  min-width: 3rem
}
#what-we-do li p {
  font-size: 1.25rem;
  margin-bottom: 0
}
@media (width >=62rem) {
  #what-we-do {
    grid-row: 1 / -1;
    grid-column: 2 / -9;
    padding: 4.5rem 14rem 4.5rem 6rem
  }
}
@media (width >=75rem) {
  #what-we-do {
    padding-right: 20rem
  }
}
#client-demo {
  grid-row: 3 / -1;
  grid-column: 1 / -2;
  display: grid;
  grid-template-columns: subgrid;
  place-items: end
}
#client-demo video {
  margin-bottom: 5rem;
  grid-row: 1 / 2;
  grid-column: 12 / -4
}
#client-demo img {
  margin-top: 12rem;
  z-index: 1;
  grid-row: 1 / 2;
  grid-column: 3 / 20
}
@media (width >=36rem) {
  #client-demo {
    margin-top: 6rem
  }
}
@media (width >=62rem) {
  #client-demo {
    margin: auto 0;
    grid-row: 1 / -1;
    grid-column: -18 / -2;
    place-items: end
  }
  #client-demo video {
    grid-row: 1 / -1;
    grid-column: 5 / -1
  }
  #client-demo img {
    margin-top: 14rem;
    grid-row: 3 / -1;
    grid-column: 2 / -6
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #client-demo img {
    margin-top: 10rem;
    grid-row: 3 / -1;
    grid-column: 2 / -6
  }
}
#clients {
  padding: 6rem 1rem;
  background: #000
}
#clients .tag {
  padding-bottom: 6rem;
  text-align: center
}
#clients .tag > span:nth-child(1), #clients .tag > span:nth-child(3) {
  font-size: 2.5rem;
  line-height: 1
}
#clients .tag > span:nth-child(2) {
  font-size: 14vw;
  font-weight: 900;
  line-height: 1
}
#clients .tag > span:nth-child(2) svg {
  max-width: 160%;
  top: 50%;
  left: 50%;
  transform: translate(-63%, -51%)
}
#clientele {
  --bs-gutter-x: 5rem;
  max-width: 80rem;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background: #1f1f1f
}
#clientele .col {
  min-width: 290px;
  max-width: 435px;
}
#clientele h3 {
  display: flex;
  align-items: end;
  justify-content: center;
  min-height: 4rem;
  padding-bottom: 1.125rem;
  font-family: owners-wide;
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #0064ff
}
#clientele .logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-top: 2.5rem;
  place-items: center
}
#clientele .logos img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media (width < 62rem) {
  #clientele > :not(:last-child) {
    margin-bottom: 3rem
  }
}
#schedule {
  padding-top: 4rem;
  padding-bottom: max(12rem, 25%);
  background: #0064ff
}
#schedule div:first-child {
  max-width: 42rem;
  z-index: 10
}
#schedule h2 {
  font-size: 3rem
}
#schedule p {
  font-size: 1.5rem
}
#schedule svg {
  bottom: -60px !important;
  width: 100vw
}
.video-wrap {
    position: relative;
}
.video-wrap>.container {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.video-wrap .embed-responsive-item {
    position: relative;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive:before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
}
@media (min-width: 768px) {
    .video-wrap.onscroll > .container {
        max-width:100%;
        padding: 0
    }
}

/* ANIMATIONS ------------------------------------- */
@media(min-width: 767px) {

    .textUp {
        -webkit-transform: translate3d(0,40px,0);
        -moz-transform: translate3d(0,40px,0);
        -ms-transform: translate3d(0,40px,0);
        -o-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0);
        -moz-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -o-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -webkit-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        opacity: 0;
    }
	.textUpLong {
        -webkit-transform: translate3d(0,120px,0);
        -moz-transform: translate3d(0,120px,0);
        -ms-transform: translate3d(0,120px,0);
        -o-transform: translate3d(0,120px,0);
        transform: translate3d(0,120px,0);
        -moz-transition: all 2s cubic-bezier(.075,.82,.165,1);
        -o-transition: all 2s cubic-bezier(.075,.82,.165,1);
        -webkit-transition: all 2s cubic-bezier(.075,.82,.165,1);
        transition: all 2s cubic-bezier(.075,.82,.165,1);
        opacity: 0;
    }

        .textUp.active,
        .textUpLong.active {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1;
        }	

    .fadeIn {
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        opacity: 0;
    }

        .fadeIn.active, .animate.active .fadeIn {
            opacity: 1;
        }

    .fadeInLeft {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        -o-transform: translate3d(-20px, 0, 0);
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 0;
    }

        .fadeInLeft.active {
            opacity: 1;
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .fadeInRight {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        -o-transform: translate3d(20px, 0, 0);
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 0;
    }

        .fadeInRight.active {
            opacity: 1;
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .fadeInLeftLong {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(-35px, 0, 0);
        -ms-transform: translate3d(-35px, 0, 0);
        -o-transform: translate3d(-35px, 0, 0);
        -webkit-transform: translate3d(-35px, 0, 0);
        transform: translate3d(-35px, 0, 0);
        opacity: 0;
    }
        .fadeInLeftLong.active {
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          opacity: 1;
        }
    .fadeInRightLong {
      -moz-transition: all 1s;
      -o-transition: all 1s;
      -webkit-transition: all 1s;
      transition: all 1s;
      -moz-transform: translate3d(200%, 0, 0);
      -ms-transform: translate3d(200%, 0, 0);
      -o-transform: translate3d(200%, 0, 0);
      -webkit-transform: translate3d(200%, 0, 0);
      transform: translate3d(200%, 0, 0);
      opacity: 0;
    }
      .fadeInRightLong.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
	  .fadeDown {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -o-transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }

        .fadeDown.active {
            opacity: 1;
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .delay-1 {
        -moz-transition-delay: .15s;
        -o-transition-delay: .15s;
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
    }
    .delay-2 {
        -moz-transition-delay: .25s;
        -o-transition-delay: .25s;
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
    }
    .delay-3 {
        -moz-transition-delay: .5s;
        -o-transition-delay: .5s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .delay-4 {
        -moz-transition-delay: .75s;
        -o-transition-delay: .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }
    .delay-5 {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .delay-6 {
        -moz-transition-delay: 1.25s;
        -o-transition-delay: 1.25s;
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s;
    }
    .delay-7 {
        -moz-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
    .delay-8 {
        -moz-transition-delay: 1.75s;
        -o-transition-delay: 1.75s;
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s;
    }
    .delay-9 {
        -moz-transition-delay: 2s;
        -o-transition-delay: 2s;
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    .delay-10 {
        -moz-transition-delay: 2.25s;
        -o-transition-delay: 2.25s;
        -webkit-transition-delay: 2.25s;
        transition-delay: 2.25s;
    }
}
.hamburger {
  display: block;
  border: 0;
  background: transparent;
  padding: 0 0 51%;
  border-bottom: 2px transparent
}
.hamburger i {
  border-bottom: 2px solid;
  border-radius: 2px;
  width: 100%;
  display: block;
  border-radius: 4px;
  position: absolute;
  right: 0;
  -webkit-transition: top .23s, opacity .23s, width .23s, -webkit-transform .23s;
  transition: top .23s, opacity .23s, width .23s, -webkit-transform .23s;
  transition: top .23s, opacity .23s, transform .23s, width .23s;
  transition: top .23s, opacity .23s, transform .23s, width .23s, -webkit-transform .23s
}
.hamburger i:first-child {
  top: 0;
  width: 80%
}
.hamburger i:nth-child(2) {
  top: 50%;
  width: 100%
}
.hamburger i:nth-child(3) {
  top: 100%;
  width: 50%
}
.mobile-nav-open .toggle-mobile-menu .hamburger i, .toggle-mobile-menu.open .hamburger i {
  -webkit-transition: top .25s, opacity .25s, width 0s .26s, -webkit-transform .22s .28s;
  transition: top .25s, opacity .25s, width 0s .26s, -webkit-transform .22s .28s;
  transition: top .25s, opacity .25s, transform .22s .28s, width 0s .26s;
  transition: top .25s, opacity .25s, transform .22s .28s, width 0s .26s, -webkit-transform .22s .28s
}
.mobile-nav-open .toggle-mobile-menu .hamburger i:first-child, .toggle-mobile-menu.open .hamburger i:first-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  width: 100%
}
.mobile-nav-open .toggle-mobile-menu .hamburger i:nth-child(2), .toggle-mobile-menu.open .hamburger i:nth-child(2) {
  opacity: 0;
  width: 100%
}
.mobile-nav-open .toggle-mobile-menu .hamburger i:nth-child(3), .toggle-mobile-menu.open .hamburger i:nth-child(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  width: 100%
}
#main-content {
  transition: transform 0.5s
}
#header {
  padding: 1.25em;
  position: fixed;
  z-index: 1000;
  right: 0;
  left: 0;
  top: 0;
  background: transparent;
  color: #000;
  -webkit-transition: all .5s, padding .5s;
  transition: all .5s, padding .5s
}
#header a, #header button {
  color: inherit
}
#header .logo {
  width: 3.21429em;
  -webkit-transition: all .4s;
  transition: all .4s
}
#header .toggle-mobile-menu {
  width: 2.21429em;
  padding: .35714em .35714em .46429em;
  display: block;
  position: relative;
  cursor: pointer
}
#header .btn {
  color: #fff;
  padding-right: 1.78571em;
  min-width: auto;
  background-color: #0b4ff2;
  font-size: .69444em;
}
#header .btn:after, #header .phone-num {
  display: none
}
#header > div {
  color: inherit
}
#header.scrolled {
  background: #000;
  padding: .35714em .53571em
}
#header.scrolled > div {
  color: #fff
}
#header.scrolled .logo {
  width: 3.03571em
}
.logo > div {
  position: relative;
  padding-bottom: 52.51497%
}
.logo > div > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.logo > div > svg path {
  fill: currentColor
}
.logo--white:before {
  padding-bottom: 52.51497%;
  background-image: url(./assets/Logo-White.svg)
}
footer {
  padding: 1.60714em;
  background: #000;
  font-size: 20px;
  position: relative;
  z-index: 9
}
#footer ul {
  margin-bottom: 0
}
#footer a {
  color: #acacac
}
#footer a.hover, #footer a:active, #footer a:focus, #footer a:hover {
  color: #fff;
  text-decoration: none
}
#footer .social-nav {
  font-size: 1em;
  margin: 0 -.42857em
}
#footer .social-nav li {
  padding: 0 .42857em
}
#footer .social-nav a {
  color: #fff
}
#footer .social-nav a.hover, #footer .social-nav a:active, #footer .social-nav a:focus, #footer .social-nav a:hover {
  opacity: .6
}
#footer .text-black.bold {
  margin-right: .8em
}
.pipe-list {
    padding-left: 0;
    margin-left: -.17857em;
    margin-right: -.17857em;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pipe-list > li {
    display: inline-block;
    padding-right: .17857em;
    padding-left: .17857em;
    margin-top: 0;
    margin-bottom: 0;
}
.pipe-list > li:after {
    content: " | ";
    display: inline-block;
    margin-left: .35714em;
}

/* SIDEBAR FLYOUT NAV */

#side-bar {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  color: #fff;
  z-index: 500;
  font-size: 16px;
}
@media (min-width: 1280px) {
    #side-bar {
        font-size: 18px;
    }
}
@media (min-width: 1440px) {
    #side-bar {
        font-size: 21px;
    }
}


#flyout-nav {
  position: absolute;
  right: 100%;
  top: 0;
  background: #000;
  height: 100%;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: -1;
  min-width: 12.5em;
  border-left: 1px solid #555
}
@media (min-width:568px) {
  #flyout-nav {
    min-width: 13.57143em
  }
}
@media (min-width:1280px) {
  #flyout-nav {
    min-width: 16.07143em
  }
}
#flyout-nav::-webkit-scrollbar {
  width: 8px
}
#flyout-nav::-webkit-scrollbar-track {
  background-color: #0b0b0b
}
#flyout-nav::-webkit-scrollbar-thumb, #flyout-nav::-webkit-scrollbar-thumb:window-inactive {
  background: #0b0b0b
}
#flyout-nav__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  min-height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.mobile-nav-open #flyout-nav {
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}
.mobile-nav-open #flyout-nav #flyout-nav__content {
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
#flyout-nav .logo {
  width: .71429em
}
#flyout-nav .main-nav {
  width: 100%;
  overflow: hidden
}
#flyout-nav .main-nav li {
  padding: 0
}
#flyout-nav .main-nav > ul {
  padding: 20px 0
}
@media (min-width:768px) {
  #flyout-nav .main-nav > ul {
    padding: 1.78571em 0
  }
}
#flyout-nav .main-nav > ul li {
  opacity: 0;
  -webkit-transform: translate(8em);
  transform: translate(8em);
  -webkit-transition: opacity .6s, -webkit-transform .6s;
  transition: opacity .6s, -webkit-transform .6s;
  transition: opacity .6s, transform .6s;
  transition: opacity .6s, transform .6s, -webkit-transform .6s;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:nth-child(2) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:nth-child(3) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:nth-child(4) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:nth-child(5) {
  -webkit-transition-delay: .16s;
  transition-delay: .16s
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:nth-child(6) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.mobile-nav-expanded #flyout-nav .main-nav > ul li:nth-child(7) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
#flyout-nav .main-nav a {
  color: #fff;
  -webkit-transition: all .15s;
  transition: all .15s;
  display: block;
  background: rgba(11, 11, 11, 0);
  width: 100%;
  padding: 2.03704vh 25px;
  opacity: .6
}
#flyout-nav .main-nav a.hover, #flyout-nav .main-nav a:active, #flyout-nav .main-nav a:focus, #flyout-nav .main-nav a:hover {
  text-decoration: none;
  opacity: 1
}
@media (min-width:568px) {
  #flyout-nav .main-nav a {
    padding: 2.03704vh 1.78571em
  }
}
@media (min-width:1280px) {
  #flyout-nav .main-nav a {
    padding: 2.03704vh 3.57143em 2.03704vh 2.38095em
  }
}
#flyout-nav .main-nav a .h3 {
  display: block;
  margin-bottom: .25em;
  color: #fff
}
#flyout-nav .main-nav a p {
  margin-bottom: 0;
  line-height: 1.4
}
#flyout-nav .main-nav .home-link {
  padding-bottom: 2.77778vh
}
@media (min-width:768px) {
  #flyout-nav .main-nav .home-link {
    padding-bottom: 4.62963vh
  }
}
#flyout-nav .main-nav .home-link a {
  min-width: 0;
  width: auto;
  display: table;
  opacity: 1
}
#flyout-nav .main-nav .home-link a.hover, #flyout-nav .main-nav .home-link a:active, #flyout-nav .main-nav .home-link a:focus, #flyout-nav .main-nav .home-link a:hover {
  background: transparent;
  opacity: .6
}
#flyout-nav .main-nav .home-link .logo--m {
  width: 1.07143em
}
#flyout-nav .main-nav .home-link .logo--white {
  width: 4.10714em
}
#flyout-nav .text-scroller__container {
  display: none
}
@media (min-width:568px) {
  #flyout-nav .text-scroller__container {
    display: inline-block
  }
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.fa, .fab, .fad, .fal, .far, .fas, .link--arrow-left:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fab {
    font-family: Font Awesome\ 5 Brands;
}
.fa, .fas {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
}
.fa-linkedin-in:before {
    content: "\f0e1";
}
.fa-facebook-f:before {
    content: "\f39e";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-twitter-x {
    background: url(/user_area/content_media/raw/x-twitter.svg) no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.fa-angle-up:before {
    content: "\f106";
}
.mobile-nav-expanded .sb-slide, .mobile-nav-sliding .sb-slide {
    transform-origin: 0 0 0;
}