body.page-type-v2-page-home #navigation-bar {
  background-color: transparent; }

body.page-type-v2-page-home .v2-page-home .max-width-container {
  padding-left: 20px;
  padding-right: 20px; }
  @media only screen and (max-width: 1180px) {
    body.page-type-v2-page-home .v2-page-home .max-width-container {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (max-width: 767px) {
    body.page-type-v2-page-home .v2-page-home .max-width-container {
      padding-left: 16px;
      padding-right: 16px; } }
  @media only screen and (min-width: 1450px) {
    body.page-type-v2-page-home .v2-page-home .max-width-container {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (min-width: 768px) {
  body.page-type-v2-page-home #navigation-bar .desktop-navigation-menu nav li a {
    font-size: 20px; }
  body.page-type-v2-page-home.submenu-animation-1 #navigation-bar .desktop-navigation-menu nav li a {
    font-size: 16px; } }

.slick-slide {
  outline: 0; }

img {
  max-width: 100%;
  display: block;
  height: auto; }

.v2-cta {
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
  display: inline-block;
  transition: 0.3s ease-out;
  opacity: 1; }
  @media only screen and (max-width: 767px) {
    .v2-cta {
      padding-top: 8px;
      padding-bottom: 8px; } }
  .v2-cta:hover {
    opacity: 0.8; }
  .v2-cta.v2-cta-red {
    background: #FF0664; }
  .v2-cta.v2-cta-white {
    background: white;
    color: black; }
  .v2-cta.v2-cta-purple {
    background-color: #6E25FA; }
  .v2-cta.v2-cta-blue {
    background-color: #1370FF; }
  .v2-cta.v2-cta-green {
    background-color: #00C800; }

.title-style-1 {
  font-weight: 400;
  font-size: 56px;
  line-height: 64px; }
  @media only screen and (max-width: 767px) {
    .title-style-1 {
      font-size: 28px;
      line-height: 34px; } }
.title-style-2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px; }

.title-style-3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 38px; }
  @media only screen and (max-width: 767px) {
    .title-style-3 {
      font-size: 22px;
      line-height: 28px; } }
.title-style-4 {
  font-weight: 400;
  font-size: 36px;
  line-height: 44px; }

.title-style-5 {
  font-weight: 400;
  font-size: 42px;
  line-height: 54px; }
  @media only screen and (max-width: 767px) {
    .title-style-5 {
      font-size: 28px;
      line-height: 34px; } }
.body-text-style {
  font-size: 16px;
  line-height: 24px; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none; } }

@media only screen and (min-width: 768px) {
  .mobile {
    display: none; } }

body.page-type-v2-page-home #navigation-bar .submenu .back-icon {
  display: none; }

body.page-type-v2-page-home #navigation-bar {
  transition: top 0.3s cubic-bezier(0.5, 0.15, 0.33, 1), height 0.3s cubic-bezier(0.5, 0.15, 0.33, 1), padding 0.3s cubic-bezier(0.5, 0.15, 0.33, 1), background-color 0.3s cubic-bezier(0.5, 0.15, 0.33, 1); }

body.page-type-v2-page-home.submenu-home-color #navigation-bar {
  background-color: #262626; }

.v2-panel-home-hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-color: black; }
  .v2-panel-home-hero .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto; }
    .v2-panel-home-hero .bg-video.height {
      height: 100%;
      width: auto; }
  .v2-panel-home-hero .bottom-abs-wrap {
    position: absolute;
    width: 100%;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-hero .bottom-abs-wrap {
        padding: 0;
        transform: rotate(-90deg) translate(100%, 0);
        transform-origin: bottom right;
        left: auto;
        right: 30px;
        bottom: 30px;
        width: auto; } }
  .v2-panel-home-hero .play-trailer-button {
    cursor: pointer;
    display: inline-flex;
    color: white;
    align-items: center; }
    .v2-panel-home-hero .play-trailer-button .play-icon {
      width: 44px;
      margin-left: 32px; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-hero .play-trailer-button .play-icon {
          margin-left: 24px; } }
    .v2-panel-home-hero .play-trailer-button .play-text {
      font-size: 24px;
      line-height: 32px; }
  .v2-panel-home-hero .center-abs-wrap {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 136px;
    line-height: 152px; }
    @media only screen and (max-width: 1023px) {
      .v2-panel-home-hero .center-abs-wrap {
        font-size: 54px;
        line-height: 60px;
        font-weight: 400; } }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-hero .center-abs-wrap {
        transform: none;
        left: 0;
        top: 25%; } }
    .v2-panel-home-hero .center-abs-wrap .fixed-headline {
      color: #6E25FA; }
    .v2-panel-home-hero .center-abs-wrap .changable-headline {
      position: relative;
      height: 150px; }
      @media screen and (min-width: 768px) {
        .v2-panel-home-hero .center-abs-wrap .changable-headline {
          font-size: 80px;
          line-height: 1em; } }
      @media only screen and (max-width: 1023px) {
        .v2-panel-home-hero .center-abs-wrap .changable-headline {
          height: 60px; } }
  .v2-panel-home-hero .changable .line-2 {
    transform: translate(-200px, 0);
    transition: 0.5s ease-out;
    transition-delay: 0.025s;
    opacity: 0; }
  .v2-panel-home-hero .changable.active .line-1 {
    transform: translate(0, 0);
    opacity: 1; }
  .v2-panel-home-hero .changable.active .line-2 {
    transform: translate(0, 0);
    opacity: 1; }
  .v2-panel-home-hero .changable.fadeout .line-1 {
    opacity: 0;
    transform: translate(50px, 0);
    transition: 0.2s ease-out; }
  .v2-panel-home-hero .changable.fadeout .line-2 {
    opacity: 0;
    transform: translate(50px, 0);
    transition: 0.2s ease-out;
    transition-delay: 0.05s; }

.video-popup-v2-hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 110;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s ease-out;
  will-change: opacity; }
  .video-popup-v2-hero .center-item {
    width: 100%; }
  .video-popup-v2-hero.active {
    opacity: 1;
    pointer-events: all; }
  .video-popup-v2-hero .inner-popup {
    display: flex;
    align-items: center;
    height: 100%; }
  .video-popup-v2-hero .close-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 22px;
    cursor: pointer;
    margin-bottom: 30px; }
  .video-popup-v2-hero video,
  .video-popup-v2-hero .youtube-outer-wrap {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .video-popup-v2-hero .youtube-outer-wrap .ratio-wrap {
    padding-bottom: 56.25%;
    position: relative;
    width: 1005; }
    .video-popup-v2-hero .youtube-outer-wrap .ratio-wrap .abs-wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.v2-panel-home-projects {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
  background: #262626;
  margin-top: 0vh;
  position: relative;
  will-change: transform; }
  .v2-panel-home-projects.active {
    margin-top: -50vh; }
  .v2-panel-home-projects .animate-start {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none; }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-projects {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .v2-panel-home-projects .inner-flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px; }
  .v2-panel-home-projects .drag-indicator img {
    width: 64px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto; }
  .v2-panel-home-projects .drag-indicator .drag-text {
    font-size: 20px;
    line-height: 28px; }
  .v2-panel-home-projects .slick-list {
    overflow: visible; }
  .v2-panel-home-projects .slider-container {
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (max-width: 1090px) {
      .v2-panel-home-projects .slider-container {
        margin-left: -12px;
        margin-right: -12px; } }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-projects .slider-container {
        margin-left: -8px;
        margin-right: -8px; } }
  .v2-panel-home-projects .v2-panel-home-projects-project {
    position: relative;
    outline: 0;
    overflow: hidden; }
    .v2-panel-home-projects .v2-panel-home-projects-project .inner-wrap {
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-width: 1090px) {
        .v2-panel-home-projects .v2-panel-home-projects-project .inner-wrap {
          padding-left: 12px;
          padding-right: 12px; } }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-projects .v2-panel-home-projects-project .inner-wrap {
          padding-left: 8px;
          padding-right: 8px; } }
    .v2-panel-home-projects .v2-panel-home-projects-project .ratio-wrap {
      padding-bottom: 100%;
      height: 0;
      position: relative; }
    .v2-panel-home-projects .v2-panel-home-projects-project .abs-wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .v2-panel-home-projects .v2-panel-home-projects-project .bg-wrap {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .v2-panel-home-projects .v2-panel-home-projects-project .logo-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 25%;
      opacity: 1;
      will-change: opacity;
      transition: 0.3s ease-out; }
    .v2-panel-home-projects .v2-panel-home-projects-project .hover-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      will-change: opacity;
      opacity: 0;
      transition: 0.3s ease-out; }
    .v2-panel-home-projects .v2-panel-home-projects-project .inner-hover-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 40px;
      will-change: transform;
      transform: translate(0, 20px);
      transition: 0.3s ease-out; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-projects .v2-panel-home-projects-project .inner-hover-wrap {
          padding: 20px; } }
      .v2-panel-home-projects .v2-panel-home-projects-project .inner-hover-wrap .top-title {
        font-size: 20px;
        line-height: 1;
        color: #8D8D8D;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .v2-panel-home-projects .v2-panel-home-projects-project .inner-hover-wrap .top-title {
            font-size: 18px; } }
      .v2-panel-home-projects .v2-panel-home-projects-project .inner-hover-wrap .second-title {
        font-weight: 600;
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 30px; }
        @media only screen and (max-width: 767px) {
          .v2-panel-home-projects .v2-panel-home-projects-project .inner-hover-wrap .second-title {
            font-size: 22px;
            line-height: 30px; } }
    .v2-panel-home-projects .v2-panel-home-projects-project:hover .logo-wrap {
      opacity: 0; }
    .v2-panel-home-projects .v2-panel-home-projects-project:hover .hover-wrap {
      opacity: 1; }
    .v2-panel-home-projects .v2-panel-home-projects-project:hover .inner-hover-wrap {
      transform: translate(0, 0); }
    .v2-panel-home-projects .v2-panel-home-projects-project.node-612 .ratio-wrap {
      background: #FF0664; }
    .v2-panel-home-projects .v2-panel-home-projects-project.node-612 .hover-wrap {
      opacity: 1;
      background-color: transparent; }
    .v2-panel-home-projects .v2-panel-home-projects-project.node-612 .inner-hover-wrap {
      transform: none; }
      .v2-panel-home-projects .v2-panel-home-projects-project.node-612 .inner-hover-wrap .top-title {
        color: white; }
  .v2-panel-home-projects .dots-button-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 100px; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-projects .dots-button-wrap {
        margin-top: 40px;
        display: block; } }
  .v2-panel-home-projects .button-outer-wrap {
    white-space: nowrap;
    opacity: 1;
    transition: 0.3s ease-out; }
    .v2-panel-home-projects .button-outer-wrap:hover {
      opacity: 0.8; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-projects .button-outer-wrap {
        text-align: center; } }
    .v2-panel-home-projects .button-outer-wrap .text {
      margin-right: 32px;
      font-size: 24px;
      line-height: 32px; }
    .v2-panel-home-projects .button-outer-wrap img {
      width: 40px; }
    .v2-panel-home-projects .button-outer-wrap a {
      display: inline-flex;
      align-items: center; }
  .v2-panel-home-projects .dots-outer-wrap {
    flex: 1; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-projects .dots-outer-wrap {
        margin-bottom: 50px;
        width: 100%; } }
    .v2-panel-home-projects .dots-outer-wrap .dots-append-target {
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-projects .dots-outer-wrap .dots-append-target {
          width: 100%; } }
  .v2-panel-home-projects .slick-dots {
    display: flex;
    width: 100%;
    height: 7px;
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px; }
    .v2-panel-home-projects .slick-dots li {
      width: 100%;
      appearance: none;
      border: 0;
      background-color: white;
      opacity: 0;
      font-size: 0;
      height: 3px;
      border-radius: 10px;
      transition: 0.2s ease-out; }
      .v2-panel-home-projects .slick-dots li.slick-active {
        opacity: 1; }
      .v2-panel-home-projects .slick-dots li:nth-child(3), .v2-panel-home-projects .slick-dots li:nth-child(4) {
        display: none; }
      .v2-panel-home-projects .slick-dots li button {
        opacity: 0; }
      @media only screen and (max-width: 1099px) {
        .v2-panel-home-projects .slick-dots li:nth-child(3) {
          display: block; } }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-projects .slick-dots li:nth-child(4) {
          display: block; } }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-projects .drag-indicator {
      display: none; } }
  .v2-panel-home-projects .slider-wrap {
    padding-left: 20px;
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none; }
    @media only screen and (max-width: 1180px) {
      .v2-panel-home-projects .slider-wrap {
        padding-left: 40px; } }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-projects .slider-wrap {
        padding-left: 16px; } }
    .v2-panel-home-projects .slider-wrap::-webkit-scrollbar {
      display: none; }
    @media only screen and (min-width: 1160px) {
      .v2-panel-home-projects .slider-wrap {
        padding-left: calc((100vw - 1160px)/2 + 20px); } }
    @media only screen and (min-width: 1450px) {
      .v2-panel-home-projects .slider-wrap {
        padding-left: calc((100vw - 1500px)/2 + 50px); } }
    .v2-panel-home-projects .slider-wrap .hidden-end-spacer .inner {
      width: 1px;
      height: 1px; }
      @media only screen and (min-width: 1160px) {
        .v2-panel-home-projects .slider-wrap .hidden-end-spacer .inner {
          width: calc((100vw - 1160px)/2); } }
      @media only screen and (min-width: 1450px) {
        .v2-panel-home-projects .slider-wrap .hidden-end-spacer .inner {
          width: calc((100vw - 1500px)/2); } }
    .v2-panel-home-projects .slider-wrap .slides-wrap {
      display: flex;
      flex-wrap: nowrap; }
    .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
      width: 30vw;
      min-width: 30vw; }
      @media only screen and (min-width: 1800px) {
        .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
          width: 25vw;
          min-width: 25vw; } }
      @media only screen and (min-width: 2200px) {
        .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
          width: 20vw;
          min-width: 20vw; } }
      @media only screen and (max-width: 1299px) {
        .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
          width: 35vw;
          min-width: 35vw; } }
      @media only screen and (max-width: 1099px) {
        .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
          width: 40vw;
          min-width: 40vw; } }
      @media only screen and (max-width: 999px) {
        .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
          width: 45vw;
          min-width: 45vw; } }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-projects .slider-wrap .v2-panel-home-projects-project {
          width: 85vw;
          min-width: 85vw; } }
  .v2-panel-home-projects .v2-panel-home-projects-project .inner-wrap {
    padding-left: 0 !important;
    padding-right: 40px; }
    @media only screen and (max-width: 1090px) {
      .v2-panel-home-projects .v2-panel-home-projects-project .inner-wrap {
        padding-right: 24px; } }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-projects .v2-panel-home-projects-project .inner-wrap {
        padding-right: 16px; } }
  .v2-panel-home-projects .dots-main-bar {
    height: 7px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    display: flex;
    align-items: center; }
    .v2-panel-home-projects .dots-main-bar .dots-active-bar {
      height: 3px;
      border-radius: 10px;
      background: white;
      width: 10%; }

