@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
html {
  scroll-behavior: smooth;
  font-size: 18px; }

body {
  font-family: "Nunito", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  background: #e93b27;
  color: #5d5f65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body.static {
    overflow: hidden; }
  body.white {
    background: #ffffff !important; }
  body.secondary {
    background: #5d5f65 !important; }

.main-wrapper {
  max-width: 100%;
  overflow: hidden; }

.container {
  max-width: 90%; }
  @media screen and (min-width: 1920px) {
    .container {
      max-width: 80%; } }

.headline-container {
  max-width: 1000px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .headline-container {
      max-width: 780px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .headline-container {
      max-width: 680px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .headline-container {
      max-width: 680px; } }
  @media (max-width: 575.98px) {
    .headline-container {
      max-width: 90%; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .headline-container {
      max-width: 90%; } }

.content-container {
  max-width: 800px; }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .content-container {
      max-width: 800px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .content-container {
      max-width: 480px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .content-container {
      max-width: 480px; } }
  @media (max-width: 575.98px) {
    .content-container {
      padding-left: 20px;
      padding-right: 20px;
      max-width: 100%; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .content-container {
      padding-left: 20px;
      padding-right: 20px;
      max-width: 100%; } }
  .content-container .content-area {
    max-width: 740px;
    margin-left: 0; }
    @media (min-width: 1024px) and (max-width: 1024px) {
      .content-container .content-area {
        max-width: 740px; } }
    @media (min-width: 768px) and (max-width: 768px) {
      .content-container .content-area {
        max-width: 420px; } }
    @media (min-width: 720px) and (max-width: 720px) {
      .content-container .content-area {
        max-width: 420px; } }
    @media (max-width: 575.98px) {
      .content-container .content-area {
        max-width: 740px; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      .content-container .content-area {
        max-width: 740px; } }

.teams-container {
  max-width: 1000px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden; }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .teams-container {
      max-width: 780px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .teams-container {
      max-width: 680px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .teams-container {
      max-width: 680px; } }
  @media (max-width: 575.98px) {
    .teams-container {
      max-width: 90%; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .teams-container {
      max-width: 90%; } }

.giving-container {
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .giving-container {
      max-width: 900px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .giving-container {
      max-width: 655px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .giving-container {
      max-width: 655px; } }
  @media (max-width: 575.98px) {
    .giving-container {
      padding-left: 15px;
      padding-right: 15px;
      max-width: 90%; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .giving-container {
      padding-left: 15px;
      padding-right: 15px;
      max-width: 90%; } }

.panoramic-container {
  max-width: 800px; }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .panoramic-container {
      max-width: 800px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .panoramic-container {
      padding-left: 0;
      padding-right: 0;
      max-width: 800px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .panoramic-container {
      padding-left: 0;
      padding-right: 0;
      max-width: 800px; } }
  @media (max-width: 575.98px) {
    .panoramic-container {
      padding-left: 0;
      padding-right: 0;
      max-width: 100%; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .panoramic-container {
      padding-left: 0;
      padding-right: 0;
      max-width: 100%; } }

* {
  cursor: none; }

a {
  color: #ffffff;
  text-decoration: none !important; }
  a:focus, a:hover {
    text-decoration: none !important; }

h1 {
  font-family: "Catamaran", sans-serif;
  font-weight: 500; }
  @media screen and (min-width: 1280px) {
    h1 {
      font-size: 2.5rem;
      line-height: 2.9rem; } }
  @media (min-width: 768px) and (max-width: 768px) {
    h1 {
      font-size: 2rem !important;
      line-height: 2.5rem !important; } }
  @media (min-width: 720px) and (max-width: 720px) {
    h1 {
      font-size: 2rem !important;
      line-height: 2.5rem !important; } }
  @media (min-width: 1200px) {
    h1 {
      font-size: 3rem !important;
      line-height: 3.7rem !important; } }
  @media (min-width: 576px) {
    h1 {
      font-size: 2.5rem;
      line-height: 3rem; } }
  @media (max-width: 575.98px) {
    h1 {
      font-size: 1.6rem !important;
      line-height: 1.4em !important; } }

h2 {
  font-family: "Catamaran", sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 2rem; }
  @media (min-width: 576px) {
    h2 {
      font-size: 32px;
      line-height: 44px; } }

h3 {
  font-family: "Catamaran", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px; }

h4 {
  font-family: "Catamaran", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500; }

h5 {
  font-family: "Catamaran", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500; }

@media (min-width: 576px) {
  p {
    line-height: 30px; } }
@media (max-width: 575.98px) {
  p {
    font-size: 0.9rem;
    line-height: 1.6rem; } }

.container-fluid {
  padding: 0 20px; }
  @media (min-width: 576px) {
    .container-fluid {
      padding: 0 80px; } }

.mb-5 {
  margin-bottom: 2rem !important; }

.bg-primary {
  background-color: #e93b27 !important; }

.bg-secondary {
  background-color: #5d5f65 !important; }

.bg-info {
  background-color: #0078ab !important; }

.bg-success {
  background-color: #d1e0c6 !important; }

.bg-warning {
  background-color: #fdb913 !important; }

.bg-danger {
  background-color: #ff0000 !important; }

.text-primary {
  color: #e93b27 !important; }

.text-secondary {
  color: #5d5f65 !important; }

.text-info {
  color: #0078ab !important; }

.text-success {
  color: #d1e0c6 !important; }

.text-warning {
  color: #fdb913 !important; }

.text-danger {
  color: #ff0000 !important; }

.btn {
  border-radius: 0;
  border: 0 !important;
  font-weight: 600; }
  .btn:focus, .btn:hover {
    outline: none !important;
    box-shadow: none !important; }

.btn-lg {
  font-size: 18px;
  padding: 14px 22px; }

.btn2-primary {
  background-color: #e93b27;
  color: #ffffff; }

.btn2-outline-primary {
  background-color: #ffffff;
  color: #e93b27; }

.btn2-secondary {
  background-color: #5d5f65;
  color: #ffffff; }

.btn2-outline-secondary {
  background-color: #ffffff;
  color: #5d5f65; }

.btn2-outline-third {
  background-color: #ffffff;
  color: #00354D; }

.btn-info {
  background-color: #0078ab;
  color: #ffffff; }

.btn2-info {
  background-color: #0078ab;
  color: #ffffff; }
  .btn2-info:focus, .btn2-info:hover {
    background-color: #ffffff;
    color: #0078ab; }

.btn2-outline-info {
  background-color: #ffffff;
  color: #0078ab; }

.jumbotron {
  max-width: 1000px;
  margin: 0;
  padding: 90px 132px;
  padding: 60px 30px;
  box-shadow: 0 10px 30px 0 rgba(93, 95, 101, 0.2); }
  @media (min-width: 768px) {
    .jumbotron {
      padding: 90px 132px;
      box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.4); } }
  .jumbotron .jumbotron-header {
    color: #5d5f65;
    font-family: "Catamaran", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 2rem; }
    @media (min-width: 576px) {
      .jumbotron .jumbotron-header {
        font-size: 32px;
        line-height: 44px; } }

.headline h2 {
  color: #5d5f65;
  vertical-align: middle;
  text-align: left; }
  @media (max-width: 575.98px) {
    .headline h2 {
      font-size: 20px; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .headline h2 {
      font-size: 20px; } }
  .headline h2 span {
    background: #e93b27;
    display: inline-block;
    width: 70px;
    height: 2px;
    margin-right: 30px;
    position: relative;
    top: -7px;
    display: inline-block; }
    @media (max-width: 575.98px) {
      .headline h2 span {
        width: 40px;
        margin-right: 5px; } }
    @media screen and (max-width: 360px) {
      .headline h2 span {
        width: 20px; } }
.headline h3 {
  color: #5d5f65;
  vertical-align: middle;
  text-align: left; }
  @media (max-width: 575.98px) {
    .headline h3 {
      font-size: 18px; } }
  .headline h3 span {
    background: #e93b27;
    display: inline-block;
    width: 70px;
    height: 2px;
    margin-right: 30px;
    position: relative;
    top: -7px;
    display: inline-block; }
    @media (max-width: 575.98px) {
      .headline h3 span {
        width: 40px;
        margin-right: 5px; } }
.headline .more {
  position: relative;
  text-align: right; }
  @media (min-width: 576px) {
    .headline .more {
      text-align: right; } }
  @media (max-width: 575.98px) {
    .headline .more {
      font-size: 14px;
      top: 5px; } }
  .headline .more .link {
    color: #0078ab;
    position: relative; }
    .headline .more .link:after {
      content: "";
      background-color: #0078ab;
      width: 100%;
      height: 2px;
      position: absolute;
      bottom: -2px;
      left: 0; }

.content-area {
  margin: auto; }

.form-control {
  border-radius: 0 !important;
  border-width: 2px;
  border-color: rgba(0, 120, 171, 0.5);
  font-size: 1rem !important; }
  @media (max-width: 575.98px) {
    .form-control {
      font-size: 14px !important; } }
  .form-control.error {
    border-color: #e93b27; }
  .form-control:focus, .form-control:hover {
    outline: none !important;
    box-shadow: none !important;
    border-color: #0078ab; }

::-webkit-input-placeholder {
  /* Edge */
  color: #9a9a9a !important;
  font-weight: 300; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9a9a9a !important;
  font-weight: 300; }

::placeholder {
  color: #9a9a9a !important;
  font-weight: 300; }

.content-area {
  color: #5d5f65; }
  .content-area p {
    margin-bottom: 30px; }
  .content-area a {
    color: #0078ab;
    position: relative;
    text-decoration: underline !important; }
    .content-area a:focus, .content-area a:hover {
      color: #005478; }
  .content-area ul {
    padding-left: 0; }
    .content-area ul li {
      background: url("../img/bullet-list.svg") no-repeat left 5px;
      background-size: 20px 20px;
      list-style: none;
      padding-left: 2rem;
      margin-bottom: 5px;
      vertical-align: top; }

.stripe {
  background: url("../img/stripe.svg") repeat-x top center;
  display: inline-block; }

.with-bg span,
.with-bg strong {
  transition: all 0.25s ease-in-out;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) 0);
  background-position: 0 70%;
  background-repeat: no-repeat;
  background-size: 100% 70%; }
  @media (min-width: 720px) and (max-width: 720px) {
    .with-bg span,
    .with-bg strong {
      background-position: 0 60%;
      background-repeat: no-repeat;
      background-size: 100% 63%; } }

/* page reveal effect */
.pagereveal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11111;
  /* display: none; */
  /* background-size: 219px 57px!important; */
  /* background-position: center center!important; */ }
  .pagereveal > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-size: 219px 57px !important;
    background-position: center center !important;
    background-attachment: fixed !important; }

.aos-animate.js-parallax {
  transition-delay: 0s !important; }

header.navigation {
  position: fixed;
  color: #ffffff;
  width: 100%;
  z-index: 50;
  transition: all 0.25s ease-in-out;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (max-width: 575.98px) {
    header.navigation {
      padding-top: 0.7rem;
      padding-bottom: 0.7rem;
      background: none; } }
  header.navigation.reveal {
    background-color: #e93b27;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem; }
    @media (max-width: 575.98px) {
      header.navigation.reveal {
        background-color: #ffffff; } }
    @media (max-width: 575.98px) {
      header.navigation.reveal .logo {
        top: 0px;
        background: url(../img/logo-primary.svg) no-repeat left center; } }
    @media (max-width: 575.98px) {
      header.navigation.reveal .navigation-mobile-button,
      header.navigation.reveal .navigation-mobile-button-close {
        top: 11px; } }
    @media (max-width: 575.98px) {
      header.navigation.reveal .icon-bar {
        background-color: #e93b27 !important; } }
  header.navigation.vanish .nav-link {
    background: none; }
  header.navigation.vanish .dropdown-menu {
    display: none; }
  header.navigation .logo {
    background: url(../img/logo-white.svg) no-repeat left center;
    background-size: 137px 34px;
    display: block;
    width: 137px;
    height: 34px;
    position: relative;
    top: 5px; }
    @media (max-width: 575.98px) {
      header.navigation .logo {
        top: 10px;
        height: 30px;
        width: 100%;
        background-size: 133px 30px;
        left: -8px; } }
  header.navigation .nav .nav-item {
    margin-right: 20px;
    padding: 0; }
    header.navigation .nav .nav-item .nav-link {
      color: #ffffff;
      font-weight: 600;
      border: 0;
      background: none; }
      header.navigation .nav .nav-item .nav-link:hover, header.navigation .nav .nav-item .nav-link:focus {
        text-decoration: none;
        outline: none;
        border: 0; }
    header.navigation .nav .nav-item:last-child {
      margin-right: 0px; }
    @media only screen and (min-width: 834px) and (max-width: 1024px) {
      header.navigation .nav .nav-item {
        margin-right: 0; }
        header.navigation .nav .nav-item .nav-link {
          padding-right: 0; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      header.navigation .nav .nav-item {
        margin-right: 0; }
        header.navigation .nav .nav-item .nav-link {
          padding-right: 0; } }
    @media screen and (max-width: 768px) {
      header.navigation .nav .nav-item {
        margin-right: 0; }
        header.navigation .nav .nav-item .nav-link {
          padding-right: 0; } }
    @media screen and (max-width: 720px) {
      header.navigation .nav .nav-item .nav-link {
        font-size: 14px; } }
    header.navigation .nav .nav-item.dropdown button[aria-expanded="false"] {
      transition: none; }
    header.navigation .nav .nav-item.dropdown button[aria-expanded="true"] {
      transition: none;
      background: rgba(0, 0, 0, 0.8); }
    header.navigation .nav .nav-item.dropdown .dropdown-menu {
      top: -5px;
      border-radius: 0;
      border: 0;
      background: rgba(0, 0, 0, 0.8);
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
      top: -2px !important; }
      header.navigation .nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
        min-height: 45px;
        color: #ffffff;
        line-height: 2rem; }
        header.navigation .nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover, header.navigation .nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus, header.navigation .nav .nav-item.dropdown .dropdown-menu li .dropdown-item:active {
          background-color: #ffffff !important;
          color: #0078ab; }
      header.navigation .nav .nav-item.dropdown .dropdown-menu li:hover, header.navigation .nav .nav-item.dropdown .dropdown-menu li:focus, header.navigation .nav .nav-item.dropdown .dropdown-menu li:active {
        background-color: #ffffff !important;
        color: #0078ab; }
      header.navigation .nav .nav-item.dropdown .dropdown-menu li .dropdown-item.active,
      header.navigation .nav .nav-item.dropdown .dropdown-menu li .dropdown-item:active {
        background-color: #ffffff !important;
        color: #0078ab; }
  @media (max-width: 575.98px) {
    header.navigation.open .logo {
      background: url(../img/logo-primary.svg) no-repeat left center; } }
  @media (max-width: 575.98px) {
    header.navigation.open .icon-bar {
      background-color: #e93b27 !important; } }
  header.navigation .navigation-mobile-button,
  header.navigation .navigation-mobile-button-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 22px;
    top: 22px;
    border: 0;
    background: none; }
    header.navigation .navigation-mobile-button .icon-bar,
    header.navigation .navigation-mobile-button-close .icon-bar {
      display: block;
      text-align: center;
      background: #ffffff;
      background-size: 24px;
      width: 24px;
      height: 3px;
      margin: auto;
      margin-bottom: 6px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.navigation-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 30; }

.navigation-mobile-dropdown {
  height: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 30;
  text-align: right; }
  @media (min-width: 768px) {
    .navigation-mobile-dropdown {
      overflow: hidden; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .navigation-mobile-dropdown {
      overflow: hidden; } }
  @media screen and (max-width: 768px) {
    .navigation-mobile-dropdown {
      overflow: hidden; } }
  @media screen and (max-width: 720px) {
    .navigation-mobile-dropdown {
      overflow: hidden; } }
  @media (max-width: 575.98px) {
    .navigation-mobile-dropdown {
      overflow: inherit; } }
  .navigation-mobile-dropdown .nav {
    background: #ffffff;
    background-size: 30px;
    padding-top: 72px;
    box-shadow: 0 10px 25px 4px rgba(93, 95, 101, 0.4); }
    .navigation-mobile-dropdown .nav .nav-item {
      padding-top: 5px;
      border-top: 1px solid #e3eaef; }
      .navigation-mobile-dropdown .nav .nav-item .nav-link {
        font-size: 18px;
        color: #000000;
        border: 0;
        background: none;
        margin-left: auto; }
        .navigation-mobile-dropdown .nav .nav-item .nav-link:focus {
          border: 0;
          outline: none; }
      .navigation-mobile-dropdown .nav .nav-item .accordion-collapse {
        background: rgba(0, 0, 0, 0.5); }
        .navigation-mobile-dropdown .nav .nav-item .accordion-collapse .dropdown-item {
          font-size: 0.9rem;
          min-height: 45px;
          line-height: 2rem;
          color: #ffffff; }
  .navigation-mobile-dropdown.open {
    height: 100vh;
    display: block; }

.navigation-mobile-dimmer {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1; }
  .navigation-mobile-dimmer.open {
    display: block; }

.preload {
  background-color: #e93b27;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20; }

#homepage {
  overflow: hidden; }
  @media (max-width: 575.98px) {
    #homepage {
      width: 100%; } }
  #homepage .fullpage-wrapper {
    width: 100% !important;
    transform: none !important; }
  #homepage .pin-spacer {
    z-index: inherit !important; }
  #homepage .fp-section {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 0;
    z-index: 0;
    transition: all 0.7s ease-in-out; }
  #homepage .fp-section.active {
    visibility: visible;
    opacity: 1;
    z-index: 1; }
  #homepage:after {
    content: "";
    display: block;
    background-size: 30px;
    width: 30px;
    height: 1500vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0; }
    @media (min-width: 576px) {
      #homepage:after {
        background-size: 60px;
        width: 60px; } }

section {
  position: relative;
  z-index: 20;
  overflow: hidden;
  position: relative;
  padding: 6rem 0; }
  @media (min-width: 576px) {
    section {
      min-height: 768px; } }
  @media (min-width: 576px) {
    section {
      padding: 0; } }
  @media (min-width: 576px) {
    section.intro .left-content {
      margin-top: 120px; } }
  section .left-content {
    white-space: normal;
    margin-right: 0; }
    @media (min-width: 576px) {
      section .left-content {
        margin-right: 40px; } }
    section .left-content .service-icon img {
      width: 80px; }
      @media (max-width: 575.98px) {
        section .left-content .service-icon img {
          width: 40px; } }
  section.active {
    visibility: visible;
    opacity: 1; }
  section.intro {
    color: #ffffff;
    background: url("../img/StripLines.svg") no-repeat;
    background-color: #e93b27;
    background-size: 30px;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 576px) {
      section.intro {
        background-size: 60px; } }
    @media (max-width: 575.98px) {
      section.intro {
        overflow: visible; } }
    section.intro img {
      max-width: 420px; }
      @media (max-width: 575.98px) {
        section.intro img {
          max-width: 100%; } }
    @media (max-width: 575.98px) {
      section.intro .left-content h1 {
        margin-bottom: 1.8rem !important; } }
    @media (max-width: 575.98px) {
      section.intro .left-content .stripe {
        display: initial; } }
    section.intro .mouse {
      position: relative;
      width: 3px;
      padding: 5px 10px;
      height: 30px;
      border: 2px solid #ffffff;
      border-radius: 25px;
      opacity: 0.75;
      box-sizing: content-box;
      display: none; }
      @media (min-width: 576px) {
        section.intro .mouse {
          display: block; } }
      section.intro .mouse .scroller {
        width: 3px;
        height: 10px;
        border-radius: 25%;
        background-color: #ffffff;
        animation-name: scroll;
        animation-duration: 2.2s;
        animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
        animation-iteration-count: infinite; }
@keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(15px);
    opacity: 0; } }
    @media screen and (max-width: 768px) {
      section.intro .col-12 {
        flex: 0 0 auto;
        width: 100%; } }
    @media (max-width: 575.98px) {
      section.intro .left-content {
        margin: 0 0 0 0 !important; } }
    @media screen and (min-width: 720px) {
      section.intro .left-content {
        margin: 10rem 0 0; } }
    @media screen and (min-width: 1024px) {
      section.intro .left-content {
        margin: 10rem 0; } }
    @media screen and (min-width: 1280px) {
      section.intro .left-content {
        margin: 10rem 0; } }
    @media screen and (min-width: 1366px) {
      section.intro .left-content {
        margin: 8rem 0; } }
    @media screen and (min-width: 1440px) {
      section.intro .left-content {
        margin: 13rem 0; } }
    @media screen and (min-width: 1600px) {
      section.intro .left-content {
        margin: 14rem 0; } }
    @media screen and (min-width: 1920px) {
      section.intro .left-content {
        margin: 14rem 0; } }
    @media (max-width: 575.98px) {
      section.intro .right-image {
        margin: 0 0 0 0 !important; } }
    @media screen and (max-width: 768px) {
      section.intro .right-image {
        margin: 0 0 10rem; } }
    @media screen and (min-width: 1024px) {
      section.intro .right-image {
        margin: 10rem 0; } }
    @media screen and (min-width: 1280px) {
      section.intro .right-image {
        margin: 10rem 0; } }
    @media screen and (min-width: 1366px) {
      section.intro .right-image {
        margin: 8rem 0;
        max-width: 85%;
        position: relative;
        right: -1rem; } }
    @media screen and (min-width: 1440px) {
      section.intro .right-image {
        margin: 13rem 0; } }
    @media screen and (min-width: 1600px) {
      section.intro .right-image {
        margin: 12rem 0; } }
    @media screen and (min-width: 1920px) {
      section.intro .right-image {
        margin: 12rem 0; } }
    @media (max-width: 575.98px) {
      section.intro .right-image {
        padding-top: 2rem; } }
    @media (min-width: 576px) {
      section.intro {
        padding-left: 0;
        padding-right: 0; } }
  section.visuals {
    background-color: #0078ab; }
    @media (max-width: 575.98px) {
      section.visuals .service-icon img {
        position: relative;
        top: 0px; } }
  section.communications {
    background-color: #e93b27; }
    @media (max-width: 575.98px) {
      section.communications .service-icon img {
        position: relative;
        top: 8px; } }
  section.behaviours {
    background-color: #5d5f65; }
    @media (max-width: 575.98px) {
      section.behaviours .service-icon img {
        position: relative;
        top: 0; } }
    @media (max-width: 575.98px) {
      section.behaviours .service-title h2 {
        white-space: nowrap; } }
  section.--services, section.behaviours, section.communications, section.visuals {
    background: url("../img/StripLines.svg") repeat-y top right;
    background-size: 30px;
    color: #ffffff;
    padding: 4rem 0;
    height: 100%; }
    @media (min-width: 576px) {
      section.--services, section.behaviours, section.communications, section.visuals {
        background-size: 60px; } }
    @media (max-width: 575.98px) {
      section.--services, section.behaviours, section.communications, section.visuals {
        overflow: visible;
        background-position: right 2%; } }
    @media (min-width: 576px) {
      section.--services p, section.behaviours p, section.communications p, section.visuals p {
        font-weight: 300;
        font-size: 1.333333rem;
        line-height: 2.2rem; } }
    section.--services .icon, section.behaviours .icon, section.communications .icon, section.visuals .icon {
      max-width: 80px; }
    section.--services .px-5, section.behaviours .px-5, section.communications .px-5, section.visuals .px-5 {
      padding-left: 30px !important;
      padding-right: 30px !important; }
    @media screen and (max-width: 768px) {
      section.--services, section.behaviours, section.communications, section.visuals {
        padding: 4rem 0;
        height: 100% !important; } }
    @media (min-width: 576px) {
      section.--services, section.behaviours, section.communications, section.visuals {
        padding: 0;
        height: 768px; } }
    @media screen and (max-width: 320px) {
      section.--services, section.behaviours, section.communications, section.visuals {
        height: 150vh; } }
  @media (min-width: 576px) {
    section.--services p {
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px; } }
  section.sar {
    height: auto;
    min-height: unset; }
    section.sar > div {
      height: 100%; }
      section.sar > div .container {
        height: 100%; }
        @media (min-width: 768px) and (max-width: 1399.98px) {
          section.sar > div .container {
            padding: 0 80px;
            max-width: 1366px; } }
        section.sar > div .container .d-flex {
          height: 100%;
          flex-direction: column;
          padding: 80px 0; }
          @media (min-width: 768px) {
            section.sar > div .container .d-flex {
              flex-direction: row;
              justify-content: space-between; } }
          section.sar > div .container .d-flex > div:first-child {
            gap: 20px;
            display: flex;
            flex-direction: column; }
            @media (min-width: 768px) and (max-width: 1399.98px) {
              section.sar > div .container .d-flex > div:first-child {
                max-width: 480px;
                gap: 39px; } }
            @media (min-width: 768px) {
              section.sar > div .container .d-flex > div:first-child {
                width: 50%; } }
            section.sar > div .container .d-flex > div:first-child h2 {
              margin-bottom: 0; }
            section.sar > div .container .d-flex > div:first-child p {
              margin: 0; }
          @media (min-width: 768px) {
            section.sar > div .container .d-flex > div:last-child {
              width: 33%;
              margin-right: 50px; }
              section.sar > div .container .d-flex > div:last-child img {
                width: 100%; } }
          @media (min-width: 1200px) {
            section.sar > div .container .d-flex > div:last-child {
              margin-right: 0; } }
  section .gap {
    width: 100px; }
    section .gap .image {
      width: 100px; }

.splideContainer {
  margin: 8rem 0; }
  @media (max-width: 575.98px) {
    .splideContainer {
      margin: 0; } }
  .splideContainer .container {
    max-width: 100%; }
    @media (max-width: 575.98px) {
      .splideContainer .container {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 768px) {
      .splideContainer .container {
        margin-left: 5%; } }
    @media screen and (min-width: 1600px) {
      .splideContainer .container {
        margin-left: 5.5%; } }
    @media screen and (min-width: 1920px) {
      .splideContainer .container {
        margin-left: 10%; } }
    @media screen and (max-width: 768px) {
      .splideContainer .container .col-12 {
        flex: 0 0 auto;
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .splideContainer .container .left-content {
        padding-left: 23px;
        padding-right: 30px; } }
    @media (max-width: 575.98px) {
      .splideContainer .container .left-content {
        padding-left: 30px;
        padding-right: 30px; } }
  .splideContainer .splide {
    position: relative; }
    @media (max-width: 575.98px) {
      .splideContainer .splide {
        margin-top: 55px; } }
    @media screen and (min-width: 1024px) {
      .splideContainer .splide .splide__track {
        margin-left: 0;
        padding: 0 0 80px; } }
    @media screen and (min-width: 1280px) {
      .splideContainer .splide .splide__track {
        margin-left: 0;
        padding: 0 0 80px; } }
    @media screen and (min-width: 1366px) {
      .splideContainer .splide .splide__track {
        margin-left: 0;
        padding: 0 0 80px; } }
    @media screen and (min-width: 1440px) {
      .splideContainer .splide .splide__track {
        margin-left: -40px;
        padding: 0 0 80px 40px; } }
    @media screen and (min-width: 1600px) {
      .splideContainer .splide .splide__track {
        margin-left: -40px;
        padding: 0 0 80px 40px; } }
    @media screen and (min-width: 1920px) {
      .splideContainer .splide .splide__track {
        margin-left: -40px;
        padding: 0 0 80px 40px; } }
    @media (max-width: 575.98px) {
      .splideContainer .splide .splide__track {
        margin-left: 0;
        overflow: visible; } }
    .splideContainer .splide .splide__pagination {
      display: none;
      position: absolute;
      top: -3.5rem;
      width: 100%;
      justify-content: flex-start;
      padding-left: 0; }
      @media (min-width: 576px) {
        .splideContainer .splide .splide__pagination {
          display: none; } }
      @media (max-width: 575.98px) {
        .splideContainer .splide .splide__pagination {
          padding-left: 30px; } }
      .splideContainer .splide .splide__pagination li {
        margin-right: 20px; }
        .splideContainer .splide .splide__pagination li .splide__pagination__page {
          display: block;
          background: rgba(255, 255, 255, 0.5);
          background-size: 20px;
          width: 20px;
          height: 20px;
          border-radius: 1000px;
          position: relative;
          border: 0;
          transform: scale(0.5); }
          .splideContainer .splide .splide__pagination li .splide__pagination__page:after {
            display: inline-block;
            content: "";
            background: none;
            background-size: 10px;
            width: 40px;
            height: 40px;
            border-radius: 1000px;
            background: none;
            border: 6px solid #ffffff;
            position: absolute;
            top: -10px;
            left: -10px;
            opacity: 0; }
          .splideContainer .splide .splide__pagination li .splide__pagination__page.is-active {
            background: none; }
            .splideContainer .splide .splide__pagination li .splide__pagination__page.is-active:after {
              opacity: 1; }
    .splideContainer .splide .splide__arrows {
      cursor: none; }
      .splideContainer .splide .splide__arrows .splide__arrow {
        background-color: transparent !important;
        border-radius: 1000px;
        z-index: 50;
        position: absolute;
        z-index: 10;
        top: 50%;
        margin-top: -35px;
        background: url("../img/Next.svg") no-repeat center;
        background-size: 70px 70px;
        display: block;
        width: 70px;
        height: 70px;
        border: 2px solid #ffffff; }
        @media screen and (min-width: 1024px) {
          .splideContainer .splide .splide__arrows .splide__arrow {
            top: 34%;
            margin-top: 0; } }
        .splideContainer .splide .splide__arrows .splide__arrow:hover {
          cursor: none;
          background: url("../img/NextHover.svg") no-repeat center;
          background-color: #16c4d8 !important;
          border: 0; }
        .splideContainer .splide .splide__arrows .splide__arrow svg {
          display: none; }
        .splideContainer .splide .splide__arrows .splide__arrow:disabled {
          display: none; }
        @media (max-width: 575.98px) {
          .splideContainer .splide .splide__arrows .splide__arrow {
            display: none; } }
      .splideContainer .splide .splide__arrows .splide__arrow--prev {
        transform: rotate(-180deg);
        left: 2%; }
        @media screen and (min-width: 1366px) {
          .splideContainer .splide .splide__arrows .splide__arrow--prev {
            left: 3%; } }
        @media screen and (min-width: 1440px) {
          .splideContainer .splide .splide__arrows .splide__arrow--prev {
            left: 0; } }
        @media screen and (min-width: 1600px) {
          .splideContainer .splide .splide__arrows .splide__arrow--prev {
            left: 0; } }
        @media screen and (min-width: 1920px) {
          .splideContainer .splide .splide__arrows .splide__arrow--prev {
            left: 0; } }
      @media screen and (max-width: 768px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 87%; } }
      @media screen and (min-width: 768px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 78%; } }
      @media screen and (min-width: 1280px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 80%; } }
      @media screen and (min-width: 1366px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 80%; } }
      @media screen and (min-width: 1440px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 80%; } }
      @media screen and (min-width: 1600px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 80%; } }
      @media screen and (min-width: 1920px) {
        .splideContainer .splide .splide__arrows .splide__arrow--next {
          left: 75%; } }
    .splideContainer .splide .splide__slide:before {
      content: "";
      display: block;
      background-color: rgba(0, 0, 0, 0.5);
      width: 480px;
      height: 480px;
      position: absolute;
      z-index: 20;
      animation-duration: 0.25s; }
      @media screen and (max-width: 768px) {
        .splideContainer .splide .splide__slide:before {
          width: 330px;
          height: 330px; } }
      @media (max-width: 575.98px) {
        .splideContainer .splide .splide__slide:before {
          width: 230px;
          height: 230px; } }
    @media screen and (max-width: 768px) {
      .splideContainer .splide .splide__slide {
        padding-left: 22px; } }
    @media (max-width: 575.98px) {
      .splideContainer .splide .splide__slide {
        padding-left: 22px; } }
    @media (max-width: 575.98px) {
      .splideContainer .splide .splide__slide.is-active:first-child {
        padding-left: 30px; } }
    .splideContainer .splide .splide__slide.is-active:before {
      display: none; }
    .splideContainer .splide .splide__slide .item {
      display: block;
      position: relative;
      width: 480px;
      height: 480px;
      color: #ffffff; }
      @media screen and (min-width: 1024px) {
        .splideContainer .splide .splide__slide .item {
          margin-right: 5rem; } }
      @media screen and (min-width: 1280px) {
        .splideContainer .splide .splide__slide .item {
          margin-right: 2rem; } }
      @media screen and (min-width: 1366px) {
        .splideContainer .splide .splide__slide .item {
          margin-right: 2rem; } }
      @media screen and (min-width: 1440px) {
        .splideContainer .splide .splide__slide .item {
          margin-right: 5rem; } }
      @media screen and (min-width: 1600px) {
        .splideContainer .splide .splide__slide .item {
          margin-right: 5rem; } }
      @media screen and (min-width: 1920px) {
        .splideContainer .splide .splide__slide .item {
          margin-right: 5rem; } }
      @media (max-width: 575.98px) {
        .splideContainer .splide .splide__slide .item {
          padding-right: 3rem; } }
      .splideContainer .splide .splide__slide .item:focus, .splideContainer .splide .splide__slide .item:hover {
        color: #ffffff; }
      @media screen and (max-width: 768px) {
        .splideContainer .splide .splide__slide .item {
          width: 330px;
          height: 330px;
          margin-right: 0; } }
      @media (max-width: 575.98px) {
        .splideContainer .splide .splide__slide .item {
          width: 230px;
          height: 230px;
          margin-right: 0; } }
      .splideContainer .splide .splide__slide .item .image {
        background-color: #000000;
        position: relative;
        width: 480px;
        height: 480px;
        overflow: hidden;
        background-size: cover;
        box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.4); }
        @media screen and (max-width: 768px) {
          .splideContainer .splide .splide__slide .item .image {
            width: 330px;
            height: 330px; } }
        @media (max-width: 575.98px) {
          .splideContainer .splide .splide__slide .item .image {
            width: 230px;
            height: 230px; } }
        .splideContainer .splide .splide__slide .item .image.no-shadow {
          box-shadow: none; }
        .splideContainer .splide .splide__slide .item .image .imagearea {
          position: absolute;
          width: 100%;
          object-fit: cover;
          height: 100%; }
          @media (min-width: 768px) {
            .splideContainer .splide .splide__slide .item .image .imagearea {
              height: 100%; } }
        .splideContainer .splide .splide__slide .item .image video.imagearea {
          transform: scale(1.3); }
      .splideContainer .splide .splide__slide .item .caption {
        background: black;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6797093838) 100%);
        position: absolute;
        top: 0;
        padding: 35px;
        width: 100%;
        transition: 0.5s; }
        @media (max-width: 575.98px) {
          .splideContainer .splide .splide__slide .item .caption {
            padding: 20px; } }
        .splideContainer .splide .splide__slide .item .caption h3 {
          white-space: break-spaces; }
          @media (max-width: 575.98px) {
            .splideContainer .splide .splide__slide .item .caption h3 {
              font-size: 20px;
              line-height: 28px; } }
        .splideContainer .splide .splide__slide .item .caption label {
          white-space: break-spaces;
          display: block;
          font-weight: 300; }
          @media (max-width: 575.98px) {
            .splideContainer .splide .splide__slide .item .caption label {
              font-size: 14px; } }
      .splideContainer .splide .splide__slide .item a {
        color: #ffffff; }
        .splideContainer .splide .splide__slide .item a:focus, .splideContainer .splide .splide__slide .item a:hover {
          color: #e6e6e6 !important; }
      .splideContainer .splide .splide__slide .item:focus h3,
      .splideContainer .splide .splide__slide .item:focus label, .splideContainer .splide .splide__slide .item:hover h3,
      .splideContainer .splide .splide__slide .item:hover label {
        color: #cccccc; }
    @media screen and (min-width: 1024px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 0; } }
    @media screen and (min-width: 1280px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 10rem; } }
    @media screen and (min-width: 1366px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 10rem; } }
    @media screen and (min-width: 1440px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 12rem; } }
    @media screen and (min-width: 1600px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 15rem; } }
    @media screen and (min-width: 1920px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 25rem; } }
    @media (max-width: 575.98px) {
      .splideContainer .splide .splide__slide:last-child {
        padding-right: 3rem; } }

::-webkit-scrollbar {
  display: none; }

.preload {
  position: absolute;
  z-index: 20;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e93b27; }

.main-wrapper-about {
  background-color: #ffffff; }

@media only screen and (min-width: 834px) and (max-width: 834px) {
  .about-parallax-top h1 {
    font-size: 2.1rem; } }

.about-parallax-bottom {
  position: relative;
  top: -1px; }

section.about {
  overflow: hidden;
  color: #ffffff;
  background-color: #e93b27; }
  @media (min-width: 992px) {
    section.about {
      height: 640px;
      padding: 13rem 0 0; } }
  @media (min-width: 576px) {
    section.about {
      height: 640px;
      padding: 13rem 0 0; } }
  @media (min-width: 768px) and (max-width: 768px) {
    section.about {
      height: 150px !important; } }
  @media (min-width: 720px) and (max-width: 720px) {
    section.about {
      height: 750px; } }
  @media (max-width: 575.98px) {
    section.about {
      height: 540px !important;
      padding: 6rem 0 0; } }
  @media (min-width: 1024px) and (max-width: 1024px) {
    section.about {
      padding: 16rem 0 0; } }
  section.about:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 100%;
    content: "";
    background: url("../img/StripLines.svg") repeat-y top right;
    background-size: 30px; }
    @media (min-width: 576px) {
      section.about:after {
        background-size: 60px; } }
  section.about .container.one {
    margin-bottom: 3rem; }

.mosaic-container {
  opacity: 0;
  position: relative;
  overflow: visible;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #ffffff; }
  .mosaic-container.open {
    opacity: 1; }
  @media (min-width: 992px) {
    .mosaic-container {
      height: 370px;
      min-height: 100%; } }
  @media (min-width: 576px) {
    .mosaic-container {
      height: 370px;
      min-height: 100%; } }
  @media (max-width: 575.98px) {
    .mosaic-container {
      height: 0;
      min-height: 100%;
      padding: 6rem 0 0; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .mosaic-container {
      height: 210px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .mosaic-container {
      height: 160px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .mosaic-container {
      height: 160px; } }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .mosaic-container {
      height: 335px; } }
  .mosaic-container .container {
    max-width: 100%; }
    @media (min-width: 992px) {
      .mosaic-container .container {
        max-width: 1600px; } }
    @media (min-width: 576px) {
      .mosaic-container .container {
        max-width: 1600px; } }
  .mosaic-container .mosaic {
    position: relative;
    z-index: 10;
    margin: 0 auto;
    max-width: 1440px;
    top: -11rem; }
    @media (min-width: 992px) {
      .mosaic-container .mosaic {
        top: -13rem; } }
    @media (min-width: 576px) {
      .mosaic-container .mosaic {
        top: -13rem; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      .mosaic-container .mosaic {
        top: -8rem; } }
    @media (min-width: 768px) and (max-width: 768px) {
      .mosaic-container .mosaic {
        top: -13rem; } }
    @media (min-width: 720px) and (max-width: 720px) {
      .mosaic-container .mosaic {
        top: -13rem; } }
    @media only screen and (min-width: 834px) and (max-width: 834px) {
      .mosaic-container .mosaic {
        top: -13rem; } }
    .mosaic-container .mosaic img {
      position: relative;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
      .mosaic-container .mosaic img.img-one {
        left: 0;
        max-width: 100%; }
      .mosaic-container .mosaic img.img-two {
        top: 3rem;
        left: -1rem;
        max-width: 400px; }
      .mosaic-container .mosaic img.img-three {
        left: -0.5rem;
        max-width: 400px; }
      .mosaic-container .mosaic img.img-four {
        top: 3rem;
        left: -2.5rem;
        max-width: 425px;
        max-height: 485px;
        z-index: 30; }
      @media (max-width: 575.98px) {
        .mosaic-container .mosaic img.img-one, .mosaic-container .mosaic img.img-three {
          max-width: 120px; }
        .mosaic-container .mosaic img.img-two {
          top: 1.5rem;
          left: -2rem;
          max-width: 135px; }
        .mosaic-container .mosaic img.img-four {
          top: 1.5rem;
          max-width: 130px; } }
      @media only screen and (min-width: 800px) and (max-width: 800px) {
        .mosaic-container .mosaic img.img-one, .mosaic-container .mosaic img.img-three {
          max-width: 250px !important; }
        .mosaic-container .mosaic img.img-two {
          max-width: 250px !important; }
        .mosaic-container .mosaic img.img-four {
          max-width: 250px !important; } }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        .mosaic-container .mosaic img.img-one, .mosaic-container .mosaic img.img-three {
          max-width: 210px; }
        .mosaic-container .mosaic img.img-two {
          top: 1.5rem;
          left: -2rem;
          max-width: 210px; }
        .mosaic-container .mosaic img.img-four {
          top: 1.5rem;
          left: -3.8rem;
          max-width: 210px; } }
      @media (min-width: 768px) and (max-width: 768px) {
        .mosaic-container .mosaic img.img-one {
          left: 0;
          max-width: 260px; }
        .mosaic-container .mosaic img.img-two {
          top: 3rem;
          left: -1rem;
          max-width: 260px; }
        .mosaic-container .mosaic img.img-three {
          left: -2.5rem;
          max-width: 275px; }
        .mosaic-container .mosaic img.img-four {
          top: 3rem;
          max-width: 254px;
          left: -4rem; } }
      @media (min-width: 720px) and (max-width: 720px) {
        .mosaic-container .mosaic img.img-one {
          left: 0;
          max-width: 260px; }
        .mosaic-container .mosaic img.img-two {
          top: 3rem;
          left: -1rem;
          max-width: 260px; }
        .mosaic-container .mosaic img.img-three {
          left: -2.5rem;
          max-width: 275px; }
        .mosaic-container .mosaic img.img-four {
          top: 3rem;
          max-width: 254px;
          left: -4rem; } }
      @media only screen and (min-width: 834px) and (max-width: 834px) {
        .mosaic-container .mosaic img.img-one, .mosaic-container .mosaic img.img-two, .mosaic-container .mosaic img.img-three, .mosaic-container .mosaic img.img-four {
          max-width: 280px !important; }
        .mosaic-container .mosaic img.img-two {
          top: 1.5rem;
          left: -2rem; }
        .mosaic-container .mosaic img.img-four {
          top: 1.5rem;
          left: -3.8rem;
          max-width: 280px; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        .mosaic-container .mosaic img.img-one {
          max-width: 350px; }
        .mosaic-container .mosaic img.img-two {
          max-width: 350px; }
        .mosaic-container .mosaic img.img-three {
          max-width: 350px; }
        .mosaic-container .mosaic img.img-four {
          left: -5.8rem;
          max-width: 350px; } }
      @media screen and (min-width: 1600px) {
        .mosaic-container .mosaic img.img-three {
          z-index: 20;
          top: 4px;
          left: -2.5rem;
          max-width: 400px; } }
      @media screen and (min-width: 1920px) {
        .mosaic-container .mosaic img.img-three {
          z-index: 20;
          top: 4px;
          left: -2.5rem;
          max-width: 400px; } }
    .mosaic-container .mosaic .column {
      padding: 0; }

section.content {
  z-index: 20;
  overflow: visible;
  background-color: #ffffff; }
  @media (min-width: 992px) {
    section.content {
      max-height: 100%;
      padding-bottom: 50px; } }
  @media (min-width: 576px) {
    section.content {
      max-height: 100%;
      padding-bottom: 50px; } }
  @media (max-width: 575.98px) {
    section.content {
      max-height: 100%;
      padding-top: 0; } }
  section.content:after {
    background: none !important; }
  section.content .content-item {
    position: relative;
    padding: 20px 10px 0; }
    @media (min-width: 992px) {
      section.content .content-item {
        padding: 0 80px; } }
    @media (min-width: 576px) {
      section.content .content-item {
        padding: 0 80px; } }
    @media (min-width: 768px) and (max-width: 768px) {
      section.content .content-item {
        padding: 50px 80px 0; } }
    @media (min-width: 720px) and (max-width: 720px) {
      section.content .content-item {
        padding: 50px 80px 0; } }
  section.content a {
    color: #e93b27; }
    section.content a:focus, section.content a:hover {
      color: #c92714; }

section.teams {
  background-color: #cee0ed;
  min-height: 478px;
  padding: 50px 0 0; }
  @media (min-width: 576px) {
    section.teams {
      min-height: 478px;
      padding: 100px 0 0; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    section.teams {
      min-height: 478px;
      padding: 50px 0 0; } }
  section.teams:after {
    background: none !important; }
  section.teams .more-team {
    height: 0;
    opacity: 0; }
    section.teams .more-team.open {
      height: 100%;
      animation-name: sectionTeamOpen;
      animation-duration: 0.25s;
      animation-timing-function: ease-in;
      opacity: 1; }
    section.teams .more-team.close {
      height: 0;
      animation-name: sectionTeamClose;
      animation-duration: 0.25s;
      animation-timing-function: ease-in;
      opacity: 0; }
  section.teams .person {
    max-width: 200px;
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      section.teams .person {
        max-width: 200px;
        margin-bottom: 55px; } }
    @media (min-width: 576px) {
      section.teams .person {
        max-width: 200px;
        margin-bottom: 55px; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      section.teams .person {
        max-width: 200px;
        margin-bottom: 30px; } }
    section.teams .person img {
      max-width: 120px;
      margin-left: auto;
      border-radius: 1000px; }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        section.teams .person img {
          max-width: 110px; } }
    section.teams .person p {
      margin-bottom: 2px;
      white-space: normal !important; }
      @media (min-width: 576px) {
        section.teams .person p {
          white-space: nowrap; } }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        section.teams .person p {
          white-space: normal !important; } }
      @media (min-width: 720px) and (max-width: 720px) {
        section.teams .person p {
          white-space: normal !important; } }
      @media (min-width: 768px) and (max-width: 768px) {
        section.teams .person p {
          white-space: normal !important; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        section.teams .person p {
          white-space: normal !important; } }
    section.teams .person label {
      font-size: 14px;
      white-space: normal; }
      @media (min-width: 576px) {
        section.teams .person label {
          white-space: nowrap; } }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        section.teams .person label {
          white-space: normal; } }
      @media (min-width: 720px) and (max-width: 720px) {
        section.teams .person label {
          white-space: normal; } }
      @media (min-width: 768px) and (max-width: 768px) {
        section.teams .person label {
          white-space: normal; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        section.teams .person label {
          white-space: normal; } }

@media (min-width: 576px) {
  section.at-catalyze {
    overflow: visible;
    background: -webkit-linear-gradient(bottom, white 0%, white 70%, #cee0ed 70%);
    background: -o-linear-gradient(bottom, white 0%, white 70%, #cee0ed 70%);
    background: linear-gradient(to top, white 0%, white 70%, #cee0ed 70%); } }
@media (max-width: 575.98px) {
  section.at-catalyze {
    overflow: visible;
    padding: 0;
    background: -webkit-linear-gradient(bottom, white 0%, white 80%, #cee0ed 80%);
    background: -o-linear-gradient(bottom, white 0%, white 80%, #cee0ed 80%);
    background: linear-gradient(to top, white 0%, white 80%, #cee0ed 80%); } }
@media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
  section.at-catalyze {
    overflow: visible;
    padding: 0;
    background: -webkit-linear-gradient(bottom, white 0%, white 80%, #cee0ed 80%);
    background: -o-linear-gradient(bottom, white 0%, white 80%, #cee0ed 80%);
    background: linear-gradient(to top, white 0%, white 80%, #cee0ed 80%); } }
section.at-catalyze a {
  color: #e93b27;
  text-decoration: underline; }
  section.at-catalyze a:focus, section.at-catalyze a:hover {
    color: #c92714; }
section.at-catalyze .container2 {
  position: relative;
  max-width: 1200px;
  margin: auto; }
@media (min-width: 992px) {
  section.at-catalyze img.one {
    width: 1200px;
    height: 400px; } }
@media (min-width: 576px) {
  section.at-catalyze img.one {
    width: 1200px;
    height: 400px; } }
@media (max-width: 575.98px) {
  section.at-catalyze img.one {
    width: 600px;
    max-width: 600px;
    height: 200px;
    margin-left: 20px !important; } }
@media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
  section.at-catalyze img.one {
    width: 600px;
    max-width: 600px;
    height: 200px;
    margin-left: 20px !important; } }
@media (min-width: 768px) and (max-width: 768px) {
  section.at-catalyze img.one {
    width: 100%;
    height: 100%; } }
@media (min-width: 720px) and (max-width: 720px) {
  section.at-catalyze img.one {
    width: 100%;
    height: 100%; } }
section.at-catalyze img.two {
  position: absolute; }
  @media (min-width: 992px) {
    section.at-catalyze img.two {
      top: -5rem;
      right: 4.5rem !important;
      max-width: 360px; }
      section.at-catalyze img.two.img-parallax-on-team-open {
        transform: none !important; } }
  @media (min-width: 576px) {
    section.at-catalyze img.two {
      top: -5rem;
      right: 4.5rem;
      max-width: 360px; }
      section.at-catalyze img.two.img-parallax-on-team-open {
        transform: none !important; } }
  @media (max-width: 575.98px) {
    section.at-catalyze img.two {
      display: none;
      /*
      top: -5rem;
      right: 0;
      max-width: 160px;
      */ } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    section.at-catalyze img.two {
      display: none; } }
  @media (min-width: 768px) and (max-width: 768px) {
    section.at-catalyze img.two {
      top: -5rem;
      right: 1rem;
      max-width: 260px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    section.at-catalyze img.two {
      top: -5rem;
      right: 1rem;
      max-width: 260px; } }
section.at-catalyze:after {
  background: none !important; }

section.giving {
  background-color: #ffecdc;
  padding: 50px 0; }
  @media (min-width: 576px) {
    section.giving {
      padding: 100px 0; } }
  section.giving a {
    color: #e93b27;
    text-decoration: underline; }
    section.giving a:focus, section.giving a:hover {
      color: #c92714; }
  section.giving .item {
    padding-left: 0; }
    @media (max-width: 575.98px) {
      section.giving .item {
        margin-bottom: 3rem; } }
    section.giving .item:first-child {
      padding-right: 0; }
      @media (min-width: 992px) {
        section.giving .item:first-child {
          padding-right: 4rem !important; } }
      @media (min-width: 576px) {
        section.giving .item:first-child {
          padding-right: 1rem; } }
  section.giving:after {
    background: none !important; }

section.basecamp {
  background-color: #ffffff;
  padding: 50px 0; }
  @media (min-width: 576px) {
    section.basecamp {
      padding: 100px 0 0; } }
  section.basecamp a {
    color: #e93b27;
    text-decoration: underline; }
    section.basecamp a:focus, section.basecamp a:hover {
      color: #c92714; }
  section.basecamp .panoramic {
    position: relative;
    max-width: 1066px;
    margin: 0 auto 40px;
    cursor: move;
    text-align: center; }
    section.basecamp .panoramic .icon360 {
      position: absolute;
      z-index: 10;
      right: 0;
      bottom: 20px;
      left: 0;
      width: 80px;
      height: 60px;
      margin: auto;
      background: url("../img/360.svg") no-repeat center;
      background-size: 80px 60px; }
    section.basecamp .panoramic #panorama {
      width: 100%;
      height: 438px;
      margin: auto;
      background-size: 1845px 440px !important; }
  section.basecamp:after {
    background: none !important; }

.quote {
  position: relative;
  max-width: 1000px; }
  @media (min-width: 992px) {
    .quote {
      margin: 40px auto 180px; } }
  @media (min-width: 576px) {
    .quote {
      margin: 40px auto 180px; } }
  @media (max-width: 575.98px) {
    .quote {
      margin: 40px auto 100px;
      max-width: 90%; } }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .quote {
      margin: 40px auto 100px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .quote {
      margin: 40px auto 100px; } }
  @media (min-width: 720px) and (max-width: 720px) {
    .quote {
      margin: 40px auto 100px; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .quote {
      margin: 40px auto 100px; } }
  .quote.services {
    margin-top: 0px !important; }
  .quote .border {
    border: 4px solid #e93b27 !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%; }
    @media (min-width: 992px) {
      .quote .border {
        top: 99px;
        left: 115px !important; } }
    @media (min-width: 576px) {
      .quote .border {
        top: 90px;
        left: 123px; } }
    @media (max-width: 575.98px) {
      .quote .border {
        top: 35px;
        left: 50px;
        width: 93%; } }
    @media (min-width: 320px) and (max-width: 320px) {
      .quote .border {
        width: 91.5%; } }
    @media (min-width: 1024px) and (max-width: 1024px) {
      .quote .border {
        top: 55px;
        left: 50px !important; } }
    @media (min-width: 768px) and (max-width: 768px) {
      .quote .border {
        top: 45px;
        left: 75px !important; } }
    @media (min-width: 720px) and (max-width: 720px) {
      .quote .border {
        top: 45px;
        left: 53px; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      .quote .border {
        top: 45px;
        left: 53px; } }
  .quote .slide {
    position: relative;
    margin: 0;
    box-shadow: 0px 20px 60px 0px #00000033;
    background: #ffffff;
    max-width: 1000px;
    min-height: 300px; }
    @media (min-width: 576px) {
      .quote .slide {
        padding: 84px 100px 62px; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      .quote .slide {
        padding: 30px 50px 30px 80px; } }
    @media (min-width: 768px) and (max-width: 768px) {
      .quote .slide {
        padding: 30px 50px 30px 80px; } }
    @media (min-width: 720px) and (max-width: 720px) {
      .quote .slide {
        padding: 30px 50px 30px 80px; } }
    @media (max-width: 575.98px) {
      .quote .slide {
        padding: 30px;
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
        width: 100%; } }
    @media (max-width: 575.98px) {
      .quote .slide {
        box-shadow: 0px 20px 60px 0px #00000033;
        min-height: 300px; } }
    .quote .slide .carousel-inner .carousel-item p {
      font-size: 18px;
      white-space: nowrap; }
      @media (max-width: 575.98px) {
        .quote .slide .carousel-inner .carousel-item p {
          font-size: 16px;
          line-height: 26px;
          white-space: normal; } }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        .quote .slide .carousel-inner .carousel-item p {
          font-size: 16px;
          line-height: 26px;
          white-space: normal; } }
    @media (min-width: 992px) {
      .quote .slide .carousel-inner .carousel-item h2 {
        margin-bottom: 35px; } }
    @media (min-width: 576px) {
      .quote .slide .carousel-inner .carousel-item h2 {
        margin-bottom: 35px; } }
    @media (max-width: 575.98px) {
      .quote .slide .carousel-inner .carousel-item h2 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 32px; } }
    @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
      .quote .slide .carousel-inner .carousel-item h2 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 28px; } }
    .quote .slide .carousel-inner .carousel-item img {
      max-height: 40px; }
      @media (max-width: 575.98px) {
        .quote .slide .carousel-inner .carousel-item img {
          margin-top: 10px; } }
    .quote .slide .carousel-indicators {
      position: absolute;
      bottom: auto !important;
      display: block; }
      @media (min-width: 992px) {
        .quote .slide .carousel-indicators {
          top: 5.5rem;
          left: -6rem;
          right: auto; } }
      @media (min-width: 576px) {
        .quote .slide .carousel-indicators {
          top: 5.5rem;
          left: -6rem;
          right: auto; } }
      @media (max-width: 575.98px) {
        .quote .slide .carousel-indicators {
          bottom: 5px !important;
          left: auto;
          right: 0;
          transform: rotate(0deg);
          margin-right: 20px;
          display: inline-block; } }
      @media only screen and (min-width: 800px) and (max-width: 800px) {
        .quote .slide .carousel-indicators {
          top: auto !important;
          bottom: -55px !important;
          left: auto !important;
          right: 4rem !important;
          transform: rotate(90deg) !important;
          margin-right: 20px;
          display: inline-block; } }
      @media only screen and (min-width: 834px) and (max-width: 834px) {
        .quote .slide .carousel-indicators {
          top: 4rem;
          left: -4rem;
          right: auto; } }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        .quote .slide .carousel-indicators {
          top: auto !important;
          bottom: -55px !important;
          left: auto !important;
          right: 4rem !important;
          transform: rotate(90deg) !important;
          margin-right: 20px;
          display: inline-block; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        .quote .slide .carousel-indicators {
          top: 5.5rem;
          left: -5rem;
          right: auto; } }
      @media (min-width: 768px) and (max-width: 768px) {
        .quote .slide .carousel-indicators {
          top: 2rem;
          left: -3.5rem;
          right: auto; } }
      @media (min-width: 720px) and (max-width: 720px) {
        .quote .slide .carousel-indicators {
          top: 2rem;
          left: -3.5rem;
          right: auto; } }
      .quote .slide .carousel-indicators button {
        background: #009cde;
        border-radius: 1000px;
        width: 10px;
        height: 10px;
        padding: 0;
        border: 5px solid #ffffff;
        display: block;
        margin-bottom: 10px; }
        @media (max-width: 575.98px) {
          .quote .slide .carousel-indicators button {
            display: inline-block; } }
        .quote .slide .carousel-indicators button.active {
          background: #ffffff;
          border: 5px solid #0078ab; }

#services section {
  min-height: unset; }
  #services section.service-area:not(.detail-sr) .container {
    max-width: 1027px; }
  #services section.service-area {
    padding: 11.25rem 0 5.722222rem;
    color: #ffffff;
    position: relative; }
    @media screen and (max-width: 768px) {
      #services section.service-area {
        padding: 6.25rem 0 1.5rem; } }
    #services section.service-area:after {
      content: "";
      display: block;
      background: url("../img/StripLines.svg") repeat-y top right;
      width: 60px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      background-size: 30px; }
      @media (min-width: 576px) {
        #services section.service-area:after {
          background-size: 60px; } }
    #services section.service-area.visual-and-website-design {
      background-color: #0078ab; }
    #services section.service-area.communications-strategies {
      background-color: #e93b27; }
    #services section.service-area.behaviour-change-and-system-design {
      background-color: #5d5f65; }
    #services section.service-area .title .label {
      margin-bottom: 20px; }
      @media (max-width: 767.98px) {
        #services section.service-area .title .label {
          font-size: 0.9rem;
          margin: 0; } }
    #services section.service-area .title h1 {
      margin: 0; }
      @media (max-width: 767.98px) {
        #services section.service-area .title h1 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    #services section.service-area .detail {
      margin-top: 3.25rem;
      font-family: "Catamaran", sans-serif;
      font-weight: 300;
      font-size: 1.333333rem;
      line-height: 2rem; }
      #services section.service-area .detail p {
        max-width: 740px;
        margin-bottom: 33px; }
        @media (min-width: 576px) {
          #services section.service-area .detail p {
            line-height: 2.2rem; } }
    #services section.service-area .icon {
      width: 150px;
      height: 150px;
      position: relative;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      margin-right: 1.5556rem; }
      @media (max-width: 767.98px) {
        #services section.service-area .icon {
          margin-right: 1.1111rem;
          width: 60px;
          height: 60px; } }
      #services section.service-area .icon.visual-and-website-design {
        background-image: url("../img/v-icon.svg"); }
      #services section.service-area .icon.communications-strategies {
        background-image: url("../img/services/website.svg"); }
      #services section.service-area .icon.behaviour-change-and-system-design {
        background-image: url("../img/services/brand-design.svg"); }
    #services section.service-area .service-list > div {
      margin: 1.111111rem 0; }
      @media (min-width: 768px) {
        #services section.service-area .service-list > div {
          margin: 2.736111rem 0; } }
      @media (min-width: 768px) {
        #services section.service-area .service-list > div:nth-child(even) {
          padding-left: 2.5rem; } }
    #services section.service-area .service-list img {
      width: 80px;
      height: 80px;
      position: relative;
      margin-right: 1.1111111rem; }
      @media (min-width: 576px) {
        #services section.service-area .service-list img {
          width: 120px;
          height: 120px;
          margin-right: 2.222222rem; } }
      @media (min-width: 768px) {
        #services section.service-area .service-list img {
          width: 160px;
          height: 160px;
          margin-right: 3.127778rem; } }
    @media (max-width: 767.98px) {
      #services section.service-area .service-list label {
        font-size: 1.5rem;
        line-height: 2.3rem; } }
    @media (max-width: 575.98px) {
      #services section.service-area .service-list label {
        width: 100%;
        font-size: 1.1rem;
        line-height: 2rem;
        background-position: top 1px left; } }
    #services section.service-area .services-checklist ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      margin: 0 -35px; }
      #services section.service-area .services-checklist ul li {
        background: url("../img/check.svg") top 10px left no-repeat;
        flex: 0 0 auto;
        width: 50%;
        padding: 0 35px 0 44px;
        font-size: 1.7778rem;
        line-height: 2.3333rem;
        margin-bottom: 20px; }
        @media (max-width: 767.98px) {
          #services section.service-area .services-checklist ul li {
            font-size: 1.5rem;
            line-height: 2.3rem; } }
        @media (max-width: 575.98px) {
          #services section.service-area .services-checklist ul li {
            width: 100%;
            font-size: 1.1rem;
            line-height: 2rem;
            background-position: top 1px left; } }
    #services section.service-area .splideContainer {
      margin: 5.4444rem auto 5.3889rem;
      max-width: calc(1280px + (var(--bs-gutter-x, 0.75rem) * 2));
      position: relative;
      z-index: 11; }
      @media (max-width: 767.98px) {
        #services section.service-area .splideContainer {
          margin: 51px auto -9px; } }
      #services section.service-area .splideContainer .headline {
        max-width: 1027px;
        margin: 0 auto; }
        #services section.service-area .splideContainer .headline h2 {
          color: #ffffff; }
        #services section.service-area .splideContainer .headline span {
          background: #ffffff; }
      #services section.service-area .splideContainer .showcase-list {
        position: relative; }
        #services section.service-area .splideContainer .showcase-list ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0;
          list-style: none; }
          #services section.service-area .splideContainer .showcase-list ul li {
            display: flex;
            flex-direction: column;
            margin: 0 40px;
            width: 480px;
            background: #fbf7f1;
            height: 480px;
            position: relative; }
            @media screen and (max-width: 768px) {
              #services section.service-area .splideContainer .showcase-list ul li {
                width: 330px;
                height: 330px;
                margin: 0 22px 0 0; }
                #services section.service-area .splideContainer .showcase-list ul li:last-child {
                  margin-right: 0; } }
            @media (max-width: 575.98px) {
              #services section.service-area .splideContainer .showcase-list ul li {
                width: 230px;
                height: 230px; } }
            #services section.service-area .splideContainer .showcase-list ul li .item {
              display: block;
              position: relative;
              width: 100%;
              height: 100%;
              color: #ffffff; }
              @media screen and (min-width: 1024px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  margin-right: 5rem; } }
              @media screen and (min-width: 1280px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  margin-right: 2rem; } }
              @media screen and (min-width: 1366px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  margin-right: 2rem; } }
              @media screen and (min-width: 1440px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  margin-right: 5rem; } }
              @media screen and (min-width: 1600px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  margin-right: 5rem; } }
              @media screen and (min-width: 1920px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  margin-right: 5rem; } }
              @media (max-width: 575.98px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  padding-right: 3rem; } }
              #services section.service-area .splideContainer .showcase-list ul li .item:focus, #services section.service-area .splideContainer .showcase-list ul li .item:hover {
                color: #ffffff; }
              @media screen and (max-width: 768px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  width: 330px;
                  height: 330px;
                  margin-right: 0; } }
              @media (max-width: 575.98px) {
                #services section.service-area .splideContainer .showcase-list ul li .item {
                  width: 230px;
                  height: 230px;
                  margin-right: 0; } }
              #services section.service-area .splideContainer .showcase-list ul li .item .image {
                background-color: #000000;
                position: relative;
                width: 480px;
                height: 480px;
                overflow: hidden;
                background-size: cover;
                box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.4); }
                @media screen and (max-width: 768px) {
                  #services section.service-area .splideContainer .showcase-list ul li .item .image {
                    width: 330px;
                    height: 330px; } }
                @media (max-width: 575.98px) {
                  #services section.service-area .splideContainer .showcase-list ul li .item .image {
                    width: 230px;
                    height: 230px; } }
                #services section.service-area .splideContainer .showcase-list ul li .item .image.no-shadow {
                  box-shadow: none; }
                #services section.service-area .splideContainer .showcase-list ul li .item .image .imagearea {
                  position: absolute;
                  width: 100%;
                  object-fit: cover;
                  height: 100%; }
                  @media (min-width: 768px) {
                    #services section.service-area .splideContainer .showcase-list ul li .item .image .imagearea {
                      height: 100%; } }
                #services section.service-area .splideContainer .showcase-list ul li .item .image video.imagearea {
                  transform: scale(1.3); }
              #services section.service-area .splideContainer .showcase-list ul li .item .caption {
                background: black;
                background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6797093838) 100%);
                position: absolute;
                top: 0;
                padding: 35px;
                width: 100%;
                transition: 0.5s; }
                @media (max-width: 575.98px) {
                  #services section.service-area .splideContainer .showcase-list ul li .item .caption {
                    padding: 20px; } }
                #services section.service-area .splideContainer .showcase-list ul li .item .caption h3 {
                  white-space: break-spaces; }
                  @media (max-width: 575.98px) {
                    #services section.service-area .splideContainer .showcase-list ul li .item .caption h3 {
                      font-size: 1.1111rem;
                      line-height: 1.5556rem; } }
                #services section.service-area .splideContainer .showcase-list ul li .item .caption label {
                  white-space: break-spaces;
                  display: block;
                  font-weight: 300; }
                  @media (max-width: 575.98px) {
                    #services section.service-area .splideContainer .showcase-list ul li .item .caption label {
                      font-size: 0.7778rem; } }
              #services section.service-area .splideContainer .showcase-list ul li .item a {
                color: #ffffff; }
                #services section.service-area .splideContainer .showcase-list ul li .item a:focus, #services section.service-area .splideContainer .showcase-list ul li .item a:hover {
                  color: #e6e6e6 !important; }
              #services section.service-area .splideContainer .showcase-list ul li .item:focus h3,
              #services section.service-area .splideContainer .showcase-list ul li .item:focus label, #services section.service-area .splideContainer .showcase-list ul li .item:hover h3,
              #services section.service-area .splideContainer .showcase-list ul li .item:hover label {
                color: #cccccc; }
      #services section.service-area .splideContainer .rs-carousel-action {
        background-color: transparent !important;
        border-radius: 1000px;
        z-index: 50;
        position: absolute;
        z-index: 10;
        top: 50%;
        margin-top: -35px;
        background: url("../img/Next.svg") no-repeat center;
        background-size: 70px 70px;
        display: none;
        width: 70px;
        height: 70px;
        border: 2px solid #ffffff;
        font-size: 0; }
        #services section.service-area .splideContainer .rs-carousel-action:hover {
          cursor: none;
          background: url("../img/NextHover.svg") no-repeat center;
          background-color: #16c4d8 !important;
          border: 0; }
        #services section.service-area .splideContainer .rs-carousel-action svg {
          display: none; }
        #services section.service-area .splideContainer .rs-carousel-action.rs-carousel-action-active {
          display: block; }
        @media (max-width: 575.98px) {
          #services section.service-area .splideContainer .rs-carousel-action {
            display: none !important; } }
      #services section.service-area .splideContainer .rs-carousel-action-prev {
        transform: rotate(-180deg);
        left: 60px; }
      #services section.service-area .splideContainer .rs-carousel-action-next {
        right: 60px; }
  #services section.detail-sr {
    padding: 0; }
    @media screen and (min-width: 1366px) {
      #services section.detail-sr .container {
        max-width: 1366px;
        padding: 0 80px; } }
    #services section.detail-sr .container h1 {
      font-size: 28px !important;
      font-style: normal;
      font-weight: 600;
      line-height: 40px !important;
      margin: 0; }
      @media (min-width: 992px) {
        #services section.detail-sr .container h1 {
          font-size: 44px !important;
          max-width: 580px;
          line-height: 56px !important; } }
    #services section.detail-sr .container .detail {
      margin: 32px 0 !important; }
      #services section.detail-sr .container .detail p {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        font-family: "Nunito", sans-serif;
        line-height: 26px !important; }
        @media (min-width: 992px) {
          #services section.detail-sr .container .detail p {
            font-size: 18px !important;
            line-height: 30px !important; } }
    #services section.detail-sr .container .d-flex {
      min-height: 100vh;
      flex-direction: column;
      padding: 126px 0 32px; }
      @media (min-width: 768px) {
        #services section.detail-sr .container .d-flex {
          flex-direction: row;
          justify-content: space-between; } }
      @media (min-width: 768px) {
        #services section.detail-sr .container .d-flex > div:first-child {
          max-width: 588px; } }
      #services section.detail-sr .container .d-flex img {
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 768px) {
          #services section.detail-sr .container .d-flex img {
            margin: 0 40px;
            min-width: 412px;
            width: 30.1610541728vw; } }
  #services section.teams {
    padding-top: 5.777778rem; }
    @media (max-width: 767.98px) {
      #services section.teams {
        padding-top: 2.5rem; } }
    @media (max-width: 767.98px) {
      #services section.teams .person p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 12px; }
      #services section.teams .person label {
        line-height: 20px; } }
  #services section.values {
    padding: 3.7778rem 0 1.8889rem;
    overflow: unset;
    z-index: 20; }
    @media screen and (min-width: 768.05px) {
      #services section.values {
        padding: 15px 0 0; }
        #services section.values:before {
          content: "";
          width: 100%;
          height: 80px;
          background-color: #ffffff;
          bottom: 0;
          left: 0;
          position: absolute;
          z-index: 1; } }
    @media (min-width: 992px) {
      #services section.values {
        background: linear-gradient(180deg, #cee0ed 0%, #cee0ed 75%, white 75%, white 100%); } }
    @media (max-width: 991.98px) {
      #services section.values {
        background: #cee0ed; } }
    @media (max-width: 767.98px) {
      #services section.values {
        background: #cee0ed; } }
    @media (max-width: 575.98px) {
      #services section.values {
        background: #cee0ed; } }
    #services section.values .values-container {
      max-width: calc(1200.02px + (var(--bs-gutter-x, 0.75rem) * 2));
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 768.05px) {
        #services section.values .values-container .row {
          margin: 0; } }
      @media screen and (min-width: 768.05px) {
        #services section.values .values-container .row > div {
          width: calc(100% / 3 + 40px);
          padding: 0; }
          #services section.values .values-container .row > div:nth-child(1) {
            margin-right: -60px; }
          #services section.values .values-container .row > div:nth-child(3) {
            margin-left: -60px; } }
      #services section.values .values-container .row > div .value {
        position: relative; }
        @media screen and (min-width: 768.05px) {
          #services section.values .values-container .row > div .value {
            width: 100%;
            padding-bottom: 100%;
            border-radius: 50%;
            background-size: cover;
            transition: all ease-in-out 0.2s;
            margin-bottom: 80px; } }
        @media screen and (max-width: 768px) {
          #services section.values .values-container .row > div .value {
            padding-left: 100px;
            margin-bottom: 20px;
            min-height: 80px; }
            #services section.values .values-container .row > div .value:before {
              content: "";
              width: 80px;
              height: 80px;
              background-size: cover !important;
              border-radius: 50%;
              position: absolute;
              left: 0;
              top: 0; } }
        @media screen and (min-width: 768.05px) {
          #services section.values .values-container .row > div .value.memorable {
            background: rgba(233, 59, 39, 0.9) url("../img/memorable.svg") center no-repeat; } }
        @media screen and (max-width: 768px) {
          #services section.values .values-container .row > div .value.memorable:before {
            background: rgba(233, 59, 39, 0.9) url("../img/memorable.svg") center no-repeat; } }
        @media screen and (min-width: 768.05px) {
          #services section.values .values-container .row > div .value.usable {
            background: rgba(0, 120, 171, 0.9) url("../img/usable.svg") center no-repeat; } }
        @media screen and (max-width: 768px) {
          #services section.values .values-container .row > div .value.usable:before {
            background: rgba(0, 120, 171, 0.9) url("../img/usable.svg") center no-repeat; } }
        @media screen and (min-width: 768.05px) {
          #services section.values .values-container .row > div .value.measurable {
            background: rgba(78, 80, 86, 0.9) url("../img/measurable.svg") center no-repeat; } }
        @media screen and (max-width: 768px) {
          #services section.values .values-container .row > div .value.measurable:before {
            background: rgba(78, 80, 86, 0.9) url("../img/measurable.svg") center no-repeat; } }
        @media screen and (min-width: 768.05px) {
          #services section.values .values-container .row > div .value .caption {
            color: #ffffff;
            text-align: center;
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
            position: absolute; } }
        #services section.values .values-container .row > div .value .caption span {
          display: block;
          font-style: normal;
          font-weight: normal;
          font-size: 0.9rem;
          line-height: 1.2rem; }
          @media screen and (min-width: 768.05px) {
            #services section.values .values-container .row > div .value .caption span {
              font-size: 1rem;
              line-height: 1.6667rem;
              max-width: 240px;
              margin: 0 auto;
              overflow: hidden;
              height: 0;
              transition: all ease-in-out 0.2s; } }
        #services section.values .values-container .row > div .value .caption strong {
          font-family: "Catamaran", sans-serif;
          font-weight: 500;
          font-size: 2.4444rem;
          line-height: 3.1111rem; }
          @media screen and (max-width: 768px) {
            #services section.values .values-container .row > div .value .caption strong {
              font-size: 1.4rem;
              line-height: 2rem; } }
        @media screen and (min-width: 768.05px) {
          #services section.values .values-container .row > div .value:hover {
            box-shadow: 40px 20px 60px rgba(0, 0, 0, 0.4);
            z-index: 2; }
            #services section.values .values-container .row > div .value:hover .caption span {
              margin-top: 17px;
              height: 90px; }
            #services section.values .values-container .row > div .value:hover.memorable {
              background: #e93b27; }
            #services section.values .values-container .row > div .value:hover.usable {
              background: #0078ab; }
            #services section.values .values-container .row > div .value:hover.measurable {
              background: #4e5056; } }
  #services section.quote-area {
    background-color: #ffffff; }
    @media screen and (max-width: 768px) {
      #services section.quote-area {
        padding: 0; } }
  #services section.clients-area {
    background-color: #ffffff;
    padding: 0rem 0 2.3333rem; }
    @media screen and (max-width: 768px) {
      #services section.clients-area {
        padding: 2.5556rem 0 0; } }
    @media screen and (max-width: 768px) {
      #services section.clients-area.sr {
        padding-top: 0; } }
    #services section.clients-area .clients-container {
      max-width: 1227px; }
    #services section.clients-area .partners {
      max-width: 1315px;
      margin: 0 auto; }
      #services section.clients-area .partners .items {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        list-style: none;
        padding: 0; }
        @media (min-width: 576px) {
          #services section.clients-area .partners .items {
            margin-bottom: 4.75rem;
            display: flex;
            justify-content: space-between;
            align-content: center;
            align-items: center;
            flex-wrap: wrap;
            list-style: none; }
            #services section.clients-area .partners .items:first-of-type {
              margin-top: 5rem; }
            #services section.clients-area .partners .items.three-child {
              max-width: 775px;
              margin-left: auto;
              margin-right: auto;
              justify-content: space-around; } }
        @media (max-width: 767.98px) {
          #services section.clients-area .partners .items {
            flex-wrap: wrap;
            display: flex;
            align-items: center; } }
        #services section.clients-area .partners .items .item {
          margin-bottom: 12px;
          margin-bottom: 40px;
          text-align: center; }
          @media (min-width: 576px) {
            #services section.clients-area .partners .items .item {
              margin-bottom: 12px; } }
          @media (max-width: 767.98px) {
            #services section.clients-area .partners .items .item {
              flex: 33.33333% 0 0;
              padding: 0 10px;
              margin-bottom: 50px; } }
          @media (max-width: 575.98px) {
            #services section.clients-area .partners .items .item {
              flex: 50% 0 0;
              padding: 0 10px;
              margin-bottom: 50px; } }
          #services section.clients-area .partners .items .item img {
            height: 50px;
            object-fit: contain; }
            @media screen and (max-width: 768px) {
              #services section.clients-area .partners .items .item img {
                margin: auto;
                height: 40px; } }
            @media (max-width: 575.98px) {
              #services section.clients-area .partners .items .item img {
                margin: auto;
                height: 40px; } }
        @media (max-width: 767.98px) {
          #services section.clients-area .partners .items.sr {
            justify-content: flex-start;
            row-gap: 24px;
            margin: 0 -12px; }
            #services section.clients-area .partners .items.sr .item {
              margin-bottom: 0;
              padding: 0 12px; }
              #services section.clients-area .partners .items.sr .item img {
                max-width: 140px;
                height: 80px;
                width: 100%; } }
    @media (min-width: 992px) {
      #services section.clients-area.sr .partners .items .item img {
        height: 59.83px; } }
  #services section.get-in-touch {
    background-color: #cee0ed;
    padding: 2.7222rem 0 5rem;
    overflow: unset; }
    @media screen and (min-width: 768.05px) {
      #services section.get-in-touch {
        padding-top: 6.5rem;
        padding-bottom: 10.2778rem; } }
    #services section.get-in-touch .container {
      max-width: calc(1000px + (var(--bs-gutter-x, 0.75rem) * 2));
      position: relative;
      padding-bottom: 1.666667rem; }
      @media screen and (min-width: 768.05px) {
        #services section.get-in-touch .container {
          padding-bottom: 5.5556rem; } }
      @media (max-width: 575.98px) {
        #services section.get-in-touch .container .btn-contact-us {
          margin: 0px 0 6px 0; } }
      #services section.get-in-touch .container .info-text {
        font-weight: normal;
        font-size: 2rem;
        line-height: 3rem;
        color: #5d5f65;
        margin-bottom: 20px; }
        @media screen and (min-width: 768.05px) {
          #services section.get-in-touch .container .info-text {
            margin-bottom: 0;
            font-size: 2.6667rem;
            line-height: 3.3333rem; } }
        @media screen and (max-width: 576px) {
          #services section.get-in-touch .container .info-text {
            font-size: 1.4rem;
            line-height: 2rem; } }
    @media screen and (min-width: 768.05px) {
      #services section.get-in-touch .links-area {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 100%);
        width: calc(100% - (var(--bs-gutter-x, 0.75rem) * 2)); } }
    @media screen and (max-width: 768px) {
      #services section.get-in-touch .links-area {
        margin-bottom: -200px; } }
    #services section.get-in-touch .links-area .row {
      margin: 0 -20px; }
      @media (max-width: 767.98px) {
        #services section.get-in-touch .links-area .row {
          margin: 0; } }
      #services section.get-in-touch .links-area .row > div {
        padding: 0 20px; }
        @media (max-width: 767.98px) {
          #services section.get-in-touch .links-area .row > div {
            padding: 0;
            margin-top: 40px; } }
        @media (max-width: 575.98px) {
          #services section.get-in-touch .links-area .row > div {
            margin-top: 20px; } }
        #services section.get-in-touch .links-area .row > div .link {
          display: block;
          aspect-ratio: 480/320;
          position: relative;
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
          #services section.get-in-touch .links-area .row > div .link img {
            width: 100%;
            height: 100%;
            position: absolute;
            object-fit: cover;
            top: 0;
            left: 0; }
          #services section.get-in-touch .links-area .row > div .link .caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 0 2.222222rem 1.555556rem;
            color: #ffffff !important; }
            #services section.get-in-touch .links-area .row > div .link .caption h2 {
              margin-top: 18px; }
            @media screen and (max-width: 576px) {
              #services section.get-in-touch .links-area .row > div .link .caption {
                padding: 0 1.111111rem; }
                #services section.get-in-touch .links-area .row > div .link .caption .label {
                  font-size: 0.9rem; }
                #services section.get-in-touch .links-area .row > div .link .caption h2 {
                  margin-top: 0; } }
    #services section.get-in-touch .up-next {
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 100%); }
      @media screen and (min-width: 768.05px) {
        #services section.get-in-touch .up-next {
          width: calc(100% - (var(--bs-gutter-x, 0.75rem) * 2)); } }
      @media screen and (max-width: 768px) {
        #services section.get-in-touch .up-next {
          width: calc(100% - 60px); } }
      #services section.get-in-touch .up-next .text {
        color: #ffffff !important;
        padding: 0 80px;
        position: relative;
        z-index: 1; }
        #services section.get-in-touch .up-next .text h2 {
          margin-top: 18px; }
        @media screen and (max-width: 576px) {
          #services section.get-in-touch .up-next .text {
            padding: 50px 30px; }
            #services section.get-in-touch .up-next .text .label {
              font-size: 0.9rem; }
            #services section.get-in-touch .up-next .text h2 {
              margin-top: 0; } }
        @media screen and (max-width: 360px) {
          #services section.get-in-touch .up-next .text {
            padding: 30px 20px; } }
      #services section.get-in-touch .up-next .img {
        width: 320px;
        height: 320px;
        position: relative;
        filter: drop-shadow(0px 20px 60px rgba(0, 0, 0, 0.2));
        z-index: 0; }
        @media screen and (max-width: 576px) {
          #services section.get-in-touch .up-next .img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
            #services section.get-in-touch .up-next .img:after {
              content: "";
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.7);
              position: absolute;
              top: 0;
              left: 0;
              z-index: 0; } }
        #services section.get-in-touch .up-next .img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0; }
  @media screen and (max-width: 768px) {
    #services section .container {
      padding-left: 30px;
      padding-right: 30px;
      max-width: 100%; } }
  #services section.our-works {
    padding-bottom: 100px; }
    @media (max-width: 1199.98px) {
      #services section.our-works {
        padding-bottom: 80px;
        padding-top: 32px; } }
    #services section.our-works .headline {
      margin-bottom: 40px; }
      @media (min-width: 576px) {
        #services section.our-works .headline {
          margin-bottom: 70px; } }
      #services section.our-works .headline h2 {
        color: #FFF; }
    @media (min-width: 992px) {
      #services section.our-works .slider-title {
        margin-bottom: 16px; } }
    @media (max-width: 767.98px) {
      #services section.our-works .slider-title {
        padding-left: 30px; } }
    #services section.our-works .slider-title h4 {
      color: var(--White, #FFF);
      font-family: "Catamaran", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 30px;
      /* 187.5% */ }
    #services section.our-works .slider-title .arrows {
      justify-content: end;
      gap: 24px; }
      @media (max-width: 767.98px) {
        #services section.our-works .slider-title .arrows {
          display: none !important; } }
      #services section.our-works .slider-title .arrows .slick-disabled {
        pointer-events: none;
        opacity: .5; }
    #services section.our-works .container.sliders {
      padding-bottom: 44px; }
      @media (min-width: 992px) {
        #services section.our-works .container.sliders {
          padding-bottom: 80px; } }
    #services section.our-works .works-slider {
      max-width: 1200px;
      flex-direction: column;
      gap: 8px; }
      @media (min-width: 992px) {
        #services section.our-works .works-slider {
          gap: 24px;
          flex-direction: row; } }
      @media (max-width: 767.98px) {
        #services section.our-works .works-slider {
          margin: 0 -30px !important; } }
      @media (min-width: 992px) {
        #services section.our-works .works-slider > div:first-child {
          width: calc(100% - 176px - 24px); } }
      #services section.our-works .works-slider > div:first-child .slider-single {
        background: #004039;
        box-shadow: 0px 36px 66px 0px rgba(0, 0, 0, 0.25); }
      #services section.our-works .works-slider > div:first-child img {
        aspect-ratio: 1000/625; }
      #services section.our-works .works-slider > div:last-child {
        position: relative; }
        @media (min-width: 992px) {
          #services section.our-works .works-slider > div:last-child {
            width: 176px; } }
        @media (min-width: 992px) {
          #services section.our-works .works-slider > div:last-child .slider {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%; } }
        @media (min-width: 992px) {
          #services section.our-works .works-slider > div:last-child .slider .slick-list {
            height: 100% !important; } }
        #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide {
          margin: 0 4px; }
          @media (min-width: 992px) {
            #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide {
              margin: 5px 0; } }
          #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide .img-area {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px;
            border: 1px solid rgba(93, 95, 101, 0.2);
            background: #FFF;
            width: 120px;
            height: 75px; }
            @media (min-width: 992px) {
              #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide .img-area {
                width: calc(100% - 2px);
                height: calc(100% - 2px); } }
            #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide .img-area img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
              @media (min-width: 992px) {
                #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide .img-area img {
                  width: 100%;
                  height: 96px; } }
          #services section.our-works .works-slider > div:last-child .slider .slick-list .slick-slide.is-active .img-area {
            border: 3px solid var(--Red, #E93B27); }
    #services section.our-works .case-study {
      max-width: 1020px; }
      #services section.our-works .case-study .row {
        margin: 0 -12px; }
        #services section.our-works .case-study .row > div {
          padding: 0 12px; }
      @media (max-width: 991.98px) {
        #services section.our-works .case-study h2 {
          font-size: 20px;
          line-height: 32px; } }
      #services section.our-works .case-study label {
        font-family: 'Futura Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 8px;
        line-height: 30px;
        /* 150% */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media (min-width: 768px) {
          #services section.our-works .case-study label {
            margin-bottom: 18px;
            font-size: 20px;
            line-height: 30px;
            /* 150% */ } }
      #services section.our-works .case-study p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 17px;
        line-height: 26px;
        /* 166.667% */ }
        @media (min-width: 768px) {
          #services section.our-works .case-study p {
            margin-bottom: 16px;
            line-height: 30px;
            /* 166.667% */
            font-size: 18px; } }
      #services section.our-works .case-study .read-more {
        gap: 10px; }
        #services section.our-works .case-study .read-more span {
          font-family: 'Catamaran', sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 30px; }
          @media (min-width: 768px) {
            #services section.our-works .case-study .read-more span {
              font-size: 18px; } }
        #services section.our-works .case-study .read-more svg {
          transform: rotate(90deg); }
  #services section.more-works {
    background: #05293A;
    padding: 48px 0 30px; }
    @media (min-width: 768px) {
      #services section.more-works {
        padding: 48px 0; } }
    #services section.more-works .container {
      max-width: 1200px; }
      #services section.more-works .container h3 {
        font-weight: 600; }
        @media (max-width: 991.98px) {
          #services section.more-works .container h3 {
            font-size: 20px;
            line-height: 32px; } }
    #services section.more-works .portfolio-slide .slick-list {
      overflow: unset; }
      #services section.more-works .portfolio-slide .slick-list .slick-slide {
        padding: 0 8px; }
        @media (min-width: 768px) {
          #services section.more-works .portfolio-slide .slick-list .slick-slide {
            padding: 0 21px; } }
        #services section.more-works .portfolio-slide .slick-list .slick-slide a {
          display: block;
          width: 240px; }
          @media (min-width: 576px) {
            #services section.more-works .portfolio-slide .slick-list .slick-slide a {
              width: 400px; } }
          @media (min-width: 992px) {
            #services section.more-works .portfolio-slide .slick-list .slick-slide a {
              width: 480px; } }
          #services section.more-works .portfolio-slide .slick-list .slick-slide a .image span {
            /* Floating */
            background: #5F72B8;
            width: 100%;
            aspect-ratio: 1/1; }
            #services section.more-works .portfolio-slide .slick-list .slick-slide a .image span img {
              box-shadow: 0px 36px 66px 0px rgba(0, 0, 0, 0.25);
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; }
          #services section.more-works .portfolio-slide .slick-list .slick-slide a .image .caption {
            display: flex;
            padding-top: 36px;
            flex-direction: column; }
            #services section.more-works .portfolio-slide .slick-list .slick-slide a .image .caption h3 {
              order: 12;
              font-style: normal;
              font-weight: 600;
              transition: all ease-in-out .25s;
              font-size: 18px;
              line-height: 30px;
              margin-bottom: 0; }
              @media (min-width: 768px) {
                #services section.more-works .portfolio-slide .slick-list .slick-slide a .image .caption h3 {
                  font-size: 24px;
                  line-height: 34px; } }
            #services section.more-works .portfolio-slide .slick-list .slick-slide a .image .caption label {
              order: 0;
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 26px;
              margin-bottom: 8px;
              transition: all ease-in-out .25s; }
              @media (min-width: 768px) {
                #services section.more-works .portfolio-slide .slick-list .slick-slide a .image .caption label {
                  margin-bottom: 16px;
                  font-size: 18px;
                  line-height: 30px; } }
          #services section.more-works .portfolio-slide .slick-list .slick-slide a:hover .image .caption h3, #services section.more-works .portfolio-slide .slick-list .slick-slide a:hover .image .caption label {
            color: #E93B27; }
    #services section.more-works .portfolio-prev-slide {
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      left: 0; }
      @media (max-width: 991.98px) {
        #services section.more-works .portfolio-prev-slide {
          display: none !important; } }
    #services section.more-works .portfolio-next-slide {
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      right: 0; }
      @media (max-width: 991.98px) {
        #services section.more-works .portfolio-next-slide {
          display: none !important; } }
  #services section.why-catalyze {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative; }
    @media (min-width: 768px) {
      #services section.why-catalyze {
        padding-top: 120px;
        padding-bottom: 160px; } }
    #services section.why-catalyze::before {
      content: '';
      position: absolute;
      width: 100%;
      bottom: 0;
      background-color: #FFF;
      left: 0;
      height: calc(100% - 330px);
      z-index: -1; }
      @media (min-width: 768px) {
        #services section.why-catalyze::before {
          height: 250px; } }
    #services section.why-catalyze .list {
      max-width: 1227px;
      margin-top: 45px; }
      @media (min-width: 768px) {
        #services section.why-catalyze .list {
          margin-top: 100px; } }
      #services section.why-catalyze .list > div {
        flex-direction: column; }
        @media (min-width: 768px) {
          #services section.why-catalyze .list > div {
            padding-right: 18px;
            flex-direction: row; } }
    #services section.why-catalyze .why {
      position: relative; }
      @media (max-width: 991.98px) {
        #services section.why-catalyze .why {
          margin-top: -16px; } }
      @media (min-width: 768px) {
        #services section.why-catalyze .why {
          width: 20%; } }
      #services section.why-catalyze .why .content {
        position: relative;
        padding: 24px 16px 56px;
        background: url('data:image/svg+xml, <svg width="230" height="165" viewBox="0 0 230 165" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M276.78 33.3356C266.157 33.3356 261.544 27.8551 254.975 20.2868C247.706 11.6746 238.481 0.97467 221.568 0.97467C204.655 0.97467 195.57 11.6746 188.162 20.2868C181.732 27.8551 176.98 33.3356 166.357 33.3356C155.734 33.3356 151.121 27.8551 144.552 20.2868C137.283 11.6746 128.058 0.97467 111.145 0.97467C94.2325 0.97467 85.1471 11.6746 77.7389 20.2868C71.3092 27.8551 66.5569 33.3356 55.9339 33.3356C45.3109 33.3356 40.6983 27.8551 34.1289 20.2868C26.8605 11.6746 17.6353 0.97467 0.722412 0.97467V41.6867C11.3454 41.6867 15.958 47.1672 22.5275 54.7355C29.7958 63.3477 39.021 74.0476 55.9339 74.0476C72.8468 74.0476 81.9322 63.3477 89.3403 54.7355C95.77 47.1672 100.383 41.6867 111.145 41.6867C121.768 41.6867 126.381 47.1672 132.95 54.7355C140.219 63.3477 149.444 74.0476 166.357 74.0476C183.27 74.0476 192.355 63.3477 199.763 54.7355C206.193 47.1672 210.945 41.6867 221.568 41.6867C232.191 41.6867 236.804 47.1672 243.373 54.7355C250.642 63.3477 259.867 74.0476 276.78 74.0476C277.059 74.0476 277.199 74.0476 277.479 74.0476V33.5965C277.339 33.5965 277.059 33.3356 276.78 33.3356Z" fill="black" fill-opacity="0.25"/><path opacity="0.2" d="M208.313 93.7084C199.366 97.362 193.355 104.408 188.183 110.411C181.752 117.979 176.999 123.46 166.375 123.46C155.751 123.46 151.138 117.979 144.568 110.411C137.299 101.799 128.072 91.0986 111.158 91.0986C94.2429 91.0986 85.1565 101.799 77.7475 110.411C71.3171 117.979 66.5642 123.46 55.9401 123.46C45.3159 123.46 40.7028 117.979 34.1326 110.411C26.8634 101.799 17.6372 91.0986 0.722412 91.0986V131.811C11.3466 131.811 15.9597 137.291 22.5299 144.859C29.799 153.472 39.0253 164.172 55.9401 164.172C72.8548 164.172 81.9413 153.472 89.3502 144.859C95.7806 137.291 100.394 131.811 111.158 131.811C121.782 131.811 126.395 137.291 132.965 144.859C140.234 153.472 149.461 164.172 166.375 164.172C183.29 164.172 192.377 153.472 199.786 144.859C203.141 140.945 206.076 137.552 209.571 135.203V93.1864C209.152 93.7084 208.732 93.7084 208.313 93.7084Z" fill="black" fill-opacity="0.25"/></svg>') bottom right no-repeat;
        background-color: #EAEAEA;
        box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.4);
        transition: all ease-in-out .25s; }
        @media (min-width: 768px) {
          #services section.why-catalyze .why .content {
            min-height: 640px;
            width: calc(100% + 18px);
            padding: 48px 32px; } }
        #services section.why-catalyze .why .content::after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(30, 30, 30, 0.5);
          opacity: 0;
          transition: all ease-in-out .25s; }
        #services section.why-catalyze .why .content .svg {
          height: 48px;
          width: 48px; }
          @media (min-width: 768px) {
            #services section.why-catalyze .why .content .svg {
              height: 56px;
              width: 56px; } }
          #services section.why-catalyze .why .content .svg img {
            width: 100%;
            height: 100%;
            object-fit: contain; }
        #services section.why-catalyze .why .content h2 {
          color: #0078AB;
          /* Heading 2 */
          font-size: 32px;
          font-style: normal;
          font-weight: 600;
          margin-bottom: 8px;
          font-size: 20px;
          line-height: 32px;
          margin-top: 16px; }
          @media (min-width: 1200px) {
            #services section.why-catalyze .why .content h2 {
              margin-bottom: 16px;
              margin-top: 24px;
              font-size: 32px;
              line-height: 44px;
              /* 137.5% */ } }
        #services section.why-catalyze .why .content p {
          color: #0078AB;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px;
          /* 166.667% */ }
          @media (min-width: 1200px) {
            #services section.why-catalyze .why .content p {
              font-size: 18px;
              line-height: 30px;
              /* 166.667% */ } }
      @media (max-width: 991.98px) {
        #services section.why-catalyze .why:nth-child(odd) {
          margin-left: -8px;
          margin-right: -8px; }
          #services section.why-catalyze .why:nth-child(odd) .content {
            min-height: 320px; } }
      #services section.why-catalyze .why:nth-child(even) .content {
        min-height: 350px;
        background-color: #EB9539; }
        @media (min-width: 768px) {
          #services section.why-catalyze .why:nth-child(even) .content {
            min-height: 600px; } }
        #services section.why-catalyze .why:nth-child(even) .content h2, #services section.why-catalyze .why:nth-child(even) .content p {
          color: white; }
      @media (min-width: 768px) {
        #services section.why-catalyze .why:hover .content {
          transform: translateY(-10px); } }
      #services section.why-catalyze .why.disabled .content::after {
        opacity: 1; }
  #services section.for-you-from-us {
    background: #E3EFF8;
    padding: 40px 0; }
    @media (min-width: 768px) {
      #services section.for-you-from-us {
        padding: 80px 0; } }
    #services section.for-you-from-us .headline {
      margin-bottom: 32px; }
      @media (min-width: 768px) {
        #services section.for-you-from-us .headline {
          margin-bottom: 48px; } }
    #services section.for-you-from-us .todolist {
      margin: 0 -28px; }
      #services section.for-you-from-us .todolist > div {
        padding: 0 28px;
        margin-bottom: 40px; }
        @media (min-width: 768px) {
          #services section.for-you-from-us .todolist > div {
            margin-bottom: 64px; } }
        #services section.for-you-from-us .todolist > div .content {
          display: flex;
          flex-direction: row;
          align-items: start;
          gap: 24px; }
          @media (min-width: 768px) {
            #services section.for-you-from-us .todolist > div .content {
              flex-direction: column; } }
        #services section.for-you-from-us .todolist > div img {
          display: block;
          width: 60px;
          height: auto;
          display: block; }
          @media (min-width: 768px) {
            #services section.for-you-from-us .todolist > div img {
              height: 100px;
              width: 102px; } }
        #services section.for-you-from-us .todolist > div h3 {
          color: var(--Grey, #5D5F65);
          /* Heading 3 */
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          line-height: 30px;
          margin: 0 0 10px; }
          @media (min-width: 768px) {
            #services section.for-you-from-us .todolist > div h3 {
              font-size: 24px;
              line-height: 34px; } }
        #services section.for-you-from-us .todolist > div p {
          color: var(--Grey, #5D5F65);
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          margin-bottom: 0;
          line-height: 30px;
          /* 166.667% */ }
          @media (max-width: 991.98px) {
            #services section.for-you-from-us .todolist > div p {
              font-size: 16px;
              line-height: 26px; } }
