/* ---------- Animate ---------- */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation: fadeIn;
  animation: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0) !important;
    transform: translate3d(0, -20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important; } }

@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0) !important;
    transform: translate3d(0, -20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0) !important;
    transform: translate3d(0, -20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important; } }

.fadeInDown {
  -webkit-animation: fadeInDown;
  animation: fadeInDown; }

@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0) !important;
    transform: translate3d(0, 20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important; } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0) !important;
    transform: translate3d(0, 20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important; } }

.fadeInUp {
  -webkit-animation: fadeInUp;
  animation: fadeInUp; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9) !important;
    transform: scale3d(0.9, 0.9, 0.9) !important; }
  100% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9) !important;
    transform: scale3d(0.9, 0.9, 0.9) !important; }
  100% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9) !important;
    transform: scale3d(0.9, 0.9, 0.9) !important; }
  100% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation: zoomIn;
  animation: zoomIn; }

.animation {
  z-index: 100;
  opacity: 0.01;
  will-change: transform;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: translateY(6rem);
  -o-transform: translateY(6rem);
  -ms-transform: translateY(6rem);
  -webkit-transform: translateY(6rem);
  transform: translateY(6rem); }

.animation-top {
  opacity: 0.01;
  will-change: transform;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: translateY(-3rem);
  -o-transform: translateY(-3rem);
  -ms-transform: translateY(-3rem);
  -webkit-transform: translateY(-3rem);
  transform: translateY(-3rem); }

.split span {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex; }
  .split span > span {
    margin-right: 0.7rem;
    height: auto;
    opacity: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -moz-transform: translateY(6rem);
    -o-transform: translateY(6rem);
    -ms-transform: translateY(6rem);
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem); }

@keyframes button-animation {
  0% {
    transform: translateX(-100%); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }

@-webkit-keyframes button-animation {
  0% {
    transform: translateX(-100%); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }

@keyframes elasticus-line {
  0% {
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1); }
  50% {
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1); } }

@-webkit-keyframes elasticus-line {
  0% {
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1); }
  50% {
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1); } }