.v2-panel-home-all-in-one {
  padding-top: 100px;
  padding-bottom: 100px; }
  .v2-panel-home-all-in-one .slick-track {
    display: flex !important; }
  .v2-panel-home-all-in-one .slick-slide {
    height: inherit !important; }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-all-in-one .inner-box,
    .v2-panel-home-all-in-one .mobile-inner-box {
      height: 100%; } }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-all-in-one {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .v2-panel-home-all-in-one .inner-title-top {
    color: #8B4FFF;
    margin-bottom: 16px;
    padding-top: 30px; }
    @media only screen and (max-width: 1023px) {
      .v2-panel-home-all-in-one .inner-title-top {
        padding-top: 0; } }
  .v2-panel-home-all-in-one .flex-wrap {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 1023px) {
      .v2-panel-home-all-in-one .flex-wrap {
        display: block; } }
  .v2-panel-home-all-in-one .left-col {
    padding-right: 50px; }
    @media only screen and (max-width: 1023px) {
      .v2-panel-home-all-in-one .left-col {
        padding-right: 0;
        margin-bottom: 50px; } }
  .v2-panel-home-all-in-one .services-wrap {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-all-in-one .services-wrap {
        display: block;
        margin-left: -11px;
        margin-right: -11px; } }
    .v2-panel-home-all-in-one .services-wrap .v2-panel-home-all-in-one-box {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-all-in-one .services-wrap .v2-panel-home-all-in-one-box {
          width: 100%; } }
  .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box {
    /*&:nth-child(1){
      border-right: 1px solid #3C3C3C;
      border-bottom: 1px solid #3C3C3C;
    }
    &:nth-child(2){
      border-bottom: 1px solid #3C3C3C;
    }
    &:nth-child(3){
      border-right: 1px solid #3C3C3C;
    }*/ }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box {
        border: none !important; }
        .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .mobile-inner-box {
          padding: 16px;
          border: 1px solid #3C3C3C; } }
    .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .inner-box {
      padding: 30px; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .inner-box {
          padding: 0px;
          padding-left: 11px;
          padding-right: 11px; } }
    .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .inner-title {
      margin-bottom: 12px; }
    .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .body-text-style {
      max-width: 270px; }
    .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta {
      position: relative;
      margin-top: 30px; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta:hover {
        opacity: 1; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta .arrow-left {
        width: 16px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(0, -50%);
        opacity: 1;
        transition: 0.4s ease-out; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta .inner-text {
        padding-left: 30px;
        transition: 0.4s ease-out; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta .arrow-right {
        width: 16px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(-10px, -50%);
        opacity: 0;
        transition: 0.4s ease-out; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta:hover .arrow-left {
        transform: translate(10px, -50%);
        opacity: 0; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta:hover .inner-text {
        padding-left: 0;
        padding-right: 30px; }
      .v2-panel-home-all-in-one .v2-panel-home-all-in-one-box .v2-cta:hover .arrow-right {
        transform: translate(0px, -50%);
        opacity: 1; }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-all-in-one .slider-wrap {
      padding-left: 16px;
      width: 100%;
      overflow: scroll;
      -ms-overflow-style: none;
      overflow: -moz-scrollbars-none; }
      .v2-panel-home-all-in-one .slider-wrap::-webkit-scrollbar {
        display: none; }
      .v2-panel-home-all-in-one .slider-wrap .hidden-end-spacer .inner {
        width: 1px;
        height: 1px; }
      .v2-panel-home-all-in-one .slider-wrap .slides-wrap .services-wrap {
        display: flex;
        flex-wrap: nowrap; }
      .v2-panel-home-all-in-one .slider-wrap .v2-panel-home-all-in-one-box {
        width: 85vw;
        min-width: 85vw; } }
.v2-panel-home-clients {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-clients {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .v2-panel-home-clients .inner-title {
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-clients .inner-title {
        margin-bottom: 20px; } }
  .v2-panel-home-clients .many-more-title {
    margin-top: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #8b8b8b; }

.v2-panel-home-culture {
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-top: 100px; }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-culture {
      margin-top: 60px; }
      .v2-panel-home-culture .title-style-4 {
        font-size: 28px;
        line-height: 34px; } }
  .v2-panel-home-culture .bg-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
  .v2-panel-home-culture .center-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-culture .center-wrap {
        text-align: center;
        width: 100%; } }
    .v2-panel-home-culture .center-wrap .logo {
      width: 120px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-culture .center-wrap .logo {
          margin-bottom: 30px;
          width: 80px;
          margin-left: auto;
          margin-right: auto; } }
    .v2-panel-home-culture .center-wrap .text-wrap {
      max-width: 410px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .v2-panel-home-culture .center-wrap .text-wrap {
          margin-bottom: 30px;
          max-width: 100%; } }
  .v2-panel-home-culture .animate-start {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none; }
  .v2-panel-home-culture .pax-image-desktop,
  .v2-panel-home-culture .pax-image-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: translate(0, 10%);
    will-change: transform; }
    .v2-panel-home-culture .pax-image-desktop.active,
    .v2-panel-home-culture .pax-image-mobile.active {
      transform: translate(0, -50%); }
  .v2-panel-home-culture .pax-image-mobile {
    transform: translate(0, 0%); }

.v2-panel-contact {
  background-color: #3C3C3C;
  padding-top: 180px;
  padding-bottom: 180px; }
  @media only screen and (max-width: 1023px) {
    .v2-panel-contact {
      padding-top: 80px;
      padding-bottom: 80px;
      text-align: center; } }
  .v2-panel-contact .flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 1023px) {
      .v2-panel-contact .flex-wrap {
        display: block; } }
  .v2-panel-contact .cta-wrap {
    padding-right: 100px; }
    @media only screen and (max-width: 1099px) {
      .v2-panel-contact .cta-wrap {
        padding-right: 0; } }
    @media only screen and (max-width: 1023px) {
      .v2-panel-contact .cta-wrap {
        margin-top: 40px; } }
.v2-panel-home-video {
  overflow: hidden; }
  .v2-panel-home-video .ratio-wrap {
    padding-bottom: 56%;
    position: relative;
    height: 0; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-video .ratio-wrap {
        padding-bottom: 100%; } }
  .v2-panel-home-video .abs-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .v2-panel-home-video video {
    width: 100%;
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-video video {
        height: 100%;
        width: auto; } }
  .v2-panel-home-video .button-open-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: black;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.3s ease-out; }
    .v2-panel-home-video .button-open-popup-wrap:hover {
      opacity: 0.8; }
    .v2-panel-home-video .button-open-popup-wrap .play-icon {
      width: 90px;
      margin-left: auto;
      margin-right: auto; }
    .v2-panel-home-video .button-open-popup-wrap .play-text {
      font-size: 24px;
      line-height: 32px; }

@media only screen and (max-width: 768px) {
  .v2-image-and-text {
    padding-top: 30px;
    padding-bottom: 30px; } }

.v2-image-and-text .v2-image-and-text-item {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px; }

.v2-image-and-text .text {
  padding-top: 16px; }
  @media only screen and (max-width: 768px) {
    .v2-image-and-text .text {
      padding-top: 0; } }
.v2-image-and-text .image-wrap {
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 768px) {
    .v2-image-and-text .image-wrap {
      margin-bottom: 24px; } }
.v2-animated-tabs {
  --color: #6E25FA; }

.v2-animated-tabs.purple {
  --color: #6E25FA; }

.v2-animated-tabs.yellow {
  --color: #FFE600; }

.v2-animated-tabs.green {
  --color: #00C800; }

.v2-animated-tabs.blue {
  --color: #1370FF; }

.v2-animated-tabs.red {
  --color: #FF0664; }

.v2-animated-tabs .services-slideshow .slick-cloned {
  display: none !important; }

.v2-animated-tabs .services-slideshow .col-icon {
  cursor: pointer;
  position: relative;
  outline: none; }
  .v2-animated-tabs .services-slideshow .col-icon:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e9eaeb;
    z-index: 1; }
  .v2-animated-tabs .services-slideshow .col-icon .icon {
    width: 90px;
    margin: 0 auto; }
    .v2-animated-tabs .services-slideshow .col-icon .icon path {
      fill: #C4C4C4;
      transition: all 0.3s cubic-bezier(0.5, 0.15, 0.33, 1); }
  .v2-animated-tabs .services-slideshow .col-icon .text {
    text-align: center;
    font-size: 16px;
    font-family: 'Suisse Intl';
    color: #C4C4C4;
    transition: all 0.3s cubic-bezier(0.5, 0.15, 0.33, 1);
    margin-bottom: 40px;
    height: 60px;
    margin-left: auto;
    margin-right: auto; }
  .v2-animated-tabs .services-slideshow .col-icon .bottom-dot {
    background-color: var(--color);
    height: 3px;
    width: 3px;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.5, 0.15, 0.33, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3; }
  .v2-animated-tabs .services-slideshow .col-icon .bottom-line {
    background-color: var(--color);
    height: 3px;
    width: 0px;
    transition: all 0.5s cubic-bezier(0.5, 0.15, 0.33, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2; }
  .v2-animated-tabs .services-slideshow .col-icon.slick-current .icon path {
    fill: var(--color); }
  .v2-animated-tabs .services-slideshow .col-icon.slick-current .text {
    color: var(--color); }
  .v2-animated-tabs .services-slideshow .col-icon.slick-current .bottom-dot {
    opacity: 1; }
  .v2-animated-tabs .services-slideshow .col-icon.slick-current .bottom-line {
    width: 98%;
    transition-delay: 0.4s; }

.v2-animated-tabs .why-smal {
  padding-top: 120px; }
  .v2-animated-tabs .why-smal h4 {
    color: var(--color); }
  .v2-animated-tabs .why-smal .max-width-container {
    overflow: hidden; }
  .v2-animated-tabs .why-smal .text-change {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s cubic-bezier(0.5, 0.15, 0.33, 1);
    opacity: 0;
    transform: translate(-50px, 0);
    pointer-events: none; }
    @media only screen and (min-width: 768px) {
      .v2-animated-tabs .why-smal .text-change h5 {
        font-size: 22px;
        line-height: 30px; } }
    .v2-animated-tabs .why-smal .text-change.active {
      opacity: 1;
      transform: translate(0, 0);
      pointer-events: auto; }
    .v2-animated-tabs .why-smal .text-change.right-transform {
      transform: translate(100px, 0);
      opacity: 0; }
    .v2-animated-tabs .why-smal .text-change a {
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.5, 0.15, 0.33, 1); }
      .v2-animated-tabs .why-smal .text-change a:hover {
        opacity: 0.6; }

@media only screen and (min-width: 768px) {
  .v2-animated-tabs .slick-track {
    position: static !important;
    width: 100% !important; }
    .v2-animated-tabs .slick-track .slick-slide {
      width: 16.6666666667% !important; } }

@media only screen and (max-width: 767px) {
  .v2-animated-tabs .services-slideshow .col-icon .text {
    width: 100%;
    height: 30px;
    margin-bottom: 24px; }
    .v2-animated-tabs .services-slideshow .col-icon .text br {
      display: none; }
  .v2-animated-tabs .services-slideshow .wrap {
    padding-left: 8px;
    padding-right: 8px;
    overflow: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    .v2-animated-tabs .services-slideshow .wrap::-webkit-scrollbar {
      display: none;
      /* Safari and Chrome */ }
  .v2-animated-tabs .why-smal {
    padding-top: 24px; } }

#disciplines.v2-flipping-tiles {
  padding-top: 72px; }

@media only screen and (min-width: 768px) {
  #disciplines.v2-flipping-tiles {
    padding-top: 48px; } }

.disciplines.v2-flipping-tiles h1 {
  padding-bottom: 32px; }

.disciplines.v2-flipping-tiles .col-text-container {
  padding-bottom: 56px; }

.disciplines.v2-flipping-tiles .square-wrap {
  position: relative; }
  .disciplines.v2-flipping-tiles .square-wrap .image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center; }
  .disciplines.v2-flipping-tiles .square-wrap .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.5, 0.15, 0.33, 1);
    background-color: #6f25fa;
    padding: 30px; }
    @media only screen and (max-width: 1023px) and (min-width: 768px) {
      .disciplines.v2-flipping-tiles .square-wrap .overlay {
        padding-left: 15px;
        padding-right: 15px; }
        .disciplines.v2-flipping-tiles .square-wrap .overlay h4 {
          font-size: 20px;
          margin-bottom: 10px; }
        .disciplines.v2-flipping-tiles .square-wrap .overlay h5 {
          font-size: 14px; } }
  .disciplines.v2-flipping-tiles .square-wrap h6,
  .disciplines.v2-flipping-tiles .square-wrap h4 {
    color: white; }
  .disciplines.v2-flipping-tiles .square-wrap .overlay h4,
  .disciplines.v2-flipping-tiles .square-wrap .overlay h6,
  .disciplines.v2-flipping-tiles .square-wrap .overlay h5 {
    opacity: 0;
    transform: translate(-30px, 0);
    transition: all 0.6s cubic-bezier(0.5, 0.15, 0.33, 1); }

.disciplines.v2-flipping-tiles .bottom-text {
  padding: 15px; }
  .disciplines.v2-flipping-tiles .bottom-text h5 {
    color: #8B4FFF;
    margin-bottom: 8px; }

.disciplines.v2-flipping-tiles .flex-row .offer.pink .square-wrap .overlay {
  background-color: #FF0064; }

.disciplines.v2-flipping-tiles .flex-row .offer.pink .bottom-text h5 {
  color: #FF0064; }

.disciplines.v2-flipping-tiles .flex-row .offer.blue .square-wrap .overlay {
  background-color: #1370FF; }

.disciplines.v2-flipping-tiles .flex-row .offer.blue .bottom-text h5 {
  color: #1370FF; }

.disciplines.v2-flipping-tiles .flex-row .offer.green .square-wrap .overlay {
  background-color: #00C800; }

.disciplines.v2-flipping-tiles .flex-row .offer.green .bottom-text h5 {
  color: #00C800; }

.disciplines.v2-flipping-tiles .col-8 {
  padding-bottom: 32px; }

@media only screen and (max-width: 364px) {
  .disciplines.v2-flipping-tiles .square-wrap {
    height: 0;
    padding-bottom: 100%; } }

@media only screen and (min-width: 365px) {
  .disciplines.v2-flipping-tiles .square-wrap {
    height: 365px; } }

@media only screen and (max-width: 767px) {
  .disciplines.v2-flipping-tiles .col-8 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 16px; }
  .disciplines.v2-flipping-tiles .square-wrap.hover .overlay {
    opacity: 1; }
  .disciplines.v2-flipping-tiles .square-wrap.hover .overlay h4,
  .disciplines.v2-flipping-tiles .square-wrap.hover .overlay h6,
  .disciplines.v2-flipping-tiles .square-wrap.hover .overlay h5 {
    opacity: 1;
    transform: translate(0, 0); } }

@media only screen and (min-width: 768px) {
  .disciplines.v2-flipping-tiles .square-wrap {
    height: 365px; }
  .disciplines.v2-flipping-tiles .bottom-text {
    padding-top: 32px; }
  body:not(.no-hover) .disciplines.v2-flipping-tiles .square-wrap:hover .overlay {
    opacity: 1; }
  body:not(.no-hover) .disciplines.v2-flipping-tiles .square-wrap:hover .overlay h4,
  body:not(.no-hover) .disciplines.v2-flipping-tiles .square-wrap:hover .overlay h6,
  body:not(.no-hover) .disciplines.v2-flipping-tiles .square-wrap:hover .overlay h5 {
    opacity: 1;
    transform: translate(0, 0); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .disciplines.v2-flipping-tiles .square-wrap .overlay {
    padding-top: 5px;
    padding-bottom: 5px; }
    .disciplines.v2-flipping-tiles .square-wrap .overlay h5 {
      margin-bottom: 4px; } }

.disciplines.v2-flipping-tiles h5,
.benefits h5 {
  color: #8B4FFF;
  margin-bottom: 20px; }

.disciplines.v2-flipping-tiles .square-wrap h5 {
  color: white;
  line-height: 150%; }

.disciplines.v2-flipping-tiles .square-wrap .overlay h4 {
  margin-bottom: 20px; }

.v2-flipping-tiles .flex-row {
  display: flex;
  flex-wrap: wrap; }

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .v2-flipping-tiles .col-6,
  .v2-flipping-tiles .col-12,
  .v2-flipping-tiles .col-16,
  .v2-flipping-tiles .col-18,
  .v2-flipping-tiles .col-24,
  .v2-flipping-tiles .col-8 {
    width: 50%; } }

.v2-panel-home-featured-services {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #3C3C3C; }
  @media only screen and (max-width: 767px) {
    .v2-panel-home-featured-services {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .v2-panel-home-featured-services .ratio-wrap {
    padding-bottom: 50%;
    height: 0;
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .v2-panel-home-featured-services .ratio-wrap {
        padding-bottom: 0;
        height: 500px; } }
  .v2-panel-home-featured-services .abs-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .v2-panel-home-featured-services .video-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .v2-panel-home-featured-services .poster-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .v2-panel-home-featured-services video {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 5; }
  .v2-panel-home-featured-services .services-wrap {
    margin-top: 32px; }
  .v2-panel-home-featured-services .v2-cta {
    position: relative;
    margin-top: 30px; }
    .v2-panel-home-featured-services .v2-cta:hover {
      opacity: 1; }
    .v2-panel-home-featured-services .v2-cta .arrow-left {
      width: 16px;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translate(0, -50%);
      opacity: 1;
      transition: 0.4s ease-out; }
    .v2-panel-home-featured-services .v2-cta .inner-text {
      padding-left: 30px;
      transition: 0.4s ease-out; }
    .v2-panel-home-featured-services .v2-cta .arrow-right {
      width: 16px;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(-10px, -50%);
      opacity: 0;
      transition: 0.4s ease-out; }
    .v2-panel-home-featured-services .v2-cta:hover .arrow-left {
      transform: translate(10px, -50%);
      opacity: 0; }
    .v2-panel-home-featured-services .v2-cta:hover .inner-text {
      padding-left: 0;
      padding-right: 30px; }
    .v2-panel-home-featured-services .v2-cta:hover .arrow-right {
      transform: translate(0px, -50%);
      opacity: 1; }
  .v2-panel-home-featured-services .text-wrap {
    position: absolute;
    bottom: 48px;
    left: 48px;
    z-index: 10;
    padding-right: 20px; }
    @media only screen and (max-width: 767px) {
      .v2-panel-home-featured-services .text-wrap {
        left: 20px;
        bottom: 20px; } }
  .v2-panel-home-featured-services .body-text-style {
    margin-top: 10px;
    max-width: 350px; }