#services .getintouch {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 110; }
  #services .getintouch a {
    display: flex;
    padding: 12px 16px;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
    border-radius: 100px;
    background: #128C7E;
    /* FAB WA */
    box-shadow: 0px 4px 7.8px 0px rgba(9, 52, 47, 0.53);
    gap: 8px; }
    @media (min-width: 768px) {
      #services .getintouch a {
        gap: 10px;
        padding: 12px 16px; } }
    #services .getintouch a:hover {
      background-color: #0A6D61; }
    #services .getintouch a span {
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px;
      /* 100% */ }
      @media (min-width: 768px) {
        #services .getintouch a span {
          font-size: 18px; } }

*[data-aos="fade-up-small"] {
  transform: translate3d(0, 20%, 0); }
  *[data-aos="fade-up-small"]:nth-child(5n - 0).aos-animate {
    transition-delay: 0.4s; }
  *[data-aos="fade-up-small"]:nth-child(5n - 1).aos-animate {
    transition-delay: 0.3s; }
  *[data-aos="fade-up-small"]:nth-child(5n - 2).aos-animate {
    transition-delay: 0.2s; }
  *[data-aos="fade-up-small"]:nth-child(5n - 3).aos-animate {
    transition-delay: 0.1s; }
  *[data-aos="fade-up-small"]:nth-child(5n - 4).aos-animate {
    transition-delay: 0s; }