@keyframes elasticus-arrow {
  0% {
    width: 100%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1); }
  50% {
    width: 100%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    width: 100%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    width: 100%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes elasticus-arrow {
  0% {
    width: 100%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1); }
  50% {
    width: 100%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    width: 100%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    width: 100%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

/* ---------- Vendors ---------- */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* ---------- Reset ---------- */
::-webkit-scrollbar {
  width: 0.5rem; }

::-webkit-scrollbar-track {
  background: rgba(8, 8, 8, 0.5);
  border-color: #fff; }

::-webkit-scrollbar-thumb {
  background: #080808; }

*,
*::after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  font-size: 62.5%; 
  scroll-behavior: smooth; }

body {
  box-sizing: border-box; }

section {
  float: left;
  width: 100%;
  clear: both; }

footer {
  float: left;
  width: 100%;
  clear: both; }

::selection {
  background-color: #080808;
  color: #fff; }

/* ---------- Typography ---------- */


@font-face {
  font-family: "Axiforma-Thin";
  src: url("../fonts/axiforma/Axiforma-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/axiforma/Axiforma-Thin.otf") format("opentype"), url("../fonts/axiforma/Axiforma-Thin.woff") format("woff"), url("../fonts/axiforma/Axiforma-Thin.ttf") format("truetype"), url("../fonts/axiforma/Axiforma-Thin.svg#Axiforma-Thin") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Axiforma-Light";
  src: url("../fonts/axiforma/Axiforma-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/axiforma/Axiforma-Light.otf") format("opentype"), url("../fonts/axiforma/Axiforma-Light.woff") format("woff"), url("../fonts/axiforma/Axiforma-Light.ttf") format("truetype"), url("../fonts/axiforma/Axiforma-Light.svg#Axiforma-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Axiforma-Regular";
  src: url("Axiforma-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/axiforma/Axiforma-Regular.otf") format("opentype"), url("../fonts/axiforma/Axiforma-Regular.woff") format("woff"), url("../fonts/axiforma/Axiforma-Regular.ttf") format("truetype"), url("../fonts/axiforma/Axiforma-Regular.svg#Axiforma-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Axiforma-Medium";
  src: url("../fonts/axiforma/Axiforma-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/axiforma/Axiforma-Medium.otf") format("opentype"), url("../fonts/axiforma/Axiforma-Medium.woff") format("woff"), url("../fonts/axiforma/Axiforma-Medium.ttf") format("truetype"), url("../fonts/axiforma/Axiforma-Medium.svg#Axiforma-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Axiforma-SemiBold";
  src: url("../fonts/axiforma/Axiforma-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/axiforma/Axiforma-SemiBold.otf") format("opentype"), url("../fonts/axiforma/Axiforma-SemiBold.woff") format("woff"), url("../fonts/axiforma/Axiforma-SemiBold.ttf") format("truetype"), url("../fonts/axiforma/Axiforma-SemiBold.svg#Axiforma-Bold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Axiforma-Bold";
  src: url("../fonts/axiforma/Axiforma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/axiforma/Axiforma-Bold.otf") format("opentype"), url("../fonts/axiforma/Axiforma-Bold.woff") format("woff"), url("../fonts/axiforma/Axiforma-Bold.ttf") format("truetype"), url("../fonts/axiforma/Axiforma-Bold.svg#Axiforma-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Axiforma-ExtraBold';
  src: url("Axiforma-ExtraBold.eot");
  src: url("Axiforma-ExtraBold.eot?#iefix") format("embedded-opentype"), url("Axiforma-ExtraBold.woff2") format("woff2"), url("Axiforma-ExtraBold.woff") format("woff"), url("Axiforma-ExtraBold.ttf") format("truetype"), url("Axiforma-ExtraBold.svg#Axiforma-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "refive";
  src: url("../fonts/refive/refive.eot?2ru6uc");
  src: url("../fonts/refive/refive.eot?2ru6uc#iefix") format("embedded-opentype"), url("../fonts/refive/refive.ttf?2ru6uc") format("truetype"), url("../fonts/refive/refive.woff?2ru6uc") format("woff"), url("../fonts/refive/refive.svg?2ru6uc#refive") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="r-"],
[class*=" r-"] {
  font-family: "refive" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'refive-more';
  src:  url('../fonts/refive/refive-more.eot?8lkj2');
  src:  url('../fonts/refive/refive-more.eot?8lkj2#iefix') format('embedded-opentype'),
    url('../fonts/refive/refive-more.ttf?8lkj2') format('truetype'),
    url('../fonts/refive/refive-more.woff?8lkj2') format('woff'),
    url('../fonts/refive/refive-more.svg?8lkj2#refive-more') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="r-more-"], [class*=" r-more-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'refive-more' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.r-more-go-to-top:before {
  content: "\e920";
}
.r-more-cookies:before {
  content: "\e900";
}
.r-more-website:before {
  content: "\e918";
}
.r-more-x:before {
  content: "\e919";
}

.r-quotes:before {
  content: "\e917"; }

.r-close:before {
  content: "\e916"; }

.r-filter:before {
  content: "\e915"; }

.r-play-circle .circle:before {
  content: "\e913"; }

.r-play-circle .play:before {
  content: "\e914";
  margin-left: -1em; }

.r-email:before {
  content: "\e910"; }

.r-formular:before {
  content: "\e911"; }

.r-phone:before {
  content: "\e912"; }

.r-play-store:before {
  content: "\e90e"; }

.r-app-store:before {
  content: "\e90f"; }

.r-pause:before {
  content: "\e90d"; }

.r-volume:before {
  content: "\e90c"; }

.r-play:before {
  content: "\e90b"; }

.r-long-arrow:before {
  content: "\e90a"; }

.r-facebook:before {
  content: "\e900"; }

.r-instagram:before {
  content: "\e901"; }

.r-linkedin:before {
  content: "\e902"; }

.r-twitter:before {
  content: "\e903"; }

.r-logo:before {
  content: "\e904"; }

.r-search:before {
  content: "\e905"; }

.r-arrow-down:before {
  content: "\e906"; }

.r-arrow-left:before {
  content: "\e907"; }

.r-arrow-right:before {
  content: "\e908"; }

.r-arrow-up:before {
  content: "\e909"; }

body {
  font-family: "Axiforma-Regular";
  line-height: 1.7;
  background-color: #fff;
  color: #080808; }

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none; }

ul {
  list-style: none;
  padding-left: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: #080808;
  font-family: "Axiforma-Bold";
  font-weight: initial; }

h1 {
  font-size: 4.2rem;
  line-height: 5.2rem; }

h2 {
  font-size: 3.2rem;
  line-height: 4.2rem; }

h3 {
  font-size: 2.6rem;
  line-height: 3.4rem; }

h4 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

h5 {
  font-size: 1.8rem;
  line-height: 2.5rem; }

h6 {
  font-size: 1.6rem;
  font-family: "Axiforma-Medium";
  line-height: 2.1rem; }

p {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-family: "Axiforma-Regular";
  color: #080808;
  line-height: 2.4rem; }
  p:not(:last-child) {
    padding-bottom: 1.5rem; }
  p strong {
    font-family: "Axiforma-Bold";
    color: #080808; }

a {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-family: "Axiforma-Regular";
  color: #080808;
  line-height: 2.4rem;
  cursor: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/* ---------- Utilities ---------- */
.u-margin-bottom-small {
  margin-bottom: 2rem !important; }

.u-margin-bottom-medium {
  margin-bottom: 3rem !important; }

.u-margin-bottom-big {
  margin-bottom: 5rem !important; }

.u-margin-bottom-large {
  margin-bottom: 10rem !important; }

.u-padding-top {
  padding-top: 0 !important;
}
.u-padding-bottom {
  padding-bottom: 0 !important;
}

.u-padding-bottom-small {
  padding-bottom: 2rem !important; }

.u-padding-bottom-medium {
  padding-bottom: 3rem !important; }

.u-padding-bottom-big {
  padding-bottom: 5rem !important; }

.u-padding-top-large {
  padding-top: 12rem !important; }
  @media only screen and (max-width: 56.25em) {
    .u-padding-top-large {
      padding-top: 10rem !important; } }

.u-padding-bottom-large {
  padding-bottom: 10rem !important; }

.animated {
  position: relative;
  z-index: 100;
  visibility: hidden;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.visible {
  visibility: visible; }

#wpadminbar {
  position: fixed !important; }

/*.hidden {
  overflow: hidden !important; }*/

.scrollbar-track {
  background-color: transparent !important; }

.smooth-scroll .content-scroll {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.admin-bar .header {
  top: 3.2rem; }
@media only screen and (max-width: 56.25em) { 
  .admin-bar .header {
    top: 4.5rem; } }

.admin-bar.smooth-scroll .content-scroll {
  top: 3.2rem; }

.admin-bar .portfolio-filters-wrapper--off.active {
  top: 6.5rem; }

.career-form {
  padding-top: 5rem; }

.career-form .heading {
  padding-bottom: 3rem; }

.pswp .pswp__button svg {
  display: none; }

.pswp .pswp__button--arrow--prev::before, .pswp .pswp__button--arrow--next::before, .pswp .pswp__button--close::before {
  font-family: "refive" !important;
  font-size: 3rem;
  color: #fff; }

.pswp .pswp__button--arrow--prev::before {
  content: "\e907"; }

.pswp .pswp__button--arrow--next::before {
  content: "\e908"; }

.pswp .pswp__button--close::before {
  content: "\e916";
  font-size: 2.5rem; }

.pswp img {
  object-fit: contain !important;
}

/* ---------- Buttons ---------- */
.btn, .btn:link, .btn:visited {
  position: relative;
  padding: 1.5rem 3.2rem;
  width: 100%;
  max-width: 16.5rem;
  height: 5rem;
  display: inline-block;
  font-family: "Axiforma-Regular";
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
  text-decoration: none;
  border-radius: initial;
  border: initial;
  cursor: pointer;
  background-image: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.btn:active, .btn:focus {
  outline: none;
  box-shadow: none; }

.btn-primary {
  position: relative;
  overflow: hidden;
  background-color: #080808;
  color: #fff; }
  .btn-primary::before {
    content: " ";
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0; }
  .btn-primary:hover::before {
    width: 100%;
    -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
    animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }

.btn-secondary {
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7;
  color: #080808; }
  .btn-secondary::before {
    content: " ";
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: rgba(8, 8, 8, 0.2);
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0; }
  .btn-secondary:hover::before {
    width: 100%;
    -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
    animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }

.btn-full-width {
  width: 100%;
  max-width: 100%; }

/* ---------- Heading ---------- */
.heading {
  padding-bottom: 7rem; }
  @media only screen and (max-width: 56.25em) {
    .heading {
      padding-bottom: 5rem; } }
  .heading h1 {
    font-size: 3rem;
    font-family: "Axiforma-SemiBold";
    line-height: 4rem;
    color: #000000; }
    @media only screen and (max-width: 37.5em) {
      .heading h1 {
        font-size: 2.8rem;
        line-height: 3.9rem; } }
  .heading h4 {
    padding-bottom: 3rem;
    font-size: 1.9rem;
    font-family: "Axiforma-Light";
    line-height: 2.7rem;
    color: #080808; }
    .heading h4.split span > span {
      margin-right: 0.5rem; }
  .heading p {
    padding-bottom: 1rem;
    font-size: 1.2rem;
    font-family: "Axiforma-Light";
    line-height: 1.5rem;
    color: #707070;
    text-transform: uppercase; }
    @media only screen and (max-width: 56.25em) {
      .heading p {
        padding-bottom: 1rem; } }
    .heading p.split span > span {
      margin-right: 0.5rem; }
  .heading-white h1,
  .heading-white p {
    color: #fff; }
  .heading-portfolio {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    @media only screen and (max-width: 56.25em) {
      .heading-portfolio {
        padding-bottom: 5rem;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (max-width: 37.5em) {
      .heading-portfolio {
        padding-bottom: 4rem; } }
    @media only screen and (max-width: 56.25em) {
      .heading-portfolio .heading-icon {
        padding-bottom: 2rem; } }
    @media only screen and (max-width: 37.5em) {
      .heading-portfolio .heading-icon {
        padding-bottom: 2.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .heading-portfolio h1 {
        padding: 0; } }
    .heading-portfolio p {
      padding-bottom: 0;
      width: 65rem;
      font-size: 1.9rem;
      font-family: "Axiforma-Light";
      line-height: 3.1rem;
      text-transform: initial; }
      @media only screen and (max-width: 75em) {
        .heading-portfolio p {
          padding-bottom: 0;
          padding-left: 3.5rem; } }
      @media only screen and (max-width: 56.25em) {
        .heading-portfolio p {
          width: auto;
          padding-left: 9.5rem;
          padding-bottom: 0; } }
      @media only screen and (max-width: 37.5em) {
        .heading-portfolio p {
          padding-left: 0;
          line-height: 2.9rem; } }
  .heading-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    @media only screen and (max-width: 37.5em) {
      .heading-icon {
        padding-bottom: 3rem; } }
    .heading-icon svg {
      margin-top: 0.5rem;
      width: 5rem;
      height: auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      @media only screen and (max-width: 37.5em) {
        .heading-icon svg {
          width: 4.5rem; } }
    .heading-icon h1 {
      padding-left: 4rem;
      padding-bottom: 0; }
      @media only screen and (max-width: 37.5em) {
        .heading-icon h1 {
          padding-left: 0;
          margin-left: 1.5rem; } }

/* ---------- REFIVE Cursor ---------- */
.r-cursor {
  pointer-events: none;
  border-radius: inherit;
  position: fixed;
  top: 0;
  left: 0; }
  @media only screen and (max-width: 56.25em) {
    .r-cursor {
      display: none; } }
  .r-cursor-outer {
    width: 3rem;
    height: 3rem;
    opacity: 1;
    z-index: 999999;
    cursor: pointer !important;
    mix-blend-mode: exclusion;
    border: 0.1rem solid #fff; }
  .r-cursor-inner {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    mix-blend-mode: exclusion;
    z-index: 999999;
    top: -2.496px;
    left: -2.496px;
    right: -2.496px; }

/* ---------- Pagination ---------- */
.pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  @media only screen and (max-width: 37.5em) {
    .pagination {
      margin-top: 0; } }
  .pagination .page-numbers {
    position: relative;
    overflow: hidden;
    width: 5rem;
    height: 5rem;
    background-color: #F7F7F7;
    color: #080808;
    font-size: 1.6rem;
    font-family: "Axiforma-Light";
    line-height: 1.9rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .pagination .page-numbers:not(:last-child) {
      margin-right: 1rem; }
    .pagination .page-numbers::before {
      content: " ";
      width: 0;
      height: 100%;
      overflow: hidden;
      background-color: rgba(8, 8, 8, 0.1);
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0; }
    .pagination .page-numbers:hover::before {
      width: 100%;
      -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
      animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .pagination .page-numbers.current {
      background-color: #080808;
      color: #fff; }

/* ---------- Hero ---------- */
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #080808;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
  @media only screen and (max-width: 75em) {
    .hero {
      height: 75rem; } }
  @media only screen and (max-width: 56.25em) {
    .hero {
      height: 55rem; } }
  .hero-video {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    @media only screen and (max-width: 75em) {
      .hero-video {
        height: 75rem; } }
    @media only screen and (max-width: 56.25em) {
      .hero-video {
        height: 55rem; } }
    .hero-video-wrapper video {
      position: absolute;
      width: 100%;
      height: 100vh;
      object-fit: fill;
      pointer-events: none;
      -webkit-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in; }
      .hero-video-wrapper video::-webkit-media-controls {
        display: none !important; }
      @media only screen and (max-width: 75em) {
        .hero-video-wrapper video {
          height: 75rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero-video-wrapper video {
          height: 55rem; } }
  .hero-content {
    position: relative;
    margin: 0 auto;
    top: 12.5rem;
    width: calc(100% - 12rem);
    height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    @media only screen and (min-width: 162.5em) {
      .hero-content {
        max-width: 210rem;
        width: 100%; } 
        .hero.sticky .hero-content {
          max-width: 100%; } }
    @media only screen and (max-width: 75em) {
      .hero-content {
        height: 75rem; } }
    @media only screen and (max-width: 56.25em) {
      .hero-content {
        width: calc(100% - 7rem);
        height: 55rem;
        top: 9rem; } }
    @media only screen and (max-width: 37.5em) {
      .hero-content {
        width: calc(100% - 3rem);
        height: 53rem;
        top: 7rem;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start; } }
    .hero-content-head {
      padding: 10rem;
      width: 100%;
      height: 100%;
      background-color: #000;
      mix-blend-mode: multiply;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 75em) {
        .hero-content-head {
          padding: 8rem;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }
      @media only screen and (max-width: 37.5em) {
        .hero-content-head {
          padding: 3rem 2rem;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }
      .hero-content-head h1 {
        padding-bottom: 3%;
        font-size: 14rem;
        font-family: "Axiforma-Bold";
        line-height: 14rem;
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in; }
        @media only screen and (max-width: 75em) {
          .hero-content-head h1 {
            font-size: 10rem;
            line-height: 11rem; } }
        @media only screen and (max-width: 56.25em) {
          .hero-content-head h1 {
            padding-bottom: 0;
            font-size: 6.5rem;
            line-height: 7.2rem; } }
        @media only screen and (max-width: 37.5em) {
          .hero-content-head h1 {
            font-size: 3.6rem;
            line-height: 4.5rem; } }
      .hero-content-head-description {
        padding-left: 1.2rem; }
        @media only screen and (max-width: 56.25em) {
          .hero-content-head-description {
            padding-top: 2rem;
            padding-bottom: 3rem;
            padding-left: 0; } }
        .hero-content-head-description p {
          font-size: 3.5rem;
          font-family: "Axiforma-Light";
          line-height: 4.5rem;
          color: #fff;
          -webkit-transition: all 0.5s ease-in;
          -moz-transition: all 0.5s ease-in;
          -ms-transition: all 0.5s ease-in;
          -o-transition: all 0.5s ease-in;
          transition: all 0.5s ease-in; }
          @media only screen and (max-width: 56.25em) {
            .hero-content-head-description p {
              font-size: 2.4rem;
              line-height: 3.2rem; } }
          @media only screen and (max-width: 31.25em) {
            .hero-content-head-description p {
              width: 26rem; } }
          .hero-content-head-description p .split span > span {
            margin-right: 1rem; }
      .hero-content-head-play {
        margin-top: 8rem;
        margin-left: 1.5rem;
        width: 30rem;
        overflow: hidden;
        font-size: 3rem;
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 56.25em) {
          .hero-content-head-play {
            margin-top: 3.5rem;
            margin-left: 0; } }
        @media only screen and (max-width: 37.5em) {
          .hero-content-head-play {
            margin-top: 2rem;
            margin-left: 0; } }
        .hero-content-head-play svg {
          width: 8rem;
          height: 8rem; }
          @media only screen and (max-width: 56.25em) {
            .hero-content-head-play svg {
              width: 6rem;
              height: 6rem; } }
          @media only screen and (max-width: 37.5em) {
            .hero-content-head-play svg {
              width: 6.5rem;
              height: 6.5rem; } }
        .hero-content-head-play p {
          padding-left: 3rem;
          font-size: 1.6rem;
          font-family: "Axiforma-Light";
          color: #fff;
          text-transform: uppercase; }
          @media only screen and (max-width: 37.5em) {
            .hero-content-head-play p {
              padding-left: 2rem; } }
      .hero-content-head-slider .swiper-slide h1 {
        padding-bottom: 0; }
    .hero-content-bottom {
      width: 100%;
      z-index: 100;
      -webkit-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in;
      position: absolute;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 75em) {
        .hero-content-bottom {
          padding-right: 5.5rem;
          padding-left: 5.5rem;
          display: none; } }
  .hero-play {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .hero-play .r-play {
      position: relative;
      overflow: hidden;
      width: 8rem;
      height: 8rem;
      background-color: rgba(255, 255, 255, 0.08);
      color: #fff;
      font-size: 3rem;
      z-index: 10;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .hero-play .r-play::before {
        content: " ";
        width: 0;
        height: 100%;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.1);
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0; }
      .hero-play .r-play::after {
        content: "\e90b"; }
    .hero-play span {
      padding-left: 3.5rem;
      font-size: 1.6rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 2.4rem;
      letter-spacing: 0.1rem;
      text-transform: uppercase; }
      @media only screen and (max-width: 37.5em) {
        .hero-play span {
          padding-left: 2rem; } }
    .hero-play:hover .r-play {
      background-color: rgba(255, 255, 255, 0.1); }
      .hero-play:hover .r-play::before {
        width: 100%;
        -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
        animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
  .hero-arrow {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 8rem;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    @media only screen and (max-width: 75em) {
      .hero-arrow {
        right: -0.5rem;
        bottom: -4rem; } }
    @media only screen and (max-width: 37.5em) {
      .hero-arrow {
        right: -4rem; } }
    .hero-arrow-wrapper {
      width: 5rem;
      height: 16rem; }
      @media only screen and (max-width: 56.25em) {
        .hero-arrow-wrapper {
          height: 14rem; } }
    .hero-arrow-link {
      overflow: hidden;
      width: 100%;
      height: 100%;
      background-color: transparent;
      z-index: 10;
      position: absolute;
      top: 0;
      left: 0; }
    .hero-arrow-animation {
      padding: 0.5rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-inline-flex;
      display: inline-flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -moz-transform: translateX(-6.5rem) translateY(7.5rem) rotate(-90deg);
      -o-transform: translateX(-6.5rem) translateY(7.5rem) rotate(-90deg);
      -ms-transform: translateX(-6.5rem) translateY(7.5rem) rotate(-90deg);
      -webkit-transform: translateX(-6.5rem) translateY(7.5rem) rotate(-90deg);
      transform: translateX(-6.5rem) translateY(7.5rem) rotate(-90deg); }
      @media only screen and (max-width: 56.25em) {
        .hero-arrow-animation {
          -moz-transform: translateX(-5.5rem) translateY(6.5rem) rotate(-90deg);
          -o-transform: translateX(-5.5rem) translateY(6.5rem) rotate(-90deg);
          -ms-transform: translateX(-5.5rem) translateY(6.5rem) rotate(-90deg);
          -webkit-transform: translateX(-5.5rem) translateY(6.5rem) rotate(-90deg);
          transform: translateX(-5.5rem) translateY(6.5rem) rotate(-90deg); } }
      .hero-arrow-animation .arrow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex; }
        .hero-arrow-animation .arrow span {
          position: relative;
          overflow: hidden;
          width: 1.4rem;
          height: 0.2rem;
          background-color: rgba(255, 255, 255, 0.5);
          z-index: 2; }
          .hero-arrow-animation .arrow span:nth-child(1) {
            -moz-transform-origin: left bottom;
            -o-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -moz-transform: rotate(45deg) translate3d(0.8rem, -0.9rem, 0);
            -o-transform: rotate(45deg) translate3d(0.8rem, -0.9rem, 0);
            -ms-transform: rotate(45deg) translate3d(0.8rem, -0.9rem, 0);
            -webkit-transform: rotate(45deg) translate3d(0.8rem, -0.9rem, 0);
            transform: rotate(45deg) translate3d(0.8rem, -0.9rem, 0); }
          .hero-arrow-animation .arrow span:nth-child(2) {
            -moz-transform-origin: left bottom;
            -o-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -moz-transform: rotate(-45deg) translate3d(-0.1rem, 0, 0);
            -o-transform: rotate(-45deg) translate3d(-0.1rem, 0, 0);
            -ms-transform: rotate(-45deg) translate3d(-0.1rem, 0, 0);
            -webkit-transform: rotate(-45deg) translate3d(-0.1rem, 0, 0);
            transform: rotate(-45deg); }
          .hero-arrow-animation .arrow span::after {
            content: "";
            width: 100%;
            height: 0.2rem;
            display: block;
            background-color: #080808;
            animation-delay: 1.1s; }
      .hero-arrow-animation .line {
        position: relative;
        overflow: hidden;
        width: 8rem;
        height: 0.2rem;
        margin-left: -1.4rem;
        margin-right: 1.2rem;
        background-color: #080808;
        z-index: 1; }
        @media only screen and (max-width: 56.25em) {
          .hero-arrow-animation .line {
            width: 6rem; } }
        .hero-arrow-animation .line::before {
          content: " ";
          width: 4.4rem;
          height: 0.2rem;
          display: block;
          background-color: rgba(255, 255, 255, 0.7);
          position: absolute;
          right: 0;
          z-index: 1; }
          @media only screen and (max-width: 56.25em) {
            .hero-arrow-animation .line::before {
              width: 2.5rem; } }
        .hero-arrow-animation .line::after {
          content: " ";
          width: 15rem;
          height: 0.2rem;
          display: block;
          background-color: #080808;
          position: absolute;
          left: 0; }
      .hero-arrow-animation .text {
        font-size: 1.2rem;
        font-family: "Axiforma-Light";
        line-height: 1.5rem;
        color: #ffffff;
        letter-spacing: 0.2rem;
        text-transform: uppercase;
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }

/*  .hero-arrow-down {
    max-width: 120rem; }
    @media only screen and (min-width: 112.5em) {
      .hero-arrow-down {
        max-width: 140rem; } }
    @media only screen and (max-width: 75em) {
      .hero-arrow-down {
        max-width: 114rem; } }
    @media only screen and (max-width: 56.25em) {
      .hero-arrow-down {
        max-width: 85rem; } }
    @media only screen and (max-width: 37.5em) {
      .hero-arrow-down {
        max-width: 100%; } } */

  .hero-arrow-down {
    position: fixed;
    bottom: 2.5rem;
    right: 2.5rem;
    mix-blend-mode: exclusion;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }

    .hero-arrow-down .hero-arrow-wrapper {
      width: 2.7rem;
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); 
    }

  .hero-arrow-down .hero-arrow-animation .line::before {
    width: 3rem; 
    background-color: #000000; }
  .hero-arrow-down .hero-arrow-animation .line::after,
  .hero-arrow-down .hero-arrow-animation .line,
  .hero-arrow-down .hero-arrow-animation .text {
    width: 6rem; }

  .hero-arrow-down .hero-arrow-animation .text {
    color: #000000; }

  @media only screen and (max-width: 37.5em) {
    .hero.sticky {
      height: 53rem; } }
  @media only screen and (max-width: 37.5em) {
    .hero.sticky .hero-video {
      height: 53rem; } }
  @media only screen and (max-width: 37.5em) {
    .hero.sticky .hero-video-wrapper video {
      height: 53rem; } }
  .hero.sticky .hero-content {
    width: 100%;
    top: 0; }
    .hero.sticky .hero-content-cover {
      padding-bottom: 0; }
      @media only screen and (max-width: 37.5em) {
        .hero.sticky .hero-content-cover {
          padding-bottom: 3rem; } }
  .hero.sticky .hero-arrow {
    bottom: -4rem; }

  .hero.sticky .hero-arrow.hero-arrow-german {
    bottom: -4.85rem; }

  .hero-arrow-german .hero-arrow-wrapper {
    height: 20rem; }

  .hero-arrow-german .hero-arrow-animation {
    -moz-transform: translateX(-6.5rem) translateY(9.5rem) rotate(-90deg);
    -o-transform: translateX(-6.5rem) translateY(9.5rem) rotate(-90deg);
    -ms-transform: translateX(-6.5rem) translateY(9.5rem) rotate(-90deg);
    -webkit-transform: translateX(-6.5rem) translateY(9.5rem) rotate(-90deg);
    transform: translateX(-6.5rem) translateY(9.5rem) rotate(-90deg); }

/* ---------- Services ---------- */
.services {
  position: relative;
  padding-top: 20rem;
  padding-bottom: 12rem;
  overflow: hidden;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
  @media only screen and (max-width: 100em) {
    .services {
      padding-right: 5rem;
      padding-left: 5rem; } }
  .services.sticky {
    padding-top: 15rem; }
    @media only screen and (max-width: 75em) {
      .services.sticky {
        padding-top: 12rem; } }
    @media only screen and (max-width: 56.25em) {
      .services.sticky {
        padding-top: 8rem; } }
    @media only screen and (max-width: 37.5em) {
      .services.sticky {
        padding-top: 7rem; } }
  @media only screen and (max-width: 75em) {
    .services {
      padding-top: 20rem;
      padding-bottom: 10rem; } }
  @media only screen and (max-width: 56.25em) {
    .services {
      padding-top: 15rem;
      padding-right: 1.5rem;
      padding-bottom: 5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .services {
      padding-top: 10rem;
      padding-bottom: 22rem;
      margin-top: 0; } }
  .services-button {
    position: relative;
    padding: 6rem;
    width: 41.5rem;
    height: 30rem;
    background-color: #080808;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
    @media only screen and (max-width: 112.5em) {
      .services-button {
        width: 38rem; } }
    @media only screen and (max-width: 75em) {
      .services-button {
        padding: 3rem;
        width: 30rem; } }
    @media only screen and (max-width: 56.25em) {
      .services-button {
        height: 25rem; } }
    @media only screen and (max-width: 37.5em) {
      .services-button {
        padding: 2rem 3rem;
        height: 10rem; 
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
    .services-button::before {
      content: " ";
      width: 0;
      height: 100%;
      overflow: hidden;
      background-color: rgba(255, 255, 255, 0.1);
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0; }
    .services-button:hover::before {
      width: 100vw;
      -webkit-animation: button-animation 1.2s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
      animation: button-animation 1.2s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .services-button::after {
      content: " ";
      width: 100vw;
      height: 100%;
      background-color: #080808;
      position: absolute;
      top: 0;
      left: 0; }
    .services-button-inner {
      font-size: 2.2rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 3.2rem;
      z-index: 100;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .services-button-inner i {
        font-size: 2.7rem;
        position: relative;
        left: 1.5rem;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .services-button:hover .services-button-inner i {
      left: 1rem; }
  .services-absolute {
    position: absolute !important;
    max-width: 100vw !important;
    width: 100vw !important;
    bottom: 20rem;
    left: calc(100vw + 24rem);
    transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -o-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    -webkit-transform: translateX(-50vw);
    transform: translateX(-50vw); }
    @media only screen and (max-width: 112.5em) {
      .services-absolute {
        left: calc(100vw + 20rem); } }
    @media only screen and (max-width: 75em) {
      .services-absolute {
        bottom: 15rem;
        left: calc(100vw + 15rem); } }
    @media only screen and (max-width: 56.25em) {
      .services-absolute {
        bottom: 8rem;
        left: calc(100vw + 0rem); } }
    @media only screen and (max-width: 37.5em) {
      .services-absolute {
        bottom: 7rem;
        left: calc(100vw - 17.5rem); } }
    @media only screen and (max-width: 56.25em) {
      .services .heading {
        padding-bottom: 3rem; } }
    @media only screen and (max-width: 37.5em) {
      .services .heading {
        padding-bottom: 0; } }

.icon {
  padding-top: 5rem;
  padding-right: 1.5rem;
  padding-bottom: 8rem;
  padding-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  @media only screen and (max-width: 75em) {
    .icon {
      padding-bottom: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .icon {
      padding-top: 4rem;
      padding-bottom: 2rem; } }
  @media only screen and (max-width: 37.5em) {
    .icon {
      padding-bottom: 1rem; } }
  .icon-image {
    position: relative;
    padding-bottom: 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .icon-image {
        padding-bottom: 1rem; } }
    .icon-image svg {
      max-width: 8rem !important;
      width: 100%;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
      @media only screen and (max-width: 37.5em) {
        .icon-image svg {
          max-width: 7rem !important; } }
  .icon-number {
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Regular";
    color: #080808;
    line-height: 2.4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .icon-title {
    padding-bottom: 2rem;
    font-size: 2.7rem;
    font-family: "Axiforma-Medium";
    color: #080808;
    line-height: 3.7rem; }
  .icon-description {
    padding-right: 5rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    color: #080808;
    line-height: 2.3rem; }
    @media only screen and (max-width: 56.25em) {
      .icon-description {
        padding-right: 0; } }
    .icon-description.split span > span {
      margin-right: 0.5rem; }
  .icon:hover .icon-image svg {
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08); }

.service-item {
  padding-top: 3rem;
  padding-right: 2rem; }
  @media only screen and (max-width: 56.25em) {
    .service-item {
      padding-top: 0; } }

.service-items:first-child {
  padding-top: 5rem; }
  @media only screen and (max-width: 37.5em) {
    .service-items:first-child {
      padding-top: 3rem; } }

.service-items:not(:last-child) {
  padding-bottom: 15rem; }
  @media only screen and (max-width: 56.25em) {
    .service-items:not(:last-child) {
      padding-bottom: 10rem; } }
  @media only screen and (max-width: 37.5em) {
    .service-items:not(:last-child) {
      padding-bottom: 8rem; } }

.service-items:last-child {
  padding-bottom: 5rem; }
  @media only screen and (max-width: 37.5em) {
    .service-items:last-child {
      padding-bottom: 0; } }


.service-items:nth-child(even) .service .col-6:nth-child(1) {
  order: 2; }
  .service-items:nth-child(even) .service .col-6:nth-child(1) .service-item {
    padding-left: 5rem;
    padding-right: 0; }
    @media only screen and (max-width: 37.5em) {
      .service-items:nth-child(even) .service .col-6:nth-child(1) .service-item {
        padding-left: 0; } }

@media only screen and (max-width: 37.5em) {
  .service-items .service .col-6:nth-child(1) {
    order: 2; } }

.service-icon {
  position: relative;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 37.5em) {
    .service-icon {
      padding-bottom: 2rem; } }
  .service-icon .animation-icon {
    margin-right: 3rem; }
    @media only screen and (max-width: 37.5em) {
      .service-icon .animation-icon {
        margin-right: 2rem; } }
  .service-icon img {
    width: 10rem;
    height: auto;
    position: relative;
    left: -1.5rem; }
  .service-icon svg {
    width: 6rem; }
  .service-icon-title {
    padding-left: 3rem;
    font-size: 2.7rem;
    font-family: "Axiforma-Medium";
    color: #080808;
    line-height: 2.7rem; }
    @media only screen and (max-width: 37.5em) {
      .service-icon-title {
        padding-left: 2rem; } }
  .service-icon-number {
    position: relative;
    font-size: 1.6rem;
    font-family: "Axiforma-Regular";
    color: #080808;
    line-height: 2.4rem; }

.service-image {
  position: relative; }
  @media only screen and (max-width: 37.5em) {
    .service-image {
      margin-bottom: 5rem; } }
  .service-image img {
    width: 100%;
    height: 48.5rem;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (max-width: 56.25em) {
      .service-image img {
        height: 35rem; } }
  .service-image:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

.service-content p {
  font-size: 1.6rem;
  font-family: "Axiforma-Light";
  color: #080808;
  line-height: 2.8rem;
  letter-spacing: normal; }
  .service-content p strong {
    font-family: "Axiforma-Medium"; }

.service-view {
  padding-top: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.service-view .btn {
  width: auto;
  max-width: initial; }

.single-service-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start; }
  @media only screen and (max-width: 37.5em) {
    .single-service-icon {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .single-service-icon img {
    width: 20rem; }
    @media only screen and (max-width: 37.5em) {
      .single-service-icon img {
        position: relative;
        left: -3.5rem; } }
  .single-service-icon svg {
    width: 10rem; }

.single-service-description {
  padding-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .single-service-description {
      padding-bottom: 0;
      padding-left: 0; } }
  .single-service-description h1 {
    padding-bottom: 3rem;
    font-size: 5rem;
    font-family: "Axiforma-SemiBold";
    color: #080808;
    line-height: 6rem; }
    @media only screen and (max-width: 56.25em) {
      .single-service-description h1 {
        font-size: 3rem;
        line-height: 4rem; } }
    .single-service-description h1.split span > span {
      margin-right: 1rem; }
  .single-service-description p {
    font-size: 2rem;
    font-family: "Axiforma-Light";
    color: #707070;
    line-height: 3rem;
    letter-spacing: normal; }
    .single-service-description p strong {
      font-family: "Axiforma-Medium"; }

.single-service-icons {
  padding-top: 8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 56.25em) {
    .single-service-icons {
      padding-top: 5rem; } }
  .single-service-icons-title {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    .single-service-icons-title h3 {
      padding-bottom: 3rem;
      font-size: 3rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 4rem;
      letter-spacing: normal; }
  .single-service-icons-col {
    position: relative;
    margin-right: 3rem;
    margin-bottom: 3rem;
    width: 100%;
    max-width: calc(25% - 3rem);
    height: 15.6rem;
    border: 0.1rem solid #BABABA;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-box-flex: 0 0 calc(25% - 3rem);
    -webkit-flex: 0 0 calc(25% - 3rem);
    -ms-flex: 0 0 calc(25% - 3rem);
    flex: 0 0 calc(25% - 3rem); }
    @media only screen and (max-width: 37.5em) {
      .single-service-icons-col:last-of-type {
        margin-bottom: 0; } }
    @media only screen and (max-width: 56.25em) {
      .single-service-icons-col {
        max-width: calc(50% - 3rem);
        -moz-box-flex: 0 0 calc(50% - 3rem);
        -webkit-flex: 0 0 calc(50% - 3rem);
        -ms-flex: 0 0 calc(50% - 3rem);
        flex: 0 0 calc(50% - 3rem); } }
    @media only screen and (max-width: 37.5em) {
      .single-service-icons-col {
        max-width: 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
    .single-service-icons-col img {
      width: 6rem; }
    .single-service-icons-col h6 {
      padding-top: 1.2rem;
      font-size: 1.6rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 2.4rem;
      letter-spacing: normal; }

.single-service-title {
  padding-top: 8rem;
  padding-bottom: 5rem; }

.single-service-contact a {
  padding: 2rem;
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .single-service-contact a::before {
    content: " ";
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: rgba(8, 8, 8, 0.05);
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0; }
  .single-service-contact a:hover::before {
    width: 100%;
    -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
    animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
  .single-service-contact a img {
    width: 9.5rem;
    height: auto; }
  .single-service-contact a span {
    font-size: 1.8rem;
    font-family: "Axiforma-Light";
    color: #080808;
    line-height: 2.8rem; }

/* ---------- Story ---------- */
.story {
  padding: 15rem 0;
  overflow: hidden;
  background-color: #fff; }
  @media only screen and (max-width: 100em) {
    .story {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .story {
      padding-top: 7rem;
      padding-right: 1.5rem;
      padding-bottom: 7rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .story {
      padding-top: 0; } }
  .story .heading {
    padding-bottom: 5rem; }
    @media only screen and (max-width: 37.5em) {
      .story .heading {
        padding-bottom: 3rem; } }
    .story .heading-icon svg {
      width: 4rem; }
  .story-owl-carousel .owl-stage-outer {
    overflow: initial; }
  .story-carousel-head {
    padding-bottom: 7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    @media only screen and (max-width: 56.25em) {
      .story-carousel-head {
        padding-bottom: 5rem; } }
    @media only screen and (max-width: 37.5em) {
      .story-carousel-head {
        padding-bottom: 0; } }
    .story-carousel-head .heading {
      padding-bottom: 0; }
      @media only screen and (max-width: 37.5em) {
        .story-carousel-head .heading {
          padding-bottom: 2rem; } }
  .story-carousel-navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .story-carousel-navigation-prev {
      position: relative;
      margin-right: 15rem; }
      .story-carousel-navigation-prev::before {
        content: " ";
        width: 10rem;
        height: 0.2rem;
        background-color: rgba(8, 8, 8, 0.15);
        z-index: 100;
        position: absolute;
        top: 50%;
        left: 7.8rem;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    .story-carousel-navigation-prev, .story-carousel-navigation-next {
      font-size: 1.3rem;
      font-family: "Axiforma-Regular";
      color: #080808;
      line-height: 1.7rem;
      cursor: pointer;
      text-transform: uppercase; }
  .story-carousel-item {
    position: relative;
    width: 100%; }
  .story-carousel-link {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 50rem;
    z-index: 10; }
    .story-carousel-link:before {
      content: "";
      width: 100%;
      height: 50%;
      z-index: 100;
      background: rgba(8, 8, 8, 0);
      background: -webkit-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.75));
      background: linear-gradient(to bottom, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.75));
      position: absolute;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 37.5em) {
        .story-carousel-link:before {
          height: 60%;
          background: rgba(8, 8, 8, 0);
          background: -webkit-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, 1));
          background: linear-gradient(to bottom, rgba(8, 8, 8, 0), rgba(8, 8, 8, 1)); } }
    @media only screen and (min-width: 112.5em) {
      .story-carousel-link {
        height: 55rem; } }
    @media only screen and (max-width: 56.25em) {
      .story-carousel-link {
        height: 40rem; } }
    @media only screen and (max-width: 37.5em) {
      .story-carousel-link {
        height: 38rem; } }
    .story-carousel-link img {
      width: 100%;
      height: 50rem;
      object-fit: cover;
      object-position: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (min-width: 112.5em) {
        .story-carousel-link img {
          height: 55rem; } }
      @media only screen and (max-width: 56.25em) {
        .story-carousel-link img {
          height: 40rem; } }
      @media only screen and (max-width: 37.5em) {
        .story-carousel-link img {
          height: 38rem; } }
    .story-carousel-link:hover img {
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
  .story-carousel-foot {
    padding: 2.5rem 3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0; }
  .story-carousel-title {
    position: relative;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    z-index: 100;
    border-bottom: 0.1rem solid #fff; }
    .story-carousel-title h3 {
      overflow: hidden;
      font-size: 2.5rem;
      font-family: "Axiforma-Regular";
      color: #fff;
      line-height: 3rem;
      letter-spacing: normal;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
      @media only screen and (max-width: 37.5em) {
        .story-carousel-title h3 {
          font-size: 2.2rem;
          line-height: 2.7rem; } }
    .story-carousel-title.is-transitioned {
      transition-delay: 0.3s !important; }
  .story-carousel-more {
    position: relative;
    width: 100%;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .story-carousel-more span {
      font-size: 1.2rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 1.7rem;
      letter-spacing: normal; }
  .story-carousel-animated {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.05s;
    -moz-transition: all 0.05s;
    -ms-transition: all 0.05s;
    -o-transition: all 0.05s;
    transition: all 0.05s;
    -moz-transform: translateX(2rem);
    -o-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem); }
    .story-carousel-animated.is-transitioned {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none; }
  .story-carousel-content {
    padding: 3rem 8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    @media only screen and (max-width: 37.5em) {
      .story-carousel-content {
        padding: 3rem 0; } }
    .story-carousel-content-right {
      transition-delay: 1s !important; }
    .story-carousel-content-left {
      transition-delay: 0.7s !important; }
    .story-carousel-content-date {
      font-size: 1.4rem;
      font-family: "Axiforma-Light";
      color: rgba(8, 8, 8, 0.5);
      line-height: 1.9rem; }
    .story-carousel-content-tags {
      padding-top: 1.5rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .story-carousel-content-tags li:not(:last-child) {
        margin-right: 1.5rem; }
      .story-carousel-content-tags li a {
        position: relative;
        font-size: 1.4rem;
        font-family: "Axiforma-Light";
        line-height: 1.9rem; }
        .story-carousel-content-tags li a::before {
          content: " ";
          width: 0;
          height: 0.1rem;
          background-color: rgba(8, 8, 8, 0.5);
          position: absolute;
          bottom: 0;
          left: 0;
          -webkit-transition: width 0.3s;
          -moz-transition: width 0.3s;
          -ms-transition: width 0.3s;
          -o-transition: width 0.3s;
          transition: width 0.3s; }
        .story-carousel-content-tags li a:hover::before {
          width: 100%; }
    .story-carousel-content-more {
      position: relative;
      font-size: 1.4rem;
      font-family: "Axiforma-Regular";
      color: #080808;
      text-transform: uppercase; }
      .story-carousel-content-more::before, .story-carousel-content-more::after {
        content: " ";
        width: 100%;
        height: 0.2rem;
        background-color: rgba(8, 8, 8, 0.5);
        position: absolute;
        bottom: -0.2rem;
        left: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s; }
      .story-carousel-content-more::after {
        width: 0; }
      .story-carousel-content-more:hover::after {
        width: 100%;
        background-color: #080808; }
  @media only screen and (max-width: 37.5em) {
    .story-item {
      margin-bottom: 3rem; }
      .story-item:last-of-type {
        margin-bottom: 0 !important; } }
  .story-link {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 48rem;
    z-index: 10; }
    @media only screen and (max-width: 75em) {
      .story-link {
        height: 32rem; } }
    @media only screen and (max-width: 37.5em) {
      .story-link {
        height: 38rem; } }
    .story-link::before {
      content: " ";
      width: 100%;
      height: 100%;
      z-index: 100;
      background: rgba(8, 8, 8, 0.2);
      background: -webkit-linear-gradient(top, rgba(8, 8, 8, 0.2), rgba(8, 8, 8, 0.8));
      background: linear-gradient(to bottom, rgba(8, 8, 8, 0.2), rgba(8, 8, 8, 0.8));
      position: absolute;
      top: 0;
      left: 0; }
    .story-link img {
      width: 100%;
      height: 48rem;
      object-fit: cover;
      object-position: center;
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s; }
      @media only screen and (max-width: 37.5em) {
        .story-link img {
          height: 45rem; } }
      @media only screen and (max-width: 37.5em) {
        .story-link img {
          height: 38rem; } }
    .story-link:hover img {
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
  .story-title {
    padding: 3rem 3rem 2rem 3rem;
    z-index: 100;
    position: absolute;
    bottom: 0;
    left: 0; }
    .story-title h3 {
      overflow: hidden;
      font-size: 2.7rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 3.9rem;
      letter-spacing: 0.073rem;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
      @media only screen and (max-width: 75em) {
        .story-title h3 {
          font-size: 2.2rem;
          line-height: 2.9rem; } }
    .story-title.is-transitioned {
      transition-delay: 0.3s !important; }
  .story-content {
    padding: 2.5rem 3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    @media only screen and (max-width: 75em) {
      .story-content {
        padding: 3rem 0; } }
    .story-content-right {
      transition-delay: 1s !important; }
    .story-content-left {
      transition-delay: 0.7s !important; }
    .story-content-date {
      font-size: 1.4rem;
      font-family: "Axiforma-Light";
      color: rgba(8, 8, 8, 0.5);
      line-height: 1.9rem; }
    .story-content-tags {
      padding-top: 1rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .story-content-tags li:not(:last-child) {
        margin-right: 1.5rem; }
      .story-content-tags li a {
        position: relative;
        font-size: 1.4rem;
        font-family: "Axiforma-Light";
        line-height: 1.9rem; }
        .story-content-tags li a::before {
          content: " ";
          width: 0;
          height: 0.1rem;
          background-color: rgba(8, 8, 8, 0.5);
          position: absolute;
          bottom: 0;
          left: 0;
          -webkit-transition: width 0.3s;
          -moz-transition: width 0.3s;
          -ms-transition: width 0.3s;
          -o-transition: width 0.3s;
          transition: width 0.3s; }
        .story-content-tags li a:hover::before {
          width: 100%; }
    .story-content-more {
      position: relative;
      font-size: 1.4rem;
      font-family: "Axiforma-Regular";
      color: #080808;
      text-transform: uppercase; }
      .story-content-more::before, .story-content-more::after {
        content: " ";
        width: 100%;
        height: 0.2rem;
        background-color: rgba(8, 8, 8, 0.5);
        position: absolute;
        bottom: -0.2rem;
        left: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s; }
      .story-content-more::after {
        width: 0; }
      .story-content-more:hover::after {
        width: 100%;
        background-color: #080808; }
  .story-single {
    padding-bottom: 8rem; }
    @media only screen and (max-width: 37.5em) {
      .story-single {
        padding-bottom: 3rem; } }
    .story-single h1,
    .story-single h2,
    .story-single h3,
    .story-single h4,
    .story-single h5,
    .story-single h6 {
      padding-top: 3rem;
      padding-bottom: 1rem; }
      @media only screen and (max-width: 37.5em) {
        .story-single h1,
        .story-single h2 {
          font-size: 2.8rem;
          line-height: 3.9rem; } }
      .story-single h1:first-of-type,
      .story-single h2:first-of-type,
      .story-single h3:first-of-type,
      .story-single h4:first-of-type,
      .story-single h5:first-of-type,
      .story-single h6:first-of-type {
        padding-top: 0; }
      .story-single h1 a,
      .story-single h2 a,
      .story-single h3 a,
      .story-single h4 a,
      .story-single h5 a,
      .story-single h6 a {
        font-size: inherit !important;
        font-family: inherit !important;
        line-height: inherit !important; }
    .story-single p {
      font-family: "Axiforma-Light"; }
    .story-single a {
      text-decoration: underline; }
    .story-single ul {
      padding-left: 0; }
      .story-single ul li {
        position: relative;
        padding: 0.5rem 0 0.5rem 2rem;
        font-size: 1.6rem;
        font-family: "Axiforma-Light";
        color: #080808;
        line-height: 2.4rem; }
        .story-single ul li::before {
          content: " ";
          width: 0.8rem;
          height: 0.8rem;
          background-color: #080808;
          border-radius: initial;
          position: absolute;
          /* top: 50%; */
          top: 1rem;
          left: 0;
          /* -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); */ }
    .story-single ol {
      padding-left: 2rem; }
      .story-single ol li {
        position: relative;
        padding: 0.5rem 0;
        font-size: 1.6rem;
        font-family: "Axiforma-Light";
        color: #080808;
        line-height: 2.4rem;
        counter-increment: refive-counter; }
  .story-pagination {
    margin-top: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media only screen and (max-width: 37.5em) {
      .story-pagination {
        margin-top: 0; } }
    .story-pagination .page-numbers {
      position: relative;
      overflow: hidden;
      width: 5rem;
      height: 5rem;
      background-color: #F7F7F7;
      color: #080808;
      font-size: 1.6rem;
      font-family: "Axiforma-Light";
      line-height: 1.9rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .story-pagination .page-numbers:not(:last-child) {
        margin-right: 1rem; }
      .story-pagination .page-numbers::before {
        content: " ";
        width: 0;
        height: 100%;
        overflow: hidden;
        background-color: rgba(8, 8, 8, 0.1);
        z-index: 100;
        position: absolute;
        top: 0;
        left: 0; }
      .story-pagination .page-numbers:hover::before {
        width: 100%;
        -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
        animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
      .story-pagination .page-numbers.current {
        background-color: #080808;
        color: #fff; }
  .story-all-posts {
    position: relative;
    margin-top: 8rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    color: #080808;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 56.25em) {
      .story-all-posts {
        margin-top: 5rem;
        padding-right: 1rem;
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 37.5em) {
      .story-all-posts {
        margin-top: 3.5rem; } }
    .story-all-posts i {
      font-size: 2.2rem;
      position: relative;
      left: 1.5rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (max-width: 56.25em) {
        .story-all-posts i {
          left: 1rem; } }
    .story-all-posts:hover i {
      left: 1rem; }
.story-related {
  padding-top: 5rem;
}
.story-portfolio {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 37.5em) {
  .story-portfolio {
    padding-bottom: 4rem; } }
.story-portfolio .story-portfolio-link {
  position: relative;
  width: 100%;
  height: 28rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.story-portfolio .story-portfolio-link:before {
  content: "";
  width: 45rem;
  height: 100%;
  z-index: 100;
  background: rgba(8, 8, 8, 0);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  position: absolute;
  bottom: 0;
  left: 0; }
  @media only screen and (max-width: 37.5em) {
    .story-portfolio .story-portfolio-link:before {
      width: 15rem; } }
.story-portfolio .story-portfolio-background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 28rem;   
}
.story-portfolio .story-portfolio-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.story-portfolio .story-portfolio-link:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.story-portfolio .story-portfolio-title {
  position: relative;
  padding: 3.5rem;
  z-index: 100;
}
.story-portfolio .story-portfolio-title p,
.story-portfolio .story-portfolio-title h4 {
  font-size: 2rem;
  font-family: "Axiforma-Light";
  color: #ffffff;
  line-height: 2.8rem;
}
.story-portfolio .story-portfolio-title p {
  line-height: 2.4rem;
}
.story-portfolio .story-portfolio-title p {
  padding-bottom: 0;
}
.story-portfolio .story-portfolio-title h4 {
  font-family: "Axiforma-SemiBold";
}
.story-portfolio-arrow {
  position: relative;
  z-index: 100;
  padding: 0 0 2.5rem 3rem;
}
.story-portfolio-arrow i {
  font-size: 3rem;
  color: #ffffff;
}
.story-interesting-facts {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 37.5em) {
  .story-interesting-facts {
    padding-top: 3rem;
    padding-bottom: 5rem; } }
.story-interesting-facts .story-interesting-facts-title {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 37.5em) {
  .story-interesting-facts .story-interesting-facts-title {
    padding-bottom: 3.5rem; } }
.story-interesting-facts .story-interesting-facts-info {
  padding-bottom: 3rem;
}
.story-interesting-facts .story-interesting-facts-info h1 {
  padding-bottom: 1rem;
  font-size: 5rem;
  font-family: "Axiforma-Medium";
  line-height: 5.9rem;
}
@media only screen and (max-width: 37.5em) {
  .story-interesting-facts .story-interesting-facts-info h1 {
    font-size: 2.8rem;
    line-height: 3.9rem; } }
.story-interesting-facts .story-interesting-facts-info h5 {
  font-size: 2rem;
  font-family: "Axiforma-Light";
  line-height: 2.8rem;
  color: #707070;
}
.story-member {
  padding-bottom: 8rem;
}
.story-member .story-member-item {
  position: relative;
  width: 100%;
  height: 28rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #E9E9E9;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.story-member .story-member-image {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 38rem;
    height: 28rem;   
}
@media only screen and (max-width: 56.25em) {
  .story-member .story-member-image {
    width: 25rem;
    height: 22rem; } }
@media only screen and (max-width: 37.5em) {
  .story-member .story-member-image {
    width: 25rem;
    height: 20rem; } }
.story-member .story-member-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.story-member .story-member-title {
  position: relative;
  padding: 3.5rem;
  z-index: 100;
}
@media only screen and (max-width: 37.5em) {
  .story-member .story-member-title {
    padding: 2rem; } }
.story-member .story-member-title h1 {
  padding-bottom: 1rem;
  font-size: 4rem;
  font-family: "Axiforma-Medium";
  line-height: 4.9rem;
}
@media only screen and (max-width: 56.25em) {
  .story-member .story-member-title h1 {
    padding-bottom: 0;
    font-size: 3.4rem;
    line-height: 4.5rem; } }
@media only screen and (max-width: 37.5em) {
  .story-member .story-member-title h1 {
    padding-bottom: 0;
    font-size: 2.8rem;
    line-height: 3.9rem; } }
.story-member .story-member-title p {
  font-size: 1.5rem;
  font-family: "Axiforma-Light";
  line-height: 2rem;
  color: #707070;
}
.story-member-arrow {
  position: relative;
  padding: 0 0 2.5rem 3rem !important;
  z-index: 100;
  color: #707070;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.story-member .story-member-item:hover .story-member-arrow {
  color: #000000;
}
.story-member-arrow span {
  padding-right: 1.2rem;
  font-size: 1.5rem;
  font-family: "Axiforma-Light";
  line-height: 2rem;
}
/* ---------- Team ---------- */
.team {
  padding-top: 15rem;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 100em) {
    .team {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .team {
      padding-top: 7rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  .team-wrapper {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .team-title {
    padding-bottom: 7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    @media only screen and (max-width: 37.5em) {
      .team-title {
        padding-left: 0; } }
    .team-title-icon {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      top: 0.3rem; }
      .team-title-icon svg,
      .team-title-icon img {
        width: 3rem; }
    .team-title-description {
      padding-left: 4rem; }
      @media only screen and (max-width: 56.25em) {
        .team-title-description {
          padding-left: 3rem; } }
      .team-title-description h1 {
        padding-bottom: 1.2rem;
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .team-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
      .team-title-description p {
        font-size: 2.5rem;
        font-family: "Axiforma-Light";
        color: #BABABA;
        line-height: 3.2rem; }
        @media only screen and (max-width: 37.5em) {
          .team-title-description p {
            font-size: 1.9rem;
            line-height: 2.8rem; } }
  .team-item {
    position: relative;
    padding-right: 5rem;
    margin-bottom: 5rem;
    width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    .team-button {
      padding-top: 3rem;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
      @media only screen and (max-width: 37.5em) { 
        .team-button {
          padding-top: 0; } }
    .team-button .btn {
      max-width: 30rem;
    }
    @media only screen and (max-width: 75em) {
      .team-item {
        padding-bottom: 3rem;
        width: 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
    @media only screen and (max-width: 37.5em) {
      .team-item {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .team-item::before {
      content: " ";
      width: calc(100% + 498.5rem);
      height: 100%;
      background-color: #E8E8E8;
      z-index: 10;
      position: absolute;
      top: 0;
      left: calc(0% - 500rem); }
    .team-item-career::before {
      background-color: #000000;
    }
    .team-item-image,
    .team-item-career-image {
      position: relative;
	    overflow: hidden;
      width: 35rem;
      height: 30rem;
      z-index: 100;
      -moz-box-flex: 0 0 35rem;
      -webkit-flex: 0 0 35rem;
      -ms-flex: 0 0 35rem;
      flex: 0 0 35rem; }
      @media only screen and (max-width: 100em) {
      .team-item-image,
      .team-item-career-image {
        width: 25rem;
        -moz-box-flex: 0 0 25rem;
        -webkit-flex: 0 0 25rem;
        -ms-flex: 0 0 25rem;
        flex: 0 0 25rem; } }
      @media only screen and (max-width: 75em) {
      .team-item-image,
      .team-item-career-image {
        width: 30rem;
        -moz-box-flex: 0 0 30rem;
        -webkit-flex: 0 0 30rem;
        -ms-flex: 0 0 30rem;
        flex: 0 0 30rem; } }
      @media only screen and (max-width: 37.5em) {
        .team-item-image,
        .team-item-career-image {
          width: 28rem;
          -moz-box-flex: 0 0 30rem;
          -webkit-flex: 0 0 30rem;
          -ms-flex: 0 0 30rem;
          flex: 0 0 30rem;
        } }
      .team-item-image img,
      .team-item-career-image img {
        width: 100%;
        height: 33rem;
        object-fit: contain; }
        @media only screen and (max-width: 56.25em) {
          .team-item-image img,
          .team-item-career-image img {
            width: 32rem; } }
        @media only screen and (max-width: 37.5em) {
          .team-item-image img,
          .team-item-career-image img {
            width: 28rem; } }
    .team-item-description {
      position: relative;
      padding: 0 3rem;
      z-index: 100; }
      @media only screen and (max-width: 56.25em) {
        .team-item-description {
          padding-left: 5rem;
          padding-right: 5rem; } }
      @media only screen and (max-width: 37.5em) {
        .team-item-description {
          padding: 3rem 1.5rem 1.5rem 1.5rem; } }
      .team-item-description h3 {
        font-size: 2.4rem;
        font-family: "Axiforma-Medium";
        color: #080808;
        line-height: 3.2rem; }
      .team-item-description h6 {
        font-size: 1.6rem;
        font-family: "Axiforma-Thin";
        color: #080808;
        line-height: 2.4rem; }
      .team-item-description p {
        padding-top: 1rem;
        font-size: 1.4rem;
        font-family: "Axiforma-Light";
        color: #080808;
        line-height: 2.2rem; }
        @media only screen and (max-width: 56.25em) {
          .team-item-description p {
            width: auto; } }
        @media only screen and (max-width: 37.5em) {
          .team-item-description p {
            width: 100%; } }
        .team-item-description p.split span > span {
          margin-right: 0.5rem; }
    .team-item:nth-child(even) {
      padding-right: initial;
      padding-left: 5rem; }
      .team-item:nth-child(even)::before {
        left: 3rem; }
        @media only screen and (max-width: 37.5em) {
          .team-item:nth-child(even)::before {
            left: 1.5rem; } }
      /*.team-item:nth-child(even) .team-item-image {
        margin-left: 3rem; }*/
      .team-item:nth-child(even) .team-item-description {
        padding: 0 0 0 3rem; }
      @media only screen and (max-width: 37.5em) {
        .team-item:nth-child(even) .team-item-description {
          padding: 0 0 0 1.5rem; } }
    .team-item:nth-child(4n-4) .team-item-image, .team-item:nth-child(4n+3) .team-item-image {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; }
      @media only screen and (max-width: 37.5em) {
        .team-item:nth-child(4n-4) .team-item-image, .team-item:nth-child(4n+3) .team-item-image {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -ms-flex-order: 1;
          -webkit-order: 1;
          order: 1; } }
    .team-item:nth-child(4n-4) .team-item-description, .team-item:nth-child(4n+3) .team-item-description {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1; }
      @media only screen and (max-width: 37.5em) {
        .team-item:nth-child(4n-4) .team-item-description, .team-item:nth-child(4n+3) .team-item-description {
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -ms-flex-order: 2;
          -webkit-order: 2;
          order: 2; } }
    .team-item-career-content {
      position: relative;
      z-index: 100; }
      @media only screen and (max-width: 37.5em) {
        .team-item-career-content {
          padding-top: 3rem; } }
    .team-item-career-content h1 {
      padding-bottom: 2rem;
      width: 22rem;
      font-size: 4.2rem;
      font-family: "Axiforma-Medium";
      color: #ffffff;
      line-height: 5rem; }
    .team-item-career-content .btn {
      max-width: 30rem; }
      @media only screen and (max-width: 37.5em) {
        .team-item-career-content .btn {
          padding: 1.5rem 2rem;
          max-width: 100%;
          font-size: 1.4rem; } }
    /* .team-refive-advisors .team-item .team-item-description,
    .team-refive-advisors .team-item:nth-child(even) .team-item-description {
      padding-right: 0;
      padding-left: 4rem;
      max-width: 32rem;
      width: 100%; }*/

    /* @media only screen and (max-width: 37.5em) {
    .team-refive-advisors .team-item .team-item-description,
    .team-refive-advisors .team-item:nth-child(even) .team-item-description {
      padding-left: 5rem; } }*/

    .team-refive-advisors .team-item:nth-child(even) .team-item-image {
      margin-left: 0; }

   /* .team-refive-advisors .team-item:nth-child(4n-4) .team-item-description, 
    .team-refive-advisors .team-item:nth-child(4n+3) .team-item-description {
      padding-left: 7rem;
      max-width: 32rem;
      width: 100%; }*/

    /* @media only screen and (max-width: 37.5em) {
    .team-refive-advisors .team-item:nth-child(4n-4) .team-item-description, 
    .team-refive-advisors .team-item:nth-child(4n+3) .team-item-description {
      padding-left: 5rem; } }*/

    .team-refive-advisors .social-link {
      color: #080808;
    }
    .team-refive-advisors .social-link:hover {
      color: #080808;
      opacity: 0.8;
    }
    .team-refive-advisors .team-item-description p {
      padding-bottom: 1rem;
    }
    .team-refive-advisors .team-title-description,
    .team-refive-minds .team-title-description {
      padding-left: 0; }

.joinus {
  padding-top: 10rem;
  padding-bottom: 5rem;
}
.joinus .joinus-link {
  padding: 8rem 6rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: auto;
  background-color: #080808;
  font-size: 3rem;
  font-family: "Axiforma-Medium";
  line-height: 4rem;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.joinus .joinus-link span:first-child {
  padding-bottom: 1rem;
}


/* ---------- Numbers ---------- */
.numbers {
  position: relative;
  padding: 12rem 0 7rem 0;
  position: relative;
  overflow: hidden;
  background-color: #080808; }
  @media only screen and (max-width: 100em) {
    .numbers {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .numbers {
      padding-top: 7rem;
      padding-bottom: 3rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .numbers {
      padding-bottom: 0; } }
  .numbers-heading {
    padding-bottom: 7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .numbers-heading-icon svg,
    .numbers-heading-icon img {
      width: 4rem; }
    .numbers-heading h1 {
      padding: 1rem 0 0 5rem;
      font-size: 3.4rem;
      font-family: "Axiforma-SemiBold";
      line-height: 4.9rem;
      color: #fff; }
      @media only screen and (max-width: 56.25em) {
        .numbers-heading h1 {
          padding: 1rem 0 0 3rem; } }
      @media only screen and (max-width: 37.5em) {
        .numbers-heading h1 {
          font-size: 2.8rem;
          line-height: 3.7rem; } }
  .numbers .number {
    padding-bottom: 7rem;
    text-align: center; }
    .numbers .number h1 {
      font-size: 6rem;
      font-family: "Axiforma-Thin";
      line-height: 7rem;
      color: #fff; }
    .numbers .number p {
      font-size: 2.7rem;
      font-family: "Axiforma-Medium";
      line-height: 4rem;
      color: #fff; }

/* ---------- Gallery ---------- */
.gallery {
  padding-top: 12rem;
  padding-bottom: 12rem;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 100em) {
    .gallery {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .gallery {
      padding-top: 8rem;
      padding-bottom: 5rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  .gallery-title {
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    @media only screen and (max-width: 37.5em) {
      .gallery-title {
        padding-bottom: 5rem; } }
    .gallery-title-icon {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      top: -0.3rem; }
      @media only screen and (max-width: 37.5em) {
        .gallery-title-icon  {
          top: 0.5rem; } }
      .gallery-title-icon svg {
        width: 3.2rem; }
    .gallery-title-description {
      padding-left: 4rem; }
      @media only screen and (max-width: 56.25em) {
        .gallery-title-description {
          padding-left: 3rem; } }
      .gallery-title-description h1 {
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .gallery-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
  .gallery-carousel {
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 75em) {
      .gallery-carousel {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        height: 60rem; } }
    @media only screen and (max-width: 75em) {
      .gallery-carousel {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 5rem;
        height: auto; } }
    .gallery-carousel-image {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .gallery-carousel-image img,
      .gallery-carousel-image video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .gallery-carousel .gallery-owl-carousel .owl-stage-outer {
      overflow: initial; }
      .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage {
        width: 100vw;
        display: grid;
        grid-template-columns: repeat(14, 36.2vw);
        grid-template-rows: repeat(2, 32rem);
        grid-gap: 4.5rem; }
        @media only screen and (max-width: 75em) {
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage {
            display: inherit; } }
        .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item {
          width: 100% !important; }
          @media only screen and (max-width: 75em) {
            .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item {
              width: 31rem !important; } }
          @media only screen and (max-width: 75em) {
            .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item {
              width: 29rem !important; } }
          @media only screen and (max-width: 31.250em) {
            .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item {
              width: 27.5rem !important; } }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(1) {
            grid-row: 1 / 3;
            grid-column: 1 / 1; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(2) {
            grid-row: 1 / 2;
            grid-column: 2 / 3; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(3) {
            grid-row: 2 / 3;
            grid-column: 2 / 3; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(4) {
            grid-row: 1 / 3;
            grid-column: 3 / 4; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(5) {
            grid-row: 1 / 2;
            grid-column: 4 / 5; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(6) {
            grid-row: 2 / 3;
            grid-column: 4 / 5; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(7) {
            grid-row: 1 / 3;
            grid-column: 5 / 6; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(8) {
            grid-row: 1 / 2;
            grid-column: 6 / 7; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(9) {
            grid-row: 2 / 3;
            grid-column: 6 / 7; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(10) {
            grid-row: 1 / 3;
            grid-column: 7 / 8; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(11) {
            grid-row: 1 / 2;
            grid-column: 8 / 9; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(12) {
            grid-row: 2 / 3;
            grid-column: 8 / 9; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(13) {
            grid-row: 1 / 3;
            grid-column: 9 / 10; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(14) {
            grid-row: 1 / 2;
            grid-column: 10 / 11; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(15) {
            grid-row: 2 / 3;
            grid-column: 10 / 11; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(16) {
            grid-row: 1 / 3;
            grid-column: 11 / 12; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(17) {
            grid-row: 1 / 2;
            grid-column: 12 / 13; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(18) {
            grid-row: 2 / 3;
            grid-column: 12 / 13; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(19) {
            grid-row: 1 / 3;
            grid-column: 13 / 14; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(20) {
            grid-row: 1 / 2;
            grid-column: 14 / 15; }
          .gallery-carousel .gallery-owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(21) {
            grid-row: 2 / 3;
            grid-column: 14 / 15; }
    .gallery-carousel-gsap > div {
      width: 100vw !important;
      display: grid !important;
      grid-template-columns: repeat(8, 36.2vw) !important;
      grid-template-rows: repeat(2, 38rem) !important;
      grid-gap: 4.5rem !important; }
      .gallery-carousel-gsap > div .gallery-carousel-image {
        width: 100% !important; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(1) {
          grid-row: 1 / 3;
          grid-column: 1 / 1; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(2) {
          grid-row: 1 / 2;
          grid-column: 2 / 3; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(3) {
          grid-row: 2 / 3;
          grid-column: 2 / 3; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(4) {
          grid-row: 1 / 3;
          grid-column: 3 / 4; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(5) {
          grid-row: 1 / 2;
          grid-column: 4 / 5; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(6) {
          grid-row: 2 / 3;
          grid-column: 4 / 5; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(7) {
          grid-row: 1 / 3;
          grid-column: 5 / 6; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(8) {
          grid-row: 1 / 2;
          grid-column: 6 / 7; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(9) {
          grid-row: 2 / 3;
          grid-column: 6 / 7; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(10) {
          grid-row: 1 / 3;
          grid-column: 7 / 8; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(11) {
          grid-row: 1 / 2;
          grid-column: 8 / 9; }
        .gallery-carousel-gsap > div .gallery-carousel-image:nth-child(12) {
          grid-row: 2 / 3;
          grid-column: 8 / 9; }
    .gallery-carousel .swiper-pagination {
      width: auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      position: absolute;
      bottom: -5rem;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      .gallery-carousel .swiper-pagination-bullet {
        width: 1.2rem;
        height: 1.2rem;
        background-color: transparent;
        border: 0.1rem solid rgba(8, 8, 8, 0.5);
        margin-right: initial;
        margin-left: initial;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .gallery-carousel .swiper-pagination-bullet:not(:last-child) {
          margin-right: 2rem; }
        .gallery-carousel .swiper-pagination-bullet-active {
          width: 1.2rem;
          height: 1.2rem;
          background-color: rgba(8, 8, 8, 0.8); }

/* ---------- Contact ---------- */
.contact {
  padding: 0 6rem 6rem 6rem; }
  @media only screen and (max-width: 100em) {
    .contact {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .contact {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .contact {
      padding-top: 0;
      padding-bottom: 3rem; } }
  .contact .heading h1 {
    padding-bottom: 1.5rem;
    font-size: 3.4rem;
    font-family: "Axiforma-Bold";
    line-height: 4.9rem; }
  .contact .heading p {
    font-size: 1.9rem;
    font-family: "Axiforma-Light";
    line-height: 2.7rem;
    text-transform: capitalize; }
  .contact-content {
    padding: 5rem;
    margin-top: -18.5rem;
    position: relative;
    background-color: #080808; }
    @media only screen and (max-width: 56.25em) {
      .contact-content {
        padding: 2rem;
        margin-top: 0; } }
    @media only screen and (max-width: 37.5em) {
      .contact-content {
        padding: 3rem;
        margin-top: 5rem; } }
    .contact-content-icon {
      position: relative;
      overflow: hidden;
      margin-right: 1.5rem;
      width: 5rem;
      height: 5rem;
      background-color: #19191A;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .contact-content-icon::before {
        content: " ";
        width: 0;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0; }
      .contact-content-icon svg {
        width: 2.5rem; }
    .contact-content-address {
      position: relative;
      padding-bottom: 3rem;
      margin-bottom: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .contact-content-address {
          padding-bottom: 2rem;
          margin-bottom: 2rem; } }
      @media only screen and (max-width: 37.5em) {
        .contact-content-address {
          padding-bottom: 3rem;
          margin-bottom: 5rem; } }
      .contact-content-address::before {
        content: " ";
        width: 6rem;
        height: 0.1rem;
        background-color: #fff;
        z-index: 10;
        position: absolute;
        bottom: 0;
        left: 0; }
      .contact-content-address p {
        font-size: 1.7rem;
        font-family: "Axiforma-Light";
        color: #fff;
        line-height: 2.9rem; }
    .contact-content-email, .contact-content-tel {
      padding-bottom: 4rem; }
      @media only screen and (max-width: 56.25em) {
      .contact-content-email, .contact-content-tel {
        padding-bottom: 3rem; } }
      @media only screen and (max-width: 37.5em) {
      .contact-content-email, .contact-content-tel {
        padding-bottom: 2rem; } }
      .contact-content-email a, .contact-content-tel a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .contact-content-email a span, .contact-content-tel a span {
          font-size: 1.7rem;
          font-family: "Axiforma-Light";
          color: #fff;
          line-height: 2.9rem; }
        .contact-content-email a:hover .contact-content-icon::before, .contact-content-tel a:hover .contact-content-icon::before {
          width: 100%;
          -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
          animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .contact-content-social {
      padding-top: 1rem; }
      .contact-content-social h6 {
        padding-bottom: 1rem;
        font-size: 1.5rem;
        font-family: "Axiforma-Light";
        line-height: 2.4rem;
        color: rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 56.25em) {
    .contact-map {
      margin-bottom: 2rem; } }
  .contact-map-route {
    width: auto;
    z-index: 100;
    position: absolute;
    top: 3rem;
    left: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .contact-map-route a {
      width: initial !important;
      max-width: initial !important; }
  .contact-map #map {
    position: relative;
    width: 100%;
    height: 70rem; }
    @media only screen and (max-width: 56.25em) {
      .contact-map #map {
        height: 50rem; } }
    .contact-map #map a[href$="google.com/maps"],
    .contact-map #map .gmnoprint:not(.gm-bundled-control),
    .contact-map #map .gm-style-cc {
      display: none !important; }
    .contact-map #map .gm-bundled-control .gmnoprint {
      display: block; }
    .contact-map #map img[src="http://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"],
    .contact-map #map a[href^="http://maps.google.com/maps"] {
      display: none !important; }

    .contact-map-address {
      padding: 2rem;
      width: 30rem;
    }  
    .contact-map-address .contact-map-address-head {
      padding-bottom: 3rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .contact-map-address .contact-map-address-head .r-logo {
      font-size: 2.2rem;
    }
    .contact-map-address .contact-map-address-marker {
      padding-left: 1.5rem;
      position: absolute;
      right: 0;
      width: 8rem;
      height: 5rem;
      background: #000;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .contact-map-address .contact-map-address-marker img {
      width: 2rem;
    }
    .contact-map-address .contact-map-address-content p {
      font-size: 1.8rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 2.8rem;
    }
    .contact-map-address .contact-map-address-content p strong {
      font-family: "Axiforma-Regular";
    }
    .gm-ui-hover-effect {
      display: none !important;
    }
    .gm-style .gm-style-iw-c {
      border-radius: initial;
    }
    .marker {
      animation: blink 1s infinite;
    }

    @keyframes blink {
      0%, 100% {
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
    }

.calendly {
  padding-top: 12rem;
  padding-bottom: 12rem; }
  @media only screen and (max-width: 100em) {
    .calendly {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .calendly {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .calendly {
      padding-top: 10rem;
      padding-bottom: 8rem; } }

.calendly .heading {
  padding-bottom: 0; 
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.calendly .heading svg {
  width: 3rem;
  margin-bottom: 2rem;
}

.calendly .heading h1 {
  padding-bottom: 1rem;
  font-size: 3rem;
  font-family: "Axiforma-SemiBold";
  line-height: 3.8rem; 
}
.calendly .heading p {
  padding: 0;
  width: 27rem;
  text-align: center;
  font-size: 1.5rem;
  font-family: "Axiforma-Light";
  color: #707070;
  line-height: 2.4rem;
  text-transform: initial;
}
.discover {
  padding: 3rem 0 15rem 0;
}
@media only screen and (max-width: 100em) {
  .discover {
    padding-right: 5rem;
    padding-left: 5rem; } }
@media only screen and (max-width: 56.25em) {
  .discover {
    padding-bottom: 8rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }
.discover-content {
  padding: 6.5rem 8rem;
  background-color: #000000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }
@media only screen and (max-width: 56.25em) {
  .discover-content { 
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .discover-content-text {
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .discover-content {
    padding: 3.5rem; } }
.discover-content-text h1 {
  padding-bottom: 0.5rem;
  font-size: 3rem;
  font-family: "Axiforma-SemiBold";
  color: #ffffff;
  line-height: 3.8rem; }
  @media only screen and (max-width: 37.5em) {
    .discover-content-text h1 {
      font-size: 2.8rem;
      line-height: 3.7rem; } }
.discover-content-text p {
  font-size: 1.5rem;
  font-family: "Axiforma-Light";
  color: #BABABA;
  line-height: 2.2rem;
}
.discover-content .discover-content-button {
  width: 34rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 37.5em) {
  .discover-content .discover-content-button {
    width: 25rem; } }
.discover-content .discover-content-button .btn-primary {
  max-width: 34rem;
  width: 100%;
  height: 7.4rem;
  background-color: #242424;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media only screen and (max-width: 37.5em) {
  .discover-content .discover-content-button .btn-primary {
    max-width: 25rem; } }
.discover-content .discover-content-button .btn-primary svg {
  width: 3rem;
  margin-right: 2.5rem;
}
@media only screen and (max-width: 31.250em) {
  .cc-window.cc-floating {
    max-width: calc(100% - 2em);
    right: 1em;
    left: 1em; } }

.cc-window {
  cursor: initial; }

.cc-window .cc-message {
  position: relative;
  padding-left: 4rem;
  font-size: 1.6rem;
  font-family: "Axiforma-Light";
  line-height: 2.2rem; }
.cc-window .cc-message::before {
  content: "\e900";
  font-size: 4rem;
  font-family: 'refive-more' !important;
  position: absolute;
  top: 1rem;
  left: -0.5rem;
}
.cc-window .cc-message .cc-link {
  font-size: 1.6rem;
  font-family: "Axiforma-Light";
  line-height: 2.2rem;
  color: #707070;
  text-decoration: initial;
  opacity: 1; }
.cc-window .cc-message .cc-link:hover {
  color: #fff; }
.cc-window .cc-btn {
  padding: 1rem;
  position: relative;
  overflow: hidden;
  font-size: 1.6rem;
  font-family: "Axiforma-Regular";
  font-weight: initial;
  line-height: 2.2rem; }

.cc-window .cc-btn::before {
  content: " ";
  width: 0;
  height: 100%;
  overflow: hidden;
  background-color: rgba(8, 8, 8, 0.05);
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0; }
.cc-window .cc-btn:hover::before {
  width: 100%;
  -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
  animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }

.not-found {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 12rem;
  width: 100%;
  height: auto;
  background-color: #000000; }
.not-found .not-found-video,
.not-found .not-found-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; 
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
.not-found .not-found-content .not-found-content-head h1 {
  padding-bottom: 5rem;
  font-size: 3.4rem;
  font-family: "Axiforma-SemiBold";
  color: #ffffff;
  line-height: 3.8rem; }
  .not-found .not-found-content .not-found-content-body p {
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    line-height: 2.6rem;
    color: #BABABA; }
    .not-found .not-found-content .not-found-content-body p a {
      position: relative;
      margin-left: 1.5rem;
      font-size: 1.5rem;
      line-height: 2.6rem;
      color: #fff; }
    .not-found .not-found-content .not-found-content-body p a::before {
      content: " ";
      width: 0;
      height: 0.1rem;
      background-color: rgba(255, 255, 255, 1);
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -ms-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s; }
      .not-found .not-found-content .not-found-content-body p a:hover::before {
        width: 100%;
      }
      .not-found .not-found-content .not-found-content-body p span {
        position: relative;
        width: 21.5rem;
        display: inline-block; }
      .not-found .not-found-content .not-found-content-body > p:first-child {
      padding-bottom: 3rem; }
      .not-found .not-found-content .not-found-content-body > div {
        padding-bottom: 3rem;
      }
.not-found .not-found-video video {
  width: 75%; }
  @media only screen and (max-width: 37.5em) {
    .not-found .not-found-video video {
      width: 100%; } }
/* ---------- Clients ---------- */
.clients,
.tools {
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7; }
  @media only screen and (max-width: 100em) {
    .clients,
    .tools {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .clients,
    .tools {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .clients,
    .tools {
      padding-top: 7rem; } }
    @media only screen and (max-width: 37.5em) {
      .clients {
        padding-top: 0; } }
  .clients-title,
  .tools-title {
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 56.25em) {
      .clients-title,
      .tools-title {
        padding-bottom: 3rem; } }
    .clients-title-icon svg,
    .tools-title-icon svg {
      width: 3.5rem; }
    @media only screen and (max-width: 37.5em) {
      .clients-title-icon {
        position: relative;
        top: -1rem; } }
    .clients-title-description,
    .tools-title-description {
      padding-left: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .clients-title-description,
        .tools-title-description {
          padding-left: 3rem; } }
      .clients-title-description h1,
      .tools-title-description h1 {
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .clients-title-description h1,
          .tools-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
      .tools-title-description p {
        font-size: 2.5rem;
        font-family: "Axiforma-Light";
        color: #BABABA;
        line-height: 3.2rem; }
        @media only screen and (max-width: 37.5em) {
          .tools-title-description p {
            font-size: 1.9rem;
            line-height: 2.8rem; } }
  .clients-carousel .swiper-grid-column > .swiper-wrapper,
  .tools-carousel .swiper-grid-column > .swiper-wrapper {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .clients-carousel .swiper-slide,
  .tools-carousel .swiper-slide {
    height: auto !important; }
  .clients-carousel-image,
  .tools-carousel-image {
    margin: 1.5rem;
    height: 10rem;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media only screen and (max-width: 37.5em) {
      .clients-carousel-image,
      .tools-carousel-image {
        margin: 1rem; } }
    .clients-carousel-image img,
    .tools-carousel-image img {
      width: 18rem;
      height: auto;
      aspect-ratio: 3/2;
      object-fit: contain; }
      @media only screen and (max-width: 37.5em) {
        .clients-carousel-image img,
        .tools-carousel-image img {
          width: 14rem; } }
    .tools-title {
      padding-bottom: 7rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; }
      @media only screen and (max-width: 56.25em) {
        .tools-title {
          padding-bottom: 5rem; } }
      .tools-title-description h1 {
        padding-bottom: 1.2rem; }

  .tools {
    padding-bottom: 12rem; }
    @media only screen and (max-width: 56.25em) {
      .tools {
        padding-bottom: 8rem; } }
    @media only screen and (max-width: 37.5em) {
      .tools {
        padding-top: 0; } }

/* ---------- Support ---------- */
.support {
  padding: 10rem 0 12rem 0;
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7; }
  @media only screen and (max-width: 100em) {
    .support {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .support {
      padding-top: 7rem;
      padding-bottom: 7rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  .support-title {
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    @media only screen and (max-width: 56.25em) {
      .support-title {
        padding-bottom: 4rem; } }
    .support-title-icon {
      position: relative;
      top: 0.4rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .support-title-icon svg {
        width: 4rem; }
    .support-title-description {
      padding-left: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .support-title-description {
          padding-left: 3rem; } }
      .support-title-description h1 {
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .support-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
  .support-icon {
    position: relative;
    overflow: hidden;
    padding: 0 5rem;
    margin-bottom: 3rem;
    width: 100%;
    height: 25rem;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .support-icon::before {
      content: " ";
      width: 0;
      height: 100%;
      overflow: hidden;
      background-color: rgba(8, 8, 8, 0.01);
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0; }
    .support-icon:hover::before {
      width: 100%;
      -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
      animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .support-icon p {
      padding-top: 1.5rem;
      width: 22rem;
      font-size: 1.5rem;
      font-family: "Axiforma-Light";
      line-height: 2.2rem;
      color: #080808; }
      @media only screen and (max-width: 37.5em) {
        .support-icon p {
          width: 100%; } }
      .support-icon p.split span > span {
        margin-right: 0.4rem; }
    .support-icon img {
      width: 25rem;
      height: auto; }

/* ---------- Partners ---------- */
.partners {
  padding-top: 12rem;
  padding-bottom: 10rem;
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7; }
  @media only screen and (max-width: 100em) {
    .partners {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .partners {
      padding-top: 8rem;
      padding-bottom: 7rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .partners {
      margin-bottom: 0; } }
  .partners-title {
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .partners-title-icon {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      top: -0.5rem; }
      @media only screen and (max-width: 37.5em) {
        .partners-title-icon {
          top: 0.5rem; } }
      .partners-title-icon svg {
        width: 3rem; }
    .partners-title-description {
      padding-left: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .partners-title-description {
          padding-left: 3rem; } }
      .partners-title-description h1 {
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .partners-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
  .partners-icon {
    position: relative;
    overflow: hidden;
    padding: 0 3rem;
    margin-bottom: 3rem;
    width: 100%;
    height: 20rem;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media only screen and (max-width: 75em) {
      .partners-icon {
        padding: 0 3rem 3rem 3rem;
        height: auto;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (max-width: 56.25em) {
      .partners-icon {
        height: 28rem; } }
    @media only screen and (max-width: 37.5em) {
      .partners-icon {
        height: auto; } }
    .partners-icon::before {
      content: " ";
      width: 0;
      height: 100%;
      overflow: hidden;
      background-color: rgba(8, 8, 8, 0.01);
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0; }
    .partners-icon:hover::before {
      width: 100%;
      -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
      animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .partners-icon p {
      padding-left: 1.5rem;
      font-size: 1.5rem;
      font-family: "Axiforma-Light";
      line-height: 2.4rem;
      color: #080808; }
      .partners-icon p.split span > span {
        margin-right: 0.4rem; }
    .partners-icon img {
      width: 18rem;
      height: auto;
      aspect-ratio: 3/2;
      object-fit: contain; }

/* ---------- Swissmade ---------- */
.swissmade {
  padding-top: 12rem;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7; }
  @media only screen and (max-width: 100em) {
    .swissmade {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .swissmade {
      padding-top: 8rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .swissmade {
      padding-bottom: 0;
      margin-bottom: 0; } }
  .swissmade-title {
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    @media only screen and (max-width: 56.25em) {
      .swissmade-title {
        padding-bottom: 3rem; } }
    .swissmade-title-icon {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      top: 0.5rem; }
      .swissmade-title-icon svg {
        width: 3.5rem; }
    .swissmade-title-description {
      padding-left: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .swissmade-title-description {
          padding-left: 3rem; } }
      .swissmade-title-description h1 {
        padding-bottom: 1.2rem;
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .swissmade-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
      .swissmade-title-description p {
        font-size: 2.5rem;
        font-family: "Axiforma-Light";
        color: #BABABA;
        line-height: 3.2rem; }
  .swissmade-icon {
    position: relative;
    overflow: hidden;
    padding: 0 3rem 5rem 3rem;
    margin-bottom: 3rem;
    width: 100%;
    height: 28.5rem;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media only screen and (max-width: 75em) {
      .swissmade-icon {
        padding: 0 3rem 3rem 3rem;
        height: auto;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .swissmade-icon::before {
      content: " ";
      width: 0;
      height: 100%;
      overflow: hidden;
      background-color: rgba(8, 8, 8, 0.01);
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0; }
    .swissmade-icon:hover::before {
      width: 100%;
      -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
      animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .swissmade-icon p {
      padding-left: 1.5rem;
      font-size: 1.5rem;
      font-family: "Axiforma-Light";
      line-height: 2.4rem;
      color: #080808; }
      .swissmade-icon p.split span > span {
        margin-right: 0.4rem; }
    .swissmade-icon img {
      width: 32rem;
      height: auto;
      object-fit: contain; }


/* ---------- Contact Icons ---------- */
.contact-icons {
  padding: 10rem 0 15rem 0; }
  @media only screen and (max-width: 100em) {
    .contact-icons {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .contact-icons {
      padding-top: 7rem;
      padding-right: 1.5rem;
      padding-bottom: 7rem;
      padding-left: 1.5rem; } }
  .contact-icons-title {
    padding-bottom: 5rem; }
    @media only screen and (max-width: 37.5em) {
      .contact-icons-title h2  {
        font-size: 2.8rem;
        line-height: 3.9rem; } }

  .contact-icons a {
    padding: 2rem;
    width: 100%;
    height: 11.5rem;
    position: relative;
    overflow: hidden;
    background-color: #F7F7F7;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media only screen and (max-width: 56.25em) {
      .contact-icons a {
        padding: 2rem 0; } }
    .contact-icons a::before {
      content: " ";
      width: 0;
      height: 100%;
      overflow: hidden;
      background-color: rgba(8, 8, 8, 0.05);
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0; }
    .contact-icons a:hover::before {
      width: 100%;
      -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
      animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
    .contact-icons a img {
      width: 5rem;
      height: auto; }
    .contact-icons a span {
      font-size: 1.8rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 2.8rem; }
  .contact-icons-email a img,
  .contact-icons-email a svg, .contact-icons-tel a img,
  .contact-icons-tel a svg, .contact-icons-formular a img,
  .contact-icons-formular a svg {
    margin-right: 2rem; }
    @media only screen and (max-width: 75em) {
      .contact-icons-email a img,
      .contact-icons-email a svg, .contact-icons-tel a img,
      .contact-icons-tel a svg, .contact-icons-formular a img,
      .contact-icons-formular a svg {
        margin-right: 1.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .contact-icons-email, .contact-icons-tel {
      margin-bottom: 3rem; } }
  .contact-icons-email a img,
  .contact-icons-email a svg, .contact-icons-tel a img,
  .contact-icons-tel a svg {
    width: 4rem; }
    @media only screen and (max-width: 75em) {
      .contact-icons-email a img,
      .contact-icons-email a svg, .contact-icons-tel a img,
      .contact-icons-tel a svg {
        width: 4rem; } }
  .contact-icons-formular a img,
  .contact-icons-formular a svg {
    width: 3rem; }

/* ---------- Animation Icons ---------- */
.animation-icon .for-you {
  max-width: 10rem !important; }
  @media only screen and (max-width: 37.5em) {
    .animation-icon .for-you {
      max-width: 7rem !important; } }

.animation-icon-active .p-line-one {
  animation: p-line-one-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes p-line-one-anime {
  0% {
    stroke-dashoffset: 118.897172;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  93.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .p-line-two {
  animation: p-line-two-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes p-line-two-anime {
  0% {
    stroke-dashoffset: 59.448586;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .p-line-three {
  animation: p-line-three-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes p-line-three-anime {
  0% {
    opacity: 0; }
  93.333333% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  95% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .pp-line-anime {
  animation: pp-line-anime-anime 3000ms linear 1 normal forwards; }

@keyframes pp-line-anime-anime {
  0% {
    stroke-dashoffset: 195.692621;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .ch-line-one {
  animation: ch-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes ch-line-one-anime {
  0% {
    stroke-dashoffset: 28.558078;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .ch-line-two {
  animation: ch-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes ch-line-two-anime {
  0% {
    stroke-dashoffset: 204.821812;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .s-line-one {
  animation: s-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes s-line-one-anime {
  0% {
    stroke-dashoffset: 39.266796;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .s-line-two {
  animation: s-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes s-line-two-anime {
  0% {
    stroke-dashoffset: 39.27709;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .s-line-three {
  animation: s-line-three-anime 3000ms linear 1 normal forwards; }

@keyframes s-line-three-anime {
  0% {
    stroke-dashoffset: 23.219307;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .s-line-four {
  animation: s-line-four-anime 3000ms linear 1 normal forwards; }

@keyframes s-line-four-anime {
  0% {
    stroke-dashoffset: 23.219307;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .s-circle {
  animation: s-circle-anime 3000ms linear 1 normal forwards; }

@keyframes s-circle-anime {
  0% {
    stroke-dashoffset: 22.75;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .c-line-one {
  animation: c-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes c-line-one-anime {
  0% {
    stroke-dashoffset: 97.519895;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .c-line-two {
  animation: c-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes c-line-two-anime {
  0% {
    stroke-dashoffset: 92.17165;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .c-line-three {
  animation: c-line-three-anime 3000ms linear 1 normal forwards; }

@keyframes c-line-three-anime {
  0% {
    stroke-dashoffset: 29.854052;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .co-line-one {
  animation: co-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes co-line-one-anime {
  0% {
    stroke-dashoffset: 127.889517;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  86.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .co-line-two {
  animation: co-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes co-line-two-anime {
  0% {
    stroke-dashoffset: 46.879061;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .co-line-three {
  animation: co-line-three-anime 3000ms linear 1 normal forwards; }

@keyframes co-line-three-anime {
  0% {
    stroke-dashoffset: 46.87807;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .h-line {
  animation: h-line-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes h-line-anime {
  0% {
    stroke-dashoffset: 228.963004;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .e-line-one {
  animation: e-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes e-line-one-anime {
  0% {
    stroke-dashoffset: 156.68;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .e-line-two {
  animation: e-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes e-line-two-anime {
  0% {
    stroke-dashoffset: 43.353883; }
  50% {
    stroke-dashoffset: 43.353883;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .e-line-three {
  animation: e-line-three-anime 3000ms linear 1 normal forwards; }

@keyframes e-line-three-anime {
  0% {
    opacity: 0; }
  46.666667% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .t-line {
  animation: t-line-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes t-line-anime {
  0% {
    stroke-dashoffset: 129.59982;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .f-line-one {
  animation: f-line-one-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes f-line-one-anime {
  0% {
    stroke-dashoffset: 154.12;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .f-line-two {
  animation-name: f-line-two-anime-one, f-line-two-anime-two;
  animation-duration: 2727.272727272727ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-iteration-count: 1; }

@keyframes f-line-two-anime-one {
  0% {
    opacity: 0; }
  33.333333% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  36.666667% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes f-line-two-anime-two {
  0% {
    stroke-dashoffset: 19.88; }
  33.333333% {
    stroke-dashoffset: 19.88;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .f-line-three {
  animation-name: f-line-three-anime-one, f-line-three-anime-two;
  animation-duration: 2727.272727272727ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-iteration-count: 1; }

@keyframes f-line-three-anime-one {
  0% {
    opacity: 0; }
  60% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  63.333333% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes f-line-three-anime-two {
  0% {
    stroke-dashoffset: 19.88; }
  60% {
    stroke-dashoffset: 19.88;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .f-line-four {
  animation-name: f-line-four-anime-one, f-line-four-anime-two;
  animation-duration: 2727.272727272727ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-iteration-count: 1; }

@keyframes f-line-four-anime-one {
  0% {
    opacity: 0; }
  73.333333% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  76.666667% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes f-line-four-anime-two {
  0% {
    stroke-dashoffset: 19.88; }
  73.333333% {
    stroke-dashoffset: 19.88;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .f-line-five {
  animation: f-line-five-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes f-line-five-anime {
  0% {
    opacity: 0; }
  30% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .m-line-one {
  animation: m-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes m-line-one-anime {
  0% {
    stroke-dashoffset: 143.760069;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .m-line-two {
  animation: m-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes m-line-two-anime {
  0% {
    stroke-dashoffset: 39; }
  66.666667% {
    stroke-dashoffset: 39;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .v-line-one {
  animation: v-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes v-line-one-anime {
  0% {
    stroke-dashoffset: 66.6;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  46.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .v-line-two {
  animation: v-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes v-line-two-anime {
  0% {
    stroke-dashoffset: 148.79; }
  46.666667% {
    stroke-dashoffset: 148.79;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  96.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .a-line-one {
  animation: a-line-one-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes a-line-one-anime {
  0% {
    stroke-dashoffset: 86.27; }
  50% {
    stroke-dashoffset: 86.27;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .a-line-two {
  animation: a-line-two-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes a-line-two-anime {
  0% {
    stroke-dashoffset: 98.177541;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .a-line-three {
  animation: a-line-three-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes a-line-three-anime {
  0% {
    opacity: 0; }
  46.666667% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .n-line-one {
  animation: n-line-one-anime 3000ms linear 1 normal forwards; }

@keyframes n-line-one-anime {
  0% {
    stroke-dashoffset: 68.68;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .n-line-two {
  animation: n-line-two-anime 3000ms linear 1 normal forwards; }

@keyframes n-line-two-anime {
  0% {
    stroke-dashoffset: 91.58; }
  66.666667% {
    stroke-dashoffset: 91.58;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .n-line-three {
  animation: n-line-three-anime 3000ms linear 1 normal forwards; }

@keyframes n-line-three-anime {
  0% {
    stroke-dashoffset: 119.56; }
  33.333333% {
    stroke-dashoffset: 119.56;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .n-line-four {
  animation: n-line-four-anime 3000ms linear 1 normal forwards; }

@keyframes n-line-four-anime {
  0% {
    opacity: 0; }
  30% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .n-line-five {
  animation: n-line-five-anime 3000ms linear 1 normal forwards; }

@keyframes n-line-five-anime {
  0% {
    opacity: 0; }
  63.333333% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .n-line-six {
  animation: n-line-six-anime 3000ms linear 1 normal forwards; }

@keyframes n-line-six-anime {
  0% {
    opacity: 0; }
  96.666667% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    opacity: 1; } }

.animation-icon-active .o-line-one {
  animation: o-line-one-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes o-line-one-anime {
  0% {
    stroke-dashoffset: 114.32;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .o-line-two {
  animation: o-line-two-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes o-line-two-anime {
  0% {
    stroke-dashoffset: 14.97; }
  66.666667% {
    stroke-dashoffset: 14.97;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .o-line-three {
  animation: o-line-three-anime 2727.272727272727ms linear 1 normal forwards; }

@keyframes o-line-three-anime {
  0% {
    opacity: 0; }
  63.333333% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .b-circle-one {
  animation: b-circle-one-anime 3000ms linear 1 normal forwards; }

@keyframes b-circle-one-anime {
  0% {
    transform: translate(66.27px, 92.785px) scale(0.29132, 0.29132);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: translate(66.27px, 92.785px) scale(1.02186, 1.02186); } }

.animation-icon-active .b-circle-one-path {
  animation: b-circle-one-path-anime 3000ms linear 1 normal forwards; }

@keyframes b-circle-one-path-anime {
  0% {
    opacity: 0.15; }
  0.333333% {
    opacity: 0.15;
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    opacity: 1; } }

.animation-icon-active .b-circle-two {
  animation: b-circle-two-anime 3000ms linear 1 normal forwards; }

@keyframes b-circle-two-anime {
  0% {
    transform: translate(108.31px, 92.815px) scale(0.29132, 0.29132);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: translate(108.31px, 92.815px) scale(1.02186, 1.02186); } }

.animation-icon-active .b-circle-two-path {
  animation: b-circle-two-path-anime 3000ms linear 1 normal forwards; }

@keyframes b-circle-two-path-anime {
  0% {
    opacity: 0.15; }
  0.333333% {
    opacity: 0.15;
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    opacity: 1; } }

.animation-icon-active .b-circle-three {
  animation: b-circle-three-anime 3000ms linear 1 normal forwards; }

@keyframes b-circle-three-anime {
  0% {
    transform: translate(87.3px, 56.435px) scale(0.29132, 0.29132);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: translate(87.3px, 56.435px) scale(1.02186, 1.02186); } }

.animation-icon-active .b-circle-three-path {
  animation: b-circle-three-path-anime 3000ms linear 1 normal forwards; }

@keyframes b-circle-three-path-anime {
  0% {
    opacity: 0.15; }
  0.333333% {
    opacity: 0.15;
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    opacity: 1; } }

.animation-icon-active .c-pentagon {
  animation: c-pentagon-anime 3000ms linear 1 normal forwards; }

@keyframes c-pentagon-anime {
  0% {
    transform: translate(60.62px, 95.5px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  16.666667% {
    transform: translate(87.285px, 111.18px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  33.333333% {
    transform: translate(113.96px, 95.5px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  50% {
    transform: translate(112.96px, 64.965px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  66.666667% {
    transform: translate(87.285px, 49.625px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  83.333333% {
    transform: translate(61.62px, 64.965px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: translate(87.285px, 80.39px); } }

.animation-icon-active .d-circle {
  animation: d-circle-anime 3000ms linear 1 normal forwards; }

@keyframes d-circle-anime {
  0% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.animation-icon-active .d-pentagon {
  animation: d-pentagon-anime 3000ms linear 1 normal forwards; }

@keyframes d-pentagon-anime {
  0% {
    transform: translate(56.465px, 49.525px) scale(0.00941, 0.00941);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    transform: translate(56.465px, 49.525px) scale(1, 1); } }

.animation-icon-active .i-rectangle-big {
  animation: i-rectangle-big-anime 3000ms linear 1 normal forwards; }

@keyframes i-rectangle-big-anime {
  0% {
    transform: translate(115.28px, 41.51058px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: translate(115.28px, 124.91677px); } }

.animation-icon-active .i-rectangle-small {
  animation: i-rectangle-small-anime 3000ms linear 1 normal forwards; }

@keyframes i-rectangle-small-anime {
  0% {
    transform: scale(0.11788, 0.11788);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: scale(1.01638, 1.01638); } }

.animation-icon-active .y-polygon {
  animation: y-polygon-anime 3000ms linear 1 normal forwards; }

@keyframes y-polygon-anime {
  0% {
    transform: translate(112.285px, 148.57129px);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: translate(112.295px, 85.91297px); } }

.animation-icon-active .y-polygon-path {
  animation: y-polygon-path-anime 3000ms linear 1 normal forwards; }

@keyframes y-polygon-path-anime {
  0% {
    transform: scale(0.17519, 0.17519);
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    transform: scale(1.00465, 1.00465); } }

.animation-icon-active .polygon {
  animation: polygon-anime 3000ms linear 1 normal forwards; }

@keyframes polygon-anime {
  0% {
    opacity: 0.15;
    animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }
  100% {
    opacity: 0.8; } }

.animation-icon-active .concept--shape01 {
  animation: concept--shape01__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape01__animation {
  0% {
    d: path("M31.195001,35.935L61.87,53.65L31.19,71.37L0.5,53.65L31.184999,35.935"); }
  46.666667% {
    d: path("M31.195001,35.935L61.87,53.65L31.19,71.37L0.5,53.65L31.184999,35.935");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M45.93,44.45L61.87,53.65L31.19,71.37L0.5,53.65L16.43,44.46"); }
  100% {
    d: path("M45.93,44.45L61.87,53.65L31.19,71.37L0.5,53.65L16.43,44.46"); } }

.animation-icon-active .concept--shape02 {
  animation: concept--shape02__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape02__animation {
  0% {
    d: path("M31.19,35.934999L31.19,0.5L61.87,18.22L61.87,53.65"); }
  46.666667% {
    d: path("M31.19,35.934999L31.19,0.5L61.87,18.22L61.87,53.65");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M31.19,18.9L31.19,0.5L61.87,18.22L61.87,53.65"); }
  100% {
    d: path("M31.19,18.9L31.19,0.5L61.87,18.22L61.87,53.65"); } }

.animation-icon-active .concept--shape03 {
  animation: concept--shape03__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape03__animation {
  0% {
    d: path("M31.184999,35.935L61.87,18.22L61.87,53.65L31.19,71.37L31.19,35.934999"); }
  46.666667% {
    d: path("M31.184999,35.935L61.87,18.22L61.87,53.65L31.19,71.37L31.19,35.934999");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M45.68,27.56L61.87,18.22L61.87,53.65L31.19,71.37L31.19,52.8"); }
  100% {
    d: path("M45.68,27.56L61.87,18.22L61.87,53.65L31.19,71.37L31.19,52.8"); } }

.animation-icon-active .concept--shape04 {
  animation: concept--shape04__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape04__animation {
  0% {
    d: path("M31.19,53.26L31.19,71.37L0.5,53.65L0.5,18.22L31.195001,35.935"); }
  46.666667% {
    d: path("M31.19,53.26L31.19,71.37L0.5,53.65L0.5,18.22L31.195001,35.935");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M31.19,53.26L31.19,71.37L0.5,53.65L0.5,18.22L16.68,27.55"); }
  100% {
    d: path("M31.19,53.26L31.19,71.37L0.5,53.65L0.5,18.22L16.68,27.55"); } }

.animation-icon-active .concept--shape05 {
  animation: concept--shape05__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape05__animation {
  0% {
    transform: translate(54.625px, 22.38px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(54.625px, 41.085px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(38.935px, 31.465px); }
  100% {
    transform: translate(38.935px, 31.465px); } }

.animation-icon-active .concept--shape06 {
  animation: concept--shape06__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape06__animation {
  0% {
    transform: translate(7.755px, 22.385px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(7.755px, 41.09px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(23.435px, 31.46px); }
  100% {
    transform: translate(23.435px, 31.46px); } }

.animation-icon-active .concept--shape07 {
  animation: concept--shape07__animation 1500ms linear 1 normal forwards; }

@keyframes concept--shape07__animation {
  0% {
    transform: translate(31.185px, 63px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(31.1825px, 27.565px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(31.18px, 44.89px); }
  100% {
    transform: translate(31.18px, 44.89px); } }

.animation-icon-active .brand--shape01 {
  animation: brand--shape01__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape01__animation {
  0% {
    d: path("M0.5,53.65L0.5,18.22L31.19,0.5L31.19,18.21"); }
  53.333333% {
    d: path("M0.5,53.65L0.5,18.22L31.19,0.5L31.19,18.21");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M0.5,53.65L0.5,18.22L31.19,0.5L31.19,11.38"); }
  100% {
    d: path("M0.5,53.65L0.5,18.22L31.19,0.5L31.19,11.38"); } }

.animation-icon-active .brand--shape02 {
  animation: brand--shape02__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape02__animation {
  0% {
    d: path("M31.19,17.385857L31.19,35.95"); }
  53.333333% {
    d: path("M31.19,17.385857L31.19,35.95");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M31.19,24.16L31.19,35.95"); }
  100% {
    d: path("M31.19,24.16L31.19,35.95"); } }

.animation-icon-active .brand--shape03 {
  animation: brand--shape03__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape03__animation {
  0% {
    d: path("M14.790717,45.398315L31.19,35.95L47.562767,45.398315"); }
  53.333333% {
    d: path("M14.790717,45.398315L31.19,35.95L47.562767,45.398315");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M20.64,42.03L31.19,35.95L41.73,42.03"); }
  100% {
    d: path("M20.64,42.03L31.19,35.95L41.73,42.03"); } }

.animation-icon-active .brand--shape04 {
  animation: brand--shape04__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape04__animation {
  0% {
    d: path("M46.53,44.795L61.87,53.65L31.19,71.37L0.5,53.65L16.128,44.634"); }
  53.333333% {
    d: path("M46.53,44.795L61.87,53.65L31.19,71.37L0.5,53.65L16.128,44.634");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M53.01,48.54L61.87,53.65L31.19,71.37L0.5,53.65L9.36,48.54"); }
  100% {
    d: path("M53.01,48.54L61.87,53.65L31.19,71.37L0.5,53.65L9.36,48.54"); } }

.animation-icon-active .brand--shape05 {
  animation: brand--shape05__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape05__animation {
  0% {
    transform: translate(10.54625px, 18.21px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(24.80014px, 9.5975px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(25.39125px, 17.765px); }
  100% {
    transform: translate(25.39125px, 17.765px); } }

.animation-icon-active .brand--shape06 {
  animation: brand--shape06__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape06__animation {
  0% {
    transform: translate(51.82562px, 18.22px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(37.53562px, 9.5975px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(36.97562px, 17.77px); }
  100% {
    transform: translate(36.97562px, 17.77px); } }

.animation-icon-active .brand--shape07 {
  animation: brand--shape07__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape07__animation {
  0% {
    transform: translate(55.2px, 28.51252px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(40.73px, 36.57077px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(48.65px, 41.58418px); }
  100% {
    transform: translate(48.65px, 41.58418px); } }

.animation-icon-active .brand--shape08 {
  animation: brand--shape08__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape08__animation {
  0% {
    transform: translate(37.965px, 61.2658px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(37.855px, 44.78997px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(46.055px, 49.08583px); }
  100% {
    transform: translate(46.055px, 49.08583px); } }

.animation-icon-active .brand--shape09 {
  animation: brand--shape09__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape09__animation {
  0% {
    transform: translate(24.405px, 61.27583px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(24.515px, 44.8px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(16.335px, 49.08583px); }
  100% {
    transform: translate(16.335px, 49.08583px); } }

.animation-icon-active .brand--shape10 {
  animation: brand--shape10__animation 1500ms linear 1 normal forwards; }

@keyframes brand--shape10__animation {
  0% {
    transform: translate(7.17px, 28.52755px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(21.515px, 36.5758px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(13.73px, 41.56917px); }
  100% {
    transform: translate(13.73px, 41.56917px); } }

.animation-icon-active .digital--shape01 {
  animation: digital--shape01__animation 1500ms linear 1 normal forwards; }

@keyframes digital--shape01__animation {
  0% {
    d: path("M31.199999,36.571321L31.19,14.2"); }
  53.333333% {
    d: path("M31.199999,36.571321L31.19,14.2");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M31.19,23.17L31.19,14.2"); }
  100% {
    d: path("M31.19,23.17L31.19,14.2"); } }

.animation-icon-active .digital--shape02 {
  animation: digital--shape02__animation 1500ms linear 1 normal forwards; }

@keyframes digital--shape02__animation {
  0% {
    d: path("M31.184999,35.935L50.01,46.79"); }
  53.333333% {
    d: path("M31.184999,35.935L50.01,46.79");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M42.01,42.17L50.01,46.79"); }
  100% {
    d: path("M42.01,42.17L50.01,46.79"); } }

.animation-icon-active .digital--shape03 {
  animation: digital--shape03__animation 1500ms linear 1 normal forwards; }

@keyframes digital--shape03__animation {
  0% {
    d: path("M31.184999,35.935L12.37,46.79"); }
  53.333333% {
    d: path("M31.184999,35.935L12.37,46.79");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    d: path("M20.2,42.27L12.37,46.79"); }
  100% {
    d: path("M20.2,42.27L12.37,46.79"); } }

.animation-icon-active .digital--shape04 {
  animation: digital--shape04__animation 1500ms linear 1 normal forwards; }

@keyframes digital--shape04__animation {
  0% {
    transform: translate(31.19px, 6.9px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(31.28px, 50.88px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(31.19px, 29.05px); }
  100% {
    transform: translate(31.19px, 29.05px); } }

.animation-icon-active .digital--shape05 {
  animation: digital--shape05__animation 1500ms linear 1 normal forwards; }

@keyframes digital--shape05__animation {
  0% {
    transform: translate(56.37px, 28.17px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(56.37px, 50.175px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(37.19px, 39.435px); }
  100% {
    transform: translate(37.19px, 39.435px); } }

.animation-icon-active .digital--shape06 {
  animation: digital--shape06__animation 1500ms linear 1 normal forwards; }

@keyframes digital--shape06__animation {
  0% {
    transform: translate(6.005px, 28.17px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(6.005px, 50.175px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(25.195px, 39.435px); }
  100% {
    transform: translate(25.195px, 39.435px); } }

.animation-icon-active .image--shape01 {
  animation: image--shape01__animation 1500ms linear 1 normal forwards; }

@keyframes image--shape01__animation {
  0% {
    transform: translate(55.0508px, 53.735px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(42.51px, 61.455px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(43.01px, 53.735px); }
  100% {
    transform: translate(43.01px, 53.735px); } }

.animation-icon-active .image--shape02 {
  animation: image--shape02__animation 1500ms linear 1 normal forwards; }

@keyframes image--shape02__animation {
  0% {
    transform: translate(10.79158px, 53.735px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(22.94473px, 46.72234px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(22.925px, 53.735px); }
  100% {
    transform: translate(22.925px, 53.735px); } }

.animation-icon-active .image--shape03 {
  animation: image--shape03__animation 1500ms linear 1 normal forwards; }

@keyframes image--shape03__animation {
  0% {
    d: path("M32.97,51.769161L32.97,72.47");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    d: path("M32.97,72.47L32.97,72.47");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    d: path("M32.97,64.75L32.97,72.47"); }
  100% {
    d: path("M32.97,64.75L32.97,72.47"); } }

.animation-icon-active .image--shape04 {
  animation: image--shape04__animation 1500ms linear 1 normal forwards; }

@keyframes image--shape04__animation {
  0% {
    d: path("M32.97,0.5L32.97,52.680421");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    d: path("M32.97,0.5L32.97,34.99");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  46.666667% {
    d: path("M32.97,0.5L32.97,37.630736");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  53.333333% {
    d: path("M32.97,0.5L32.97,41.005785");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  60% {
    d: path("M32.97,0.5L32.97,42.437253");
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    d: path("M32.97,0.5L32.97,42.72"); }
  100% {
    d: path("M32.97,0.5L32.97,42.72"); } }

.animation-icon-active .you--shape01 {
  animation: you--shape01__animation 1500ms linear 1 normal forwards; }

@keyframes you--shape01__animation {
  0% {
    d: path("M35.286687,27.45L19.69,27.45L24.89,14.06L47.64,14.06L52.85,27.45L35.286687,27.45"); }
  46.666667% {
    d: path("M35.286687,27.45L19.69,27.45L24.89,14.06L47.64,14.06L52.85,27.45L35.286687,27.45");
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  65.333333% {
    d: path("M25.16,27.45L19.69,27.45L24.89,14.06L47.64,14.06L52.85,27.45L47.37,27.45"); }
  100% {
    d: path("M25.16,27.45L19.69,27.45L24.89,14.06L47.64,14.06L52.85,27.45L47.37,27.45"); } }

.animation-icon-active .you--shape02 {
  animation: you--shape02__animation 1500ms linear 1 normal forwards; }

@keyframes you--shape02__animation {
  0% {
    transform: translate(32.78774px, 18.255px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(39.93544px, 18.255px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(36.265px, 22.745px); }
  100% {
    transform: translate(36.265px, 22.745px); } }

.animation-icon-active .you--shape03 {
  animation: you--shape03__animation 1500ms linear 1 normal forwards; }

@keyframes you--shape03__animation {
  0% {
    transform: translate(38.5059px, 43.04225px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  33.333333% {
    transform: translate(33.83092px, 43.08089px);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  66.666667% {
    transform: translate(36.265px, 37.865px); }
  100% {
    transform: translate(36.265px, 37.865px); } }

.animation-icon-active .book--shape01 {
  animation: book--shape01__animation 3000ms linear 1 normal forwards; }

@keyframes book--shape01__animation {
  0% {
    stroke-dashoffset: 7.63; }
  66.666667% {
    stroke-dashoffset: 7.63;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .book--shape02 {
  animation: book--shape02__animation 3000ms linear 1 normal forwards; }

@keyframes book--shape02__animation {
  0% {
    opacity: 0; }
  63.333333% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .book--shape03 {
  animation: book--shape03__animation 3000ms linear 1 normal forwards; }

@keyframes book--shape03__animation {
  0% {
    stroke-dashoffset: 144;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .book--shape04 {
  animation: book--shape04__animation 3000ms linear 1 normal forwards; }

@keyframes book--shape04__animation {
  0% {
    stroke-dashoffset: 7.32; }
  33.333333% {
    stroke-dashoffset: 7.32;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .book--shape05 {
  animation: book--shape05__animation 3000ms linear 1 normal forwards; }

@keyframes book--shape05__animation {
  0% {
    stroke-dashoffset: 7.32; }
  63.333333% {
    stroke-dashoffset: 7.32;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .book--shape06 {
  animation: book--shape06__animation 3000ms linear 1 normal forwards; }

@keyframes book--shape06__animation {
  0% {
    stroke-dashoffset: 7.32; }
  33.333333% {
    stroke-dashoffset: 7.32;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape01 {
  animation: contact--shape01__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape01__animation {
  0% {
    stroke-dashoffset: 170;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape02 {
  animation: contact--shape02__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape02__animation {
  0% {
    stroke-dashoffset: 8; }
  50% {
    stroke-dashoffset: 8;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape03 {
  animation: contact--shape03__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape03__animation {
  0% {
    stroke-dashoffset: 8; }
  50% {
    stroke-dashoffset: 8;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape04 {
  animation: contact--shape04__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape04__animation {
  0% {
    stroke-dashoffset: 8; }
  50% {
    stroke-dashoffset: 8;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape05 {
  animation: contact--shape05__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape05__animation {
  0% {
    stroke-dashoffset: 8; }
  50% {
    stroke-dashoffset: 8;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  66.666667% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape06 {
  animation: contact--shape06__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape06__animation {
  0% {
    stroke-dashoffset: 73.43; }
  50% {
    stroke-dashoffset: 73.43;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .contact--shape07 {
  animation: contact--shape07__animation 3000ms linear 1 normal forwards; }

@keyframes contact--shape07__animation {
  0% {
    stroke-dashoffset: 73.43; }
  96.666667% {
    stroke-dashoffset: 73.43;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }
.animation-icon-active .career--shape01 {
  animation: career--shape01__animation 3400ms linear 1 normal forwards; }

@keyframes career--shape01__animation {
  0% {
    stroke-dashoffset: 73.43; }
  44.117647% {
    stroke-dashoffset: 73.43;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  88.235294% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .career--shape02 {
  animation: career--shape02__animation 3400ms linear 1 normal forwards; }

@keyframes career--shape02__animation {
  0% {
    stroke-dashoffset: 73.43; }
  85.294118% {
    stroke-dashoffset: 73.43;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  88.235294% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .career--shape03 {
  animation: career--shape03__animation 3400ms linear 1 normal forwards; }

@keyframes career--shape03__animation {
  0% {
    stroke-dashoffset: 30.53;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  58.823529% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .career--shape04 {
  animation: career--shape04__animation 3400ms linear 1 normal forwards; }

@keyframes career--shape04__animation {
  0% {
    stroke-dashoffset: 118.44;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  58.823529% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .our-journey--shape01 {
  animation: our-journey--shape01__animation 3000ms linear 1 normal forwards; }

@keyframes our-journey--shape01__animation {
  0% {
    stroke-dashoffset: 162.02;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .our-journey--shape02 {
  animation: our-journey--shape02__animation 3000ms linear 1 normal forwards; }

@keyframes our-journey--shape02__animation {
  0% {
    stroke-dashoffset: 92.7;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .our-journey--shape03 {
  animation: our-journey--shape03__animation 3000ms linear 1 normal forwards; }

@keyframes our-journey--shape03__animation {
  0% {
    stroke-dashoffset: 48.62; }
  50% {
    stroke-dashoffset: 48.62;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

.animation-icon-active .our-journey--shape04 {
  animation: our-journey--shape04__animation 3000ms linear 1 normal forwards; }

@keyframes our-journey--shape04__animation {
  0% {
    stroke-dashoffset: 48.62; }
  93.333333% {
    stroke-dashoffset: 48.62;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  100% {
    stroke-dashoffset: 0; } }

  .animation-icon-active .moments--shape01 {
    animation: moments--shape01__animation 3000ms linear 1 normal forwards;
  }
  @keyframes moments--shape01__animation {
    0% {
      stroke-dashoffset: 49.09;
    }
    66.666667% {
      stroke-dashoffset: 49.09;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .moments--shape02 {
    animation: moments--shape02__animation 3000ms linear 1 normal forwards;
  }
  @keyframes moments--shape02__animation {
    0% {
      stroke-dashoffset: 241.51;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    50% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .moments--shape03 {
    animation: moments--shape03__animation 3000ms linear 1 normal forwards;
  }
  @keyframes moments--shape03__animation {
    0% {
      stroke-dashoffset: 82.98;
    }
    30% {
      stroke-dashoffset: 82.98;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    83.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .moments--shape04 {
    animation: moments--shape04__animation 3000ms linear 1 normal forwards;
  }
  @keyframes moments--shape04__animation {
    0% {
      stroke-dashoffset: 82.98;
    }
    30% {
      stroke-dashoffset: 82.98;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    83.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }

  .animation-icon-active .toolbox--shape01 {
    animation: toolbox--shape01__animation 3000ms linear 1 normal forwards;
  }
  @keyframes toolbox--shape01__animation {
    0% {
      stroke-dashoffset: 188.42;
    }
    33.333333% {
      stroke-dashoffset: 188.42;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .toolbox--shape02 {
    animation: toolbox--shape02__animation 3000ms linear 1 normal forwards;
  }
  @keyframes toolbox--shape02__animation {
    0% {
      stroke-dashoffset: 46.01;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    33.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .toolbox--shape03 {
    animation: toolbox--shape03__animation 3000ms linear 1 normal forwards;
  }
  @keyframes toolbox--shape03__animation {
    0% {
      stroke-dashoffset: 46.01;
    }
    26.666667% {
      stroke-dashoffset: 46.01;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    33.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }

  .animation-icon-active .advisors--shape01 {
    animation: advisors--shape01__animation 3000ms linear 1 normal forwards;
  }
  @keyframes advisors--shape01__animation {
    0% {
      stroke-dashoffset: 48.59;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    33.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .advisors--shape02 {
    animation: advisors--shape02__animation 3000ms linear 1 normal forwards;
  }
  @keyframes advisors--shape02__animation {
    0% {
      stroke-dashoffset: 73.74;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    33.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .advisors--shape03 {
    animation: advisors--shape03__animation 3000ms linear 1 normal forwards;
  }
  @keyframes advisors--shape03__animation {
    0% {
      stroke-dashoffset: 73.74;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    33.333333% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .advisors--shape04 {
    animation: advisors--shape04__animation 3000ms linear 1 normal forwards;
  }
  @keyframes advisors--shape04__animation {
    0% {
      stroke-dashoffset: 109.62;
    }
    26.666667% {
      stroke-dashoffset: 109.62;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    66.666667% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .advisors--shape05 {
    animation: advisors--shape05__animation 3000ms linear 1 normal forwards;
  }
  @keyframes advisors--shape05__animation {
    0% {
      stroke-dashoffset: 21.93;
    }
    66.666667% {
      stroke-dashoffset: 21.93;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .animation-icon-active .advisors--shape06 {
    animation: advisors--shape06__animation 3000ms linear 1 normal forwards;
  }
  @keyframes advisors--shape06__animation {
    0% {
      stroke-dashoffset: 13.1;
    }
    66.666667% {
      stroke-dashoffset: 13.1;
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    100% {
      stroke-dashoffset: 0;
    }
  }

.play--line01 {
  animation: play--line01__animation 3000ms linear 1 normal forwards; }

@keyframes play--line01__animation {
  0% {
    stroke-dashoffset: 143.76;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.play--line02 {
  animation: play--line02__animation 3000ms linear 1 normal forwards; }

@keyframes play--line02__animation {
  0% {
    opacity: 0; }
  80% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  83.333333% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.play--line03 {
  animation: play--line03__animation 3000ms linear 1 normal forwards; }

@keyframes play--line03__animation {
  0% {
    stroke-dashoffset: 214.242808;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  33.333333% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

.play--line04 {
  animation: play--line04__animation 3000ms linear 1 normal forwards; }

@keyframes play--line04__animation {
  0% {
    opacity: 0; }
  16.666667% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  20% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.animation-icon-active .l-line-one {
  animation: l-line-one-anime 3000ms linear 1 normal forwards;
}
@keyframes l-line-one-anime {
  0% {
    stroke-dashoffset: 78.24;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  83.333333% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.animation-icon-active .l-line-two {
  animation: l-line-two-anime 3000ms linear 1 normal forwards;
}
@keyframes l-line-two-anime {
  0% {
    stroke-dashoffset: 78.24;
  }
  80% {
    stroke-dashoffset: 78.24;
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }
  83.333333% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.animation-icon-active .l-line-three {
  animation: l-line-three-anime 3000ms linear 1 normal forwards;
}
@keyframes l-line-three-anime {
  0% {
    stroke-dashoffset: 78.24;
  }
  63.333333% {
    stroke-dashoffset: 78.24;
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }
  66.666667% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.animation-icon-active .l-line-four {
  animation: l-line-four-anime 3000ms linear 1 normal forwards;
}
@keyframes l-line-four-anime {
  0% {
    stroke-dashoffset: 144;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  66.666667% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* ---------- Testimonials ---------- */
@media only screen and (max-width: 100em) {
  .testimonials {
    padding-right: 5rem;
    padding-left: 5rem; } }

@media only screen and (max-width: 56.25em) {
  .testimonials {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }

.testimonials-slider {
  padding: 6rem;
  background-color: #080808;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media only screen and (max-width: 56.25em) {
    .testimonials-slider {
      padding: 5rem; } }
  @media only screen and (max-width: 37.5em) {
    .testimonials-slider {
      padding: 4rem 3rem 3rem 2rem; } }
  .testimonials-slider .swiper-container {
    position: relative;
    overflow: hidden; }
  .testimonials-slider-quotes {
    margin-top: -1rem;
    font-size: 8rem;
    color: rgba(255, 255, 255, 0.25);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .testimonials-slider-quotes {
        position: relative;
        padding-right: 1rem; 
        font-size: 5rem; } }
  .testimonials-slider-content {
    position: relative;
    padding-bottom: 3rem;
    padding-left: 3rem;
    z-index: 100; }
    @media only screen and (max-width: 37.5em) {
      .testimonials-slider-content {
        padding-left: 0; } }
    .testimonials-slider-content h1,
    .testimonials-slider-content h2,
    .testimonials-slider-content h3,
    .testimonials-slider-content h4,
    .testimonials-slider-content h5,
    .testimonials-slider-content h6,
    .testimonials-slider-content p {
      padding: 0;
      font-size: 3rem;
      font-family: "Axiforma-Medium";
      line-height: 4rem;
      color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .testimonials-slider-content h1,
        .testimonials-slider-content h2,
        .testimonials-slider-content h3,
        .testimonials-slider-content h4,
        .testimonials-slider-content h5,
        .testimonials-slider-content h6,
        .testimonials-slider-content p {
          font-size: 2.2rem;
          line-height: 3rem; } }
    .testimonials-slider-content.is-transitioned {
      transition-delay: 0.1s !important; }
  .testimonials-slider-author {
    padding-left: 3rem; }
    @media only screen and (max-width: 37.5em) {
      .testimonials-slider-author {
        padding-left: 0; } }
    .testimonials-slider-author h6 {
      font-size: 1.7rem;
      font-family: "Axiforma-Light";
      line-height: 2.7rem;
      color: #fff; }
    .testimonials-slider-author.is-transitioned {
      transition-delay: 0.3s !important; }
  .testimonials-slider-arrows {
    height: 2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    position: absolute;
    right: 0;
    bottom: 0; }
    @media only screen and (max-width: 37.5em) {
      .testimonials-slider-arrows {
        position: relative;
        margin-top: 3rem; } }
    .testimonials-slider-arrows .swiper-button-next,
    .testimonials-slider-arrows .swiper-button-prev {
      position: relative;
      width: initial;
      height: initial;
      right: initial;
      left: initial;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .testimonials-slider-arrows .swiper-button-prev {
      margin-right: 7.5rem;
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
      .testimonials-slider-arrows .swiper-button-prev::before {
        content: " ";
        width: 4rem;
        height: 0.1rem;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: -5.8rem;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    .testimonials-slider-arrows .swiper-button-next::after,
    .testimonials-slider-arrows .swiper-button-prev::after {
      content: "\e90a";
      font-family: "refive" !important;
      font-size: 2rem;
      color: #fff; }
  .testimonials-slider-animated {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.05s;
    -moz-transition: all 0.05s;
    -ms-transition: all 0.05s;
    -o-transition: all 0.05s;
    transition: all 0.05s;
    -moz-transform: translateX(3rem);
    -o-transform: translateX(3rem);
    -ms-transform: translateX(3rem);
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem); }
    .testimonials-slider-animated.is-transitioned {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none; }

/* ---------- Video ---------- */
.video {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .video-overlay {
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem);
    background-color: rgba(8, 8, 8, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .video-close {
    font-size: 3rem;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    top: 5rem;
    right: 5rem; }
    @media only screen and (max-width: 37.5em) {
      .video-close {
        top: 2rem;
        right: 2rem;
        font-size: 2.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .video {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .video {
      padding-bottom: 8rem; } }
  .video-wrapper {
    position: relative;
    width: 100%;
    height: 70rem; }
    @media only screen and (max-width: 37.5em) {
      .video-wrapper {
        height: 42rem; } }
  .video-container {
    max-width: 140rem !important;
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease;
    -ms-transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease;
    -o-transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; }
  .video.open {
    opacity: 1;
    visibility: visible; }
    .video.open .video-container {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
  .video-button-play {
    font-size: 10rem;
    color: #fff;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 37.5em) {
      .video-button-play {
        font-size: 6rem; } }
    .video-button-play:hover {
      color: rgba(255, 255, 255, 0.5); }
    .video-button-play-hide {
      opacity: 0;
      visibility: hidden;
      z-index: -1; }
    .video-button-play-pause {
      display: none; }
  .video-player {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70rem; }
    @media only screen and (max-width: 37.5em) {
      .video-player {
        height: 42rem; } }
    .video-player video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      cursor: pointer; }
  .video-cover {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .video-cover-hide {
      opacity: 0;
      visibility: hidden; }
      .video-cover-hide img {
        display: none; }
    .video-cover::before {
      content: " ";
      width: 100%;
      height: 100%;
      background-color: rgba(8, 8, 8, 0.5);
      position: absolute;
      top: 0;
      left: 0; }
    .video-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .video-cover-style {
      opacity: 1;
      visibility: visible; }
      .video-cover-style img {
        display: none; }
  .video-controls {
    width: 100%;
    height: 5rem;
    box-sizing: border-box;
    z-index: 1000;
    position: absolute;
    bottom: -9rem;
    left: 0;
    -webkit-transition: all 0.2s ease-in 3s;
    -moz-transition: all 0.2s ease-in 3s;
    -ms-transition: all 0.2s ease-in 3s;
    -o-transition: all 0.2s ease-in 3s;
    transition: all 0.2s ease-in 3s; }
  .video-time {
    padding-bottom: 1.5rem;
    position: absolute;
    right: 3rem;
    bottom: 100%; }
    .video-time-current, .video-time-total {
      font-size: 1.4rem;
      font-family: "Axiforma-Light";
      line-height: 1.9rem;
      color: #fff; }
  .video-volume {
    padding-top: 1rem;
    margin: 0 auto;
    width: calc(100% - 5rem);
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .video-volume-button {
      position: relative;
      margin-right: 1rem;
      font-size: 2rem;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .video-volume-button.muted::before {
        content: "";
        width: 2.1rem;
        height: 0.1rem;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        -moz-transform: translateY(-50%) rotate(-45deg);
        -o-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg); }
    .video-volume-slider {
      position: relative;
      width: 8rem;
      height: 0.8rem;
      background-color: rgba(8, 8, 8, 0.5);
      border-radius: 0.2rem; }
      .video-volume-slider-filled {
        height: 100%;
        background-color: #fff;
        border-radius: 0.2rem;
        cursor: pointer; }
  .video-player:hover .video-controls {
    bottom: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .video-progress {
    margin: 0 auto;
    width: calc(100% - 5rem);
    height: 0.8rem;
    background-color: rgba(8, 8, 8, 0.5);
    border-radius: 0.2rem;
    -webkit-transition: height 0.1s ease-in-out;
    -moz-transition: height 0.1s ease-in-out;
    -ms-transition: height 0.1s ease-in-out;
    -o-transition: height 0.1s ease-in-out;
    transition: height 0.1s ease-in-out; }
    .video-progress-filled {
      width: 10%;
      height: 100%;
      background-color: #fff;
      border-radius: 0.2rem;
      cursor: pointer;
      -webkit-transition: all 0.1s;
      -moz-transition: all 0.1s;
      -ms-transition: all 0.1s;
      -o-transition: all 0.1s;
      transition: all 0.1s; }

.portfolio-video.video {
  padding-bottom: 10rem;
  position: relative;
  height: auto;
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.portfolio-youtube {
  padding-bottom: 10rem; }
  @media only screen and (max-width: 100em) {
    .portfolio-youtube {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 75em) {
    .portfolio-youtube {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .portfolio-youtube {
      padding-bottom: 5rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
.portfolio-youtube .portfolio-youtube-wrapper {
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
.portfolio-youtube .portfolio-youtube-wrapper iframe,
.portfolio-youtube .portfolio-youtube-wrapper object,
.portfolio-youtube .portfolio-youtube-wrapper embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ---------- Grid ---------- */
.lity,
.w-section {
  z-index: 100000; }

.lity {
  -webkit-backdrop-filter: blur(1.5rem);
  backdrop-filter: blur(1.5rem);
  background-color: rgba(8, 8, 8, 0.8); }

.lity-iframe .lity-container, 
.lity-youtube .lity-container, 
.lity-vimeo .lity-container, 
.lity-facebookvideo .lity-container, 
.lity-googlemaps .lity-container {
  max-width: 120rem; }
  @media only screen and (max-width: 56.25em) {
  .lity-iframe .lity-container, 
  .lity-youtube .lity-container, 
  .lity-vimeo .lity-container, 
  .lity-facebookvideo .lity-container, 
  .lity-googlemaps .lity-container {
    padding: 3rem; } }

.lity-close:active {
  top: 2.5rem;
}
.lity-close {
  width: 2.5rem;
  height: 2.5rem;
  height: initial;
  display: flex;
  top: 2.5rem;
  right: 2.5rem;
  font-size: 2.5rem;
  font-family: initial;
  line-height: initial;
  text-shadow: none;
}
.lity-close::before {
  content: "\e916";
  font-size: 2.5rem;
  font-family: "refive" !important;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lity-close:hover,
.lity-close:focus {
  top: 2.5rem;
  right: 2.5rem;
  font-size: 2.5rem;
  line-height: initial;
  text-shadow: initial;
  color: rgba(255, 255, 255, 1);
}
.lity-close:hover:before,
.lity-close:focus:before {
  color: rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 56.25em) {
  .lity-iframe-container {
    padding-top: 100%; } }

.smooth-scroll {
  cursor: none; }

  .main-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    vertical-align: middle; }

.container-fluid,
.container-section,
.container {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-right: auto;
  margin-left: auto; }

.container-section {
  max-width: 138.5rem; }
  @media only screen and (min-width: 112.5em) {
    .container-section {
      max-width: 158.5rem; } }
  @media only screen and (max-width: 75em) {
    .container-section {
      max-width: 114rem; } }
  @media only screen and (max-width: 56.25em) {
    .container-section {
      max-width: 85rem; } }
  @media only screen and (max-width: 37.5em) {
    .container-section {
      max-width: 100%; } }

.container {
  max-width: 120rem; }
  @media only screen and (min-width: 112.5em) {
    .container {
      max-width: 140rem; } }
  @media only screen and (max-width: 75em) {
    .container {
      max-width: 114rem; } }
  @media only screen and (max-width: 56.25em) {
    .container {
      max-width: 85rem; } }
  @media only screen and (max-width: 37.5em) {
    .container {
      max-width: 100%; } }

.row {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.col-1 {
  max-width: 8.33333%;
  -moz-box-flex: 0 0 8.33333%;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%; }

.col-2 {
  max-width: 16.66667%;
  -moz-box-flex: 0 0 16.66667%;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%; }

.col-3 {
  max-width: 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%; }

.col-4 {
  max-width: 33.33333%;
  -moz-box-flex: 0 0 33.33333%;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%; }

.col-5 {
  max-width: 41.66667%;
  -moz-box-flex: 0 0 41.66667%;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%; }

.col-6 {
  max-width: 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.col-7 {
  max-width: 58.33333%;
  -moz-box-flex: 0 0 58.33333%;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%; }

.col-8 {
  max-width: 66.66667%;
  -moz-box-flex: 0 0 66.66667%;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%; }

.col-9 {
  max-width: 75%;
  -moz-box-flex: 0 0 75%;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%; }

.col-10 {
  max-width: 83.33333%;
  -moz-box-flex: 0 0 83.33333%;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%; }

.col-11 {
  max-width: 91.66667%;
  -moz-box-flex: 0 0 91.66667%;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%; }

.col-12 {
  max-width: 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

.col-12 {
  max-width: 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media only screen and (max-width: 75em) {
  .col-md-8 {
    max-width: 80%;
    -moz-box-flex: 0 0 80%;
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%; } }

@media only screen and (max-width: 56.25em) {
  .col-md-8 {
    max-width: 75%;
    -moz-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%; } }

@media only screen and (max-width: 56.25em) {
  .col-md-6 {
    max-width: 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; } }

@media only screen and (max-width: 56.25em) {
  .col-md-12 {
    max-width: 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
  @media only screen and (max-width: 37.5em) {
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
      max-width: 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }

@media only screen and (max-width: 37.5em) {
  .col-sm-6 {
    max-width: 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; } }

.d-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.content-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }

.content-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end; }

.content-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.items-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.items-end {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end; }

.flex-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media only screen and (max-width: 37.5em) {
    .flex-row {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.flex-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

/* ---------- Header ---------- */
.header {
  padding: 0 6.5rem;
  width: 100%;
  height: 12.5rem;
  z-index: 10000;
  mix-blend-mode: exclusion;
  background-color: transparent;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease; }
  .header.open {
    z-index: 10003;
    mix-blend-mode: initial;
    background-color: initial; }
  @media only screen and (min-width: 162.5em) {
    .header {
      padding: 0;
      margin: 0 auto;
      max-width: 210rem; } }
  @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .header {
      padding: 0 3rem;
      height: 7rem; } }
  @media only screen and (max-width: 56.25em) {
    .header {
      padding: 0 3.5rem;
      height: 9rem; } }
  @media only screen and (max-width: 37.5em) {
    .header {
      padding: 0 1.5rem;
      height: 7rem; } }
  .header-logo {
    position: relative;
    z-index: 1001;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .header-logo a {
      font-size: 2.5rem;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      @media only screen and (max-width: 56.25em) {
        .header-logo a {
          font-size: 2.2rem; } }
      @media only screen and (max-width: 37.5em) {
        .header-logo a {
          font-size: 2rem; } }
  .header-icon {
    position: relative;
    z-index: 1000; }
    .header-icon a {
      position: relative;
      width: 3rem;
      height: 1.5rem;
      z-index: 100;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      @media only screen and (max-width: 56.25em) {
        .header-icon a {
          width: 2.5rem;
          height: 1.2rem; } }
      .header-icon a::before, .header-icon a::after {
        content: "";
        width: 100%;
        height: 0.2rem;
        opacity: 1;
        visibility: visible;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
        -moz-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
        -ms-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
        -o-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
        transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .header-icon a::after {
        top: initial;
        bottom: 0; }
    .header-icon.open a::before, .header-icon.open a::after {
      top: 0.7rem;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .header-icon.open a::after {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

    .nav {
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      background-color: #080808;
      z-index: 10002;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .nav.open {
        opacity: 1;
        visibility: visible;
        overflow-x: hidden;
        overflow-y: auto;
        pointer-events: initial;
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease; }
    .nav-container {
      position: relative;
      padding: 0 1.5rem 12rem 1.5rem;
      margin: 0 auto;
      max-width: 117rem;
      width: 100vw;
      height: 100vh;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      @media only screen and (max-width: 75em) {
        .nav-container {
          padding: 0 6rem 12rem 6rem; } }
      @media only screen and (max-width: 56.25em) {
        .nav-container {
          padding: 15rem 3.5rem 8rem 3.5rem;
          -webkit-align-items: flex-start;
          -moz-align-items: flex-start;
          -ms-align-items: flex-start;
          -ms-flex-align: flex-start;
          align-items: flex-start;
          -webkit-justify-content: initial;
          -moz-justify-content: initial;
          -ms-justify-content: initial;
          justify-content: initial;
          -ms-flex-pack: initial;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      @media only screen and (max-width: 37.5em) {
        .nav-container { 
          padding: 12rem 2rem 5rem 2rem; } }
      @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .nav-container {
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: space-between;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
    .nav-container-address, .nav-container-email {
      padding-bottom: 2rem; }
      .nav-container-address p,
      .nav-container-address a, .nav-container-email p,
      .nav-container-email a {
        font-size: 1.6rem;
        font-family: "Axiforma-Light";
        line-height: 2.4rem;
        color: rgba(255, 255, 255, 0.7); }
        @media only screen and (max-width: 37.5em) {
          .nav-container-address p,
          .nav-container-address a, .header-menu-email p,
          .nav-container-email a {
            font-size: 1.4rem;
            line-height: 1.9rem;
            color: rgba(255, 255, 255, 0.5); } }
        .nav-container-address p span,
        .nav-container-address a span, .nav-container-email p span,
        .nav-container-email a span {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .nav-container-address p span:first-child,
          .nav-container-address a span:first-child, .nav-container-email p span:first-child,
          .nav-container-email a span:first-child {
            padding-bottom: 1rem;
            font-family: "Axiforma-Medium"; }
    .nav-container-email {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .nav-container-email a:hover {
        color: white; }
    .nav-container-social {
      padding-top: 1rem; }
      @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .nav-container-social {
          padding-top: 0; } }
  @media only screen and (max-width: 56.25em) {
    .nav-menu {
      padding-bottom: 5rem; } }
  .nav-menu-list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .nav-menu-list .menu-item {
      position: relative;
      width: fit-content;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-inline-flex;
      display: inline-flex; }
      .nav-menu-list .menu-item:not(:last-child) {
        margin-bottom: 4.5rem; }
        @media only screen and (max-width: 75em) {
          .nav-menu-list .menu-item:not(:last-child) {
            margin-bottom: 3rem; } }
        @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .nav-menu-list .menu-item:not(:last-child) {
            margin-bottom: 2rem; } }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item:not(:last-child) {
            width: fit-content;
            margin-bottom: 2rem;
            display: initial; } }
        @media only screen and (max-width: 37.5em) {
          .nav-menu-list .menu-item:not(:last-child) {
            margin-bottom: 2rem; } }
      .nav-menu-list .menu-item-toggle {
        display: none;
        font-size: 1.8rem;
        color: #fff;
        position: absolute;
        top: 0.5rem;
        right: -2.5rem;
        -webkit-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -moz-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -ms-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -o-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875); }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item-toggle {
            display: block; } }
        .nav-menu-list .menu-item-toggle.open {
          top: 0.5rem;
          -moz-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      .nav-menu-list .menu-item a {
        position: relative;
        padding-right: 18rem;
        margin: 0;
        font-size: 3.7rem;
        font-family: "Axiforma-Light";
        letter-spacing: 0.1rem;
        line-height: 5.2rem;
        color: #fff;
        background-image: none !important; }
        @media only screen and (max-width: 75em) {
          .nav-menu-list .menu-item a {
            font-size: 3.2rem;
            line-height: 3.7rem; } }
        @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .nav-menu-list .menu-item a {
            font-size: 2.2rem;
            line-height: 2.8rem; } }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item a {
            padding-right: 0;
            font-size: 2.2rem;
            line-height: 2.8rem; } }
        .nav-menu-list .menu-item a::before {
          content: "";
          width: 0;
          height: 0.2rem;
          background-color: #fff;
          position: absolute;
          top: 50%;
          right: 3.5rem;
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: width 0.3s;
          -moz-transition: width 0.3s;
          -ms-transition: width 0.3s;
          -o-transition: width 0.3s;
          transition: width 0.3s; }
          @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
            .nav-menu-list .menu-item a::before {
              top: initial;
              right: initial;
              left: 0;
              bottom: -0.5rem; } }
          @media only screen and (max-width: 56.25em) {
            .nav-menu-list .menu-item a::before {
              top: initial;
              right: initial;
              left: 0;
              bottom: -0.5rem; } }
        .nav-menu-list .menu-item a:hover::before {
          width: 11.5rem; }
          @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
            .nav-menu-list .menu-item a:hover::before {
              width: 5rem; } }
          @media only screen and (max-width: 56.25em) {
            .nav-menu-list .menu-item a:hover::before {
              width: 5rem; } }
      .nav-menu-list .menu-item.open-sub-menu a::before {
        width: 11.5rem; }
        @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .nav-menu-list .menu-item.open-sub-menu a::before {
            width: 5rem; } }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item.open-sub-menu a::before {
            width: 5rem; } }
        @media only screen and (max-width: 37.5em) {
          .nav-menu-list .menu-item.open-sub-menu a::before {
            width: 3rem; } }
      .nav-menu-list .menu-item.current-menu-item a::before, .nav-menu-list .menu-item.current-page-item a::before, .nav-menu-list .menu-item.current_page_parent a::before {
        width: 11.5rem; }
        @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .nav-menu-list .menu-item.current-menu-item a::before, .nav-menu-list .menu-item.current-page-item a::before, .nav-menu-list .menu-item.current_page_parent a::before {
            width: 5rem; } }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item.current-menu-item a::before, .nav-menu-list .menu-item.current-page-item a::before, .nav-menu-list .menu-item.current_page_parent a::before {
            width: 5rem; } }
        @media only screen and (max-width: 37.5em) {
          .nav-menu-list .menu-item.current-menu-item a::before, .nav-menu-list .menu-item.current-page-item a::before, .nav-menu-list .menu-item.current_page_parent a::before {
            width: 3rem; } }
      .nav-menu-list .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item.current_page_parent a:hover::before {
        width: 11.5rem; }
        @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .nav-menu-list .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item.current_page_parent a:hover::before {
            width: 5rem; } }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item.current_page_parent a:hover::before {
            width: 5rem; } }
        @media only screen and (max-width: 37.5em) {
          .nav-menu-list .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item.current_page_parent a:hover::before {
            width: 3rem; } }
      .nav-menu-list .menu-item .sub-menu {
        width: 15rem;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: 1.5rem;
        right: -16rem;
        -webkit-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -moz-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -ms-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -o-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875); }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item .sub-menu {
            padding: 0;
            width: calc(100% + 3rem);
            height: 0;
            z-index: 100;
            position: relative;
            top: 1rem;
            right: initial;
            left: 1.5rem;
            -webkit-transition: height 0.3s;
            -moz-transition: height 0.3s;
            -ms-transition: height 0.3s;
            -o-transition: height 0.3s;
            transition: height 0.3s; } }
        .nav-menu-list .menu-item .sub-menu .menu-item {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-inline-flex;
          display: inline-flex; }
          .nav-menu-list .menu-item .sub-menu .menu-item:not(:last-child) {
            margin-bottom: 1.5rem; }
            @media only screen and (max-width: 37.5em) {
              .nav-menu-list .menu-item .sub-menu .menu-item:not(:last-child) {
                margin-bottom: 1rem; } }
          .nav-menu-list .menu-item .sub-menu .menu-item a {
            padding-right: 0;
            font-size: 2rem;
            line-height: 2.5rem; }
            @media only screen and (max-width: 37.5em) {
              .nav-menu-list .menu-item .sub-menu .menu-item a {
                font-size: 1.6rem;
                line-height: 2.4rem; } }
            .nav-menu-list .menu-item .sub-menu .menu-item a::before {
              content: "";
              width: 0;
              height: 0.1rem;
              display: block;
              background-color: #fff;
              position: absolute;
              top: 50%;
              right: -8rem;
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              -webkit-transition: width 0.3s;
              -moz-transition: width 0.3s;
              -ms-transition: width 0.3s;
              -o-transition: width 0.3s;
              transition: width 0.3s; }
              @media only screen and (max-width: 56.25em) {
                .nav-menu-list .menu-item .sub-menu .menu-item a::before {
                  top: initial;
                  right: initial;
                  bottom: 0;
                  left: 0; } }
            .nav-menu-list .menu-item .sub-menu .menu-item a:hover::before {
              width: 6rem; }
              @media only screen and (max-width: 56.25em) {
                .nav-menu-list .menu-item .sub-menu .menu-item a:hover::before {
                  width: 3.5rem; } }
              @media only screen and (max-width: 37.5em) {
                .nav-menu-list .menu-item .sub-menu .menu-item a:hover::before {
                  width: 2rem; } }
          .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a::before {
            width: 6rem; }
            @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
              .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a::before {
                width: 3.5rem; } }
            @media only screen and (max-width: 56.25em) {
              .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a::before {
                width: 3.5rem; } }
            @media only screen and (max-width: 37.5em) {
              .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a::before {
                width: 2rem; } }
          .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a:hover::before {
            width: 6rem; }
            @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
              .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a:hover::before {
                width: 3.5rem; } }
            @media only screen and (max-width: 56.25em) {
              .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a:hover::before {
                width: 3.5rem; } }
            @media only screen and (max-width: 37.5em) {
              .nav-menu-list .menu-item .sub-menu .menu-item.current-menu-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current-page-item a:hover::before, .nav-menu-list .menu-item .sub-menu .menu-item.current_page_parent a:hover::before {
                width: 2rem; } }
      .nav-menu-list .menu-item.menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        right: -14.5rem; }
        @media only screen and (max-width: 56.25em) {
          .nav-menu-list .menu-item.menu-item-has-children:hover .sub-menu {
            opacity: 0 !important;
            visibility: hidden !important;
            right: initial; } }
      .nav-menu-list .menu-item.menu-item-has-children.open .sub-menu {
        height: auto;
        opacity: 1 !important;
        visibility: visible !important; }
      .nav-menu-list .menu-item.menu-item-has-children.open .menu-item-toggle {
        top: 0.5rem;
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg); }
      .nav-menu-list .menu-item .menu-item-background-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transform: scale(1.015);
        -o-transform: scale(1.015);
        -ms-transform: scale(1.015);
        -webkit-transform: scale(1.015);
        transform: scale(1.015);
        -webkit-transition: 0.9s cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: 0.9s cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: 0.9s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: 0.9s cubic-bezier(0.77, 0, 0.175, 1);
        transition: 0.9s cubic-bezier(0.77, 0, 0.175, 1); }
        .nav-menu-list .menu-item .menu-item-background-wrapper::before {
          content: "";
          width: 100%;
          height: 100%;
          background-color: rgba(8, 8, 8, 0.5);
          z-index: 10;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .nav-menu-list .menu-item .menu-item-background-wrapper img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
  .nav-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
    .nav-background.open {
      opacity: 1;
      visibility: visible;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .nav-background::before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(8, 8, 8, 0.65);
      z-index: 10;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .nav-container-languages {
    padding-top: 2.5rem;
    padding-left: 0.5rem; }
    .nav-container-languages .wpml-ls {
      width: 34.5rem; }
      .nav-container-languages .wpml-ls-legacy-list-horizontal {
        padding: 0;
        width: auto; }
        .nav-container-languages .wpml-ls-legacy-list-horizontal ul {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
      .nav-container-languages .wpml-ls-item-legacy-list-horizontal {
        position: relative; }
        .nav-container-languages .wpml-ls-item-legacy-list-horizontal:not(:last-child) {
          padding-right: 1rem;
          margin-right: 1rem; }
          .nav-container-languages .wpml-ls-item-legacy-list-horizontal:not(:last-child)::after {
            content: "";
            width: 0.1rem;
            height: 1.2rem;
            background-color: rgba(255, 255, 255, 0.5);
            position: absolute;
            top: calc(50% - 0.2rem);
            right: 0;
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
        .nav-container-languages .wpml-ls-item-legacy-list-horizontal .wpml-ls-link {
          padding: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .nav-container-languages .wpml-ls-item-legacy-list-horizontal .wpml-ls-link span {
            font-size: 1.3rem;
            font-family: "Axiforma-Light";
            color: rgba(255, 255, 255, 0.5);
            text-transform: uppercase; }
          .nav-container-languages .wpml-ls-item-legacy-list-horizontal .wpml-ls-link:hover span {
            color: white; }
      .nav-container-languages .wpml-ls-current-language .wpml-ls-link span {
        color: white; }
  .header.sticky {
    height: 9rem; }
    @media only screen and (max-width: 75em) {
      .header.sticky {
        height: 8rem;
        background-color: #080808;
        mix-blend-mode: initial;
        -webkit-box-shadow: 0 2rem 2rem -2rem rgba(8, 8, 8, 0.8);
        -moz-box-shadow: 0 2rem 2rem -2rem rgba(8, 8, 8, 0.8);
        box-shadow: 0 2rem 2rem -2rem rgba(8, 8, 8, 0.8); } 
        .header.sticky.open {
          background-color: transparent; 
          box-shadow: initial; }}
    @media only screen and (max-width: 37.5em) {
      .header.sticky {
        height: 7rem; } }
    .header.sticky.open .header-logo a {
      color: #fff; }
    .header.sticky.open .header-icon a::before, .header.sticky.open .header-icon a::after {
      background-color: #fff; }

.menu-item-background {
  display: none; }

.social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start; }
  .social-item:not(:last-child) {
    margin-right: 1.5rem; }
  .social-link {
    width: 100%;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .social-link i {
      font-size: 2.5rem;
      color: currentColor; }
    .social-link span {
      padding-top: 0.4rem;
      padding-left: 1rem;
      font-size: 1.5rem;
      font-family: "Axiforma-Light";
      line-height: 2.3rem;
      color: currentColor; }
    .social-link:hover {
      color: #fff; }

.header-button {
  width: 100%;
  max-width: 20rem;
  height: 6rem;
  background-color: #080808;
  mix-blend-mode: multiply;
  z-index: 1000;
  position: absolute;
  top: 3.5rem;
  right: 16rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .header-button a {
    padding: 0;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }


/* ---------- Footer ---------- */
.back-top {
  position: fixed;
  bottom: 5rem;
  right: 5.5rem;
  mix-blend-mode: exclusion;
  font-size: 4rem;
  color: #ffffff;
  z-index: 1000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; 
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
/*  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);*/ }
  .back-top.show {
    opacity: 1;
    visibility: visible;
  }
  @media only screen and (min-width: 162.5em) {
    .back-top {
      right: 50%;
    -moz-transform: translateX(calc(-50% + 108.5rem));
    -o-transform: translateX(calc(-50% + 108.5rem));
    -ms-transform: translateX(calc(-50% + 108.5rem));
    -webkit-transform: translateX(calc(-50% + 108.5rem));
    transform: translateX(calc(-50% + 108.5rem)); } }
  @media only screen and (max-width: 56.25em) { 
    .back-top {
      bottom: 3rem;
      right: 2rem; }
  }
  @media only screen and (max-width: 37.5em) {
    .back-top {
      bottom: 2rem;
      right: 0.5rem; }
  }
  .back-top-arrow {
    position: relative;
    padding-left: 0.5rem;
    width: 4rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .back-top-arrow .arrow {
      padding: 0.5rem;
      display: inline-block;
      border: solid #fff;
      border-width: 0 0.2rem 0.2rem 0; }
    .back-top-arrow .left {
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg); }
    .back-top-arrow .line {
      width: 3.2rem;
      height: 0.2rem;
      display: inline-block;
      background-color: #fff;
      position: absolute;
      top: 1.18rem;
      left: 0.5rem; }
  .back-top .text {
    padding-left: 1rem;
    padding-top: 0.4rem;
    font-size: 1.2rem;
    color: #fff;
    font-family: "Axiforma-Light";
    line-height: 1.5rem;
    text-transform: uppercase; }

.footer {
  position: relative;
  padding: 15rem 5rem;
  background-color: #080808; }
  .footer-top {
    position: relative; }
  @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .footer {
      padding: 8rem 1.5rem 5rem 1.5rem; } }
  @media only screen and (max-width: 100em) {
    .footer {
      padding: 8rem 5rem 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .footer {
      padding: 8rem 2rem 5rem 2rem; } }
  @media only screen and (max-width: 37.5em) {
    .footer-menu {
      margin-bottom: 5rem; } }
  .footer-menu ul li:not(:last-child), .footer-privacy ul li:not(:last-child) {
    margin-bottom: 3rem; }
  .footer-menu ul li a, .footer-privacy ul li a {
    position: relative;
    font-size: 1.6rem;
    font-family: "Axiforma-Light";
    line-height: 2.4rem;
    color: #fff; }
    .footer-menu ul li a::before, .footer-privacy ul li a::before {
      content: " ";
      width: 0;
      height: 0.1rem;
      background-color: rgba(255, 255, 255, 0.5);
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -ms-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s; }
    .footer-menu ul li a:hover::before, .footer-privacy ul li a:hover::before {
      width: 100%; }
  .footer-menu ul li.current-menu-item a::before, .footer-menu ul li.current-page-item a::before, .footer-privacy ul li.current-menu-item a::before, .footer-privacy ul li.current-page-item a::before {
    width: 100%; }
  .footer-menu ul li.current-menu-item a:hover::before, .footer-menu ul li.current-page-item a:hover::before, .footer-privacy ul li.current-menu-item a:hover::before, .footer-privacy ul li.current-page-item a:hover::before {
    width: 100%; }
  .footer-privacy {
    padding-right: 5rem; }
    @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
      .footer-privacy {
        padding-right: 2rem; } }
    @media only screen and (max-width: 56.25em) {
      .footer-privacy {
        padding-right: 3rem; } }
    @media only screen and (max-width: 37.5em) {
      .footer-privacy {
        padding-right: 0;
        padding-bottom: 2rem; } }
    .footer-privacy ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .footer-privacy ul li:not(:last-child) {
        margin-right: 3.5rem;
        margin-bottom: 0; }
        @media only screen and (max-device-width: 53.125em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .footer-privacy ul li:not(:last-child) {
            margin-right: 1.5rem; } }
        @media only screen and (max-width: 56.25em) {
          .footer-privacy ul li:not(:last-child) {
            margin-right: 1.5rem; } }
      .footer-privacy ul li a {
        font-size: 1.4rem;
        line-height: 1.9rem;
        color: rgba(255, 255, 255, 0.5); }
        .footer-privacy ul li a:hover {
          color: #fff; }
  .footer-title {
    padding-top: 0.4rem;
    padding-bottom: 2.5rem; }
  .footer-title-newsletter {
    padding-top: 5rem; }
    @media only screen and (max-width: 56.25em) {
      .footer-title {
        padding-bottom: 1.5rem; } }
    .footer-title-language {
      padding-top: 4.5rem; }
    .footer-title h6 {
      font-size: 1.6rem;
      font-family: "Axiforma-Light";
      color: rgba(255, 255, 255, 0.5); }
    .footer-title h6.split span > span {
      margin-right: 0.5rem }
  .footer-newsletter {
    position: relative; }
  .footer-newsletter .footer-newsletter-input input,
  .footer-newsletter .gform_wrapper.gravity-theme input[type=email] {
      width: 100% !important;
      height: 7.5rem !important;
      padding: 2.5rem 3rem !important;
      background-color: transparent !important;
      outline: none !important;
      border: 0.1rem solid #242424 !important;
      color: #ffffff !important;
      font-size: 1.8rem !important;
      font-family: "Axiforma-Light" !important;
      line-height: 2.4rem;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }

  .footer-newsletter .footer-newsletter-input input::-moz-placeholder,
  .footer-newsletter .gform_wrapper.gravity-theme input::-moz-placeholder {
    color: #ffffff !important; }
  .footer-newsletter .footer-newsletter-input input::-ms-input-placeholder,
  .footer-newsletter .gform_wrapper.gravity-theme input::-ms-input-placeholder {
    color: #ffffff !important; }
  .footer-newsletter .footer-newsletter-input input::-webkit-input-placeholder,
  .footer-newsletter .gform_wrapper.gravity-theme input::-webkit-input-placeholder {
    color: #ffffff !important; }

  .footer-newsletter .gform_body .ginput_container input:focus,
  .footer-newsletter .gform_body .ginput_container input:focus-visible,
  .footer-newsletter .gform_body .ginput_container input:focus-visible {
      background-color: transparent !important;
      border: 0.1rem solid rgba(255, 255, 255, 0.5) !important;
  }
  .footer-newsletter .gform_body input input:focus {
	border: none !important;
  }
  .footer-newsletter .footer-newsletter-submit {
    position: absolute;
    top: 50%;
    right: 3rem;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
  }
  .footer-newsletter .footer-newsletter-submit button {
    background-color: transparent;
    border: transparent;
    color: #ffffff;
    font-size: 2.2rem;
  }
  .footer-newsletter form {
    position: relative;
  }
  .footer-newsletter form .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    top: 3rem;
    right: 3rem;
	z-index: 100;
  }
  .footer-newsletter form .gform_footer input {
    margin: 0 !important;
  }
  .footer-newsletter .gform_validation_errors h2,
  .footer-newsletter .gform_wrapper .gfield_validation_message,
  .footer-newsletter .gform_wrapper .validation_message {
    text-align: center;
  }
  .gform_wrapper.gravity-theme .gfield_validation_message {
	text-align: left;
   }
  .footer-newsletter .gform_validation_errors {
    padding: 1rem !important;
  }
  .footer-newsletter .gform_confirmation_message {
    color: #ffffff;
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
  }
  .grecaptcha-badge {
	visibility: hidden;
	height: 0 !important;
    box-shadow: none !important; }
  .recaptcha-text {
	padding-bottom: 3rem;
	font-size: 1.4rem;
	font-family: "Axiforma-Light";
	line-height: 2.4rem;
	color: #080808; }
	.recaptcha-text a {
    font-size: 1.4rem;
    font-family: "Axiforma-Regular" !important;
    line-height: 2.4rem;
    color: #080808;
	text-decoration: underline; }
  .recaptcha-text-white {
	margin-top: -1.5rem; }
  .recaptcha-text-white,
  .recaptcha-text-white a {
	padding-bottom: 0; 
	color: rgba(255, 255, 255, 0.5); }
  .footer-social .social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .footer-social .social-item {
      margin-right: 0; }
      .footer-social .social-item:not(:last-child) {
        margin-bottom: 2.4rem; }
    .footer-social .social-link i {
      font-size: 2.2rem; }
  .footer-language {
    padding-right: 3.5rem; }
    @media only screen and (max-width: 37.5em) {
      .footer-language {
        padding-right: 0;
        padding-bottom: 3rem; } }
    .footer-language .wpml-ls {
      width: 34.5rem; }
      .footer-language .wpml-ls-legacy-list-horizontal {
        padding: 0;
        width: auto; }
        .footer-language .wpml-ls-legacy-list-horizontal ul {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
      .footer-language .wpml-ls-item-legacy-list-horizontal {
        position: relative; }
        .footer-language .wpml-ls-item-legacy-list-horizontal:not(:last-child) {
          padding-right: 1rem;
          margin-right: 1rem; }
          .footer-language .wpml-ls-item-legacy-list-horizontal:not(:last-child)::after {
            content: "";
            width: 0.1rem;
            height: 1.2rem;
            background-color: rgba(255, 255, 255, 0.5);
            position: absolute;
            top: calc(50% - 0.2rem);
            right: 0;
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
        .footer-language .wpml-ls-item-legacy-list-horizontal .wpml-ls-link {
          padding: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .footer-language .wpml-ls-item-legacy-list-horizontal .wpml-ls-link span {
            font-size: 1.3rem;
            font-family: "Axiforma-Light";
            color: rgba(255, 255, 255, 0.5);
            text-transform: uppercase; }
          .footer-language .wpml-ls-item-legacy-list-horizontal .wpml-ls-link:hover span {
            color: white; }
      .footer-language .wpml-ls-current-language .wpml-ls-link span {
        color: white; }
  .footer-email {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .footer-email a {
      position: relative;
      padding: 2.5rem 3rem;
      overflow: hidden;
      width: 100%;
      background-color: #19191A;
      color: #fff;
      font-size: 1.8rem;
      font-family: "Axiforma-Light";
      line-height: 2.4rem;
      z-index: 10;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      .footer-email a::before {
        content: " ";
        width: 0;
        height: 100%;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.1);
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0; }
      .footer-email a:hover::before {
        width: 100%;
        -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
        animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }
      .footer-email a .r-long-arrow {
        font-size: 2.2rem; }
        @media only screen and (max-width: 56.25em) {
          .footer-email a .r-long-arrow {
            font-size: 1.8rem; } }
        @media only screen and (max-width: 37.5em) {
          .footer-email a .r-long-arrow {
            font-size: 2.2rem; } }
      @media only screen and (max-width: 56.25em) {
        .footer-email a {
          padding: 2rem 1.5rem;
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 37.5em) {
        .footer-email a {
          padding: 2.5rem 3rem;
          font-size: 1.8rem;
          line-height: 2.4rem; } }
  .footer-bottom {
    padding-top: 11rem; }
    @media only screen and (max-width: 56.25em) {
      .footer-bottom {
        padding-top: 5rem; } }
  .footer-logo {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .footer-logo a {
      font-size: 1.8rem;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
  .footer-copyright p {
    font-size: 1.4rem;
    font-family: "Axiforma-Light";
    line-height: 1.9rem;
    color: rgba(255, 255, 255, 0.5); }
  .footer-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
    @media only screen and (max-width: 37.5em) {
      .footer-flex {
        padding-top: 4rem;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }

/* ---------- Page Header ---------- */
.page-header {
  position: relative;
  width: 100%;
  height: 70vh;
  background-color: #080808;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
  .page-header-default {
    height: 50vh; }
    .page-header-default .page-header-inner {
      height: 50vh; }
  @media only screen and (max-width: 56.25em) {
    .page-header {
      z-index: 1001; } }
  @media only screen and (max-width: 37.5em) {
    .page-header {
      height: 45rem;
      z-index: 1001; }
    .page-header-default {
      height: 45rem; } }
  .page-header-inner {
    position: relative;
    top: 12.5rem;
    width: calc(100% - 12rem);
    height: 70vh;
    margin: 0 auto;
    background-color: #19191A;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    .page-header-inner::before {
      content: " ";
      width: 100%;
      height: 100%;
      z-index: 100;
      background-color: rgba(8, 8, 8, 0.5);
      position: absolute;
      top: 0;
      left: 0; }
    @media only screen and (min-width: 162.5em) {
      .page-header-inner {
        max-width: 210rem;
        width: 100%; } 
        .page-header.sticky .page-header-inner {
          max-width: 100%; } }
    @media only screen and (max-width: 56.25em) {
      .page-header-inner {
        width: calc(100% - 7rem);
        top: 9rem; } }
    @media only screen and (max-width: 37.5em) {
      .page-header-inner,
      .page-header-default .page-header-inner {
        width: calc(100% - 3rem);
        height: 43rem;
        top: 7rem; } }
    @media only screen and (max-width: 75em) {
      .page-header-inner .col-5 {
        max-width: 75%;
        -moz-box-flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%; } }
    @media only screen and (max-width: 37.5em) {
      .page-header-inner .col-5 {
        max-width: 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
  .page-header-icon {
    padding-bottom: 2rem; }
    @media only screen and (max-width: 37.5em) {
      .page-header-icon {
        padding-bottom: 1rem; } }
    .page-header-icon svg,
    .page-header-icon img {
      width: 5rem; }
      @media only screen and (max-width: 37.5em) {
        .page-header-icon svg,
        .page-header-icon img {
          width: 3rem; } }
  .page-header-service-icon {
    position: relative;
    z-index: 100; }
    @media only screen and (max-width: 100em) {
      .page-header-service-icon {
        padding-left: 5rem; } }
    @media only screen and (max-width: 56.25em) {
      .page-header-service-icon {
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    .page-header-service-icon svg,
    .page-header-service-icon img {
      padding-bottom: 1.5rem;
      width: 7rem; }
      @media only screen and (max-width: 37.5em) {
        .page-header-service-icon svg,
        .page-header-service-icon img {
          width: 5rem; } }
    .page-header-service-icon span {
      padding-bottom: 1.5rem;
      font-size: 1.4rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 1.7rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      @media only screen and (max-width: 56.25em) {
        .page-header-service-icon span {
          padding-bottom: 0; } }
  .page-header #hero-wrapper {
    width: 100%;
    height: 70vh;
    overflow: hidden;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: filter 0.6s ease-in-out;
    -moz-transition: filter 0.6s ease-in-out;
    -ms-transition: filter 0.6s ease-in-out;
    -o-transition: filter 0.6s ease-in-out;
    transition: filter 0.6s ease-in-out; }
    @media only screen and (max-width: 37.5em) {
      .page-header #hero-wrapper {
        height: 43rem; } }
    .page-header #hero-wrapper #hero-parallax {
      position: absolute;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d; }
      .page-header #hero-wrapper #hero-parallax #hero-image {
        width: 100%;
        height: 100%;
        overflow: visible;
        background-size: cover;
        background-position: center center;
        perspective: 100rem;
        opacity: 0;
        z-index: 0;
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
        .page-header #hero-wrapper #hero-parallax #hero-image video {
          position: absolute;
          width: 100%;
          height: 100vh;
          object-fit: fill; }
  .page-header-description {
    position: relative;
    z-index: 1000; }
    @media only screen and (max-width: 100em) {
      .page-header-description {
        padding-left: 5rem; } }
    @media only screen and (max-width: 56.25em) {
      .page-header-description {
        padding-left: 1.5rem; } }
    .page-header-description h1 {
      padding-bottom: 1rem;
      font-size: 4.9rem;
      font-family: "Axiforma-SemiBold";
      color: #fff;
      line-height: 6.5rem;
      letter-spacing: 0.132rem; }
      @media only screen and (max-width: 56.25em) {
        .page-header-description h1 {
          padding-bottom: 1rem;
          font-size: 3.2rem;
          line-height: 4.5rem; } }
      @media only screen and (max-width:  37.5em) {
        .page-header-description h1 {
          font-size: 3rem;
          line-height: 4.2rem; } }
    .page-header-description p {
      font-size: 2rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 3rem;
      letter-spacing: 0.073rem; }
      @media only screen and (max-width: 37.5em) {
        .page-header-description p {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
      .page-header-description p.split span > span {
        margin-right: 0.5rem; }
  .page-header-filters {
    padding-top: 1rem; }
    .page-header-filters li:not(:last-child) {
      margin-bottom: 1rem; }
    .page-header-filters li a {
      position: relative;
      padding-bottom: 0.5rem;
      font-size: 1.8rem;
      font-family: "Axiforma-Light";
      color: #fff;
      line-height: 2.9rem; }
      .page-header-filters li a::before {
        content: " ";
        width: 0;
        height: 0.1rem;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s; }
      .page-header-filters li a:hover::before {
        width: 100%; }
    .page-header-filters li.active a::before {
      width: 100%; }
  .page-header-404 {
    height: 50vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .page-header-404 h1 {
      font-size: 10rem;
      font-family: "Axiforma-Bold";
      color: #fff;
      line-height: 11.5rem; }
    .page-header-404 .btn {
      margin-top: 3rem; }
  @media only screen and (max-width: 37.5em) {
    .page-header.sticky {
      height: 43rem; } }
  .page-header.sticky .page-header-inner {
    width: 100%;
    top: 0; }

/* ---------- Forms ---------- */
.form-group {
  position: relative;
  margin-bottom: 3rem; }
  .form-group label,
  .form-group p {
    padding-bottom: 1rem;
    display: block;
    font-size: 1.6rem;
    font-family: "Axiforma-Regular";
    line-height: 2.4rem;
    color: rgba(25, 25, 26, 0.6); }
  .form-group a:hover {
    color: #080808; }

.form-control {
  position: relative;
  width: 100%;
  height: 5rem;
  padding: 1.5rem;
  font-size: 1.6rem;
  font-family: "Axiforma-Regular";
  line-height: 2.4rem;
  background-color: rgba(25, 25, 26, 0.05);
  color: rgba(25, 25, 26, 0.6);
  z-index: 100;
  resize: none;
  outline: none;
  border-color: transparent;
  border-radius: 1.3rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .form-control::-moz-placeholder {
    color: #19191A; }
  .form-control::-ms-input-placeholder {
    color: #19191A; }
  .form-control::-webkit-input-placeholder {
    color: #19191A; }

textarea {
  height: auto !important; }

.checkbox {
  padding: 1.5rem 0; }
  .checkbox input[type="radio"],
  .checkbox input[type="checkbox"] {
    display: none; }
  .checkbox label {
    padding: 0 0 0 3rem;
    position: relative;
    display: block;
    font-size: 1.6rem;
    font-family: "Axiforma-Regular";
    line-height: 2.4rem;
    cursor: pointer;
    color: rgba(25, 25, 26, 0.6); }
    .checkbox label::before {
      content: "";
      width: 2rem;
      height: 2rem;
      display: inline-block;
      background-color: rgba(25, 25, 26, 0.06);
      border-radius: 0.5rem;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      position: absolute;
      top: 50%;
      left: 0;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .checkbox input[type="checkbox"]:checked ~ label::before,
  .checkbox input[type="radio"]:checked ~ label::before {
    content: "";
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-color: #080808;
    border-radius: 0.5rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

/* ---------- Gravity Forms ---------- */
.gform_wrapper .gform_heading {
  display: none; }

.gform_wrapper .gform_body .gfield_label {
  padding-bottom: 1rem;
  margin-bottom: 0;
  display: block;
  font-size: 1.2rem;
  font-family: "Axiforma-Regular";
  line-height: 1.5rem;
  color: rgba(25, 25, 26, 0.6);
  text-transform: uppercase;
  display: none !important; }
  .gform_wrapper .gform_body .gfield_label .gfield_required {
    color: #080808; }

.gform_wrapper .gform_body .gfield input,
.gform_wrapper .gform_body .gfield select,
.gform_wrapper .gform_body .gfield textarea {
  position: relative;
  width: 100%;
  height: 5rem;
  padding: 1.2rem !important;
  font-size: 1.6rem !important;
  font-family: "Axiforma-Light";
  line-height: 2.4rem;
  background-color: transparent;
  color: #080808;
  z-index: 100;
  resize: none;
  outline: none;
  border-top: transparent;
  border-right: transparent;
  border-left: transparent;
  border-bottom: 0.1rem solid rgba(8, 8, 8, 0.25);
  border-radius: initial;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .gform_wrapper .gform_body .gfield input::-moz-placeholder,
  .gform_wrapper .gform_body .gfield select::-moz-placeholder,
  .gform_wrapper .gform_body .gfield textarea::-moz-placeholder {
    color: #19191A; }
  .gform_wrapper .gform_body .gfield input::-ms-input-placeholder,
  .gform_wrapper .gform_body .gfield select::-ms-input-placeholder,
  .gform_wrapper .gform_body .gfield textarea::-ms-input-placeholder {
    color: #19191A; }
  .gform_wrapper .gform_body .gfield input::-webkit-input-placeholder,
  .gform_wrapper .gform_body .gfield select::-webkit-input-placeholder,
  .gform_wrapper .gform_body .gfield textarea::-webkit-input-placeholder {
    color: #19191A; }

.gform_wrapper .gform_body .gfield textarea {
  padding: 1.2rem !important;	
  height: 15rem !important; }

.gform_wrapper .gform_body .gfield .ginput_container_fileupload {
  margin-top: 2.5rem; }
  .gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_drop_area {
    background-color: transparent;
    border-radius: initial; }
  .gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_rules,
  .gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_drop_instructions {
    font-size: 1rem;
    font-family: "Axiforma-Regular";
    line-height: 1.5rem;
    color: rgba(25, 25, 26, 0.6);
    text-transform: uppercase; }

.gform_wrapper .gform_body .gfield .gfield_description {
  font-size: 1.4rem;
  font-family: "Axiforma-Light";
  line-height: 1.7rem;
  background-color: transparent;
  color: #080808; }

.gform_wrapper .gform_body .gfield .ginput_preview .gform_delete_file .dashicons-trash {
  color: rgba(25, 25, 26, 0.6);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.gform_wrapper.gravity-theme .ginput_preview {
  font-size: 1.4rem;
  font-family: "Axiforma-Medium";
  line-height: 1.7rem;
  background-color: transparent;
  color: #080808;
  font-style: italic;
}
.gform_wrapper.gravity-theme .gform_delete_file {
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

.gform_wrapper .gform_body .gfield .ginput_preview .gform_delete_file:hover .dashicons-trash {
  color: #19191a; }

.gform_wrapper .gform_body .gfield .ginput_preview strong {
  font-size: 1.2rem;
  font-family: "Axiforma-Medium";
  line-height: 1.5rem;
  color: #19191A;
  text-transform: uppercase; }

.gform_wrapper .gform_footer {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start; }

.gform_wrapper .gform_button, .gform_wrapper .gform_button:link, .gform_wrapper .gform_button:visited,
.gform_wrapper .gform_button_select_files,
.gform_wrapper .gform_button_select_files:link,
.gform_wrapper .gform_button_select_files:visited {
  position: relative;
  padding: 1.5rem 3.2rem;
  width: 100%;
  max-width: 16.5rem;
  height: 5rem;
  background-color: #080808;
  color: #fff;
  display: inline-block;
  font-family: "Axiforma-Regular";
  font-size: 1.6rem;
  line-height: 2.4rem !important;
  text-align: center;
  text-decoration: none;
  border-radius: initial;
  border: initial;
  cursor: pointer;
  background-image: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.gform_wrapper .gform_button::before,
.gform_wrapper .gform_button_select_files::before {
  content: " ";
  width: 0;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0; }

.gform_wrapper .gform_button:hover::before,
.gform_wrapper .gform_button_select_files:hover::before {
  width: 100%;
  -webkit-animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both;
  animation: button-animation 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) both; }

.gform_wrapper .gform_button_select_files {
  margin: 0 auto; }

.gform_wrapper .gform_button_select_files {
  max-width: 22rem; }

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  padding: 0.5rem 0 0 1rem !important;
  margin: 0;
  border: initial !important;
  background: initial !important;
  font-size: 1.6rem !important;
  font-family: "Axiforma-Light" !important;
  color: #ff0000 !important;
  line-height: 2.4rem !important; }

.gform_confirmation_message {
  padding: 3rem;
  font-size: 1.9rem;
  font-family: "Axiforma-Light";
  line-height: 2.7rem;
  text-align: center;
  border: 0.1rem solid #080808;
}

.gform_validation_errors {
  margin-bottom: 3rem !important;
  background: initial !important;
  box-shadow: initial !important;
  border-radius: initial !important;
  border: 0.1rem solid #ff0000 !important; }
  .gform_validation_errors h2 {
    padding: 0;
    font-size: 1.6rem !important;
    font-family: "Axiforma-Light" !important;
    color: #ff0000 !important;
    line-height: 2.4rem !important; }

/* ---------- Page ---------- */
.page-content {
  position: relative;
  padding-top: 22rem;
  padding-bottom: 15rem;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
  @media only screen and (max-width: 100em) {
    .page-content {
      padding-right: 5rem;
      padding-left: 5rem; } }
  .page-content.sticky {
    padding-top: 15rem; }
    @media only screen and (max-width: 75em) {
      .page-content.sticky {
        padding-top: 10rem; } }
    @media only screen and (max-width: 56.25em) {
      .page-content.sticky {
        padding-top: 8rem; } }
    @media only screen and (max-width: 37.5em) {
      .page-content.sticky {
        padding-top: 7rem; } }
  @media only screen and (max-width: 75em) {
    .page-content {
      padding-top: 20rem; } }
  @media only screen and (max-width: 56.25em) {
    .page-content {
      padding-top: 15rem;
      padding-bottom: 7rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .page-content {
      padding-top: 10rem;
      margin-top: 0; } }
  .page-content .story-carousel-item {
    margin-bottom: 3rem; }
  @media only screen and (max-width: 37.5em) {
    .page-content .heading h4 {
      padding-bottom: 0; } }
  @media only screen and (max-width: 56.25em) {
    .page-content .heading.col-6, .page-content .heading.col-8 {
      max-width: 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }
  .page-content-description h1,
  .page-content-description h2,
  .page-content-description h3,
  .page-content-description h4,
  .page-content-description h5,
  .page-content-description h6 {
    padding-bottom: 1rem; }
  .page-content-description p {
    padding-bottom: 3rem;
    font-family: "Axiforma-Light"; }
  .page-content-default h1,
  .page-content-default h2,
  .page-content-default h3,
  .page-content-default h4,
  .page-content-default h5,
  .page-content-default h6 {
    padding-top: 3rem;
    padding-bottom: 1rem; }
  .page-content-default p {
    font-family: "Axiforma-Light"; }
  .page-content-default a {
    text-decoration: underline; }
  .page-content-default ul {
    padding-left: 0; }
    .page-content-default ul li {
      position: relative;
      padding: 0.5rem 0 0.5rem 2rem;
      font-size: 1.6rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 2.4rem; }
      .page-content-default ul li::before {
        content: " ";
        width: 0.8rem;
        height: 0.8rem;
        background-color: #080808;
        border-radius: initial;
        position: absolute;
        top: 50%;
        left: 0;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
  .page-content-default ol {
    padding-left: 2rem; }
    .page-content-default ol li {
      position: relative;
      padding: 0.5rem 0;
      font-size: 1.6rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 2.4rem;
      counter-increment: refive-counter; }
  .page-content .view-projects {
    padding-top: 7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .page-content .view-projects a {
      position: relative;
      font-size: 1.3rem;
      font-family: "Axiforma-Medium";
      color: #080808;
      text-transform: uppercase; }
      .page-content .view-projects a::before, .page-content .view-projects a::after {
        content: " ";
        width: 100%;
        height: 0.2rem;
        background-color: rgba(8, 8, 8, 0.5);
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s; }
      .page-content .view-projects a::after {
        width: 0; }
      .page-content .view-projects a:hover::after {
        width: 100%;
        background-color: #080808; }

.team-refive-minds,
.team-refive-advisors {
  position: relative;
  padding-top: 22rem;
  padding-bottom: 12rem;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

.team-refive-minds.sticky,
.team-refive-advisors.sticky {
  padding-top: 15rem; }
  @media only screen and (max-width: 75em) {
    .team-refive-minds.sticky,
    .team-refive-advisors.sticky {
      padding-top: 10rem; } }
  @media only screen and (max-width: 56.25em) {
    .team-refive-minds.sticky,
    .team-refive-advisors.sticky {
      padding-top: 8rem; } }
  @media only screen and (max-width: 37.5em) {
    .team-refive-minds.sticky,
    .team-refive-advisors.sticky {
      padding-top: 7rem; } }

    @media only screen and (max-width: 75em) {
      .team-refive-minds,
      .team-refive-advisors {
        padding-top: 20rem; } }
    @media only screen and (max-width: 56.25em) {
      .team-refive-minds,
      .team-refive-advisors {
        padding-top: 15rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .team-refive-minds,
      .team-refive-advisors {
        padding-top: 10rem;
        padding-bottom: 7rem;
        margin-top: 0; } }

.career .heading {
  padding-bottom: 12rem; }
  @media only screen and (max-width: 56.25em) {
    .career .heading {
      padding-bottom: 7rem; } }
  .career .heading h4 {
    padding-bottom: 0; }
.career .heading h1 {
  font-size: 3rem;
  font-family: "Axiforma-SemiBold";
  line-height: 4rem;
}
.career .heading p {
  padding-bottom: 1.5rem;
  font-size: 1.2rem;
  font-family: "Axiforma-Light";
  line-height: 1.5rem;
}
.career-items {
  padding-bottom: 7rem;
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media only screen and (max-width: 56.25em) {
    .career-items {
      padding-bottom: 0; } }
.career-item {
  max-width: 100%;
  width: 100%;
  padding: 3rem 5rem;
  margin-bottom: 3rem;
  border: 0.1rem solid #BABABA;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; 
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (max-width: 56.25em) {
    .career-item {
      padding: 3rem; } }
  .career-item:hover {
    border: 0.1rem solid #000000;}
  .career-item-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .career-item-content-title {
    padding-left: 4rem; }
  @media only screen and (max-width: 56.25em) {
    .career-item-content-title {
      padding-right: 2rem;
      padding-left: 2rem; } }
  .career-item-content h3 {
    padding-bottom: 0.5rem;
    font-size: 2.7rem;
    font-family: "Axiforma-Medium";
    color: #080808;
    line-height: 3.4rem; }
  .career-item-content p {
    font-size: 1.6rem;
    font-family: "Axiforma-Light";
    color: #080808;
    line-height: 2.4rem; }
  .career-item-icon {
    font-size: 3rem;
    color: #080808;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (max-width: 37.5em) {
    .career-item-icon { 
      left: 0; } }

.our-journey {
  padding-bottom: 8rem; }
  @media only screen and (max-width: 56.25em) {
    .our-journey {
      padding-bottom: 5rem; } }
.our-journey-two-column {
  padding-bottom: 8rem; }

  @media only screen and (max-width: 56.25em) {
  .our-journey-image-full {
    overflow-x: scroll; } 
  .our-journey-image-full::-webkit-scrollbar {
    height: 1rem; }

  .our-journey-image-full::-webkit-scrollbar-track {
    background: rgba(8, 8, 8, 0.2);
    border-color: #fff; }

  .our-journey-image-full::-webkit-scrollbar-thumb {
    background: #080808; } }

.our-journey-image-full img {
  width: 100%;
  height: 35rem;
  object-fit: cover; }
  @media only screen and (max-width: 56.25em) {
    .our-journey-image-full img {
      width: auto; } }

@media only screen and (max-width: 56.25em) {
.our-journey-content {
  padding-bottom: 3rem; } }
.our-journey-content p {
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-family: "Axiforma-Light";
  line-height: 1.5rem;
  text-transform: uppercase;
  color: #707070;
}
.our-journey-content h6 {
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-family: "Axiforma-Light";
  line-height: 2.4rem;
  color: #707070;
}
.our-journey-content h1,
.our-journey-content h2,
.our-journey-content h3,
.our-journey-content h4,
.our-journey-content h5 {
  font-size: 2rem;
  font-family: "Axiforma-Light";
  line-height: 3rem;
  color: #000000;
}
.our-journey-content h1:not(:last-child),
.our-journey-content h2:not(:last-child),
.our-journey-content h3:not(:last-child),
.our-journey-content h4:not(:last-child),
.our-journey-content h5:not(:last-child) {
  padding-bottom: 1.5rem;
}
.our-journey-content-two {
  padding-top: 2.5rem;
}
.our-journey-carousel,
.our-journey-image {
  padding-bottom: 8rem;
}

@media only screen and (max-width: 56.25em) {
  .our-journey-carousel .owl-carousel .owl-stage-outer {
    overflow: initial;
  }
}
.our-journey-roman {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 56.25em) {
  .our-journey-roman {
    padding-bottom: 0 !important; } }
.our-journey-roman .our-journey-content {
  height: 24.8rem;
}
@media only screen and (max-width: 56.25em) {
  .our-journey-roman .our-journey-content {
    padding-bottom: 5rem;
    height: auto; } }
.our-journey-image-half img {
  width: 100%;
  height: 35rem;
  object-fit: cover;
}
.our-journey-roman .our-journey-roman-info {
  position: relative;
  padding: 5rem;
  width: 100%;
  height: 60rem;
  background: linear-gradient(to bottom, #f7f7f7 0%, #d5d5d5 100%);
}
@media only screen and (max-width: 56.25em) {
  .our-journey-roman .our-journey-roman-info {
    padding: 3rem;
    margin-top: 5rem;
    height: 45rem; } }
.our-journey-roman .our-journey-roman-info img {
  max-width: 50rem;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (max-width: 56.25em) {
    .our-journey-roman .our-journey-roman-info img {
      width: 28rem; } }
  .our-journey-roman .our-journey-roman-info h6 {
    font-size: 2rem;
    font-family: "Axiforma-Medium";
    color: #242424;
    line-height: 3rem;
  }
  .our-journey-roman .our-journey-roman-info p {
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    color: #707070;
    line-height: 2.4rem;
  }
  @media only screen and (max-width: 100em) {
    .our-journey-two-column,
    .our-journey-carousel,
    .our-journey-image,
    .our-journey-roman {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .our-journey-two-column,
    .our-journey-carousel,
    .our-journey-image,
    .our-journey-roman {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
      padding-bottom: 5rem } }
	.our-journey-owl-carousel.owl-carousel .owl-item img {
		height: auto; }
  .our-journey-roman .our-journey-roman-info .social-item:not(:last-child) {
    margin-right: 1rem; }
  .our-journey-roman .our-journey-roman-info .social-link {
    color: #242424; }
    .our-journey-roman .our-journey-roman-info .social-link:hover {
      opacity: 0.8; }
    .our-journey-roman .our-journey-roman-info .social-link i {
      color: currentColor; }

  .our-journey-moments {
    padding-top: 8rem;
    padding-bottom: 12rem;
  }
  @media only screen and (max-width: 100em) {
    .our-journey-moments {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .our-journey-moments {
      padding-top: 5rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
      padding-bottom: 5rem } }

  .our-journey-moments-title {
    padding-bottom: 7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    @media only screen and (max-width: 37.5em) {
      .our-journey-moments-title {
        padding-left: 0; } }
    .our-journey-moments-title-icon {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      top: 0.3rem; }
      .our-journey-moments-title-icon svg,
      .our-journey-moments-title-icon img {
        width: 3rem; }
    .our-journey-moments-title-description {
      padding-left: 4rem; }
      @media only screen and (max-width: 37.5em) {
        .our-journey-moments-title-description {
          padding-left: 3rem; } }
      .our-journey-moments-title-description h1 {
        padding-bottom: 1.2rem;
        font-size: 3.4rem;
        font-family: "Axiforma-SemiBold";
        color: #080808;
        line-height: 4.9rem; }
        @media only screen and (max-width: 37.5em) {
          .our-journey-moments-title-description h1 {
            font-size: 2.8rem;
            line-height: 3.7rem; } }
      .our-journey-moments-title-description p {
        font-size: 2.5rem;
        font-family: "Axiforma-Light";
        color: #BABABA;
        line-height: 3.2rem; }
        @media only screen and (max-width: 37.5em) {
          .our-journey-moments-title-description p {
            font-size: 1.9rem;
            line-height: 2.8rem; } }

  .our-journey-moments-image {
    position: relative;
    overflow: hidden;
    height: 40rem;
    margin-bottom: 3rem; }
  .our-journey-moments-image:before {
    content: "";
    width: 100%;
    height: 15rem;
    z-index: 100;
    background: rgba(8, 8, 8, 0);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95));
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease; }
  .our-journey-moments-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s; }
  .our-journey-moments-image:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

  .our-journey-moments-content {
    padding-right: 5rem;
    position: absolute;
    bottom: -2rem;
    left: 2rem; 
    z-index: 100;
    opacity: 0;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease; }
  .our-journey-moments-image:hover .our-journey-moments-content {
    opacity: 1;
    bottom: 2rem; }
  .our-journey-moments-image:hover:before {
    opacity: 1;
  }
  .our-journey-moments-content span {
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    color: #ffffff;
    line-height: 2.2rem;
  }
  .our-journey-moments-content p {
    font-size: 1.5rem;
    font-family: "Axiforma-SemiBold";
    color: #ffffff;
    line-height: 2.2rem;
  }
.content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .content:not(:last-child) {
    margin-bottom: 4rem; }
  @media only screen and (max-width: 37.5em) {
    .content {
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; } }
  .content-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .content-icon img,
    .content-icon svg {
      width: 4.5rem; }
    .content-icon h1 {
      padding-bottom: 1rem;
      font-size: 4rem;
      font-family: "Axiforma-Medium";
      line-height: 5.5rem;
      color: #080808; }
  .content-description {
    padding-left: 4.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .content-description {
        padding-left: 3rem;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .content-description-title {
      width: 15rem;
      -moz-box-flex: 0 0 15rem;
      -webkit-flex: 0 0 15rem;
      -ms-flex: 0 0 15rem;
      flex: 0 0 15rem; }
      @media only screen and (max-width: 37.5em) {
        .content-description-title {
          margin-right: initial;
          margin-bottom: 1rem;
          width: 100%;
          -moz-box-flex: initial;
          -webkit-flex: initial;
          -ms-flex: initial;
          flex: initial; } }
      .content-description-title h1 {
        font-size: 3.4rem;
        line-height: 4.9rem;
        font-family: "Axiforma-SemiBold"; }
        @media only screen and (max-width: 56.25em) {
          .content-description-title h1 {
            font-size: 3rem;
            line-height: 4rem; } }
        @media only screen and (max-width: 37.5em) {
          .content-description-title h1 {
            font-size: 2.8rem;
            line-height: 3.4rem; } }
    .content-description p {
      padding-bottom: 0;
      font-size: 2rem;
      font-family: "Axiforma-Light";
      color: #080808;
      line-height: 2.8rem; }
      .content-description p.split span > span {
        margin-right: 0.5rem; }

.reveal {
  position: relative;
  overflow: hidden;
  height: 48.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  @media only screen and (max-width: 56.25em) {
    .reveal {
      height: 35rem; } }
  .reveal::before, .reveal::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .reveal::after {
    background-color: #fff;
    z-index: 10; }
  .reveal.reveal-animation::before {
    background: #fff;
    animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) both;
    z-index: 100; }
  .reveal.reveal-animation::after {
    animation: revealBack 1s cubic-bezier(0.77, 0, 0.175, 1) both; }
  .reveal-service {
    height: 30rem; }
    @media only screen and (max-width: 56.25em) {
      .reveal-service {
        height: 25rem; } }
    @media only screen and (max-width: 37.5em) {
      .reveal-service {
        height: 10rem; } }
  .reveal-testimonials,
  .reveal-discover,
  .reveal-contact,
  .reveal-hero {
    height: auto; }
  .reveal-contact {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

@keyframes reveal {
  0% {
    transform: translateX(-100%); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }

@keyframes revealBack {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }

/* ---------- Portfolio ---------- */
.portfolio {
  padding: 15rem 0;
  background-color: #080808;
  overflow: hidden; }
  @media only screen and (max-width: 100em) {
    .portfolio {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .portfolio {
      padding-top: 7rem;
      padding-right: 1.5rem;
      padding-bottom: 7rem;
      padding-left: 1.5rem;
      margin-bottom: 0; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio {
        margin-bottom: 7rem; } }
  .portfolio-single {
    padding: initial;
    margin: 0;
    background-color: initial; }
  .portfolio-wrapper {
    margin-bottom: 15rem;
    background-color: #000; }
    @media only screen and (max-width: 75em) {
      .portfolio-wrapper {
        padding-right: 2.5rem;
        padding-left: 2.5rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-wrapper {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        padding-bottom: 8rem;
        margin-bottom: 8rem; } }
    .portfolio-wrapper-items {
      position: relative; }
  .portfolio-filters {
    position: relative;
    padding-top: 20rem;
    padding-bottom: 8rem;
    background-color: #000;
    z-index: initial;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-filters {
        padding-top: 16rem;
        padding-bottom: 5rem; 
        z-index: 1000; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-filters {
        padding-top: 10rem; } }
    .portfolio-filters.sticky {
      padding-top: 8rem; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-filters.sticky {
          padding-top: 8rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-filters.sticky {
          padding-top: 5rem; } }
    .portfolio-filters-wrapper {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-filters-wrapper {
          z-index: 1000;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .portfolio-filters-wrapper.active {
        padding-top: 3.2rem;
        width: 100%;
        z-index: 99999;
        position: fixed;
        top: initial;
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .portfolio-filters-icon {
      padding-bottom: 0.5rem;
      margin-right: 4.5rem;
      font-size: 3rem;
      color: #BABABA;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-filters-icon {
          display: none; } }
    .portfolio-filters-toggle {
      position: relative;
      padding: 2.2rem 3rem;
      width: calc(100% - 3rem);
      display: none;
      background-color: #080808;
      font-size: 1.5rem;
      font-family: "Axiforma-Light";
      line-height: 2.2rem;
      color: rgba(255, 255, 255, 0.7); }
      @media only screen and (max-width: 56.25em) {
        .portfolio-filters-toggle {
          display: block; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-filters-toggle {
          padding: 2.2rem 2.5rem; } }
      .portfolio-filters-toggle::before {
        content: "\e906";
        font-family: "refive" !important;
        color: rgba(255, 255, 255, 0.7);
        position: absolute;
        top: 50%;
        right: 3rem;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); 
        -webkit-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -moz-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -ms-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        -o-transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875);
        transition: all 0.2s 0.25s cubic-bezier(0.72, 0.16, 0.345, 0.875); }
        @media only screen and (max-width: 37.5em) {
          .portfolio-filters-toggle::before {
            right: 2.5rem; } }
        .portfolio-filters-toggle.open::before {
          top: 2rem;
          -moz-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
    .portfolio-filters-list {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-filters-list {
          padding-top: 2rem;
          padding-bottom: 1.5rem;
          width: calc(100% - 3rem);
          opacity: 0;
          visibility: hidden;
          background-color: #080808;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          position: absolute;
          top: 9rem;
          left: 50%;
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          -webkit-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
          -moz-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
          -ms-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
          -o-transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875);
          transition: all 0.3s 0.35s cubic-bezier(0.72, 0.16, 0.345, 0.875); } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-filters-list.show {
          top: 7rem;
          opacity: 1;
          visibility: visible; } }
      .portfolio-filters-list li:not(:last-child) {
        margin-right: 5rem; }
        @media only screen and (max-width: 75em) {
          .portfolio-filters-list li:not(:last-child) {
            margin-right: 3rem; } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-filters-list li:not(:last-child) {
            margin-right: 0;
            margin-bottom: 2rem; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-filters-list li:not(:last-child) {
            margin-bottom: 1.5rem; } }
      .portfolio-filters-list li a {
        font-size: 1.5rem;
        font-family: "Axiforma-Light";
        line-height: 2.2rem;
        color: rgba(255, 255, 255, 0.7); }
        .portfolio-filters-list li a:hover {
          color: #fff; }
        .portfolio-filters-list li a.active {
          color: #fff;
          font-family: "Axiforma-Bold"; }
      .portfolio-filters-list li.active a {
        color: #fff;
        font-family: "Axiforma-Bold"; }
  .portfolio-items {
    margin-top: 16rem;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-items {
        margin-top: 0; } }
  .portfolio-item {
    width: 50%;
    padding-right: 4rem;
    padding-left: 4rem;
    max-width: 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    .portfolio-item:not(:last-child) {
      margin-bottom: 8rem; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-item {
        padding-right: 1.5rem;
        padding-left: 1.5rem; }
        .portfolio-item:not(:last-child) {
          margin-bottom: 3rem; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-item {
        max-width: 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
        .portfolio-item:not(:last-child) {
          margin-bottom: 4rem; }
        .portfolio-item:last-child {
          margin-bottom: 0; } }
    .portfolio-item:nth-child(odd) {
      position: relative;
      top: -16rem; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-item:nth-child(odd) {
          top: -5rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-item:nth-child(odd) {
          top: initial; } }
    .portfolio-item-more {
      position: relative;
      padding: 6rem;
      height: 65rem;
      background-color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-item-more {
          padding: 3rem;
          height: 100%; } }
      .portfolio-item-more-text {
        padding-right: 8rem;
        width: 100%; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-item-more-text {
            padding-bottom: 2rem; } }
        .portfolio-item-more-text h1 {
          font-size: 6rem;
          font-family: "Axiforma-Bold";
          line-height: 7rem; }
          @media only screen and (max-width: 75em) {
            .portfolio-item-more-text h1 {
              font-size: 4rem;
              line-height: 5rem; } }
        .portfolio-item-more-text p {
          padding-top: 3rem;
          font-size: 2.2rem;
          font-family: "Axiforma-Light";
          line-height: 3.2rem; }
      .portfolio-item-more-button {
        position: relative;
        width: 100%; }
        .portfolio-item-more-button a {
          padding: 5rem 7rem;
          background-color: #F7F7F7;
          font-size: 2.2rem;
          font-family: "Axiforma-Light";
          line-height: 3.2rem;
          text-align: center;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
          @media only screen and (max-width: 56.25em) {
            .portfolio-item-more-button a {
              padding: 3rem;
              font-size: 1.6rem;
              line-height: 2.4rem; } }
          @media only screen and (max-width: 37.5em) {
            .portfolio-item-more-button a {
              padding: 5rem;
              font-size: 2rem;
              line-height: 2.8rem; } }
        .portfolio-item-more-button .animation-icon {
          position: absolute;
          top: -10rem;
          right: 0; }
        .portfolio-item-more-button img,
        .portfolio-item-more-button svg {
          width: 5rem;
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
    .portfolio-item-link {
      position: relative; }
      .portfolio-item-link:before {
        content: "";
        width: 100%;
        height: 12.8rem;
        z-index: 100;
        background: rgba(8, 8, 8, 0);
        background: -webkit-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.8));
        background: linear-gradient(to bottom, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.8));
        position: absolute;
        bottom: 0;
        left: 0; }
      .portfolio-item-link:hover .portfolio-item-title {
        -moz-transform: translateY(-2.5rem);
        -o-transform: translateY(-2.5rem);
        -ms-transform: translateY(-2.5rem);
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem); }
      .portfolio-item-link:hover .portfolio-item-view span {
        opacity: 1; }
    .portfolio-item-featured {
      position: relative;
      width: 100%;
      height: 65rem;
      overflow: hidden; }
      @media only screen and (max-width: 75em) {
        .portfolio-item-featured {
          height: 45rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-item-featured {
          height: 32rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-item-featured {
          height: 38rem; } }
      .portfolio-item-featured img {
        width: 100%;
        height: 65rem;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s; }
        @media only screen and (max-width: 75em) {
          .portfolio-item-featured img {
            height: 45rem; } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-item-featured img {
            height: 32rem; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-item-featured img {
            height: 38rem; } }
    .portfolio-item-title {
      padding: 0 3rem;
      position: absolute;
      bottom: 0;
      z-index: 100;
      -webkit-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -moz-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -ms-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -o-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -webkit-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -moz-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -ms-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -o-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
      .portfolio-item-title h3 {
        font-size: 2.7rem;
        font-family: "Axiforma-SemiBold";
        color: #fff;
        line-height: 3.9rem; }
      .portfolio-item-title span {
        position: relative;
        font-size: 1.2rem;
        font-family: "Axiforma-Light";
        line-height: 1.7rem;
        color: #fff;
        text-transform: uppercase; }
      .portfolio-item-title p {
        padding-bottom: 0.5rem;
        font-size: 1.2rem;
        font-family: "Axiforma-Light";
        line-height: 1.5rem;
        color: #ffffff }
      .portfolio-item-view span {
        opacity: 0;
        font-size: 1.2rem;
        line-height: 1.7rem;
        text-transform: uppercase;
        -webkit-transition: opacity 0.6s ease;
        -moz-transition: opacity 0.6s ease;
        -ms-transition: opacity 0.6s ease;
        -o-transition: opacity 0.6s ease;
        transition: opacity 0.6s ease; }
    .portfolio-item-border {
      position: absolute;
      top: 0;
      right: 1.5rem;
      bottom: 0;
      left: 1.5rem;
      background-color: rgba(0, 0, 0, 0.5);
      -moz-transform: scale(1.5);
      -o-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      transition: transform 0.6s, background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.6s; }
    .portfolio-item a {
      position: relative;
      overflow: hidden;
      display: block; }
      .portfolio-item a:hover .portfolio-item-border {
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.8); }
      .portfolio-item a:hover img {
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05); }
  .portfolio-load-more {
    padding-top: 3rem;
    padding-bottom: 10rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-load-more {
        padding-bottom: 0; } }
    .portfolio-load-more .btn {
      position: relative;
      padding: 2.5rem 3rem;
      max-width: 32rem;
      height: auto;
      background-color: #19191A;
      text-align: center; }
      .portfolio-load-more .btn-loader {
        width: 3rem;
        height: 3rem;
        background-color: transparent;
        border: 0.2rem solid #fff;
        border-radius: 50%;
        opacity: 0;
        visibility: hidden;
        animation: loader 1s ease-out infinite;
        position: absolute;
        top: calc(50% - 1.5rem);
        left: calc(50% - 1.5rem);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .portfolio-load-more .btn-text {
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .portfolio-load-more .btn.loading .btn-loader {
        opacity: 1;
        visibility: visible; }
      .portfolio-load-more .btn.loading .btn-text {
        top: 5rem;
        opacity: 0;
        visibility: hidden; }
      .portfolio-load-more .btn.disabled {
        pointer-events: none;
        opacity: 0.5; }
    .portfolio-load-more .hide {
      display: none; }

@keyframes loader {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }
  .portfolio-carousel {}
  .portfolio-carousel-head {
    padding-bottom: 7rem; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-carousel-head {
        padding-bottom: 5rem; } }
  .portfolio-carousel-head .heading {
    padding: 0; }
  .portfolio-owl-carousel .owl-stage-outer {
    overflow: initial; }
  .portfolio-carousel-item {
    position: relative;
    overflow: hidden; }
  .portfolio-carousel-title {
    padding: 0 3rem;
    z-index: 100;
    position: absolute;
    bottom: 0;
    -webkit-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -moz-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -ms-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -o-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -webkit-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -moz-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -ms-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -o-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    .portfolio-carousel-title h2 {
      font-size: 3rem;
      font-family: "Axiforma-SemiBold";
      color: #fff;
      line-height: 3.5rem; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-carousel-title h2 {
          padding-bottom: 0;
          font-size: 2.8rem;
          font-family: "Axiforma-Medium";
          line-height: 3.9rem; } }
    .portfolio-carousel-title p {
      padding-bottom: 0.5rem;
      font-size: 1.2rem;
      font-family: "Axiforma-Light";
      line-height: 1.5rem;
      color: #ffffff }
  .portfolio-carousel-type a, 
  .portfolio-carousel-view a,
  .portfolio-carousel-view span,
  .portfolio-carousel-type span {
    position: relative;
    margin-right: 0.7rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    color: #fff;
    line-height: 2.4rem;
    opacity: 0.9; }
  .portfolio-carousel-type {
    padding-bottom: 1rem; }
    .portfolio-carousel-type span,
    .portfolio-carousel-type a {
      margin-right: 0.3rem;
      font-size: 1.4rem; }
  .portfolio-carousel-view span {
    opacity: 0;
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease; }
  .portfolio-carousel-link {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 55rem;
    z-index: 10; }
    .portfolio-carousel-link:before {
      content: "";
      width: 100%;
      height: 12.8rem;
      z-index: 100;
      background: rgba(8, 8, 8, 0);
      background: -webkit-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.8));
      background: linear-gradient(to bottom, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.8));
      position: absolute;
      bottom: 0;
      left: 0; }
    @media only screen and (min-width: 112.5em) {
      .portfolio-carousel-link {
        height: 60rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-carousel-link {
        height: 40rem; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-carousel-link {
        height: 38rem; } }
    .portfolio-carousel-link img {
      width: 100%;
      height: 55rem;
      object-fit: cover;
      object-position: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (min-width: 112.5em) {
        .portfolio-carousel-link img {
          height: 60rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-carousel-link img {
          height: 40rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-carousel-link img {
          height: 38rem; } }
    .portfolio-carousel-link .portfolio-carousel-border {
      position: absolute;
      top: 0;
      right: 1.5rem;
      bottom: 0;
      left: 1.5rem;
      background-color: rgba(0, 0, 0, 0.5);
      -moz-transform: scale(1.5);
      -o-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      transition: transform 0.6s, background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.6s; }
    .portfolio-carousel-link:hover .portfolio-carousel-border {
      z-index: 10;
      background-color: rgba(0, 0, 0, 0.8); }
    .portfolio-carousel-link:hover .portfolio-carousel-title {
      -moz-transform: translateY(-2.5rem);
      -o-transform: translateY(-2.5rem);
      -ms-transform: translateY(-2.5rem);
      -webkit-transform: translateY(-2.5rem);
      transform: translateY(-2.5rem); }
    .portfolio-carousel-link:hover .portfolio-carousel-view span {
      opacity: 1; }
    .portfolio-carousel-link:hover:hover img {
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
  .portfolio-hero {
    position: relative;
    width: 100%;
    height: 70vh;
    background-color: #080808;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    @media only screen and (max-width: 37.5em) {
      .portfolio-hero {
        height: 45rem; } }
    .portfolio-hero-inner {
      position: relative;
      top: 12.5rem;
      width: calc(100% - 12rem);
      height: 70vh;
      margin: 0 auto;
      background-color: #19191A;
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in; }
      @media only screen and (min-width: 162.5em) {
        .portfolio-hero-inner {
          max-width: 210rem;
          width: 100%; } 
          .portfolio-hero.sticky .portfolio-hero-inner {
            max-width: 100%; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-hero-inner {
          width: calc(100% - 7rem);
          top: 9rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-hero-inner {
          width: calc(100% - 3rem);
          height: 43rem;
          top: 7rem; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-hero.sticky {
        height: 43rem; } }
    .portfolio-hero.sticky .portfolio-hero-inner {
      width: 100%;
      top: 0; }
    .portfolio-hero #hero-wrapper {
      width: 100%;
      height: 70vh;
      overflow: hidden;
      z-index: 10;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-transition: filter 0.6s ease-in-out;
      -moz-transition: filter 0.6s ease-in-out;
      -ms-transition: filter 0.6s ease-in-out;
      -o-transition: filter 0.6s ease-in-out;
      transition: filter 0.6s ease-in-out; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-hero #hero-wrapper {
          height: 43rem; } }
      .portfolio-hero #hero-wrapper #hero-parallax {
        position: absolute;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d; }
        .portfolio-hero #hero-wrapper #hero-parallax #hero-image {
          width: 100%;
          height: 100%;
          overflow: visible;
          background-size: cover;
          background-position: center center;
          perspective: 100rem;
          opacity: 0;
          z-index: 0;
          -moz-transform: scale(1.2);
          -o-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -webkit-transform: scale(1.2);
          transform: scale(1.2); }
          .portfolio-hero #hero-wrapper #hero-parallax #hero-image video {
            position: absolute;
            width: 100%;
            height: 100vh;
            object-fit: fill; }
    .portfolio-hero .hero-parallax-desktop {
      display: block; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-hero .hero-parallax-desktop {
          display: none; } }
    .portfolio-hero .hero-parallax-mobile {
      display: none; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-hero .hero-parallax-mobile {
          display: block;
          opacity: 1 !important; } }
  .portfolio-content {
    padding-top: 22rem;
    padding-bottom: 15rem;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    @media only screen and (max-width: 100em) {
      .portfolio-content {
        padding-right: 5rem;
        padding-left: 5rem; } }
    @media only screen and (max-width: 75em) {
      .portfolio-content {
        padding-top: 20rem;
        padding-bottom: 8rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-content {
        padding-top: 15rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-content {
        padding-top: 10rem;
        padding-bottom: 7rem; } }
    .portfolio-content.sticky {
      padding-top: 15rem; }
      @media only screen and (max-width: 75em) {
        .portfolio-content.sticky {
          padding-top: 10rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-content.sticky {
          padding-top: 8rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-content.sticky {
          padding-top: 7rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-content .col-6 {
        max-width: 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
    .portfolio-content-title {
      padding-bottom: 8rem; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-content-title {
          padding-bottom: 5rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-content-title {
          padding-bottom: 3rem; } }
      .portfolio-content-title h1 {
        padding-bottom: 2rem;
        margin-bottom: 6rem;
        position: relative;
        font-size: 3rem;
        font-family: "Axiforma-Light";
        color: #080808;
        line-height: 3.2rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-content-title h1 {
            margin-bottom: 3rem; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-content-title h1 {
            padding-bottom: 1.5rem;
            font-size: 2.8rem; } }
        .portfolio-content-title h1::before {
          content: " ";
          width: 100%;
          height: 0.1rem;
          background-color: rgba(8, 8, 8, 0.2);
          position: absolute;
          bottom: 0;
          left: 0; }
      .portfolio-content-title h3 {
        font-size: 2.8rem;
        font-family: "Axiforma-Medium";
        color: #080808;
        line-height: 4rem; }
        @media only screen and (max-width: 37.5em) {
          .portfolio-content-title h3 {
            font-size: 2.2rem;
            line-height: 3.2rem; } }
    .portfolio-content-list {
      position: relative;
      padding-bottom: 5rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      @media only screen and (max-width: 75em) {
        .portfolio-content-list {
          width: 38rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-content-list {
          padding-bottom: 3rem;
          width: 50rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-content-list {
          width: 32rem; } }
      .portfolio-content-list:last-of-type {
        padding-bottom: 0; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-content-list:last-of-type {
            padding-bottom: 5rem; } }
      .portfolio-content-list::before {
        content: " ";
        width: 12rem;
        height: 0.1rem;
        background-color: rgba(8, 8, 8, 0.2);
        position: absolute;
        top: 1.5rem;
        left: calc(50% - 6.5rem);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media only screen and (max-width: 75em) {
          .portfolio-content-list::before {
            width: 6rem;
            left: calc(50% - 5rem); } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-content-list::before {
            width: 10rem;
            left: calc(50% - 7.7rem); } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-content-list::before {
            width: 4rem;
            top: 1.3rem;
            left: calc(50% - 3.5rem); } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-content-list {
          padding-bottom: 3rem; } }
      .portfolio-content-list-title {
        width: 15rem; }
        @media only screen and (max-width: 75em) {
          .portfolio-content-list-title {
            width: 19rem; } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-content-list-title {
            width: 25rem; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-content-list-title {
            width: 16rem; } }
        .portfolio-content-list-title h4 {
          font-size: 2rem;
          font-family: "Axiforma-Medium";
          color: #080808;
          line-height: 3.6rem; }
          @media only screen and (max-width: 37.5em) {
            .portfolio-content-list-title h4 {
              font-size: 1.8rem;
              line-height: 2.7rem; } }
      .portfolio-content-list ul {
        padding-top: 0.3rem;
        width: 25rem; }
        @media only screen and (max-width: 75em) {
          .portfolio-content-list ul {
            width: 19rem; } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-content-list ul {
            width: 25rem; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-content-list ul {
            padding-top: 0.5rem;
            width: 16rem; } }
        .portfolio-content-list ul li:not(:last-child) {
          margin-bottom: 0.5rem; }
        .portfolio-content-list ul li p,
        .portfolio-content-list ul li a {
          font-size: 1.7rem;
          font-family: "Axiforma-Light";
          color: #080808;
          line-height: 2.9rem; }
          @media only screen and (max-width: 37.5em) {
            .portfolio-content-list ul li p,
            .portfolio-content-list ul li a {
              font-size: 1.4rem;
              line-height: 1.8rem; } }
        .portfolio-content-list ul li a {
          position: relative; }
          .portfolio-content-list ul li a::before {
            content: " ";
            width: 0;
            height: 0.1rem;
            background-color: #080808;
            position: absolute;
            bottom: 0;
            left: 0;
            -webkit-transition: width 0.3s;
            -moz-transition: width 0.3s;
            -ms-transition: width 0.3s;
            -o-transition: width 0.3s;
            transition: width 0.3s; }
          .portfolio-content-list ul li a:hover::before {
            width: 100%; }
    .portfolio-content-description p {
      font-size: 1.7rem;
      font-family: "Axiforma-Light";
      color: #707070;
      line-height: 2.9rem; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-content-description p { 
          font-size: 1.6rem;
          line-height: 2.5rem;
         } }
      .portfolio-content-description p:not(:last-child) {
        padding-bottom: 2rem; }
  .portfolio-services {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    @media only screen and (max-width: 37.5em) {
      .portfolio-services {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .portfolio-services-image {
      position: relative;
      width: 65%;
      max-width: 65%;
      height: 90rem;
      -moz-box-flex: 0 0 65%;
      -webkit-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
      flex: 0 0 65%; }
      @media only screen and (max-width: 75em) {
        .portfolio-services-image {
          height: 70rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-services-image {
          width: 65%;
          max-width: 65%;
          height: 50rem;
          -moz-box-flex: 0 0 65%;
          -webkit-flex: 0 0 65%;
          -ms-flex: 0 0 65%;
          flex: 0 0 65%; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-services-image {
          width: 100%;
          max-width: 100%;
          height: auto;
          -moz-box-flex: 0 0 100%;
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -ms-flex-order: 2;
          -webkit-order: 2;
          order: 2; } }
      .portfolio-services-image > img {
        width: 100%;
        height: 90rem;
        object-fit: cover; }
        @media only screen and (max-width: 75em) {
          .portfolio-services-image > img {
            height: 70rem; } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-services-image > img {
            height: 50rem; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-services-image > img {
            height: auto; } }
    .portfolio-services-content {
      padding: 5rem 12rem;
      width: 35%;
      max-width: 35%;
      height: 90rem;
      background-color: #080808;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -moz-box-flex: 0 0 35%;
      -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
      flex: 0 0 35%; }
      @media only screen and (max-width: 75em) {
        .portfolio-services-content {
          padding: 5rem;
          height: 70rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-services-content {
          padding: 3rem;
          width: 35%;
          max-width: 35%;
          height: 50rem;
          -moz-box-flex: 0 0 35%;
          -webkit-flex: 0 0 35%;
          -ms-flex: 0 0 35%;
          flex: 0 0 35%; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-services-content {
          padding: 5rem;
          width: 100%;
          max-width: 100%;
          height: 100%;
          -moz-box-flex: 0 0 100%;
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -ms-flex-order: 1;
          -webkit-order: 1;
          order: 1; } }
      .portfolio-services-content-year {
        padding-bottom: 5rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-services-content-year {
            padding-bottom: 3rem; } }
        .portfolio-services-content-year span {
          font-size: 1.4rem;
          font-family: "Axiforma-Light";
          color: rgba(255, 255, 255, 0.5);
          line-height: 2.5rem; }
        .portfolio-services-content-year p {
          font-size: 1.4rem;
          font-family: "Axiforma-Light";
          color: #fff;
          line-height: 2.5rem; }
      .portfolio-services-content-items {
        padding-bottom: 5rem; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-services-content-items {
            padding-bottom: 0; } }
        .portfolio-services-content-items span {
          padding-bottom: 1rem;
          font-size: 1.4rem;
          font-family: "Axiforma-Light";
          color: rgba(255, 255, 255, 0.5);
          line-height: 2.5rem; }
        .portfolio-services-content-items ul li:not(:last-child) {
          margin-bottom: 0.5rem; }
        .portfolio-services-content-items ul li p {
          font-size: 1.4rem;
          font-family: "Axiforma-Light";
          color: #fff;
          line-height: 2.5rem; }
  .portfolio-logo {
    position: relative;
    padding-top: 15rem; }
    @media only screen and (max-width: 100em) {
      .portfolio-logo {
        padding-right: 5rem;
        padding-left: 5rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-logo {
        padding-top: 8rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-logo {
        padding-top: 7rem; } }
    .portfolio-logo-title h3 {
      padding-bottom: 3rem;
      font-size: 2.8rem;
      font-family: "Axiforma-Medium";
      color: #080808;
      line-height: 4rem; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-logo-title h3 {
          padding-bottom: 2rem; } }
    .portfolio-logo-description p {
      font-size: 1.7rem;
      font-family: "Axiforma-Light";
      color: #707070;
      line-height: 2.9rem; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-logo-description p {
          font-size: 1.6rem;
          line-height: 2.5rem; } }
      .portfolio-logo-description p:not(:last-child) {
        padding-bottom: 2rem; }
    .portfolio-logo-image {
      padding-top: 10rem;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-logo-image {
          padding-top: 5rem; } }
      .portfolio-logo-image img {
        width: 50rem;
        height: auto;
        object-fit: contain; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-logo-image img {
            width: 40rem !important; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-logo-image img {
            width: 30rem !important; } }
  .portfolio-logo-animation {
    padding-top: 5rem;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media only screen and (max-width: 75em) {
      .portfolio-logo-animation {
        display: none; } }
    .portfolio-logo-animation video {
      width: 50rem;
      height: auto;
      object-fit: cover;
      cursor: pointer; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-logo-animation video {
          width: 40rem !important; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-logo-animation video {
          width: 30rem !important; } }
  .portfolio-logo-image-mobile {
    display: none; }
    @media only screen and (max-width: 75em) {
      .portfolio-logo-image-mobile {
        display: flex; } }
  .portfolio-heading {
    padding-top: 15rem;
    padding-bottom: 10rem; }
    @media only screen and (max-width: 100em) {
      .portfolio-heading {
        padding-right: 5rem;
        padding-left: 5rem; } }
    @media only screen and (max-width: 75em) {
      .portfolio-heading {
        padding-right: 5rem;
        padding-left: 5rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-heading {
        padding-top: 8rem;
        padding-bottom: 5rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    .portfolio-heading .heading-portfolio {
      padding-bottom: 0; }
      .portfolio-heading .heading-portfolio h3 {
        padding-right: 5rem;
        max-width: 48rem;
        width: 100%;
        font-size: 2.8rem;
        font-family: "Axiforma-Medium";
        color: #080808;
        line-height: 4rem; }
        @media only screen and (max-width: 37.5em) {
          .portfolio-heading .heading-portfolio h3 {
            width: auto;
            font-size: 2.2rem;
            line-height: 3rem; } }
        @media only screen and (max-width: 56.25em) {
          .portfolio-heading .heading-portfolio h3 {
            width: initial;
            padding-right: 0;
            padding-bottom: 2rem; } }
      .portfolio-heading .heading-portfolio p {
        width: 75rem;
        padding-bottom: 0; }
        @media only screen and (max-width: 56.25em) {
          .portfolio-heading .heading-portfolio p {
            width: auto;
            padding-left: 0; } }
        @media only screen and (max-width: 37.5em) {
          .portfolio-heading .heading-portfolio p {
            font-size: 1.6rem;
            line-height: 2.5rem; } }
  .portfolio-full-gallery-wrapper {
    display: grid;
    will-change: transform;
    transform: translate3d(0, 0, 0); }
  .portfolio-full-gallery-image a {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .portfolio-full-gallery-image a:hover {
      z-index: 1000;
      box-shadow: 0 0.8rem 1.5rem 0 rgba(0, 0, 0, 0.1);
      -moz-transform: scale(1.08);
      -o-transform: scale(1.08);
      -ms-transform: scale(1.08);
      -webkit-transform: scale(1.08);
      transform: scale(1.08); }
  .portfolio-full-gallery-five .portfolio-full-gallery-wrapper {
    grid-template-columns: repeat(5, 40vw);
    grid-template-rows: repeat(1, min-content); }
    @media only screen and (max-width: 75em) {
      .portfolio-full-gallery-five .portfolio-full-gallery-wrapper {
        overflow-x: scroll; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-full-gallery-five .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 50vw); } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-full-gallery-five .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 60vw); } }
  .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper {
    /* grid-template-columns: repeat(5, 22vw); */
    grid-template-rows: repeat(2, min-content); }
    /* @media only screen and (max-width: 100em) {
      .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 22vw); } } */
    @media only screen and (max-width: 75em) {
      .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 25vw);
        overflow-x: scroll; } 
      .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper::-webkit-scrollbar {
        height: 1rem !important; }
      .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper::-webkit-scrollbar-track {
        background: rgba(8, 8, 8, 0.2) !important; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 30vw); } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-full-gallery-eight .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 35vw); } }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(1) {
    grid-row: 1 / 1;
    grid-column: 1 / 1; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(2) {
    grid-row: 1 / 1;
    grid-column: 2 / 3; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(3) {
    grid-row: 1 / 1;
    grid-column: 3 / 4; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(4) {
    grid-row: 1 / 1;
    grid-column: 4 / 5; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(5) {
    grid-row: 2 / 2;
    grid-column: 2 / 3; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(6) {
    grid-row: 2 / 2;
    grid-column: 3 / 4; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(7) {
    grid-row: 2 / 2;
    grid-column: 4 / 5; }
  .portfolio-full-gallery-eight .portfolio-full-gallery-image:nth-child(8) {
    grid-row: 2 / 2;
    grid-column: 5 / 6; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-wrapper {
  /* grid-template-columns: repeat(6, 22vw);*/
    grid-template-rows: repeat(2, min-content); }
  /* @media only screen and (max-width: 100em) {
      .portfolio-full-gallery-ten .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(5, 22vw); } }*/
    @media only screen and (max-width: 75em) {
      .portfolio-full-gallery-ten .portfolio-full-gallery-wrapper {
      /* grid-template-columns: repeat(5, 25vw);*/
        overflow-x: scroll; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-full-gallery-ten .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(6, 30vw); } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-full-gallery-ten .portfolio-full-gallery-wrapper {
        grid-template-columns: repeat(6, 35vw); } }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(1) {
    grid-row: 1 / 1;
    grid-column: 1 / 1; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(2) {
    grid-row: 1 / 1;
    grid-column: 2 / 3; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(3) {
    grid-row: 1 / 1;
    grid-column: 3 / 4; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(4) {
    grid-row: 1 / 1;
    grid-column: 4 / 5; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(5) {
    grid-row: 1 / 1;
    grid-column: 5 / 6; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(6) {
    grid-row: 2 / 2;
    grid-column: 2 / 3; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(7) {
    grid-row: 2 / 2;
    grid-column: 3 / 4; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(8) {
    grid-row: 2 / 2;
    grid-column: 4 / 5; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(9) {
    grid-row: 2 / 2;
    grid-column: 5 / 6; }
  .portfolio-full-gallery-ten .portfolio-full-gallery-image:nth-child(10) {
    grid-row: 2 / 2;
    grid-column: 6 / 7; }
  .portfolio-full-gallery-image {
    position: relative; }
    .portfolio-full-gallery-image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .portfolio-full-gallery-shape {
    width: 7.5rem;
    height: 2.5rem;
    background-color: #080808;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-full-gallery-shape {
        width: 5.5rem;
        height: 1.5rem; } }
  .portfolio-full-gallery-image:nth-child(1) .portfolio-full-gallery-shape, .portfolio-full-gallery-image:nth-child(4) .portfolio-full-gallery-shape {
    display: block; }
  .portfolio-full-gallery-image:nth-child(1) .portfolio-full-gallery-shape {
    bottom: -2.5rem; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-full-gallery-image:nth-child(1) .portfolio-full-gallery-shape {
        bottom: -1.5rem; } }
  .portfolio-full-gallery-image:nth-child(4) .portfolio-full-gallery-shape {
    right: -7.5rem; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-full-gallery-image:nth-child(4) .portfolio-full-gallery-shape {
        right: -5.5rem; } }
/*  .portfolio-masonry-gallery {
  padding-top: 15rem;
  padding-bottom: 10rem; }*/
  @media only screen and (max-width: 75em) {
    .portfolio-masonry-gallery {
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 56.25em) {
    .portfolio-masonry-gallery {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  /*.portfolio-masonry-gallery-wrapper {
    display: grid;
    grid-template-rows: repeat(4, max-content);
    grid-gap: 3rem;
    will-change: transform;
    transform: translate3d(0, 0, 0); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper {
        grid-template-rows: repeat(4, max-content);
        grid-gap: 1.5rem; } }
  .portfolio-masonry-gallery-wrapper__1,
  .portfolio-masonry-gallery-wrapper__2 {
    grid-template-rows: repeat(1, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__1,
      .portfolio-masonry-gallery-wrapper__2 {
        grid-template-rows: repeat(1, max-content); } }

  .portfolio-masonry-gallery-wrapper__3 {
    grid-template-rows: repeat(2, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__3 {
        grid-template-rows: repeat(2, max-content); } }

  .portfolio-masonry-gallery-wrapper__4 {
    grid-template-rows: repeat(2, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__4 {
        grid-template-rows: repeat(2, max-content); } }

  .portfolio-masonry-gallery-wrapper__5 {
    grid-template-rows: repeat(3, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__5 {
        grid-template-rows: repeat(3, max-content); } }

  .portfolio-masonry-gallery-wrapper__6 {
    grid-template-rows: repeat(4, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__6 {
        grid-template-rows: repeat(2, max-content); } }

  .portfolio-masonry-gallery-wrapper__7 {
    grid-template-rows: repeat(4, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__7 {
        grid-template-rows: repeat(4, max-content); } }

  .portfolio-masonry-gallery-wrapper__8 {
    grid-template-rows: repeat(4, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__8  {
        grid-template-rows: repeat(4, max-content); } }

  .portfolio-masonry-gallery-wrapper__9 {
    grid-template-rows: repeat(4, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__9  {
        grid-template-rows: repeat(7, max-content); } }

  .portfolio-masonry-gallery-wrapper__10 {
    grid-template-rows: repeat(4, max-content); }
    @media only screen and (max-width: 37.5em) {
      .portfolio-masonry-gallery-wrapper__10  {
        grid-template-rows: repeat(4, max-content); } }

  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image a {
    display: block;
  }

  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(1) {
    grid-row: 1 / 1;
    grid-column: 1 / 1; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(2) {
    grid-row: 1 / 1;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(3) {
    grid-row: 1 / 1;
    grid-column: 3 / 4; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(4) {
    grid-row: 2 / 3;
    grid-column: 1 / 2; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(5) {
    grid-row: 2 / 3;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(6) {
    grid-row: 2 / 3;
    grid-column: 3 / 4; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(7) {
    grid-row: 3 / 4;
    grid-column: 1 / 1; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(8) {
    grid-row: 3 / 4;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(9) {
    grid-row: 6 / 7;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(10) {
    grid-row: 7 / 8;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image:nth-child(11) {
    grid-row: 8 / 9;
    grid-column: 1 / 3; }
  .portfolio-masonry-gallery-wrapper__1 .portfolio-masonry-gallery-image:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 3; }
  .portfolio-masonry-gallery-wrapper__3 .portfolio-masonry-gallery-image:nth-child(3) {
    grid-row: 2 / 3;
    grid-column: 1 / 3; }
  .portfolio-masonry-gallery-wrapper__4 .portfolio-masonry-gallery-image:nth-child(3) {
    grid-row: 2 / 3;
    grid-column: 1 / 2; }
  .portfolio-masonry-gallery-wrapper__4 .portfolio-masonry-gallery-image:nth-child(4) {
    grid-row: 2 / 3;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper__5 .portfolio-masonry-gallery-image:nth-child(5) {
    grid-row: 3 / 5;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper__6 .portfolio-masonry-gallery-image:nth-child(6) {
    grid-row: 4 / 5;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper__8 .portfolio-masonry-gallery-image:nth-child(8) {
    grid-row: 3 / 4;
    grid-column: 2 / 3; }
  .portfolio-masonry-gallery-wrapper__9 .portfolio-masonry-gallery-image:nth-child(9) {
    grid-row: 3 / 4;
    grid-column: 3 / 4; }*/
  .portfolio-masonry-gallery-wrapper {
      column-count: 3;
      column-fill: initial;
      will-change: transform;
      transform: translate3d(0, 0, 0); }
    @media only screen and (max-width: 56.25em) {
      .portfolio-masonry-gallery-wrapper {
        column-count: 2 } }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image {
    display: inline-block; 
    vertical-align: top; }
  .portfolio-masonry-gallery-wrapper .portfolio-masonry-gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .portfolio-image-customize {
    position: relative;
    padding-bottom: 5rem;
    width: 100%; }
    .portfolio-image-customize-fluid {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .portfolio-image-customize img {
      width: 100%;
      height: auto; }
  .portfolio-quotes {
    position: relative;
    padding-bottom: 15rem;
    background-color: #fff; }
    @media only screen and (max-width: 100em) {
      .portfolio-quotes {
        padding-right: 5rem;
        padding-left: 5rem; } }
    @media only screen and (max-width: 56.25em) {
      .portfolio-quotes {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        padding-bottom: 8rem; } }
    .portfolio-quotes-shape {
      width: 24rem;
      height: 11rem;
      background-color: #080808;
      position: absolute;
      top: 0;
      right: 0; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-quotes-shape {
          width: 10rem;
          height: 8rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-quotes-shape {
          width: 8rem;
          height: 5rem; } }
    .portfolio-quotes-icon {
      font-size: 6rem;
      color: #080808;
      position: absolute;
      top: -0.6rem;
      left: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-quotes-icon {
          top: 0;
          font-size: 3rem; } }
    .portfolio-quotes-content {
      position: relative;
      padding-right: 3rem;
      padding-bottom: 3rem;
      padding-left: 8rem;
      color: #080808;
      z-index: 100; }
      @media only screen and (max-width: 100em) {
        .portfolio-quotes-content {
          padding-right: 20rem; } }
      @media only screen and (max-width: 56.25em) {
        .portfolio-quotes-content {
          padding-right: 6rem;
          padding-bottom: 1.5rem;
          padding-left: 8rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-quotes-content {
          padding-left: 3rem; } }
      .portfolio-quotes-content h1,
      .portfolio-quotes-content h2,
      .portfolio-quotes-content h3,
      .portfolio-quotes-content h4,
      .portfolio-quotes-content h5,
      .portfolio-quotes-content h6,
      .portfolio-quotes-content p {
        padding: 0;
        font-size: 3rem;
        font-family: "Axiforma-Medium";
        line-height: 4rem;
        color: currentColor; }
        @media only screen and (max-width: 37.5em) {
          .portfolio-quotes-content h1,
          .portfolio-quotes-content h2,
          .portfolio-quotes-content h3,
          .portfolio-quotes-content h4,
          .portfolio-quotes-content h5,
          .portfolio-quotes-content h6,
          .portfolio-quotes-content p {
            font-size: 2rem;
            line-height: 3rem; } }
    .portfolio-quotes-author {
      padding-left: 8rem; }
      @media only screen and (max-width: 37.5em) {
        .portfolio-quotes-author {
          padding-left: 3rem; } }
      .portfolio-quotes-author h6 {
        font-size: 1.7rem;
        font-family: "Axiforma-Light";
        line-height: 2.7rem;
        color: #080808; }
        @media only screen and (max-width: 37.5em) {
          .portfolio-quotes-author h6 {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
  .portfolio-all-projects {
    position: relative;
    margin-top: 8rem;
    font-size: 1.5rem;
    font-family: "Axiforma-Light";
    color: #fff;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-all-projects {
        margin-top: 5rem;
        padding-right: 1rem;
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 37.5em) {
      .portfolio-all-projects {
        margin-top: 3.5rem; } }
    .portfolio-all-projects i {
      font-size: 2.2rem;
      position: relative;
      left: 1.5rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-all-projects i {
          left: 1rem; } }
    .portfolio-all-projects:hover i {
      left: 1rem; }
  .portfolio-related {
    margin-bottom: 0;
    border-bottom: 0.1rem solid rgba(247, 247, 247, 0.2); }
    .portfolio-related-services {
      margin-bottom: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-related-services {
          margin-bottom: 0; } }
    .portfolio-related .portfolio-all-projects {
      margin-top: 0; }
      @media only screen and (max-width: 56.25em) {
        .portfolio-related .portfolio-all-projects {
          margin-top: 1.5rem;
          margin-left: 9rem; } }
      @media only screen and (max-width: 37.5em) {
        .portfolio-related .portfolio-all-projects {
          margin-left: 0; } }
  .portfolio-not-found {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    @media only screen and (max-width: 37.5em) {
      .portfolio-not-found {
        padding: 0 2rem;
        text-align: center; } }
    .portfolio-not-found h1,
    .portfolio-not-found a {
      padding: 0;
      font-size: 2.5rem;
      font-family: "Axiforma-Medium";
      line-height: 3.5rem;
      color: #fff; }
    .portfolio-not-found a {
      text-decoration: underline; }

.portfolio-filters-wrapper--off {
  width: calc(100% - 45rem);
  mix-blend-mode: exclusion;
  z-index: 10001;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: fixed;
  top: -3.5rem;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (max-width: 56.25em) {
    .portfolio-filters-wrapper--off {
      width: 100%;
      top: -6.8rem;
      z-index: 100;
      border-top: 0.1rem solid rgba(247, 247, 247, 0.2); } }
  @media only screen and (max-width: 56.25em) {
    .portfolio-filters-wrapper--off .portfolio-filters-toggle {
      width: 100%; } }
  @media only screen and (max-width: 56.25em) {
    .portfolio-filters-wrapper--off .portfolio-filters-list {
      width: 100%;
      border-top: 0.1rem solid rgba(247, 247, 247, 0.2); } }
  .portfolio-filters-wrapper--off .portfolio-filters-list.show {
    top: 6rem; }
  @media only screen and (max-width: 100em) {
    .portfolio-filters-wrapper--off .portfolio-filters-list li:not(:last-child) {
      margin-right: 2rem; } }
  @media only screen and (max-width: 75em) {
    .portfolio-filters-wrapper--off .portfolio-filters-list li:not(:last-child) {
      margin-right: 1.2rem; } }
  @media only screen and (max-width: 56.25em) {
    .portfolio-filters-wrapper--off .portfolio-filters-list li:not(:last-child) {
      margin-right: 0; } }
  @media only screen and (max-width: 75em) {
    .portfolio-filters-wrapper--off .portfolio-filters-list li a {
      font-size: 1rem; } }
  @media only screen and (max-width: 56.25em) {
    .portfolio-filters-wrapper--off .portfolio-filters-list li a {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 75em) {
    .portfolio-filters-wrapper--off .portfolio-filters-icon {
      margin-right: 1rem;
      font-size: 2rem; } }
  .portfolio-filters-wrapper--off.active {
    top: 3rem; }
    @media only screen and (max-width: 56.25em) {
      .portfolio-filters-wrapper--off.active {
        background-color: #080808;
        mix-blend-mode: initial;
        top: 6.8rem; } }