*[data-aos="fade-up-memorable"] {
  transform: translate3d(-20%, 50%, 0);
  transition-duration: 0.5s !important; }

*[data-aos="fade-up-usable"] {
  transform: translate3d(0, 50%, 0);
  transition-duration: 0.5s !important; }

*[data-aos="fade-up-measurable"] {
  transform: translate3d(20%, 50%, 0);
  transition-duration: 0.5s !important; }

.footer {
  background-color: #ffecdc;
  position: relative;
  z-index: 20; }
  @media (min-width: 576px) {
    .footer {
      margin-bottom: 420px;
      overflow: visible;
      min-height: 100%;
      padding-bottom: 0;
      overflow: visible;
      padding-top: 100px; } }
  @media (max-width: 575.98px) {
    .footer {
      margin-bottom: 0;
      min-height: inherit;
      padding-bottom: 0;
      overflow: visible;
      padding-top: 40px; } }
  @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
    .footer {
      margin-bottom: 380px; } }
  @media (max-width: 575.98px) {
    .footer .animate {
      opacity: 1 !important;
      transform: translateZ(0) !important; } }
  .footer:after {
    background: none !important; }
  .footer .partners {
    max-width: 1315px;
    margin: 0 auto;
    display: none; }
    .footer .partners-desktop {
      display: block; }
      @media screen and (max-width: 768px) {
        .footer .partners-desktop {
          display: none; } }
    .footer .partners-mobile {
      display: none; }
      @media screen and (max-width: 768px) {
        .footer .partners-mobile {
          display: block; } }
    .footer .partners ul {
      display: flex;
      justify-content: space-between;
      align-content: center;
      align-items: center;
      flex-wrap: wrap;
      list-style: none;
      padding: 0; }
      @media (min-width: 576px) {
        .footer .partners ul {
          margin-bottom: 4.75rem;
          list-style: none; }
          .footer .partners ul:first-of-type {
            margin-top: 5rem; }
          .footer .partners ul.three-child {
            max-width: 775px;
            margin-left: auto;
            margin-right: auto;
            justify-content: space-around; } }
      @media (max-width: 767.98px) {
        .footer .partners ul {
          flex-wrap: wrap;
          display: flex;
          align-items: center; } }
      .footer .partners ul li {
        margin-bottom: 12px;
        height: 60px;
        margin-bottom: 40px;
        text-align: center; }
        @media (min-width: 576px) {
          .footer .partners ul li {
            margin-bottom: 12px;
            flex: 1 1 0;
            padding: 0 10px; } }
        @media screen and (max-width: 768px) {
          .footer .partners ul li {
            flex: 33.33333% 0 0;
            padding: 0 10px;
            margin-bottom: 50px; } }
        @media (max-width: 575.98px) {
          .footer .partners ul li {
            flex: 50% 0 0;
            padding: 0 10px;
            margin-bottom: 50px; } }
        .footer .partners ul li img {
          height: 100%;
          width: 100%;
          filter: grayscale(1);
          object-fit: contain;
          object-position: center; }
          @media screen and (max-width: 768px) {
            .footer .partners ul li img {
              margin: auto; } }
          @media (max-width: 575.98px) {
            .footer .partners ul li img {
              margin: auto; } }
  @media (min-width: 576px) {
    .footer .c-notes {
      background: white;
      background: -webkit-linear-gradient(bottom, white 0%, white 60%, #ffecdc 60%);
      background: -o-linear-gradient(bottom, white 0%, white 60%, #ffecdc 60%);
      background: linear-gradient(to top, white 0%, white 60%, #ffecdc 60%); } }
  @media (min-width: 768px) and (max-width: 768px) {
    .footer .c-notes {
      background: white;
      background: -webkit-linear-gradient(bottom, white 0%, white 65%, #ffecdc 65%);
      background: -o-linear-gradient(bottom, white 0%, white 65%, #ffecdc 65%);
      background: linear-gradient(to top, white 0%, white 65%, #ffecdc 65%); } }
  @media (min-width: 720px) and (max-width: 720px) {
    .footer .c-notes {
      background: white;
      background: -webkit-linear-gradient(bottom, white 0%, white 65%, #ffecdc 65%);
      background: -o-linear-gradient(bottom, white 0%, white 65%, #ffecdc 65%);
      background: linear-gradient(to top, white 0%, white 65%, #ffecdc 65%); } }
  @media screen and (max-width: 576px) {
    .footer .c-notes {
      background: white;
      background: -webkit-linear-gradient(bottom, white 0%, white 70%, #ffecdc 70%);
      background: -o-linear-gradient(bottom, white 0%, white 70%, #ffecdc 70%);
      background: linear-gradient(to top, white 0%, white 70%, #ffecdc 70%); } }
  @media (max-width: 575.98px) {
    .footer .c-notes {
      background: white;
      background: -webkit-linear-gradient(bottom, white 0%, white 85%, #ffecdc 85%);
      background: -o-linear-gradient(bottom, white 0%, white 85%, #ffecdc 85%);
      background: linear-gradient(to top, white 0%, white 85%, #ffecdc 85%); } }
  .footer .c-notes .image {
    position: relative;
    padding-bottom: 100%; }
    @media (max-width: 575.98px) {
      .footer .c-notes .image {
        height: 240px;
        overflow: hidden;
        padding-bottom: 0; } }
  .footer .c-notes .area {
    position: relative; }
    .footer .c-notes .area:hover h3 a {
      color: #e93b27; }
  .footer .c-notes img {
    -webkit-box-shadow: 0 10px 10px 0 rgba(93, 95, 101, 0.4);
    box-shadow: 0 10px 10px 0 rgba(93, 95, 101, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0; }
  .footer .c-notes label {
    color: #5d5f65;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
    @media (max-width: 575.98px) {
      .footer .c-notes label {
        margin-bottom: 10px; } }
  .footer .c-notes h3 a {
    color: #5d5f65; }
    .footer .c-notes h3 a:focus, .footer .c-notes h3 a:hover {
      color: #e93b27; }
  .footer .c-notes .mb-5:last-child {
    margin-bottom: 33px !important; }
  .footer .newsletter {
    background: #ffffff; }
    @media (max-width: 575.98px) {
      .footer .newsletter .form-control {
        height: 55px; } }
    .footer .newsletter .jumbotron {
      position: relative;
      top: 50px;
      max-width: 83%;
      margin: auto;
      left: 0;
      right: 0; }
      @media (min-width: 576px) {
        .footer .newsletter .jumbotron {
          top: 100px;
          max-width: 1000px; } }
      .footer .newsletter .jumbotron form {
        max-width: 730px;
        margin: auto; }
      @media (max-width: 575.98px) {
        .footer .newsletter .jumbotron .jumbotron-header {
          font-size: 20px;
          line-height: 32px;
          white-space: normal;
          word-break: break-word; } }
      .footer .newsletter .jumbotron #mc_alert {
        position: absolute;
        top: -1.7rem; }
      .footer .newsletter .jumbotron #mc_response {
        position: absolute;
        bottom: -35px;
        left: 23px; }
        @media (max-width: 575.98px) {
          .footer .newsletter .jumbotron #mc_response {
            bottom: -38px;
            left: 20px;
            font-size: 14px; } }
  .footer .work-with-us {
    background: #ffffff;
    padding-top: 0; }
    @media (min-width: 576px) {
      .footer .work-with-us {
        position: relative;
        top: -1px; } }
    .footer .work-with-us .jumbotron {
      position: relative;
      overflow: hidden;
      top: 0;
      background: url("../img/work-with-us.jpg") no-repeat center center, #0078ab;
      background-size: cover; }
      @media (min-width: 992px) {
        .footer .work-with-us .jumbotron {
          top: 100px !important;
          background: #0078ab;
          padding: 90px 98px !important; } }
      @media (min-width: 576px) {
        .footer .work-with-us .jumbotron {
          top: 4rem;
          background: #0078ab;
          padding: 50px; } }
      @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
        .footer .work-with-us .jumbotron {
          top: 0;
          background: url("../img/work-with-us.jpg") no-repeat center center, #0078ab;
          background-size: cover; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        .footer .work-with-us .jumbotron {
          padding: 80px 88px !important; } }
      @media screen and (min-width: 768px) {
        .footer .work-with-us .jumbotron {
          top: 4rem; } }
      @media screen and (min-width: 720px) {
        .footer .work-with-us .jumbotron {
          top: 6rem; } }
      .footer .work-with-us .jumbotron .background-overlay {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
        @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
          .footer .work-with-us .jumbotron .background-overlay {
            display: block !important; } }
      .footer .work-with-us .jumbotron .position-absolute {
        padding: 0;
        top: 0;
        right: 0;
        text-align: right;
        max-width: 350px; }
        @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
          .footer .work-with-us .jumbotron .position-absolute {
            display: none !important; } }
      .footer .work-with-us .jumbotron .jumbotron-header {
        z-index: 20; }
        @media (max-width: 575.98px) {
          .footer .work-with-us .jumbotron .jumbotron-header {
            position: relative; } }
        @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
          .footer .work-with-us .jumbotron .jumbotron-header {
            position: relative; } }
      .footer .work-with-us .jumbotron .jumbotron-body {
        z-index: 20; }
        @media (max-width: 575.98px) {
          .footer .work-with-us .jumbotron .jumbotron-body {
            position: relative; } }
        @media only screen and (min-device-width: 576px) and (max-device-width: 966px) {
          .footer .work-with-us .jumbotron .jumbotron-body {
            position: relative; } }
      @media (min-width: 992px) {
        .footer .work-with-us .jumbotron:focus, .footer .work-with-us .jumbotron:hover {
          background: #005478; } }
      @media (min-width: 576px) {
        .footer .work-with-us .jumbotron:focus, .footer .work-with-us .jumbotron:hover {
          background: #005478; } }
  .footer.two {
    background: #ffffff; }

#footer-about {
  padding-top: 0; }

.footer-bottom,
.footer-bottom-mobile {
  background: url("../img/StripLines.svg") repeat-y top right;
  background-color: #e93b27;
  color: #ffffff;
  z-index: 1;
  background-size: 30px;
  padding-top: 100px;
  position: relative;
  height: 27rem; }
  @media screen and (max-width: 768px) {
    .footer-bottom,
    .footer-bottom-mobile {
      background-size: 30px !important;
      height: auto !important;
      padding-top: 100px !important; } }
  @media (min-width: 992px) {
    .footer-bottom,
    .footer-bottom-mobile {
      padding-top: 170px !important;
      background-size: 30px; } }
  @media (min-width: 576px) {
    .footer-bottom,
    .footer-bottom-mobile {
      background-size: 60px;
      padding-top: 150px;
      position: fixed;
      height: 425px;
      width: 100%;
      bottom: 0; } }
  @media (max-width: 575.98px) {
    .footer-bottom .copyright,
    .footer-bottom-mobile .copyright {
      text-align: center;
      margin: auto; } }
  .footer-bottom .logo,
  .footer-bottom-mobile .logo {
    background: url("../img/logo-white.svg") no-repeat left center;
    background-size: 137px 34px;
    display: block;
    width: 137px;
    height: 34px;
    position: relative; }
    @media (max-width: 575.98px) {
      .footer-bottom .logo,
      .footer-bottom-mobile .logo {
        height: 30px;
        width: 100%;
        background-size: 133px 30px;
        margin: 0 auto 30px;
        background-position: center; } }
  .footer-bottom label,
  .footer-bottom-mobile label {
    font-weight: 300;
    margin-bottom: 10px; }
  .footer-bottom h1,
  .footer-bottom-mobile h1 {
    font-weight: 400;
    letter-spacing: 1px;
    white-space: normal;
    font-size: 30px;
    line-height: 30px; }
    @media (min-width: 576px) {
      .footer-bottom h1,
      .footer-bottom-mobile h1 {
        font-size: 48px;
        line-height: 60px; } }
    @media screen and (max-width: 320px) {
      .footer-bottom h1,
      .footer-bottom-mobile h1 {
        font-size: 26px !important; } }
    @media (min-width: 576px) {
      .footer-bottom h1.stripe,
      .footer-bottom-mobile h1.stripe {
        background-position: center 5px; } }
    @media (max-width: 575.98px) {
      .footer-bottom h1.stripe,
      .footer-bottom-mobile h1.stripe {
        background-repeat: repeat;
        background-size: 38rem; } }
    .footer-bottom h1.with-bg span,
    .footer-bottom-mobile h1.with-bg span {
      transition: all 0.25s ease-in-out;
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) 0);
      background-position: 0 70%;
      background-repeat: no-repeat;
      background-size: 100% 70%; }
      @media screen and (max-width: 720px) {
        .footer-bottom h1.with-bg span,
        .footer-bottom-mobile h1.with-bg span {
          background-position: 0 60%;
          background-repeat: no-repeat;
          background-size: 100% 63%; } }
  .footer-bottom .copyright,
  .footer-bottom-mobile .copyright {
    text-align: center; }
    @media (min-width: 576px) {
      .footer-bottom .copyright,
      .footer-bottom-mobile .copyright {
        text-align: left; }
        .footer-bottom .copyright img,
        .footer-bottom-mobile .copyright img {
          margin: 0 !important; } }
    .footer-bottom .copyright img,
    .footer-bottom-mobile .copyright img {
      margin: 0 auto 30px; }
  .footer-bottom .socials,
  .footer-bottom-mobile .socials {
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 5px;
    text-align: center;
    top: 0; }
    @media (min-width: 576px) {
      .footer-bottom .socials,
      .footer-bottom-mobile .socials {
        text-align: right;
        top: 5px; } }
    .footer-bottom .socials .content,
    .footer-bottom-mobile .socials .content {
      position: relative;
      top: -5px;
      display: block;
      margin: 0 0 30px;
      width: 100%; }
      @media (min-width: 576px) {
        .footer-bottom .socials .content,
        .footer-bottom-mobile .socials .content {
          display: inline;
          margin: 0; } }
      .footer-bottom .socials .content:hover,
      .footer-bottom-mobile .socials .content:hover {
        color: #ffffff;
        opacity: 1; }
    .footer-bottom .socials dd,
    .footer-bottom-mobile .socials dd {
      display: none;
      position: relative;
      margin: 0 20px; }
      @media (min-width: 576px) {
        .footer-bottom .socials dd,
        .footer-bottom-mobile .socials dd {
          display: inline-block; } }
      .footer-bottom .socials dd:after,
      .footer-bottom-mobile .socials dd:after {
        content: "";
        display: block;
        background-color: #ffffff;
        width: 1px;
        height: 40px;
        position: absolute;
        top: -25px;
        left: 0;
        right: 0; }
    .footer-bottom .socials a,
    .footer-bottom-mobile .socials a {
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      margin-right: 30px;
      position: relative; }
      @media (min-width: 576px) {
        .footer-bottom .socials a,
        .footer-bottom-mobile .socials a {
          margin-right: 30px; } }
      @media screen and (max-width: 768px) {
        .footer-bottom .socials a,
        .footer-bottom-mobile .socials a {
          margin-left: 5px;
          margin-right: 5px; } }
      @media (max-width: 575.98px) {
        .footer-bottom .socials a,
        .footer-bottom-mobile .socials a {
          margin-left: 10px;
          margin-right: 10px; } }
      .footer-bottom .socials a:hover,
      .footer-bottom .socials a focus,
      .footer-bottom-mobile .socials a:hover,
      .footer-bottom-mobile .socials a focus {
        opacity: 0.7; }
      .footer-bottom .socials a.ig,
      .footer-bottom-mobile .socials a.ig {
        background: url("../img/socials/ig.svg"); }
      .footer-bottom .socials a.in,
      .footer-bottom-mobile .socials a.in {
        top: -2px;
        background: url("../img/socials/in.svg"); }
      .footer-bottom .socials a.tw,
      .footer-bottom-mobile .socials a.tw {
        background: url("../img/socials/tw.svg"); }
      .footer-bottom .socials a.yt,
      .footer-bottom-mobile .socials a.yt {
        background: url("../img/socials/yt.svg"); }
      .footer-bottom .socials a.be,
      .footer-bottom-mobile .socials a.be {
        background: url("../img/socials/be.svg"); }

header.navigation {
  animation-name: sectionIntroDesc;
  animation-duration: 1.5s; }

section.intro {
  animation-name: sectionIntroStripe;
  animation-duration: 1.5s; }
  section.intro h1 {
    animation-name: sectionIntroHeadline;
    animation-duration: 1.5s; }
  section.intro p {
    animation-name: sectionIntroDesc;
    animation-duration: 1.5s; }
  section.intro .right-image img {
    animation-name: sectionIntroImage;
    animation-duration: 1.5s; }

@keyframes sectionIntroStripe {
  from {
    background-position: right -500%; }
  to {
    background-position: right 0%; } }
@keyframes sectionIntroHeadline {
  from {
    transform: translateY(calc(-40%));
    opacity: 0; }
  to {
    transform: translateY(calc(0%));
    opacity: 1; } }
@keyframes sectionIntroDesc {
  from {
    transform: translateY(calc(-20%));
    opacity: 0; }
  to {
    transform: translateY(calc(0%));
    opacity: 1; } }
@keyframes sectionIntroImage {
  0% {
    transform: translate(-30%, 30%) scale(0.4);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1; } }
@keyframes sectionIntroContainer {
  0% {
    transform: translateY(calc(-10%));
    opacity: 0; }
  100% {
    transform: translateY(calc(0%));
    opacity: 1; } }
section.service-area:after,
section.about:after {
  animation-name: sectionAboutStripe;
  animation-duration: 2.5s; }
section.service-area h1,
section.about h1 {
  animation-name: sectionAboutHeadline;
  animation-duration: 2.5s; }

@keyframes sectionAboutStripe {
  from {
    opacity: 0;
    top: 500px; }
  to {
    opacity: 1;
    top: 0px; } }
@keyframes sectionTeamOpen {
  from {
    transform: translateY(calc(-10%));
    opacity: 0;
    height: 0px; }
  to {
    transform: translateY(calc(0%));
    opacity: 1;
    height: 100%; } }
@keyframes sectionTeamClose {
  from {
    transform: translateY(calc(0%));
    opacity: 1;
    height: 100%; }
  to {
    transform: translateY(calc(-10%));
    opacity: 0;
    height: 0px; } }
.inner-cursor {
  display: none;
  position: fixed;
  left: 10px;
  width: 54px;
  height: 54px;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: 5px solid #ffffff;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transition: none; }
  @media (min-width: 576px) {
    .inner-cursor {
      display: block; } }
  .inner-cursor span {
    display: none;
    padding: 2.7rem 0.7rem;
    text-align: center;
    white-space: nowrap; }
  .inner-cursor.cbg {
    border: 5px solid #e93b27;
    background-color: none;
    mix-blend-mode: normal; }
    .inner-cursor.cbg.grow {
      border: none; }
  .inner-cursor.cbg2 {
    border: 5px solid #ffffff !important;
    background-color: none;
    mix-blend-mode: normal; }
    .inner-cursor.cbg2.grow {
      border: none; }
  .inner-cursor.grow {
    width: 74px;
    height: 74px;
    background-color: #ffffff;
    mix-blend-mode: difference; }
  .inner-cursor.grow2 {
    color: #000000 !important;
    mix-blend-mode: #ffffff !important; }
  .inner-cursor.foot {
    border: 5px solid #e93b27 !important;
    background-color: none !important;
    mix-blend-mode: normal !important; }
  .inner-cursor.more {
    width: 120px;
    height: 120px;
    background-color: #e93b27 !important;
    border: 5px solid #e93b27 !important;
    mix-blend-mode: normal !important; }
    .inner-cursor.more .span1 {
      color: #ffffff;
      display: inline-block;
      position: relative;
      top: -7px; }
  .inner-cursor.download {
    width: 120px;
    height: 120px;
    background-color: #e93b27 !important;
    border: 5px solid #e93b27 !important;
    mix-blend-mode: normal !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .inner-cursor.download .span2 {
      color: #ffffff;
      position: relative;
      padding: 0;
      display: block; }
  .inner-cursor.more2 {
    cursor: -webkit-grab !important;
    cursor: grab !important;
    width: 25px;
    height: 25px;
    background-color: transparent !important;
    background: url("../img/hand.svg") no-repeat center;
    background-size: 25px 25px;
    border: 0 !important;
        /*
        width: 120px;
        height: 120px;
        background-color: color(primary) !important;
        border: 5px solid color(primary) !important;
        mix-blend-mode: normal !important;
        margin: auto;
        text-align: center;

        .span2 {
            color: color(white);
            display: inline-block;
            position: relative;
            top: -20px;
        }
        */ }
  .inner-cursor.moreInvert {
    width: 120px;
    height: 120px;
    background-color: #00C1CF !important;
    border: 5px solid #00C1CF !important;
    mix-blend-mode: normal !important; }
    .inner-cursor.moreInvert .span1 {
      color: #000000;
      display: inline-block;
      position: relative;
      top: -7px; }
  .inner-cursor.hover {
    mix-blend-mode: difference !important;
    border: 0 !important; }
  .inner-cursor.hover-small {
    mix-blend-mode: difference !important;
    border: 0 !important;
    width: 24px !important;
    height: 24px !important; }
  .inner-cursor.saturate {
    background-color: #5d5f65 !important;
    mix-blend-mode: saturation !important;
    filter: grayscale(1);
    border: 0; }

.carousel-item .image:hover ~ .inner-cursor {
  mix-blend-mode: overlay;
  background-color: #e93b27;
  color: #ffffff;
  mix-blend-mode: normal; }
  .carousel-item .image:hover ~ .inner-cursor:hover span {
    display: block;
    text-align: center;
    white-space: nowrap;
    padding-top: 40px;
    font-size: 18px; }

/*# sourceMappingURL=app.css.map */