:root {
  --accent-sea-green: #72a52e;
  --dark-slate-grey: #094d3c;
  --grey: grey;
  --black: #3e4247;
  --relume-library-lite-rl-black: black;
  --relume-library-lite-rl-white: white;
  --accent-1-dark-orchid: #ab1fb5;
  --10-accent-1: #74b51f1a;
  --dark-slate-blue: #575d90;
  --questions-cornflower-blue: #949ce1;
  --olive-drab: #768d58;
  --gray-bg: whitesmoke;
}

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

body {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 40px;
  margin-bottom: 32px;
  font-size: 44px;
  font-weight: 500;
  line-height: 56px;
}

h2 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}

h3 {
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
}

h4 {
  margin-top: 6px;
  margin-bottom: 4px;
  font-size: 17px;
  font-weight: 500;
  line-height: 150%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
}

h6 {
  margin-top: 4px;
  margin-bottom: 6px;
  font-size: 15px;
  font-style: italic;
  font-weight: 600;
  line-height: 18px;
}

p {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 170%;
}

a {
  color: var(--accent-sea-green);
  background-color: #0000;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .2s, color .3s;
}

a:hover {
  color: gray;
}

a.w--current {
  color: var(--dark-slate-grey);
}

ul {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 12px;
}

li {
  font-weight: 500;
  line-height: 26px;
}

strong {
  font-weight: bold;
}

blockquote {
  color: var(--grey);
  border-left: 0 solid #000;
  margin-bottom: 10px;
  padding: 10px 16px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.rightside {
  width: 75%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.rightside.absolute-push {
  margin-top: 160px;
}

.nav-link-side {
  letter-spacing: .5px;
  text-transform: none;
  padding: 6px 0 0;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.nav-link-side.w--current {
  color: var(--accent-sea-green);
}

.nav-link-side.small {
  margin-left: 40px;
  padding-top: 0;
  font-size: 12px;
}

.logo-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 300;
  line-height: 120%;
}

.left-side-floater {
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  height: 100%;
  margin-top: 220px;
  margin-left: 0;
  padding: 40px 24px 80px 40px;
  display: flex;
  position: sticky;
  top: 120px;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 40px #0000000d;
}

.nav-left---all {
  background-color: #0000;
  margin-top: 0%;
  display: block;
  position: static;
}

.logo-link {
  float: none;
  color: var(--accent-sea-green);
  margin-bottom: 16px;
  display: block;
}

.c_navlink {
  margin-top: 32px;
}

.c_navlink.small {
  margin-top: 0;
  display: none;
}

.contentall {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.l {
  width: 100%;
  height: 2px;
}

.c_conten-right {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

._2col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 24px;
  display: grid;
}

._2col.narrow {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  justify-content: center;
}

._2col.mainmenew {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  max-width: 900px;
  margin-top: 7%;
  margin-left: auto;
  margin-right: auto;
}

._2col.testimonials {
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
  margin-bottom: 64px;
}

.c-container-main__cds_1100_90 {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.c-container-main__cds_1100_90.section-about {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}

.c-container-main__cds_1100_90.section-about.process {
  background-image: none;
  min-height: 600px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.c-container-main__cds_1100_90.last {
  flex-direction: column;
  justify-content: center;
  height: 600px;
  padding-top: 0;
  display: flex;
}

.c-container-main__cds_1100_90.last.hide {
  display: none;
}

.c-container-main__cds_1100_90.project-text {
  padding-bottom: 0;
}

.c-container-main__cds_1100_90.hide {
  display: block;
}

.c-container-main__cds_1100_90.first-gradi {
  background-image: none;
  align-items: center;
  height: 70%;
  margin-bottom: 0;
  padding-top: 3%;
  display: flex;
}

.c-container-main__cds_1100_90.smaller {
  padding-bottom: 0;
}

.c-container-main__cds_1100_90.quote {
  justify-content: center;
  align-items: flex-end;
  height: 500px;
  padding-bottom: 0;
  display: flex;
}

.c-container-main__cds_1100_90.home-high {
  min-height: 600px;
}

.c-container-main__cds_1100_90.project-sticky {
  height: 80%;
  max-height: 900px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
  top: 5%;
}

.c-container-main__cds_1100_90.toplogo {
  margin-bottom: 0;
  padding-bottom: 0;
}

.c-container-main__cds_1100_90.last_logo_other {
  margin-top: 200px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.c-container-main__cds_1100_90.small1100 {
  max-width: 1100px;
}

.c-container-main__cds_1100_90.nav_kill-paddings {
  max-width: 1200px;
  margin-bottom: 0;
  padding-bottom: 2px;
}

.c-container-main__cds_1100_90.cont_main_wide_des1440 {
  max-width: 1320px;
}

.c-container-main__cds_1100_90.hide_main_cont {
  display: none;
}

.c_text-shrink90 {
  width: 70%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.columncard-interestfields {
  box-shadow: none;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin: 16px auto;
  padding: 24px 0;
  transition: box-shadow .4s, margin .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.navbar {
  z-index: 9999;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #00000012;
  height: 72px;
  position: sticky;
  top: 0;
}

.lnk_navlink-topok {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  max-width: 200px;
  margin-top: 10px;
  padding: 20px 30px;
  font-size: 13px;
  font-weight: 500;
  transition: color .4s;
}

.lnk_navlink-topok.w--current {
  color: #000;
  font-weight: 700;
}

.lnk_navlink-topok.hide, .lnk_navlink-topok.hideprocess {
  display: block;
}

.lnk_navlink-topok.small {
  text-align: left;
  width: 90%;
  max-width: 100%;
  padding-left: 32px;
  transition: border .4s, background-color .4s, color .4s;
}

.lnk_navlink-topok.small:hover {
  color: #000;
  background-color: #f1f1f1;
}

.lnk_navlink-topok.cat {
  text-align: left;
  width: 100%;
  font-size: 16px;
}

.nav-menu {
  display: flex;
}

.heading {
  font-weight: 700;
}

.logo {
  letter-spacing: 2.5px;
  font-size: 18px;
}

.logo.hide {
  display: none;
}

.brand {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.brand.w--current {
  color: var(--black);
}

.c_topnav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image--profile {
  z-index: 1;
  object-fit: cover;
  border-radius: 650px;
  width: 100%;
  max-width: 260px;
  height: 100%;
  max-height: 260px;
  position: relative;
}

.c_heading-large {
  margin-top: 80px;
  margin-bottom: 120px;
  padding-left: 0;
  padding-right: 64px;
}

.s_txt_paragraph---airy {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.s_txt_paragraph---airy.small {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 28px;
}

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

.c-3col {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 64px auto;
  display: grid;
}

.c-3col.small-no-margin-columns {
  margin-top: -24px;
  margin-bottom: 0;
}

.image {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
}

.c-headandtext {
  max-width: 600px;
  padding-left: 24px;
  padding-right: 24px;
}

.s_cardtitleh3 {
  text-align: center;
  width: 160px;
}

.s_cardtitleh3.small {
  font-size: 20px;
}

.c_projectpage--right {
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 120px;
}

.c_projectcollecition {
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
}

.projectpagetitle {
  z-index: 0;
  color: #222;
  text-align: center;
  margin-top: 100px;
  font-size: 56px;
  position: static;
  inset: 0% 0% auto;
}

.c_scrollparticles-100 {
  width: 100%;
  padding-bottom: 120px;
}

.c_container {
  width: 90%;
  max-width: 1000px;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
}

.c_container.apps-n-web {
  max-width: 1300px;
  margin-top: 300px;
}

.project-land-coll-list {
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.project-land-coll-list._3col {
  grid-template-columns: 1fr 1fr 1fr;
}

.project-land-coll-list._3col.branding {
  grid-template-columns: 1fr 1fr;
  place-content: center;
  place-items: center;
}

.link-block-collection {
  opacity: 1;
  color: var(--grey);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-width: 320px;
  margin-top: -150px;
  margin-bottom: 18px;
  transition: all .4s;
  display: flex;
}

.link-block-collection:hover {
  opacity: 1;
  filter: grayscale(0%);
  color: #000;
}

.c_wrapper_projectscolllist {
  margin-top: 80px;
}

.c_project-land--description {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 180px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 16px;
  display: flex;
  box-shadow: 0 0 10px #0000000d;
}

.s_questions {
  color: #e3ad0d;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.s_questions.small {
  font-size: 14px;
  line-height: 22px;
}

.c_questions {
  margin-top: 64px;
  margin-bottom: 64px;
}

.column-card-process---understand {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  padding: 18px 32px;
  display: flex;
}

.image-business {
  width: 70%;
}

.image-valuepropcanvas {
  width: 80%;
  margin-top: 64px;
  display: block;
}

.c_section {
  margin-top: 0;
  margin-bottom: 24px;
  padding-top: 0;
  overflow: hidden;
}

.c_head-and-text-main {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.richtext-left {
  text-align: left;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.s_h1-main {
  margin-top: 80px;
  margin-bottom: 80px;
  font-size: 52px;
  font-weight: 300;
}

.hyphen {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.hyphen.hide2 {
  display: none;
}

.c_page-title {
  text-align: center;
  background-color: #ffffff1a;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding-top: 120px;
  padding-bottom: 60px;
  display: flex;
  position: static;
}

.project-text {
  margin-left: auto;
  margin-right: auto;
}

.c-project-title {
  height: 600px;
  padding-bottom: 0;
}

.img_portfolio-item {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.left-side-floater-2 {
  align-items: center;
  width: 160px;
  height: 400px;
  margin-top: 300px;
  margin-left: 2%;
  padding-right: 64px;
  display: flex;
  position: sticky;
  top: 100px;
}

.c_txt-quote {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 0;
}

.c_contact {
  color: #fff;
  background-color: #44834f;
}

.s-txt-contact {
  color: #000;
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.s-txt-contact.small {
  font-size: 16px;
}

.c-section-page-title {
  width: 900px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.expl-subtitle {
  text-align: center;
  font-size: 16px;
}

.content-all-panels {
  display: flex;
}

.project-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 1200px;
  margin: 0 auto 120px;
  display: grid;
  position: static;
}

.h1-pagetitle {
  width: 50%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.footer-2 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ebebebcc;
  background-image: linear-gradient(#fff0 51%, #fff);
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 200px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.footer-flex-container {
  opacity: .7;
  color: #494949;
  text-align: left;
  justify-content: space-between;
  width: 90%;
  max-width: 900px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-logo-link_40 {
  color: #3d3d3d;
  flex: 0 auto;
  width: 100%;
  min-width: 60px;
  max-height: 100%;
  display: block;
}

.footer-logo-link_40.w--current {
  width: 40%;
}

.copyright {
  opacity: .5;
  padding-top: 64px;
  font-size: 12px;
  display: none;
}

.hide-div_not-hidden, .hide-div_not-hidden.hideit {
  display: none;
}

.c_60-contact {
  width: 95%;
  max-width: 500px;
}

.c-coll-list-bottom-projects {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.c-coll-list-bottom-projects.brand-logo-page {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 700px;
  padding-bottom: 24px;
}

.c-img-prj-small {
  box-shadow: none;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  border-color: #000;
  width: 160px;
  height: 111px;
}

.collection-item {
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.c-about-quest-del.quote {
  justify-content: center;
  align-items: center;
  padding: 0 0 24px;
  display: block;
}

.s-quote-small {
  color: var(--black);
  letter-spacing: 1px;
  max-width: 600px;
  margin-bottom: 8px;
  padding-right: 40px;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  line-height: 140%;
}

.s-deliverables {
  color: var(--accent-sea-green);
  max-width: 320px;
  font-size: 12px;
  font-weight: 800;
  line-height: 180%;
}

.s-questions {
  max-width: 240px;
  font-size: 12px;
  font-weight: 500;
  line-height: 160%;
  position: static;
}

.s-questions.title {
  margin-bottom: 8px;
  font-weight: 800;
}

.s_jumbo---process {
  z-index: -1;
  opacity: .3;
  color: #d0d0d0;
  text-align: center;
  letter-spacing: -13px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto -100px;
  font-family: Montserrat, sans-serif;
  font-size: 24vw;
  font-weight: 900;
  line-height: 60%;
  position: relative;
  overflow: visible;
}

.s-txt-page-title-mega {
  text-align: left;
  margin: 24px auto 0;
  padding-left: 20px;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
}

.questionmark-big-process {
  z-index: -1;
  opacity: .15;
  padding-left: 175px;
  font-size: 600px;
  font-weight: 800;
  display: none;
  position: absolute;
}

.questionmark-big-process.show {
  opacity: .1;
  padding-left: 0;
  display: block;
}

.c-card-about-head {
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.img-card-about {
  object-fit: contain;
  flex: none;
  width: 80px;
  margin-bottom: 24px;
  margin-right: 16px;
  display: block;
}

.button-green {
  background-color: var(--accent-sea-green);
  color: #fff;
  text-align: center;
  border-radius: 100px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px;
  display: block;
}

.button-green.hide {
  display: none;
}

.s_project-name {
  font-size: 14px;
  display: none;
}

.author {
  opacity: .5;
  color: var(--black);
  padding-top: 8px;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
}

.c_title_relative1 {
  z-index: 1;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c-projects-left {
  position: static;
  top: 10px;
}

.c-projects-2col {
  z-index: 1;
  max-width: 95%;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 200px;
  display: block;
  position: relative;
  overflow: hidden;
}

.c-projects-2col.prj-land {
  margin-top: 64px;
}

.s_txt-para-small {
  font-size: 12px;
  line-height: 18px;
}

.c-colproject {
  max-width: 400px;
}

.c-colproject.right {
  margin-top: 200px;
}

.c-colproject.left {
  margin-top: -50px;
}

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

.dark {
  z-index: -1;
  background-color: #0006;
  width: 100%;
  height: 600px;
  display: none;
  position: fixed;
}

.s-txt-18 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.img-prj-image-div {
  z-index: -2;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  max-width: 1100px;
  height: 600px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 0 60px #0003;
}

.img-prj-image-div.back {
  z-index: -3;
  width: 100%;
  max-width: 100%;
  display: none;
  overflow: hidden;
}

.s-txt-prj-thumb-title {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

.c-prj-thumb {
  color: var(--black);
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition: transform .2s, opacity .2s, color .2s;
  display: flex;
}

.c-prj-thumb:hover {
  transform: scale(1.05);
}

.c-prj-thumb:visited {
  opacity: .7;
  color: var(--dark-slate-grey);
}

.c-prj-thumb.w--current {
  color: var(--accent-sea-green);
  font-weight: 700;
}

.c-contact {
  justify-content: center;
  align-items: center;
  height: 400px;
  display: flex;
}

.h3-contact {
  font-size: 36px;
}

.c-img-project-land {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  align-items: flex-end;
  width: 100%;
  height: 400px;
  display: none;
}

.img-project-land-card {
  box-shadow: none;
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.c-symb-helpwith {
  flex-direction: column;
  align-items: center;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img-services {
  width: 132px;
}

.h3-center {
  text-align: center;
  margin-bottom: 8px;
}

.h3-center.h3_mod_s {
  font-size: 22px;
}

.h5-center-or-not {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.c-3colfeat {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1000px;
  margin: 0 auto 80px;
  display: grid;
}

.c-3colfeat.businesshidden {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 800px;
  margin-bottom: 0;
}

.c-3colfeat.home-help {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 46px;
  margin-bottom: 0;
  display: none;
}

.c--section-title {
  z-index: 10;
  padding-top: 64px;
  padding-bottom: 16px;
  position: relative;
}

.c--section-title.small {
  padding-bottom: 18px;
}

.c--section-title.top {
  padding-top: 84px;
}

.c--section-title.white {
  background-color: #fff;
  box-shadow: 0 0 100px #fffc;
}

.c--section-title.big {
  margin-top: 64px;
  padding-top: 0;
  padding-bottom: 0;
}

.s_subtitle--whys {
  z-index: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 24px 24px 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  position: static;
  top: 400px;
}

.s_subtitle--whys.big {
  margin-top: 0;
}

.s_subtitle--whys.big._2 {
  display: block;
}

.s_subtitle--whys.big.disappear1 {
  margin-top: 40px;
  font-weight: 600;
  position: absolute;
  inset: 10% 0% 0%;
}

.s_subtitle--whys.big.disappear1._2 {
  margin-top: 80px;
}

.s_subtitle--whys.big.disappear1._3 {
  margin-top: 120px;
}

.h6-process {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.h1-process {
  opacity: .3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
  font-weight: 900;
  line-height: 110%;
}

.txt-lnk-read-more {
  font-size: 16px;
  font-weight: 600;
}

.txt-lnk-read-more.small {
  font-size: 12px;
}

.c-read-more {
  width: 320px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: padding-left .3s, opacity .2s, color .3s;
  display: flex;
}

.c-read-more:hover {
  padding-left: 10px;
}

.c-read-more.hide {
  display: none;
}

.img-arrow {
  object-fit: contain;
  flex: none;
  width: 32px;
  margin-left: 16px;
  padding-left: 0;
}

.c-process-all {
  padding-bottom: 120px;
}

.overflow-image {
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.topnav-scroll {
  z-index: 99999;
  position: sticky;
  top: 0;
}

.topnav-scroll.disable {
  position: sticky;
}

.c-background {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.s-h4-subtitle-intro {
  opacity: .5;
  max-width: 800px;
  padding-top: 16px;
}

.img-skills {
  z-index: 0;
  width: 120px;
  height: 120px;
  margin: 24px auto;
  position: relative;
}

.link-txt-contact {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 500;
  display: block;
}

.link-txt-contact:hover {
  color: #17c17a;
  text-decoration: none;
}

.sec-white {
  background-color: #fff;
  width: 100%;
}

.sec-white.hide-clients {
  display: block;
}

.c-testimonial {
  background-color: #fff;
  border: 2px solid #0000001a;
  flex-direction: column;
  justify-content: space-between;
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 12px;
  display: flex;
}

.s-txt-testi-name {
  color: var(--grey);
  margin-top: 8px;
  padding-left: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 90%;
}

.s-txt-testi-link {
  color: var(--grey);
  padding-left: 0;
  font-size: 12px;
}

.s-txt-mark-quote {
  z-index: 0;
  color: #476651;
  text-align: left;
  margin-bottom: 0;
  padding-top: 24px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 10px;
  position: relative;
}

.s-txt-mark-quote.riight {
  text-align: right;
  margin-top: 24px;
  display: none;
}

.s-txt-mark-quote._2 {
  text-align: left;
  width: 100%;
  display: none;
  transform: rotate(180deg);
}

.c-testi-name-link {
  z-index: 1;
  margin-top: 30px;
  position: relative;
}

.slider---testimonials {
  background-color: #0000;
  min-height: 400px;
}

.c-slide-cont {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  display: flex;
}

.icon-left-right-selefct {
  opacity: .2;
  color: var(--grey);
}

.slide-nav {
  display: none;
}

.h5-sub-transp {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 140%;
}

.h5-sub-transp.hide_subtext {
  display: none;
}

.h2--hero {
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 400;
}

.h2--hero.italic-50 {
  opacity: 1;
}

.h2--hero._50 {
  opacity: .05;
  transition: opacity .3s;
}

.h2--hero._50:hover {
  opacity: .5;
}

.heading-6 {
  font-weight: 400;
}

.h3intrio {
  margin-top: 120px;
  margin-bottom: 64px;
}

.h3intrio._2 {
  text-align: left;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.bg-element---cricle {
  z-index: -1;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: linear-gradient(26deg, #f0f0f0, #fff);
  background-clip: border-box;
  border-radius: 1000px;
  width: 2000px;
  height: 2000px;
  margin-left: -1000px;
  padding-left: 0;
  position: absolute;
}

.bg-element---cricle.hide {
  display: block;
}

.c_particles-nobg {
  z-index: -10;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
}

.c_particles-nobg.hideanimdef {
  display: block;
}

.s_quote {
  color: var(--black);
  max-width: 600px;
  margin-top: 0;
  font-size: 22px;
  line-height: 150%;
  position: static;
}

.c-4col-cardstry {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.c-4col-cardstry.lower {
  margin-top: 120px;
}

.s_card-small-smalltext-4col {
  z-index: 2;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 24px;
  padding: 0 16px 24px 12px;
  display: flex;
}

.c_hero--subtext {
  margin-top: 40px;
}

.helpwith {
  width: 100%;
}

.s_para-explain {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 20px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

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

.different {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 0;
  position: relative;
}

.different.second {
  padding-top: 0;
  padding-bottom: 120px;
}

.different.last {
  padding-bottom: 120px;
  display: none;
}

.different.hide, .mission {
  display: none;
}

.div-block-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.process {
  background-image: linear-gradient(171deg, #00000012, #74b51f00 15%, #0000 85%, #00000012 102%);
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.s_cardtitleh4 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 130%;
}

.s_cardtitleh4.check {
  text-align: left;
  width: 100%;
  min-width: 120px;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 600;
}

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

.clients.hide {
  display: block;
}

.c_4grid_clients {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.s_quote-text-4block {
  color: #000;
  margin-bottom: 0;
  padding: 16px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.projects-l {
  margin-top: 80px;
  display: block;
  position: relative;
  overflow: hidden;
}

.c_different {
  z-index: 5;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c_stars {
  filter: hue-rotate(223deg);
  padding-bottom: 8px;
}

.img_star {
  width: 32px;
  padding-left: 4px;
  padding-right: 4px;
}

.text-block-2 {
  color: var(--accent-sea-green);
  padding-right: 4px;
  font-size: 12px;
  font-weight: 700;
}

.text-block-2.mobile {
  display: none;
}

.c_disap_on_tap {
  display: flex;
}

.s_number_big {
  color: #eee;
  width: 200px;
  margin-left: -100px;
  margin-right: auto;
  padding-top: 200px;
  padding-right: 700px;
  font-size: 610px;
  font-weight: 900;
  position: absolute;
}

.c_number_big {
  z-index: 1;
  opacity: .2;
  color: #aaa;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.c2 {
  padding-top: 60px;
}

.c3 {
  padding-top: 120px;
}

.c4 {
  padding-top: 180px;
}

.img_prj_thumb_home {
  flex: none;
  box-shadow: 0 0 20px #0003;
}

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

.c-center-700pxw {
  z-index: 10;
  justify-content: center;
  width: 700px;
  display: flex;
  position: relative;
}

.c_prj_text {
  z-index: 30;
  color: var(--black);
  background-color: #fff;
  border: 2px solid #0000001a;
  border-radius: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 360px;
  height: 360px;
  margin-left: 0;
  padding: 20px 80px 57px;
  display: flex;
  position: relative;
  box-shadow: 0 0 60px #0000000d;
}

._2-col-prj {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.cc_coll_list_wrap1 {
  margin-bottom: 40px;
}

.c_collection-list-same {
  height: 960px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.c_circabs {
  z-index: 9;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  display: flex;
  position: absolute;
}

.c_circabs.prjpage {
  z-index: -2;
  flex-direction: column;
  flex: none;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.it_circle {
  opacity: .2;
  background-color: #fff;
  border-radius: 800px;
  width: 300px;
  height: 300px;
}

.it_circle.prjpage {
  opacity: .1;
  flex: none;
}

.div-block-4 {
  flex: none;
}

.seeor.hide {
  height: 100%;
  display: none;
}

.heading-7 {
  text-align: center;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.link-block {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.projects-s {
  display: none;
}

.bold-text {
  font-weight: 600;
}

.c_3animcrd.hide_card, .c_4animcard.hide_card_business {
  display: none;
}

.c_prjname_year {
  display: flex;
}

.c_prjname_year.vert {
  flex-direction: column;
  max-width: 400px;
}

.c_sticky_quote {
  z-index: -2;
  position: fixed;
  top: 20vh;
}

.prj_particles {
  z-index: -20;
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c2col-process---quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 16px;
  display: grid;
}

.c_hover-anim {
  background-color: #fff;
  border: 2px solid #0000001a;
  padding: 24px 40px 40px;
}

.s_qnd {
  color: var(--accent-sea-green);
  margin-top: 4px;
  margin-bottom: 4px;
  padding-right: 6px;
  font-weight: 600;
}

.eyeball {
  background-image: url('../images/eyeball.png');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-right: 4px;
  display: none;
}

.text-block-4 {
  margin-top: 16px;
  font-family: Open Sans, sans-serif;
  line-height: 150%;
}

.graph_circle_anim {
  background-color: gray;
  background-image: radial-gradient(circle, #000, #fff);
  border-radius: 200px;
  width: 200px;
  height: 200px;
}

.c_contact_anim {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.c_contact_anim.hide {
  display: block;
}

.c_contact_anim._2 {
  padding-bottom: 200px;
  padding-right: 200px;
  display: block;
}

.c_contact_anim._3 {
  padding-top: 200px;
  padding-left: 200px;
  display: block;
}

.graph_circle_an_2 {
  opacity: .5;
  background-image: linear-gradient(#fff3, #fff3);
  border-radius: 500px;
  width: 100px;
  height: 100px;
}

.c_scrollindicator {
  z-index: 999;
  width: 100%;
  margin-bottom: 0;
  position: fixed;
  inset: auto 0% 0%;
}

.scroll_frame {
  background-color: #61616133;
  width: 100%;
  height: 8px;
}

.c_scroll-indicator {
  box-shadow: none;
  background-color: #000;
  border-radius: 10px;
  width: 0%;
  height: 8px;
  position: absolute;
}

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

._100-100 {
  width: 100%;
  height: 100%;
}

.space-alternate {
  opacity: 0;
  background-color: #747474;
  flex: none;
  width: 100%;
  height: 770px;
  display: none;
}

.space-alternate.hideitproject {
  display: none;
}

.c_hover_div2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: center;
  display: grid;
}

.c_hover_div2col.hide {
  display: none;
  overflow: visible;
}

.text-block-5 {
  font-size: 36px;
  font-weight: 500;
  line-height: 140%;
}

.div-block-7 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.c_proc_bg_white {
  z-index: -3;
  width: 100%;
  height: 100%;
  position: absolute;
}

.c_s_questions {
  display: none;
}

.c_fields_f {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.text-block-6 {
  opacity: .3;
  padding-bottom: 16px;
  font-weight: 900;
}

.s_project_year {
  font-size: 14px;
}

.s_box_text {
  text-align: justify;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 160%;
}

.x {
  margin-top: -15px;
  padding-left: 191px;
  font-weight: 500;
  display: none;
  position: absolute;
}

.c_line_1px {
  opacity: .1;
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-top: 0;
}

.c_line_1px.hidex, .c_line_1px.hide {
  display: none;
}

.bold-text-2 {
  font-weight: 600;
}

.circ-small-static {
  opacity: .2;
  border-radius: 200px;
  width: 200px;
  height: 200px;
  position: sticky;
  top: 800px;
}

.c_circ_small {
  flex: none;
  display: none;
}

.text-block-7 {
  font-size: 12px;
  font-weight: 700;
}

.space-bottom--projects {
  padding-bottom: 160px;
}

.c_section_wide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.c_filters {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 460px;
  height: 100px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 64px;
}

.link_filters {
  text-align: center;
  width: 150px;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 700;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .2s, color .3s;
}

.link_filters:hover {
  transform: scale(1.1);
}

.link_filters.w--current {
  border: 0 solid #000;
  border-bottom-width: 2px;
  transform: scale(1.15);
}

.c_section_filters {
  z-index: 10;
  position: relative;
}

.link-block-2 {
  width: 100%;
  height: 100%;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-5 {
  width: 900px;
}

.c_centeronly {
  text-align: center;
  margin-top: 80px;
  padding-bottom: 100px;
}

.img_project_images_coll {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c_tags {
  justify-content: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c_tg_box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 19px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.img_brandapptag {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}

.img1_web {
  background-image: url('../images/1---Websites.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
}

.img1_web.brand {
  background-image: url('../images/3---Brand.png');
}

.img1_web.app {
  background-image: url('../images/2---Apps.png');
}

.c_tags_bottom_prj {
  margin-top: 8px;
  display: flex;
}

.c_bot_proj {
  width: 32px;
  height: 32px;
  margin-left: 4px;
  margin-right: 4px;
}

.c_bottom-prj {
  background-color: #f0f0f0;
  padding-bottom: 64px;
}

.c_bottom-prj.hide {
  display: none;
}

.img_symbol_categories1-brand {
  background-image: url('../images/3---Brand.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}

.img_symbol_categories1-brand.web {
  background-image: url('../images/1---Websites.png');
}

.img_symbol_categories1-brand.apps {
  background-image: url('../images/2---Apps.png');
}

.img_symbol_categories1-brand.blank {
  background-image: none;
  border: 1px solid #000;
  border-radius: 100px;
}

.collection-list-wrapper-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c_coll_list_port_img_2coltst {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.s_txt_brand {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.brandng--2 {
  display: block;
}

.c_contact_bg {
  z-index: -2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -100px;
  display: none;
  position: absolute;
  inset: 0%;
}

.c_foot {
  margin-bottom: 60px;
}

.circ1-400 {
  border: 1px solid #0003;
  border-radius: 400px;
  width: 400px;
  height: 400px;
  margin-top: 20vh;
  position: absolute;
}

.circ1-200 {
  border: 1px solid #0003;
  border-radius: 400px;
  width: 200px;
  height: 200px;
  margin-top: 30vh;
  margin-bottom: 40vw;
  margin-right: 40vw;
  position: absolute;
}

.circ1-200.circ200-2 {
  margin: 46vh 0 0 40vw;
}

.c_hover-circle {
  z-index: 0;
  background-color: #fff0;
  border: 2px solid #0003;
  border-radius: 400px;
  width: 50px;
  height: 50px;
  margin-left: -100px;
  display: none;
  position: absolute;
}

.c_new_hm_particles {
  z-index: -10;
  opacity: .7;
  width: 100%;
  height: 100%;
  margin-top: 90vh;
  position: fixed;
  inset: 0%;
}

.particle_1-m {
  border: 1px solid #0003;
  border-radius: 800px;
  width: 300px;
  height: 300px;
  margin-top: 800px;
  position: absolute;
}

.particle_1-m.medium-other {
  margin-top: 500px;
  margin-left: 80vw;
}

.particle_1-m.other {
  width: 250px;
  height: 250px;
  margin-left: 600px;
}

.particle_1-m.other.pushdown {
  margin-top: 160vh;
}

.particle_2-small {
  border: 1px solid #0003;
  border-radius: 800px;
  width: 100px;
  height: 100px;
  margin-top: 90vh;
  margin-left: 50vw;
  position: absolute;
}

.particle_2-small.upper_part {
  margin-top: 20vh;
}

.particle_2-small.upper_part.shiftleft {
  width: 56px;
  height: 56px;
  margin-left: 63vw;
}

.particle_2-small.lower_part {
  margin-top: 60vh;
  margin-left: 20vw;
}

.particle_2-small.lower_part.other {
  margin-left: 50vw;
}

.particle_2-small.lower_part.size {
  width: 124px;
  height: 124px;
}

.particle_2-small.other {
  margin-left: 80vw;
}

.particle_2-small.change {
  width: 55px;
  height: 55px;
  margin-top: 68vh;
  margin-left: 73vw;
}

.particle_3-big {
  border: 1px solid #0003;
  border-radius: 800px;
  width: 600px;
  height: 600px;
  margin-top: 90vh;
  margin-left: 20vw;
  position: absolute;
}

.particle_3-big.other {
  background-color: #fc0000;
  margin-top: 120vh;
  margin-left: 60vw;
}

.c_group_part {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c_group_part.left {
  width: 100%;
  height: 100%;
  margin-top: 80vh;
  margin-left: 20vw;
  display: block;
}

.c_group_part.lower {
  background-color: red;
  border: 10px solid #ce0000;
  margin-top: 0;
}

.c_group_part.other {
  opacity: 1;
  filter: none;
  margin-top: -900px;
  margin-left: 0;
}

.particle_4-tiny {
  border: 1px solid #0003;
  border-radius: 800px;
  width: 50px;
  height: 50px;
  margin-top: 90vh;
  margin-left: 50vw;
  position: absolute;
}

.particle_4-tiny.tinyleft {
  width: 32px;
  height: 32px;
  margin-top: 41vh;
  margin-left: 74vw;
}

.particle_4-tiny.tinyleft.leftother {
  margin-top: 64vh;
  margin-left: 50vw;
}

.particle_4-tiny.tinyleft.pushright {
  margin-top: 90vh;
  margin-left: 10vw;
}

.particle_4-tiny.tinyright {
  margin-top: 48vh;
  margin-left: 16vw;
}

.particle_4-tiny.tinyright.other.pushdown {
  margin-top: 190vh;
}

.particle_4-tiny.tinyother {
  margin-top: 66vh;
  margin-left: 94vw;
}

.particle_4-tiny.other {
  margin-top: 40vh;
  margin-left: 20vw;
}

.circ2-100 {
  border: 1px solid #0003;
  border-radius: 400px;
  width: 100px;
  height: 100px;
  margin-top: 0;
  margin-left: 20vw;
  position: absolute;
}

.circ2-100._2-100other {
  width: 50px;
  height: 50px;
  margin-top: 60vh;
  margin-left: 0;
  margin-right: 30vw;
}

.circ3 {
  border: 1px solid #0003;
  border-radius: 400px;
  width: 100px;
  height: 100px;
  margin-top: 20vh;
  margin-right: 20vw;
  position: absolute;
}

.c_hide_overflow {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c_hide_space {
  display: none;
}

.c_other_brand-description {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.br_other_2col {
  max-width: 1440px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.br_other_2col.adonis {
  display: block;
}

.br_other_col_proto_l {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 40%;
  height: 100%;
  min-height: 320px;
  display: flex;
}

.br_other_col_proto_l.casp1 {
  z-index: 10;
  position: relative;
}

.br_other_col_proto_l.adonis {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.br_other_col_proto_l.braincase {
  z-index: 10;
  position: relative;
}

.br-img1 {
  width: 100%;
  min-width: 400px;
  margin-right: -20px;
  box-shadow: 0 0 100px #0003;
}

.br-img1.casp1 {
  z-index: 20;
  margin-left: 100px;
  position: relative;
}

.br-img1.casp2 {
  z-index: 8;
  margin-top: 200px;
  margin-left: -100px;
  position: relative;
}

.br-img1.clarison2 {
  z-index: 5;
  margin-top: 200px;
  margin-left: 0;
  position: relative;
}

.br-img1.clarison1 {
  max-width: 500px;
}

.br-img1.adonis {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.br-img1.avt1 {
  margin-left: 120px;
}

.br-img1.braincase-1 {
  width: 90%;
  max-width: 600px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.br-img1.casp-anim {
  z-index: 1;
  box-shadow: none;
  padding-bottom: 50px;
  display: block;
  position: relative;
}

.br-img1.casp1 {
  margin-left: 50px;
}

.br-img1.braincase2 {
  max-width: 360px;
  margin-top: 200px;
}

.br_other_col_proto_r {
  z-index: -1;
  width: 60%;
  height: 100%;
  min-height: 320px;
  position: relative;
}

.c_sec-comp_small_br_other-comp {
  margin: 80px auto 120px;
}

.c_sec-comp_small_br_other-comp.other {
  margin-top: 120px;
}

.img_logos_rest {
  width: 80%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.c_casp-100 {
  z-index: 1;
  max-width: 400px;
  margin: 0 auto -100px;
  position: relative;
}

.img_cover_otehr_brand {
  margin-top: 0;
}

.c_lnk_morebrand {
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.prj_coll_image-1 {
  width: 100%;
  height: 100%;
}

.bottom {
  height: 100px;
  padding-top: 64px;
  padding-bottom: 80px;
}

.prj_coll_image-2 {
  z-index: -2;
  width: 100%;
  height: 100%;
  position: relative;
}

.c_main_prj_rep_imgs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  max-width: 1400px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.c_main_prj_rep_imgs.second---need-space {
  margin-top: 200px;
}

.c_brand_other_rest_list {
  display: none;
}

.c_logofolio {
  margin-top: 200px;
  margin-bottom: 200px;
}

.c_lnk_home_prj {
  color: #313131;
  flex-direction: column;
  align-items: center;
  transition: transform .3s, opacity .2s, color .3s;
  display: flex;
}

.c_lnk_home_prj:hover {
  transform: none;
}

.c_2col_process {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
}

.c_col_process_text {
  margin-left: 4%;
}

.align.proc_brandhide, .prototype, .implement {
  display: none;
}

.col_right_process_rt {
  max-width: 340px;
}

.c_process_title {
  margin-bottom: 64px;
}

.img_process {
  box-shadow: none;
  width: 100%;
  margin: 0 auto 32px;
  display: block;
}

.c_col_proc_img {
  flex-direction: column;
  display: flex;
}

.c_process_link {
  justify-content: center;
  align-items: center;
  min-height: 360px;
  padding-bottom: 100px;
  display: flex;
}

.c_read_more_circle {
  align-items: center;
  margin-left: -50px;
  display: flex;
}

.c_rm_circle {
  border: 3px solid var(--accent-sea-green);
  border-radius: 100px;
  width: 50px;
  height: 50px;
  margin-left: 24px;
  margin-right: 40px;
}

.s_brand {
  margin-top: 0;
  margin-bottom: 0;
}

.s_brand_h2 {
  margin-top: 0;
}

.space-200 {
  height: 200px;
}

.c_white_fade {
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.prc_all {
  padding-bottom: 100px;
}

.prc_no_ui_ux_hide {
  display: none;
}

.projects-hide {
  display: block;
}

.c_block_photo_prj {
  z-index: 1;
  flex-direction: column;
  flex: none;
  justify-content: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  transition-property: none;
  display: flex;
  position: relative;
}

.img_portto {
  object-fit: contain;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  box-shadow: 0 0 50px #00000080;
}

.c_space_prj_bottom_mid_home_argo_aba {
  height: 200px;
}

.c_title {
  z-index: -1;
  color: var(--black);
  text-align: center;
  margin-top: 28px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  display: block;
}

.c_title.project {
  color: #fff;
  text-align: left;
  flex: none;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 140%;
  display: block;
}

.c_white-fade {
  background-image: linear-gradient(to top, #fff, #fff0);
  height: 160px;
}

.c_bottom_fade_white {
  z-index: 99999;
  opacity: .8;
  background-image: linear-gradient(to top, #000, #fff 0%, #fff0);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.c_prj22_2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 40px;
  margin-right: auto;
  display: grid;
}

.c_prj_title {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1300px;
  margin: 0 auto 64px;
  padding-top: 120px;
  display: flex;
}

.c_prj_title.bottomless {
  margin-bottom: 0;
}

.c_prj_title.motion {
  margin-top: 120px;
}

.c_prj_title.hide_inprjdewcr {
  display: none;
}

.c_prj_text_col {
  width: 90%;
  max-width: 480px;
}

.c_section____cont_prj22_1200-90 {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  display: flex;
}

.c_section____cont_prj22_1200-90.argo-mod {
  background-color: #fff0;
  width: 90%;
  max-width: 1300px;
  margin-top: 0;
  margin-bottom: 60px;
}

.bg-argo_web {
  z-index: -2;
  width: 100%;
  height: 100%;
  margin-top: 1000px;
  position: absolute;
}

.bg-argo_web.hide {
  display: none;
}

.img_argo_web1, .img_argo_web2 {
  object-fit: contain;
  width: 100%;
  display: block;
}

.img_85 {
  object-fit: contain;
  width: 100%;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.img_logo {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 60px;
  padding-top: 4px;
  padding-bottom: 10px;
  display: block;
}

.c_smooth_scroll {
  height: 100%;
  margin-top: 0;
  margin-bottom: 200px;
}

.img_logo_footer {
  object-fit: contain;
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
}

._1col {
  margin-bottom: 300px;
}

.c_casp_anim_box {
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.casp-logo {
  object-fit: contain;
  width: 100%;
  min-width: 280px;
  max-width: 360px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.c_spacer-200 {
  height: 200px;
}

.image_casp {
  object-fit: contain;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}

.image_casp.hide {
  display: none;
}

.c_casp_logo {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 120px;
}

.c_casp-frame_logo {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 50vw;
  min-height: 400px;
  max-height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 103px;
  display: flex;
}

.spacer_vert_400 {
  height: 300px;
}

.spacer_vert_400.hidespace {
  display: none;
}

.img_drum_bg {
  z-index: 1;
  object-fit: contain;
  flex: none;
  width: 90%;
  min-width: 300px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.img_drum_content {
  z-index: 1;
  width: 40%;
  min-width: 300px;
  max-width: 700px;
  display: block;
  position: absolute;
}

.img_drum_content.big {
  width: 90%;
  max-width: 1200px;
}

.img_drum_content.big._2 {
  object-fit: contain;
  width: 60%;
  max-width: 900px;
  margin-top: 40px;
}

.img_drum_content.big.play {
  object-fit: contain;
  width: 70%;
  max-width: 960px;
  margin-top: 40px;
}

.img_drum_content.big.last {
  object-fit: contain;
  width: 80%;
  margin-top: 100px;
}

.img_drum_content.small {
  object-fit: contain;
  width: 50%;
}

.img_drum_content.med {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 900px;
  display: flex;
}

.img_drum_content.buttons {
  object-fit: contain;
  width: 50%;
  max-width: 500px;
  margin-top: 50px;
}

.sec_c_img_1drum {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.img_fdm {
  object-fit: contain;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-15 {
  object-fit: contain;
  width: 670px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.hide-div {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.bg_logo {
  box-shadow: none;
  background-color: #fff0;
  width: 90%;
  max-width: 1400px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 76px 160px;
}

.bg_logo.last {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.c_relative {
  z-index: 10;
  width: 100%;
  position: relative;
}

.logo-top {
  max-height: 200px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.biosis, .hide {
  display: none;
}

.br_img2 {
  width: 120%;
  min-width: 600px;
  max-width: 120%;
  margin-top: 200px;
  margin-left: -20%;
  box-shadow: 1px 1px 50px #0003;
}

.c_fields_c2colofinterest {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c_fields_c2colofinterest.first {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.c_ind {
  margin-top: 80px;
  margin-bottom: 80px;
}

.s_quote_process {
  margin-bottom: 24px;
  padding-top: 6px;
  padding-bottom: 8px;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}

.c_title_block_process {
  width: 100%;
  height: 100%;
}

.s_nr_number_big-process {
  z-index: -1;
  opacity: .3;
  color: #dadada;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-right: 700px;
  font-size: 400px;
  font-weight: 900;
  position: absolute;
}

.c_stsicky {
  width: 100%;
  position: sticky;
  top: 120px;
}

.c_sy-section-1440---process {
  max-width: 1440px;
  margin: 64px auto 300px;
  padding-top: 40px;
  padding-left: 3%;
  padding-right: 0%;
}

.img_process-2, .img_process-3 {
  width: 100%;
  display: block;
}

.c_imagholder_proc {
  min-height: 600px;
  margin-bottom: 100px;
}

.motion {
  margin-top: 0;
}

.lott_waves {
  z-index: -20;
  opacity: .5;
  filter: grayscale();
  position: relative;
}

.c_abs_lottie-wave {
  z-index: -20;
  opacity: .2;
  width: 100%;
  height: 100%;
  margin-top: -100px;
  display: none;
  position: absolute;
}

.lottie-animation {
  z-index: 10;
  filter: grayscale();
  object-fit: contain;
  background-color: #fff;
  border-radius: 0;
  width: 90%;
  max-width: 1000px;
  margin: 40px auto 64px;
  position: relative;
  box-shadow: 0 0 20px #00000012;
}

.c_3icons {
  z-index: 10;
  width: 100%;
  margin-top: 0;
  position: relative;
}

.video-pl {
  margin-bottom: 200px;
}

.cprocesslink {
  text-align: center;
}

.image-18 {
  object-fit: contain;
  width: 100%;
  display: block;
}

.image-19 {
  object-fit: contain;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c_pageload {
  z-index: 9999;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.c_particale_imagehold {
  z-index: -99;
  background-image: linear-gradient(#fff, #fff0 28%);
  position: fixed;
  inset: 0%;
}

.image-22 {
  object-fit: contain;
  width: 100%;
  display: block;
}

.img_project-img--contain_abaupdate_gb {
  z-index: 0;
  object-fit: contain;
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: block;
  position: relative;
}

.img_project-img--contain_abaupdate_gb.img_pushdown {
  margin-top: 100px;
}

.c_home_prj_descr {
  opacity: .7;
  color: #000;
  text-align: left;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
}

.c_home_prj_descr.txt_top {
  border-bottom: 1px solid #000;
  margin-bottom: 12px;
  font-weight: 700;
}

.c_home_prj_descr.txt_bottom {
  text-align: left;
  border-top: 1px solid #000;
  margin-top: 16px;
  padding-top: 8px;
  font-weight: 700;
  display: none;
}

.c_descr_hold-all_over {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: right;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: flex-start;
  width: 100%;
  max-height: 100px;
  margin-top: 0;
  display: flex;
  position: static;
}

.div-block-12---fdm {
  background-color: #272727;
  background-image: linear-gradient(#0d1d29, #1b383e);
  padding-top: 300px;
  padding-bottom: 300px;
}

.c_fdm_shadow {
  z-index: 0;
  opacity: .1;
  filter: blur(100px);
  background-color: #72f4e2;
  width: 1800px;
  height: 600px;
  position: absolute;
}

.c_fdm_shadow._2 {
  width: 100%;
  height: 900px;
  margin-top: -300px;
}

.c_fdm_shadow._1 {
  width: 100%;
  margin-top: 500px;
}

.c_fdm_shadow._3 {
  z-index: 0;
  width: 100%;
  height: 1200px;
  margin-top: -200px;
}

.c_fdm_fade {
  background-image: linear-gradient(to top, #0d1d29, #0d1d2900 57%);
  height: 200px;
  display: none;
}

.c_button_i {
  border: 1px solid #fff;
  border-radius: 24px;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 24px;
  display: block;
}

.testimonial-slider-small {
  width: 100%;
  padding: 0 0 80px;
  position: relative;
}

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

.testimonial-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: block;
  position: relative;
  overflow: hidden;
}

.testimonial-slide-wrapper {
  max-width: 48%;
  margin-right: 4%;
  padding-top: 2px;
  padding-bottom: 2px;
}

.c_testimonial-card_2col {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff9;
  border: 1px solid #0000001a;
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 440px;
  margin: 8px 0;
  padding: 24px 32px;
  transition: all .3s ease-in-out;
  display: flex;
}

.c_testimonial-card_2col:hover {
  border-color: #00000080;
  transform: translate(0, -3px);
}

.testimonial-info {
  align-self: stretch;
  align-items: center;
  margin-top: -24px;
  display: flex;
}

.testimonial-author {
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 150%;
}

.tagline {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-icon-wrapper {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.testimonial-slider-left {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  inset: 0% auto 0% 0%;
}

.testimonial-slider-left:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.arrow-wrapper_hover {
  margin: 8px 4px;
  padding: 24px 8px;
  transition: transform .3s;
}

.arrow-wrapper_hover:hover {
  transform: scale(1.05);
}

.slider-arrow-embed {
  filter: contrast(200%);
  color: #1a1b1f;
  border: 1px solid #000;
  border-radius: 10100px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.testimonial-slider-right {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.testimonial-slider-right:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav, .imghide {
  display: none;
}

.sy_testicard-double {
  width: 100%;
}

.quote_text {
  padding-top: 8px;
  padding-bottom: 12px;
  font-style: italic;
  font-weight: 500;
  line-height: 150%;
}

.div-block-13, .div-block-14, .div-block-15, .div-block-16 {
  display: flex;
}

.c_butt_bottom {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.c_title_prj_overlay {
  z-index: -1;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  margin-right: 16px;
  padding-left: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  display: block;
}

.i-info {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.mask {
  overflow: hidden;
}

.img_bg_projects {
  z-index: -1;
  opacity: 1;
  filter: brightness(80%);
  mix-blend-mode: normal;
  object-fit: cover;
  width: 90%;
  height: 90%;
}

.c_bg_prj_home {
  z-index: -1;
  object-fit: cover;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: absolute;
}

.green_smudge {
  z-index: -1;
  opacity: .4;
  filter: blur(80px);
  background-image: linear-gradient(321deg, #5a9e72, #7ce4681a);
  border-radius: 800px;
  width: 800px;
  height: 800px;
  margin-top: -200px;
  margin-left: -200px;
  position: absolute;
}

.green_smudge.smudge2 {
  opacity: .9;
  background-image: linear-gradient(321deg, #fff, #7ce4681a);
  width: 780px;
  height: 750px;
  margin-top: -240px;
  margin-left: 200px;
}

.html-embed-2 {
  object-fit: contain;
  width: 100%;
}

.c_container_fullscreen_home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.c_container_wide_1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.c_container_prjocets_dsecr_960_scale {
  z-index: 1;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  position: relative;
}

.sy_wrap_prjcolor {
  z-index: 1;
  background-color: #272838;
  position: relative;
}

.sy_wrap_prjcolor.wrap_white {
  background-color: #fff;
}

.c_hide_section {
  display: none;
}

.s_txt_intro_about {
  max-width: 440px;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
}

.s_txt_intro_about.line {
  border-bottom: 1px solid #0003;
  margin: 80px auto 0;
  padding-bottom: 40px;
  font-size: 16px;
}

.s_txt_intro_about li {
  margin-bottom: 12px;
  font-size: 15px;
}

.c_container-text-l1100-90-m90 {
  width: 90%;
  max-width: 1070px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
}

.projectsblock {
  flex-direction: column;
  padding-bottom: 24px;
  display: flex;
  position: static;
}

.c_rt_center {
  align-items: flex-start;
  display: flex;
}

.section_last {
  margin-bottom: 200px;
}

.c_tille_page_interest {
  text-align: center;
  margin-bottom: 64px;
}

.icon-3 {
  padding-left: 8px;
}

.dropdown, .dropdown.hide_dropdown {
  display: none;
}

.dropdown-list {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #00000012;
  width: 300px;
  margin-top: 70px;
  display: none;
}

.hidetitle {
  display: none;
}

.img_abouit {
  object-fit: contain;
  border-radius: 0 100px;
  width: 100%;
  max-width: 460px;
  min-height: 380px;
}

.c_2col_-landing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 25px;
  display: grid;
}

.c_col_landing.offset {
  margin-top: 400px;
}

.img_landing {
  width: 100%;
}

.heading-11 {
  margin-bottom: 32px;
}

.rl_gallery10_lightbox-link {
  width: 100%;
  margin-bottom: 2rem;
}

.rl_gallery10_masonry-grid {
  column-count: 3;
  column-gap: 2rem;
  width: 100%;
}

.rl_gallery10_spacing-block-2 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl-text-style-medium {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_gallery10_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-heading-style-h2 {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_gallery10_heading-wrapper {
  text-align: center;
  width: 100%;
  max-width: 48rem;
}

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

.rl-padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_gallery10 {
  background-color: var(--relume-library-lite-rl-white);
}

.c_info_wrap {
  padding: 8px;
  display: none;
}

.c_deli-white-center-cont-setheight {
  box-shadow: none;
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 80%;
  margin: 64px auto 0;
  display: flex;
}

.div-rop_row_mobile {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.btn_view_white_outline {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff;
  font-size: 12px;
  font-weight: 500;
}

.slider-_project {
  background-color: #fff0;
  height: 100%;
}

.icon_home_slide {
  color: #fff;
  font-size: 16px;
}

.icon_home_slide.small_view {
  font-size: 12px;
}

.left-arrow {
  margin-left: 0;
}

.right-arrow {
  margin-right: 0;
}

.slide-nav-2 {
  opacity: .2;
  margin-bottom: -20px;
  font-size: 8px;
  display: none;
}

.slide_wrap {
  padding: 64px 24px;
  overflow: visible;
}

.c_contain_image_and-text-below {
  width: 100%;
  max-width: 600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.img_arrow {
  width: 20px;
  height: 20px;
}

.c_btn_viewproject {
  align-items: center;
  display: flex;
}

.lnk_prj_bottom_hover {
  z-index: 10;
  opacity: .7;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 64px;
  margin-top: -30px;
  display: flex;
  position: relative;
}

.c_icon_view_arrow {
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.c_cont_text_descr {
  margin-top: 24px;
}

.sy_project_cover {
  width: 100%;
  height: 100%;
}

.c_project_cover {
  margin-top: 40px;
  margin-bottom: 40px;
}

.image_project_cover {
  z-index: 1;
  box-shadow: none;
  object-fit: contain;
  width: 60%;
  height: 60%;
  max-height: 500px;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c_prj_img_cover {
  align-items: center;
  width: 100%;
  height: 80%;
  max-height: 480px;
  display: flex;
}

.c_bg {
  z-index: 0;
  position: absolute;
}

.image-_bg_prj_cover {
  object-fit: cover;
}

.div-block-20 {
  width: 100%;
  height: 100%;
}

.c_spacer_end_goodbumps {
  height: 200px;
  display: none;
}

.c_div_argo_img_100 {
  width: 100%;
}

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

.prj-web {
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
}

.testi_4col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: none;
}

.prj-app {
  padding-bottom: 32px;
  display: block;
}

.prj-brand {
  background-image: none;
  display: block;
}

.smudge_1 {
  filter: blur(100px);
  -webkit-text-fill-color: inherit;
  background-color: #5b33ec;
  background-clip: border-box;
  width: 200px;
  height: 200px;
  position: absolute;
}

.bghold {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.c_frame_play_1 {
  width: 100%;
  max-width: 1000px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.smudge_2-green {
  filter: blur(100px);
  background-color: #d1155d;
  width: 200px;
  height: 200px;
  margin-top: 400px;
  margin-left: 400px;
  position: absolute;
}

.c_content-front {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.col_flojo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c_2colintro_text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sy_intro-text {
  margin-bottom: 32px;
}

.rt_mid {
  text-align: left;
  max-width: 400px;
}

.bg_vid_argo {
  filter: saturate(80%);
  width: 90%;
  max-width: 1000px;
  margin: 120px auto;
  box-shadow: 0 0 20px #0000001a;
}

.rt_argo_text {
  max-width: 440px;
}

.img_argo_left_100 {
  object-fit: contain;
}

.img_base_simple_argo {
  object-fit: contain;
  width: 90%;
  max-width: 1000px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sy_prj_cover_simple {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.img_prj_cover_simple {
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-25 {
  width: 100%;
}

.c_2col_flex {
  flex-direction: row;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c_2col_flex.reverse {
  flex-direction: row-reverse;
}

.col1_flex_vert_cent {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.col1_flex_vert_cent.col_image_col {
  width: 70%;
}

.sy_prj_cover_new {
  border: 1px solid #ffffff1a;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
}

.rtxt_project {
  text-align: right;
  width: 100%;
  max-width: 500px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 32px;
}

.rtxt_project a, .rtxt_project p {
  font-size: 14px;
}

.btn_button_main_outline {
  box-shadow: none;
  color: #000;
  background-color: #fff0;
  border: 1px solid #000;
  border-radius: 50px;
  margin-top: 0;
  padding: 16px 24px 16px 32px;
  font-size: 14px;
  font-weight: 500;
  transition: all .4s cubic-bezier(.445, .05, .55, .95);
}

.btn_button_main_outline:hover {
  color: #fff;
  background-color: #000;
}

.btn_button_main_outline.comingsoon_disabled {
  opacity: .3;
  background-color: #fff0;
  border-color: #000000b3;
  display: none;
}

.btn_button_main_outline.comingsoon_disabled:hover {
  color: #000;
  border-radius: 30px;
}

.btn_button_main_outline.big {
  border-color: #0000;
  padding: 24px;
}

.c_bottomrow {
  justify-content: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 8px;
  display: flex;
}

._100-explore {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 32px;
  display: flex;
}

.testi-new {
  padding-top: 40px;
}

.c_div_title {
  z-index: 10;
  box-shadow: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 180px;
  padding-bottom: 160px;
  display: flex;
  position: static;
  top: 0;
}

.s_txt_h1_home_title {
  text-align: left;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 26px;
  font-size: 40px;
  font-weight: 500;
}

.text-block-12 {
  text-align: center;
  font-size: 22px;
  display: none;
}

.projectsspace-all-green-etc {
  margin-top: 120px;
}

._2col_prj_newhome {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 2.7fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  height: 100%;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.img_project_icon {
  object-fit: contain;
  width: 90px;
  height: 100%;
}

.c_col1_text {
  z-index: 20;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  padding: 52px 52px 52px 0;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.c_col1_text:hover {
  opacity: 1;
}

.imgprj {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 400px;
  margin-bottom: 32px;
}

.imgprj.blur {
  box-shadow: none;
  opacity: .35;
  filter: blur(200px);
  width: 100%;
  position: absolute;
}

.imgprj.small {
  opacity: .3;
  filter: blur(80px);
  mix-blend-mode: normal;
  width: 50%;
  height: 50%;
  position: absolute;
  top: auto;
  bottom: -10px;
  left: -20%;
}

.sy_view-all {
  align-items: center;
  width: 100%;
  display: none;
}

.c_view_all_center {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #0000001a;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c_image_prj_7367 {
  z-index: 12;
  width: 73%;
  position: relative;
}

.c_hold_absncont_ncut {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #ffffff80;
  border: 1px solid #0000001a;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.c_abs_images {
  z-index: 0;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c_abs_images.hide_images {
  display: none;
}

.c_content_padded {
  z-index: 1;
  border-radius: 30px;
  padding: 24px 52px;
  position: relative;
}

.c_homesmudge {
  z-index: 1;
  filter: blur(60px);
  mix-blend-mode: lighten;
  background-image: linear-gradient(308deg, #6419b4, #26dce9);
  border-radius: 100%;
  width: 400px;
  height: 400px;
  margin-top: 200px;
  margin-left: 200px;
  display: none;
  position: absolute;
}

.c_homesmudge._2 {
  filter: blur(30px);
  background-image: linear-gradient(308deg, #b90af8, #c58612);
  width: 600px;
  height: 600px;
  margin-top: 100px;
  margin-left: 100px;
}

.img_flojo {
  width: 100vw;
  max-width: 1000px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}

.c_div_100_center_flojo {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.rich-text-block-3 {
  max-width: 1000px;
}

.background-video {
  width: 100%;
  max-width: 1000px;
  height: 100%;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
}

.h2_more_details {
  text-align: center;
  margin-top: 120px;
}

.section {
  width: 100%;
}

.section.sectiuon_hide {
  display: none;
}

.c_max1000flojo_container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.c_center_mainimage {
  justify-content: center;
  width: 100%;
  display: flex;
}

.lnc_block_bottom {
  color: var(--black);
  align-items: center;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.ico_contact {
  width: 36px;
  height: 40px;
  margin-right: 6px;
  padding-bottom: 2px;
  display: none;
}

.h_footer {
  color: #000;
  margin-bottom: 8px;
  font-size: 27px;
}

.testimonial-slider-small-2 {
  background-color: #f5f7fa00;
  padding: 0 30px;
  position: relative;
}

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

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

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

.testimonial-slider-2 {
  background-color: #0000;
  max-width: 1100px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide-wrapper-2 {
  max-width: 48%;
  margin-right: 4%;
}

.testimonial-card {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.testimonial-info-2 {
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author-2 {
  margin-bottom: 2px;
}

.tagline-2 {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-icon-wrapper-2 {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.testimonial-slider-left-2 {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 40px;
  transition: opacity .3s;
  display: flex;
  left: -70px;
}

.testimonial-slider-left-2:hover {
  opacity: 1;
}

.testimonial-slider-left-2:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slider-left-2[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.arrow-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: flex;
  position: relative;
}

.arrow-wrapper-2:hover {
  filter: none;
}

.slider-arrow-embed-2 {
  opacity: 1;
  color: #1a1b1f;
  border: 0 solid #0003;
  border-radius: 100%;
  transition: all .2s;
}

.slider-arrow-embed-2:hover {
  opacity: 1;
  border-color: #000;
  border-radius: 0%;
}

.testimonial-slider-right-2 {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 40px;
  transition: opacity .3s;
  display: flex;
  right: -70px;
}

.testimonial-slider-right-2:hover {
  opacity: 1;
}

.testimonial-slider-right-2:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slider-right-2[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav-2 {
  color: #fff;
  padding-top: 24px;
  font-size: 10px;
  display: block;
}

.green_smudge-copy {
  z-index: -1;
  opacity: .4;
  filter: blur(80px);
  background-image: linear-gradient(321deg, #930fb4, #7ce4681a);
  border-radius: 800px;
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-left: 300px;
  position: absolute;
}

.green_smudge-copy.smudge2 {
  opacity: .9;
  background-image: linear-gradient(321deg, #fff, #7ce4681a);
  width: 780px;
  height: 750px;
  margin-top: -240px;
  margin-left: 200px;
}

.cparti_2 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c_group-push {
  margin-top: 80vh;
  margin-left: -20vw;
}

.section-spce {
  margin-top: 120px;
}

.lnk_div_interior {
  margin-top: 0;
  padding: 16px;
  transition: all .4s;
  display: flex;
}

.lnk_div_interior:hover {
  opacity: 1;
  color: #000;
}

.s_arrow {
  text-align: center;
  font-size: 10px;
  line-height: 16px;
}

.s_arrow.viewaall {
  padding-left: 16px;
}

.lnk_arrow {
  color: #000;
  background-color: #fff0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 16px;
  transition: all .4s cubic-bezier(.645, .045, .355, 1);
  display: none;
}

.lnk_arrow:hover {
  color: #fff;
  background-color: #000;
  border-radius: 0%;
}

.lnk_arrow.smalltesti {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border: 1px solid #0003;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
}

.lnk_arrow.smalltesti:hover {
  border-radius: 0%;
}

.lnk_arrow.smalltesti.left {
  transform: rotate(180deg);
}

.lnk_arrow.viewall {
  margin: 0;
}

.lnk_arrow.hide-link {
  display: none;
}

.c_view_all {
  justify-content: center;
  align-items: center;
  padding: 12px 0 12px 4px;
  display: flex;
}

.text-block-13 {
  padding-left: 0;
}

.row_bottm {
  align-items: center;
  display: flex;
}

.mask-3 {
  padding: 32px 8px;
}

.lets-makehappen_stylize-it {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #ffffff1a;
  border: 1px solid #0003;
  border-radius: 30px;
  max-width: 1100px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 180px;
  display: none;
  position: relative;
  overflow: hidden;
}

.c_bubble_style1 {
  border: 1px solid #0003;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-top: 10%;
  position: absolute;
  inset: 0 2% 2%;
}

.c_bubble_style1._2 {
  width: 80px;
  height: 80px;
  margin-top: 20%;
  margin-left: 20%;
}

.c_bubble_style1._3 {
  width: 120px;
  height: 120px;
  margin-top: 30%;
  margin-left: 40%;
}

.c_bubble_style1._4 {
  margin-bottom: 5%;
  margin-right: 5%;
  inset: auto 0% 0% auto;
}

.c_bubble_style1._22 {
  width: 160px;
  height: 160px;
  margin-top: -10%;
  margin-left: 30%;
}

.c_bubble_style1._23 {
  width: 110px;
  height: 110px;
  margin-top: -5%;
  margin-left: 70%;
}

.sy_bg_bubblesanim {
  z-index: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.c_bubble_style2 {
  border: 1px solid #0003;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  transition: all .4s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  inset: 2% 0 0 2%;
}

.c_bubble_style2._2_2 {
  width: 400px;
  height: 400px;
  top: 50%;
  left: 40%;
}

.c_text_style {
  z-index: 1;
  position: relative;
}

.c_bubble_style_2new {
  border: 1px solid #0003;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-top: 25%;
  margin-left: 9%;
  position: absolute;
  inset: 0 2% 2%;
}

.c_bubble_style_2new._2 {
  width: 30px;
  height: 30px;
  margin-top: 20%;
  margin-left: 20%;
}

.c_bubble_style_2new._3 {
  width: 120px;
  height: 120px;
  margin-top: 30%;
  margin-left: 40%;
}

.c_bubble_style_2new._4 {
  margin-bottom: 5%;
  margin-right: 5%;
  inset: auto 0% 0% auto;
}

.c_bubble_style_2new._2_2_2 {
  width: 200px;
  height: 200px;
  margin-top: 12%;
  margin-left: 60%;
}

.c_image {
  justify-content: center;
  align-items: center;
  max-width: 400px;
  display: flex;
  position: relative;
}

.circle_cso {
  z-index: 0;
  border: 1px solid #0003;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin-bottom: -200px;
  margin-left: -200px;
  position: absolute;
}

.circle_cso-_2 {
  z-index: 0;
  border: 1px solid #0003;
  border-radius: 100%;
  width: 160px;
  height: 160px;
  margin-bottom: 200px;
  margin-left: 200px;
  position: absolute;
}

.div-block-29, .div-block-30 {
  display: flex;
}

.div-block-31 {
  align-items: center;
  margin-top: 0;
  display: flex;
}

.c-space_40 {
  height: 40px;
}

.div-block-32 {
  display: none;
}

.wrap_img_hide_last {
  display: block;
}

.c_rt_block_center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 400px;
  height: 100%;
  display: flex;
}

.c_show_viewprj {
  align-items: center;
  padding-left: 8px;
  display: none;
}

.c_prj_button_hide_show {
  width: 100%;
}

.c_view_abs {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.sy_item_porto_2 {
  z-index: 1;
  margin-bottom: 0;
  position: relative;
}

.slider_icon {
  color: #d4d4d4;
  margin-bottom: 32px;
  font-size: 16px;
  inset: auto 0% 0%;
}

.slider_icon.view_double {
  margin-bottom: 0;
  margin-left: -6px;
  margin-right: 0;
}

.c_slide-nav {
  color: #d4d4d4;
  margin-bottom: 16px;
  font-size: 4px;
  display: none;
}

.hover-block {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: visible;
}

.c_abs_bg {
  z-index: 0;
  opacity: .1;
  filter: blur(30px);
  width: 110%;
  height: 110%;
  margin-top: -5%;
  margin-left: -5%;
  position: absolute;
  inset: 0%;
}

.mask-4 {
  overflow: hidden;
}

.div100_rel {
  background-color: #0e100e;
  position: relative;
  inset: 0%;
}

.div_abs100 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img5 {
  display: none;
}

.c_text-_mob_nopad {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.c_col1 {
  display: block;
}

.c_home-30-_hidden {
  align-items: center;
  width: 100%;
  display: block;
}

.c_columns-2-rev_jormalprojects {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.2fr 3.3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  margin-top: 80px;
  margin-bottom: 160px;
  display: block;
}

.c_columns-2-rev_jormalprojects.reverse {
  flex-direction: row;
}

.c_50-70-big-------anim {
  width: 100%;
  height: 100%;
  position: relative;
}

.c_imgcont {
  overflow: visible;
}

.c_abs_text_80 {
  flex-direction: column;
  justify-content: center;
  width: 80%;
  height: 80%;
  display: flex;
}

.lnk_view {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.c_hold-sy_prj100 {
  width: 100%;
  height: 100%;
  padding-bottom: 120px;
  position: relative;
}

.s_txt_prj_info_and_bototm_title {
  width: 100%;
  max-width: 320px;
  margin-top: 80px;
  font-size: 14px;
}

.s_txt_prj_info_and_bototm_title.prjinfo_white_recolor {
  color: #d4d4d4;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6px;
  font-weight: 300;
}

.s_txt_prj_info_and_bototm_title.prjinfo_white_recolor.view_prj_hidden {
  margin-left: 32px;
  padding: 16px;
  transition: all .3s;
  display: block;
}

.s_txt_prj_info_and_bototm_title.prjinfo_white_recolor.view_prj_hidden:hover {
  background-color: #ffffff1a;
}

.img4 {
  display: none;
}

.button-link-block-_btn {
  margin-top: 24px;
  display: block;
}

.button-link-block-_btn.hide_btn {
  display: none;
}

.c_abs_del {
  z-index: 99;
  background-color: #00000080;
  width: 2400px;
  height: 890px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 900px;
}

.img-porto_main {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.img-porto_main.last {
  opacity: .1;
}

.img-porto_main._110 {
  display: none;
}

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

.slider {
  background-color: #ddd0;
  height: 100%;
}

.btn_main_l {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #0000;
  min-width: 260px;
  max-width: 300px;
  padding: 24px 32px;
  font-size: 16px;
  line-height: 135%;
  transition: all .4s cubic-bezier(.645, .045, .355, 1);
  display: block;
}

.btn_main_l:hover {
  color: #fff;
  background-color: #000;
}

.btn_main_l.div {
  text-align: center;
  min-width: 240px;
  max-width: 300px;
  margin-top: 0;
  padding: 24px 16px;
}

.btn_main_l.div.outline {
  color: #fff;
  background-color: #fff0;
  border-color: #fff;
}

.btn_main_l.div.outline.small_projecyt {
  border-width: 1.5px;
  width: 100%;
  min-width: 180px;
  max-width: 220px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
}

.btn_main_l.div.outline.small_projecyt:hover {
  color: #000;
  background-color: #fff;
}

.c_txt {
  z-index: 5;
  position: relative;
}

.c_work_content_all-2 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.c-lnk_hide {
  display: none;
}

.c_project-intro {
  margin-top: 120px;
  margin-bottom: 64px;
}

.c_hold {
  margin-bottom: 120px;
}

.c_descr_wrap {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border: 1px solid #0000000d;
  justify-content: center;
  align-items: center;
  min-height: 420px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.paragraph-14 {
  line-height: 140%;
}

.c_rt_2col {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.mask-5, .mask-6, .mask-7, .mask-8 {
  overflow: hidden;
}

.sy_page_title {
  margin-top: 180px;
  margin-bottom: 200px;
}

.c_container_wide---main-1400 {
  width: 95%;
  max-width: 1600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.c_container_wide---main-1400.wide_greentech-95-1800 {
  max-width: 1800px;
}

.h1_page_title {
  letter-spacing: 0;
  font-size: 56px;
  line-height: 130%;
}

.paragraph-2 {
  max-width: 600px;
  margin-top: 40px;
  font-size: 20px;
  line-height: 160%;
}

.img1 {
  display: block;
}

.empty_col_prj, .wrap_img_hide_last-2 {
  display: none;
}

.c_rt_block_center-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 400px;
  height: 100%;
  margin-left: -20px;
  display: flex;
}

.hover-block-2 {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.c_abs_bg-2 {
  z-index: 0;
  opacity: .3;
  filter: blur(30px);
  width: 110%;
  height: 110%;
  margin-top: -5%;
  margin-left: -5%;
  position: absolute;
  inset: 0%;
}

.s_txt_prj_info_and_bototm_title-2 {
  color: #fff;
  width: 100%;
  font-size: 14px;
}

.s_txt_prj_info_and_bototm_title-2.prjinfo_white_recolor {
  color: #d4d4d4;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6px;
  font-weight: 300;
}

.s_txt_prj_info_and_bototm_title-2.prjinfo_white_recolor.view_prj_hidden {
  margin-left: 32px;
  padding: 16px;
  transition: all .3s;
  display: block;
}

.s_txt_prj_info_and_bototm_title-2.prjinfo_white_recolor.view_prj_hidden:hover {
  background-color: #ffffff1a;
}

.div-block-33 {
  z-index: 5;
  position: relative;
}

.c_descr_wrap-2 {
  justify-content: center;
  align-items: center;
  min-height: 420px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c_rt_block_center-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 400px;
  height: 100%;
  margin-left: -20px;
  display: flex;
}

.hover-block-3 {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.c_abs_bg-3 {
  z-index: 0;
  opacity: .3;
  filter: blur(30px);
  width: 110%;
  height: 110%;
  margin-top: -5%;
  margin-left: -5%;
  position: absolute;
  inset: 0%;
}

.s_txt_prj_info_and_bototm_title-3 {
  color: #fff;
  width: 100%;
  font-size: 14px;
}

.s_txt_prj_info_and_bototm_title-3.prjinfo_white_recolor {
  color: #d4d4d4;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6px;
  font-weight: 300;
}

.s_txt_prj_info_and_bototm_title-3.prjinfo_white_recolor.view_prj_hidden {
  margin-left: 32px;
  padding: 16px;
  transition: all .3s;
  display: block;
}

.s_txt_prj_info_and_bototm_title-3.prjinfo_white_recolor.view_prj_hidden:hover {
  background-color: #ffffff1a;
}

.div-block-34 {
  z-index: 5;
  position: relative;
}

.c_descr_wrap-3 {
  justify-content: center;
  align-items: center;
  min-height: 420px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.projects-home {
  margin-top: 0;
}

.color_green-tech {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(28deg, #469237, #99c34b 58%, #19764b);
  -webkit-background-clip: text;
  background-clip: text;
}

.txt_page_title {
  font-size: 50px;
  font-weight: 300;
  line-height: 100%;
}

.txt_project_subtutle {
  color: #252525;
  margin-top: 40px;
  font-size: 16px;
}

.c_text_50 {
  width: 49%;
}

.h2-28 {
  font-size: 28px;
}

.c_h2_space {
  margin-top: 24px;
  margin-bottom: 40px;
}

.gmdao-2 {
  display: none;
}

.c_grid_work2_col {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c_text_project {
  max-width: 400px;
}

.c_title_hide {
  display: none;
}

.prjc_categories {
  display: block;
}

.c_grid_buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 120px;
  margin-bottom: 120px;
  display: grid;
}

.card_title_pad_8 {
  padding-bottom: 32px;
}

.c_text_grid_2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 120px;
  display: grid;
}

.c_text_grid_2col.hide {
  display: none;
}

.c_button_industry {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 320px;
  margin-top: 0;
  padding: 32px 24px 32px 0;
  display: flex;
}

.c_button_industry:hover {
  color: #181a16;
}

.txt_coming {
  color: #333;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 30px;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  transition: all .4s;
}

.txt_coming:hover {
  border-radius: 0;
}

.txt_coming.coming {
  opacity: .3;
  color: #000;
  background-color: #0000001a;
  border-color: #0003;
}

.txt_coming.coming.small {
  font-size: 14px;
}

.txt_coming.small {
  color: #000;
  background-color: #fff0;
  border-color: #0000;
  font-weight: 400;
}

.txt_coming.small.mboile_shrink_desctr {
  font-size: 14px;
}

.txt_coming.small.mboile_shrink_desctr:hover {
  color: #7ebb2e;
}

.para_expl {
  margin-bottom: 32px;
}

.heading-12 {
  font-weight: 700;
  display: none;
}

.c-mid {
  min-height: 160px;
  margin-top: 32px;
}

.c_card_title_short {
  max-width: 180px;
}

.section-2 {
  display: block;
}

.txt_title_card {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
}

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

.c_grid_applicaiton {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  margin-bottom: 80px;
  display: grid;
}

.c_applications {
  background-color: #fff;
  border: 1px solid #0003;
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-around;
  max-width: 280px;
  min-height: 230px;
  padding-top: 64px;
  padding-bottom: 48px;
  transition: all .4s;
  display: flex;
}

.c_applications:hover {
  border-color: #00000080;
  border-radius: 0;
}

.text-block-15 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 700;
}

.c_mid_text {
  margin-top: 24px;
}

.text-block-16 {
  display: none;
}

.space_bottom_service_fields {
  height: 80px;
}

.c_service_hide {
  display: none;
}

.c_rt_center_about {
  width: 50%;
  max-width: none;
}

.c_rt_center_about.img {
  width: 40%;
}

.c-space_about_40 {
  height: 60px;
}

.c_coming_50 {
  opacity: .5;
}

.c_linesmall-sticky {
  background-color: #fff;
  width: 70px;
  height: 2px;
  margin-top: 10px;
  margin-right: 6px;
  display: none;
}

.c_text_sticky {
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.c_prj_img-100-_pad_contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 400px;
}

.c_descritption_vert {
  max-width: 320px;
  padding-top: 80px;
}

.c_prj_text_col-30 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 27%;
  height: 100%;
  display: flex;
}

.c_prj_img_col_70 {
  width: 80%;
}

.c_2colwrap_prj_imagemain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". Area Area Area"
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

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

.c_emptycol-line {
  background-color: #fff;
  width: 100%;
  height: 2px;
  margin-top: 16px;
}

.space_80-40-20 {
  width: 100%;
  height: 80px;
}

.c_linehold-showhide {
  opacity: 0;
}

.rt_project_desc {
  margin-top: 24px;
}

.c_col-2colprj {
  max-width: 500px;
}

.text-description {
  margin-left: 8px;
  font-size: 16px;
  line-height: 170%;
}

.text-description.hide_txt_descr_prj {
  display: none;
}

.surface_white-main {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}

.background-video-2 {
  opacity: .9;
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 420px;
  margin-top: 100px;
  margin-bottom: 100px;
}

.lottie-animation-2 {
  filter: grayscale();
}

.pages, .subbrands {
  margin-bottom: 200px;
}

.c_space_project_mid_100_s50 {
  height: 100px;
}

.anim.hide_flojo, .section_hide {
  display: none;
}

.museai {
  display: block;
}

.body-playground {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  overflow: hidden;
}

.html-embed--fizzy-bg {
  z-index: -1;
  margin-bottom: 0;
  position: absolute;
  inset: 0%;
}

.c_content-try-here {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.text-block-17 {
  text-align: center;
  background-color: #cecece;
  width: 600px;
  height: 300px;
  margin-bottom: 80px;
}

.contentdiv_js {
  z-index: 1;
  height: 2000px;
}

.text-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.hero-text {
  width: 100%;
  padding-bottom: 200px;
}

.watch-the-film {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.17;
}

.iphone-nav-content {
  color: #f5f5f7;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.c_nav_div {
  justify-content: center;
  align-items: center;
  height: 64px;
  display: flex;
}

.iphone-nav-title {
  color: #f5f5f7;
  font-size: 21px;
  font-weight: 600;
  text-decoration: none;
}

.hero-headline {
  color: #f5f5f7;
  text-align: center;
  letter-spacing: -.15px;
  font-size: 150px;
  line-height: .667;
}

.hero-headline.space {
  line-height: 1.1;
}

.hero-bullet-text {
  color: #fff;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.0625;
}

.nav {
  z-index: 9999;
  background-color: #000;
  width: 100%;
  height: 44px;
  max-height: 44px;
  display: none;
  position: relative;
}

.anc-external-mic {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  position: absolute;
}

.anc-container {
  height: 1005vh;
  position: relative;
}

.anc-intro-paragraph-text {
  color: #fff;
  margin-left: 58.3333%;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.anc-internal-mic {
  opacity: 0;
  width: 100%;
  padding-bottom: 350px;
  position: absolute;
}

.comfort-tips {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  display: flex;
  position: absolute;
}

.white {
  color: #fff;
}

.lottie-animation-6 {
  z-index: 7;
  opacity: 0;
  width: 100%;
  position: absolute;
}

.comfort-intro-text-wrapper {
  width: 100%;
  padding-top: 50vh;
  position: absolute;
}

.comfort-tip-text {
  opacity: 0;
  width: 100%;
  padding-bottom: 50px;
  position: absolute;
}

.transparency-paragraph {
  color: #fff;
  width: 41.6667%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
}

.nav-link {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.nav-link:hover {
  opacity: .7;
}

.nav-link.bag {
  background-image: url('../images/bag.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.nav-link.logo {
  background-image: url('../images/apple-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 44px;
}

.nav-link.search {
  background-image: url('../images/search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.anc-intro-paragraph {
  opacity: 0;
  width: 100%;
  padding-top: 50vh;
  position: absolute;
}

.sticky-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky-container.no-overflow {
  overflow: visible;
}

.image-sequence {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.anc-transparency {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  position: absolute;
}

.hero {
  position: relative;
}

.anc-continousley {
  opacity: 0;
  width: 100%;
  padding-top: 275px;
  position: absolute;
}

.body-headphones {
  background-color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.comfort-heading-wrapper {
  text-align: center;
  width: 100%;
  position: absolute;
}

.anc {
  margin-bottom: -18vh;
  position: relative;
}

.lottie-animation-4 {
  z-index: 8;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.white-overlay {
  z-index: 9999;
  opacity: 0;
  background-color: #fff;
  width: 100vw;
  height: 100%;
  display: none;
  position: absolute;
}

.choose-size {
  opacity: 0;
  width: 100%;
  padding-top: 460px;
  position: absolute;
}

.airpods-nav {
  z-index: 900;
  background-color: #1d1d1fb3;
  border-bottom: 1px solid #2c2c2c;
  width: 100%;
  height: 52px;
  display: none;
  position: sticky;
  top: 0;
}

.lottie-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 52px;
  display: flex;
  position: relative;
}

.comfort-section-intro-text {
  opacity: 1;
  color: #fff;
  width: 35%;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.iphone-nav-link {
  color: #f5f5f7;
  margin-left: 24px;
  font-size: 12px;
  text-decoration: none;
}

.iphone-nav-link.w--current {
  color: #f5f5f799;
}

.anc-intro {
  text-align: center;
  width: 100%;
  position: absolute;
}

.lottie-animation-7 {
  z-index: 10;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.mobile-burger {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.hero-scroll-container {
  height: 500vh;
  position: relative;
}

.comfort {
  margin-top: 50vh;
  margin-bottom: -70vh;
  position: relative;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-23 {
  z-index: 99999;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 800px;
  display: flex;
  position: relative;
}

.buy-button {
  color: #fff;
  background-color: #0071e3;
  border-radius: 12px;
  margin-left: 24px;
  padding: 4px 11px;
  font-size: 12px;
}

.buy-button:hover {
  background-color: #1680eb;
}

.scroll-sequence {
  width: 100%;
  height: 2280vh;
  margin-top: 150px;
  position: absolute;
  top: 0;
}

.rotate-phone {
  display: none;
}

.anc-external-sound {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  position: absolute;
}

.anc-paragraph-right {
  color: #fff;
  margin-left: 65.7%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
}

.section-eyebrow {
  color: #fff;
  letter-spacing: .005px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.19;
}

.c_nav {
  background-color: #000;
}

.mobile-burger-line {
  background-color: #fff;
  width: 60%;
  height: 1px;
}

.green {
  color: #02cc01;
}

.tip {
  color: #fff;
  letter-spacing: .0045em;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3569;
}

.tip.large {
  width: 175px;
  margin-left: 91px;
}

.tip.medium {
  width: 173px;
}

.container-2 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.section-headline {
  color: #f5f5f7;
  font-size: 96px;
  line-height: .875;
}

.anc-bullets {
  color: #b7b7b7;
  max-width: 35%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1812;
}

.comfort-scroll-container {
  height: 685vh;
  position: relative;
}

.paragraph {
  color: #fff;
  letter-spacing: .0045em;
  max-width: 33.3333%;
  margin-left: 91px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
}

.sequence-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.lottie-animation-5 {
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.hero-bullet-points {
  opacity: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-1 {
  z-index: 11;
  opacity: 0;
  width: 100%;
  max-width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-3 {
  z-index: 9;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.c_color {
  background-color: #fcfaf5;
  border-radius: 200px;
  width: 140px;
  height: 140px;
}

.c_color.strong {
  background-color: #bfa508;
}

.c_color.gold-light {
  background-color: #d1c78c;
}

.c_color.black {
  background-color: #4e4964;
}

.s_areas-texts {
  padding-left: 32px;
  padding-right: 32px;
  font-size: 16px;
}

.s_areas-texts.white {
  color: #000;
  text-align: center;
  order: 0;
  align-self: auto;
  width: 100%;
  margin-bottom: -64px;
  padding: 16px 16px 16px 8px;
  font-size: 14px;
  line-height: 24px;
}

.div-block-19 {
  height: 300px;
}

.navbar-2 {
  background-color: #f8f8f8;
}

.c_s_color {
  border-radius: 200px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 100px;
  margin-bottom: 30px;
  transition: all .5s;
  display: flex;
  box-shadow: 1px 1px 20px #00000026;
}

.c_s_color:hover {
  transform: scale(1.05);
  box-shadow: 1px 1px 20px #0003;
}

.c_s_color.black {
  background-color: #333;
}

.c_s_color.grayhalf {
  background-color: #dcdcdc;
}

.c_s_color.hover {
  background-color: #ff3c01;
}

.c_s_color.gray {
  background-color: #8a8a8a;
}

.c_s_color.lightbg {
  color: #f9f9f9;
  background-color: #f9f9f9;
}

.c_s_color.active {
  background-color: #d83f2a;
}

.c_s_color.primary {
  background-color: #b53737;
}

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

.c_4col.colors {
  padding-top: 32px;
  padding-bottom: 32px;
}

.paragraph-3 {
  font-size: 16px;
  line-height: 170%;
}

.s_expl-title {
  opacity: .5;
  margin-top: 80px;
  margin-bottom: 64px;
  font-size: 56px;
}

.list {
  font-size: 16px;
  line-height: 200%;
}

.paragraph---small {
  max-width: 600px;
  font-size: 14px;
  line-height: 160%;
}

.body-argonauts {
  color: #4e4964;
  font-family: Lato, sans-serif;
}

.l-colors-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: center;
  margin-bottom: 100px;
  display: none;
}

.c_section-2 {
  width: 80%;
  max-width: 1200px;
  margin: 64px auto;
}

.c_text-front---abs--100 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-22 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div--anim {
  width: 100%;
  height: 100%;
  position: absolute;
}

.lottie---auto {
  width: 200px;
  height: 200px;
  display: none;
}

.lottie-animation-8 {
  background-image: linear-gradient(#8a569c, #8a569c);
}

.all-3 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.all-3.long {
  height: 1200px;
}

.anim-left {
  margin-top: 100px;
}

.spacer {
  height: 200px;
}

.anim-text {
  width: 70%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.div-long {
  color: #a6a6a6;
  height: 2000px;
}

.div-sticky {
  position: sticky;
  top: 400px;
}

.lottie-scroll {
  position: sticky;
  top: 80px;
}

.lottie-animation-9 {
  margin-top: 100px;
}

.navbar-3 {
  background-color: #f8f8f8;
}

.image-23 {
  z-index: 10;
  width: 500px;
  position: static;
  inset: 0%;
}

.s_nav-link-gold {
  color: #4b4313;
  text-align: center;
  width: 128px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 300;
  transition: all .4s;
}

.s_nav-link-gold:hover {
  text-transform: none;
  font-weight: 700;
  text-decoration: none;
}

.s_nav-link-gold.w--current {
  color: #4e4964;
  font-weight: 700;
  transition: all .3s;
}

.s_nav-link-gold.w--current:hover {
  text-decoration: none;
}

.icon-left {
  justify-content: center;
  align-items: flex-start;
  width: 300px;
  height: 100vh;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.lottie-animation-10 {
  background-image: linear-gradient(#8a569c, #8a569c);
  display: none;
}

.div-block-36 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.home-lottie-1 {
  z-index: 1;
  background-image: linear-gradient(#8a569c, #8a569c);
  display: none;
  position: static;
  inset: 0%;
}

.body_bg {
  background-color: #f5f5f5;
}

.hide_home {
  display: none;
}

.c_article {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  max-width: 900px;
  min-height: 500px;
  margin: 220px auto 80px;
  display: flex;
}

.para_18 {
  font-size: 16px;
}

.rt_article_text {
  margin: 24px auto;
}

.rt_article_text p {
  font-size: 18px;
  line-height: 170%;
}

.rt_article_text h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 38px;
  line-height: 130%;
}

.rt_article_text li {
  margin-bottom: 12px;
  padding-left: 8px;
  font-size: 18px;
  line-height: 200%;
  list-style-type: decimal;
}

.rt_article_text h3 {
  margin-top: 32px;
  margin-bottom: 8px;
  font-weight: 700;
}

.rt_article_text blockquote {
  color: var(--accent-sea-green);
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.rt_article_text a {
  font-size: 16px;
}

.rt_article_text ul {
  padding-left: 24px;
}

.c_container_articles {
  background-color: #f7f7f780;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.sy_sidebar {
  background-color: #fcfcfc;
  border: 1px solid #8888881a;
  width: 20%;
}

.link-4 {
  width: 100%;
  max-width: 40200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.h1-article {
  font-size: 36px;
}

.c_links_sidebar {
  margin-top: 60px;
}

.highlight {
  font-weight: 700;
}

.grid--articles_page_3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 24px;
  margin-bottom: 24px;
  display: grid;
}

.sy_card_article_img {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  transition: transform .3s;
  position: relative;
  overflow: hidden;
}

.sy_card_article_img:hover {
  transform: translate(0, -3px);
}

.c_card_article {
  color: var(--black);
  border-radius: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 320px;
  margin-top: 0;
  padding: 0 0 24px;
  transition: transform .3s, opacity .2s, color .3s;
  display: flex;
}

.c_card_article:hover {
  color: #000;
}

.articledescription {
  margin-top: 16px;
  font-size: 15px;
}

.s_txt_page_tittle {
  text-align: center;
  margin-top: 120px;
  margin-bottom: 80px;
}

.code-embed {
  z-index: -1;
  opacity: .5;
  background-image: linear-gradient(#dbdbdb80, #dbdbdb80);
  width: 100%;
  height: 100%;
  position: absolute;
}

.c_relative_bg_bbl {
  border: 1px solid #f5f5f5;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 41px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c_relative_bg_bbl:hover {
  background-color: #ffffff80;
}

.txt_title_article_z1 {
  z-index: 1;
  position: relative;
}

.paragraph-15 {
  z-index: 1;
  margin-top: 24px;
  font-size: 15px;
  position: relative;
}

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

.c_h2_block_articles {
  padding-left: 24px;
  position: relative;
}

.code_bg {
  z-index: -2;
  opacity: .5;
  background-image: linear-gradient(316deg, #dfffe7, #feffc6);
  position: absolute;
  inset: 0%;
}

.sy_article_section_titles {
  margin-top: 96px;
  margin-bottom: 40px;
}

.thumb-article_top {
  z-index: 3;
  opacity: 1;
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: 300;
  line-height: 110%;
  position: relative;
}

.c_top {
  background-image: linear-gradient(357deg, #fff 38%, #fff0);
  border-radius: 30px 30px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h4_blog_title {
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 600;
}

.image-24 {
  z-index: 0;
  opacity: 1;
  filter: blur(1px);
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.body_articles {
  background-color: #fafafa;
}

.c_text_bottom {
  width: 90%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px;
}

.h2_page-section {
  opacity: .5;
  margin-top: 64px;
  margin-bottom: 40px;
  padding-left: 24px;
}

.list-2 {
  font-size: 13px;
}

.image-25 {
  z-index: -2;
  object-fit: cover;
  background-image: linear-gradient(#000, #fff);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gradient {
  z-index: -1;
  background-image: linear-gradient(167deg, #fff0, #fff 71%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gradient._2 {
  background-image: repeating-radial-gradient(circle, #fff0, #fff);
}

.image_left {
  z-index: -1;
  opacity: .5;
  filter: grayscale();
  width: 800px;
  height: 800px;
  margin-top: -400px;
  margin-left: -300px;
  position: absolute;
  inset: 0%;
}

.image_lright {
  z-index: -1;
  opacity: .3;
  filter: grayscale();
  width: 800px;
  height: 800px;
  margin-top: -300px;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.c_grid_2col_articel-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 40px;
  display: grid;
}

.sy_card_article_text_title {
  background-color: #fff;
  border: 1px solid #0003;
  border-radius: 30px;
  min-height: 220px;
  padding: 12px 40px 40px;
}

.c_card_shorten {
  max-width: 330px;
}

.h3-card_article_expl {
  font-weight: 600;
}

.p_card_expl_article {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}

.sy_cta {
  width: 100%;
  position: relative;
}

.image-cta {
  z-index: 0;
  opacity: .8;
  filter: grayscale();
  width: 800px;
  height: 800px;
  margin-top: -200px;
  margin-left: -250px;
  position: absolute;
  inset: 0%;
}

.image-cta._2 {
  opacity: 1;
  margin-top: 100px;
  margin-left: 0;
}

.lnk_div_interior_lnk_del {
  margin-top: 0;
  padding: 16px;
  transition: all .4s;
  display: flex;
}

.lnk_div_interior_lnk_del:hover {
  opacity: 1;
  color: #000;
}

.text-span-text-30px {
  font-size: 24px;
}

.c_styleguide {
  z-index: 1;
  min-height: 500px;
  margin-bottom: 120px;
  position: relative;
}

.section-grey {
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
  padding-top: 120px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.image-26 {
  z-index: 0;
  opacity: .5;
  margin-top: -200px;
  margin-left: -200px;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 120px;
  margin-bottom: 60px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.image-27 {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.image-28 {
  width: 100%;
  max-width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.p_quote_center {
  opacity: .7;
  color: #000;
  max-width: 400px;
  margin: 180px auto 200px;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 150%;
}

.c_right_text_center-about {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 24px;
  display: flex;
}

.s_h2_special-interest {
  font-size: 20px;
}

.c_section_about95 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.c_right_text_center-about-wimg {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.smugde-throygout {
  z-index: -1;
  opacity: 1;
  filter: grayscale();
  width: 800px;
  margin-top: -300px;
  position: absolute;
}

.span_italic_procnounce {
  opacity: .5;
}

.gradient_artile_dark {
  z-index: 1;
  opacity: .2;
  background-image: linear-gradient(317deg, #fff 100%, #fff0 96%);
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-37 {
  margin-top: 40px;
}

.c_footer_learn_more {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.c_footer_link {
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
}

.c_footer_link.w--current {
  color: var(--grey);
}

.c_3col_good_design {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  display: none;
}

.c_card_good_design {
  border: 1px solid #0000001a;
  border-radius: 40px;
  min-height: 160px;
  padding: 34px;
  font-size: 18px;
  font-weight: 500;
}

.nr_good_design {
  opacity: .3;
  margin-bottom: 8px;
  font-size: 40px;
  font-weight: 800;
  line-height: 100%;
}

.prara-hide {
  display: none;
}

.sy_prj_small {
  margin-top: 40px;
  margin-bottom: 40px;
}

.c-grid_small-prj {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img_prj_small {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
}

.c-rpj-small-descr {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.c-rpj-small-descr.colr_right_prj {
  justify-content: center;
  align-items: flex-start;
}

.s_rtxt_prj_description_small13 {
  font-size: 13px;
  display: none;
}

.text-block-18 {
  display: none;
}

.s_txt_para_prj_small {
  text-align: right;
  font-size: 13px;
  line-height: 180%;
}

.s_txt_para_prj_small.right-side {
  text-align: left;
  margin-top: 0;
}

.s_txt_para_prj_small.year_dur {
  opacity: .5;
  display: none;
}

.lnk_small_orj {
  text-align: right;
  margin-top: 16px;
  display: block;
}

.h3_prj_small {
  text-align: right;
  margin-top: 0;
  font-size: 16px;
}

.div-block-38 {
  height: 45px;
}

@media screen and (min-width: 1280px) {
  h3 {
    font-size: 20px;
  }

  h5 {
    font-size: 14px;
  }

  p, a {
    font-size: 13px;
  }

  .helpwith {
    margin-top: 0;
  }

  .c_bg_prj_home {
    max-height: none;
  }
}

@media screen and (min-width: 1440px) {
  p {
    font-size: 16px;
  }

  .c-container-main__cds_1100_90 {
    max-width: 1300px;
  }

  .helpwith {
    margin-top: 5%;
  }

  .c_block_photo_prj {
    height: 600px;
  }

  .c_section____cont_prj22_1200-90 {
    max-width: 1300px;
  }

  .c_smooth_scroll {
    margin-top: 100px;
  }

  .c_descr_hold-all_over {
    margin-top: 32px;
  }

  .img_bg_projects {
    width: 95%;
    max-width: none;
    height: 95%;
  }

  .c_bg_prj_home {
    height: 990px;
    padding-top: 0;
  }

  .c_container_fullscreen_home {
    align-items: center;
    height: 990px;
  }

  .c_container_wide_1200 {
    max-width: 1300px;
  }

  ._100-explore {
    padding-top: 32px;
  }

  .c_div_title {
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1920px) {
  p {
    font-size: 16px;
    line-height: 160%;
  }

  a {
    font-size: 16px;
  }

  .c-container-main__cds_1100_90 {
    max-width: 1400px;
  }

  .helpwith {
    margin-top: 10%;
  }

  .c_group_part.other {
    margin-left: 40vh;
  }

  .c_block_photo_prj {
    width: 80%;
    max-width: 1200px;
    height: 740px;
  }

  .c_prj22_2col {
    grid-template-rows: auto auto;
  }

  .c_section____cont_prj22_1200-90 {
    z-index: 1;
    position: relative;
  }

  .sec_c_img_1drum {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .c_home_prj_descr.txt_top {
    font-size: 55px;
    font-weight: 300;
    line-height: 120%;
  }

  .c_descr_hold-all_over {
    margin-top: 0;
  }

  .testimonial-slider {
    box-shadow: none;
    max-width: 1300px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .mask {
    border-radius: 1px;
  }

  .img_bg_projects {
    width: 100%;
    max-width: 1300px;
  }

  .c_bg_prj_home {
    width: 100%;
    max-width: 1400px;
    height: 960px;
    max-height: none;
  }

  .c_container_wide_1200 {
    max-width: 1400px;
  }

  .sy_wrap_prjcolor {
    background-color: #272838;
  }

  .s_txt_intro_about {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
  }

  .s_txt_intro_about.line {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .c_container-text-l1100-90-m90 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .img_abouit {
    max-width: 340%;
  }

  .c_deli-white-center-cont-setheight {
    height: 100%;
    margin-top: 0;
    box-shadow: 0 0 50px #00000080;
  }

  .c_contain_image_and-text-below {
    max-width: 920px;
  }

  .mask-2 {
    width: 100%;
  }

  .sy_project_cover {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .c_project_cover {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-_bg_prj_cover {
    width: 100%;
    height: 100%;
  }

  .prj-web {
    padding-top: 40px;
  }

  .testi-new {
    margin-top: 80px;
  }

  .c_view_all_center {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .img_flojo {
    width: 100vw;
  }

  .c_div_100_center_flojo {
    justify-content: space-between;
  }

  .more-details {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .testimonial-slider-small-2 {
    border-bottom-width: 0;
    padding-bottom: 0;
  }

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

  .lnk_arrow {
    display: none;
  }

  .div-block-35 {
    margin-top: 40px;
  }

  .c_button_industry {
    max-width: 300px;
  }

  .c_grid_applicaiton {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .c_applications:hover {
    color: #333;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 32px;
    line-height: 34px;
  }

  .rightside {
    width: 90%;
  }

  .nav-link-side {
    text-align: center;
  }

  .nav-menu-left {
    background-color: #fff;
    border-radius: 5px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 20px 64px;
    display: flex;
  }

  .logo-text {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .menu-button {
    color: #fff;
    background-color: #ffffff1a;
    border-radius: 5px;
    padding: 13px 11px 11px;
  }

  .menu-button.w--open {
    color: #333;
    background-color: #f0f0f0;
  }

  .left-side-floater {
    flex-direction: row;
    width: 100%;
    height: 80px;
    margin-top: 40px;
    padding: 0 20px 20px;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }

  .nav-left---all {
    flex-direction: row;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .logo-link {
    float: left;
  }

  .contentall {
    margin-top: 0;
  }

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

  ._2col.mainmenew {
    grid-template-columns: 1fr 1fr;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  ._2col.testimonials.hide {
    display: none;
  }

  .c-container-main__cds_1100_90 {
    width: 90%;
    max-width: 660px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .c-container-main__cds_1100_90.section-about.process {
    padding-left: 0;
    padding-right: 0;
  }

  .c-container-main__cds_1100_90.last.hide {
    display: block;
  }

  .c-container-main__cds_1100_90.first-gradi {
    margin-top: 0;
  }

  .c-container-main__cds_1100_90.wide {
    width: 90%;
  }

  .c-container-main__cds_1100_90.project-sticky {
    width: 95%;
    max-width: 100%;
    top: 15%;
  }

  .c-container-main__cds_1100_90.small1100 {
    width: 95%;
  }

  .c-container-main__cds_1100_90.nav_kill-paddings {
    margin-top: 0;
  }

  .c_text-shrink90 {
    width: 70%;
  }

  .columncard-interestfields {
    max-width: 460px;
  }

  .lnk_navlink-topok {
    color: #000;
    text-align: right;
    border-top: 1px solid #0000001a;
    border-bottom: 0 solid #0000001a;
    width: 90%;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 18px;
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
  }

  .lnk_navlink-topok:hover {
    background-color: #0000001a;
  }

  .lnk_navlink-topok.w--current {
    font-weight: 700;
  }

  .lnk_navlink-topok.hide {
    display: none;
  }

  .lnk_navlink-topok.small {
    text-align: right;
    border: 1px #0000;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
  }

  .lnk_navlink-topok.nav_last {
    margin-bottom: 64px;
  }

  .lnk_navlink-topok.preojecdropdown {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16px;
    display: flex;
  }

  .lnk_navlink-topok.first {
    border-top-width: 0;
  }

  .nav-menu {
    background-color: #fff;
    border: 1px solid #0000001a;
    margin-top: -1px;
    box-shadow: 0 20px 20px #0000000d;
  }

  .c_topnav-container {
    width: 100%;
    max-width: 900px;
    padding-right: 0;
  }

  .image--profile {
    width: 240px;
    height: auto;
  }

  .c-3col.small-no-margin-columns {
    grid-template-columns: 1fr;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 64px;
  }

  .c_projectpage--right {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .c_projectcollecition {
    width: 90%;
  }

  .project-land-coll-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .project-land-coll-list._3col {
    grid-template-columns: 1fr 1fr;
  }

  .project-land-coll-list._3col.highlighte {
    grid-template-columns: 1fr;
  }

  .c_head-and-text-main {
    margin-top: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .project-text {
    max-width: 80%;
  }

  .left-side-floater-2 {
    opacity: 1;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: 80px;
    margin-top: 0;
    margin-left: 0%;
    padding-right: 0;
    position: fixed;
    top: 30px;
  }

  .footer-2 {
    padding: 100px 20px;
  }

  .footer-flex-container {
    width: 100%;
  }

  .footer-logo-link_40, .footer-logo-link_40.w--current {
    width: 40%;
  }

  .c_60-contact {
    width: 60%;
  }

  .c-coll-list-bottom-projects {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .s-deliverables {
    z-index: 100;
    position: absolute;
  }

  .s-questions {
    z-index: 100;
  }

  .s_jumbo---process {
    font-size: 26vw;
  }

  .img-card-about {
    width: 100px;
    height: 140px;
    margin-bottom: 0;
  }

  .button-green.hide {
    display: none;
  }

  .c-symb-helpwith {
    justify-content: center;
    align-items: flex-start;
    max-width: 440px;
    margin-bottom: 40px;
  }

  .img-services {
    width: 100px;
    margin-right: 0;
  }

  .h3-center.h3_mod_s {
    text-align: center;
    margin-top: 0;
  }

  .h5-center-or-not.mod_prjc {
    text-align: center;
  }

  .c-3colfeat {
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .c-3colfeat.home-help {
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 64px;
  }

  .s_subtitle--whys {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .c-symb-process-about {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  .overflow-image {
    overflow: visible;
  }

  .c-background {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .img-skills {
    width: 140px;
    height: 140px;
  }

  .sec-white {
    padding-bottom: 32px;
  }

  .c-testimonial {
    max-width: 100%;
  }

  .s-txt-mark-quote._2 {
    display: none;
  }

  .h5-sub-transp {
    font-size: 18px;
  }

  .h2--hero {
    font-size: 24px;
  }

  .c-4col-cardstry {
    grid-template-columns: 1fr 1fr;
    align-content: space-around;
    height: auto;
    min-height: 600px;
  }

  .s_card-small-smalltext-4col {
    margin-top: 24px;
  }

  .s_cardtitleh4.check {
    min-width: auto;
  }

  .c_4grid_clients {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    place-content: center;
  }

  .projects-l {
    display: none;
  }

  .text-block-2.mobile {
    display: block;
  }

  .text-block-2.desktop {
    display: none;
  }

  .s_number_big {
    margin-left: 0;
    padding-right: 500px;
  }

  .c2, .c3, .c4 {
    padding-top: 0;
  }

  .c_prj_text {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  ._2-col-prj {
    grid-template-columns: 1fr;
  }

  .c_circabs, .c_circabs.prjpage {
    display: none;
  }

  .projects-s {
    width: 95%;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
  }

  .c_prjname_year.vert {
    flex: none;
  }

  .c2col-process---quote {
    grid-template-columns: 1fr 1fr;
  }

  .c_hover-anim {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: static;
  }

  ._100-100 {
    background-color: #fff;
  }

  .space-alternate {
    display: none;
  }

  .c_hover_div2col.hide {
    display: block;
  }

  .div-block-8 {
    min-height: 360px;
  }

  .c_hide2 {
    z-index: 10;
    background-color: #fff;
    width: 90%;
    display: none;
    position: absolute;
  }

  .c_s_questions {
    display: block;
  }

  .x {
    margin-top: -240px;
    padding-left: 250px;
  }

  .br_other_2col {
    flex-direction: column;
  }

  .br_other_col_proto_l {
    width: 100%;
  }

  .br-img1 {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .br_other_col_proto_r {
    width: 100%;
    margin-top: 200px;
  }

  .img_logos_rest {
    width: 140%;
    max-width: 140%;
    margin-left: -5%;
  }

  .c_lnk_home_prj {
    flex-direction: row;
    align-items: center;
    padding-bottom: 24px;
  }

  .c_2col_process {
    grid-template-columns: 1.5fr;
    margin-bottom: 64px;
  }

  .c_col_process_text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
  }

  .c_block_photo_prj {
    height: 420px;
  }

  .c_space_prj_bottom_mid_home_argo_aba {
    height: 100px;
  }

  .c_prj22_2col {
    z-index: 99;
    margin-bottom: 8px;
    position: relative;
  }

  .c_prj_title {
    margin-bottom: 32px;
  }

  .c_section____cont_prj22_1200-90 {
    width: 95%;
  }

  .c_section____cont_prj22_1200-90.argo-mod {
    width: 90%;
  }

  .bg-argo_web {
    object-fit: contain;
    margin-top: 0;
  }

  .c_smooth_scroll {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .spacer_vert_400 {
    height: 200px;
  }

  .img_drum_bg {
    width: 100%;
  }

  .img_drum_content.big {
    width: 80%;
  }

  .img_drum_content.big._2 {
    z-index: 20;
    object-fit: contain;
    width: 80%;
    height: 100%;
    margin-top: 40px;
  }

  .img_drum_content.big.last {
    margin-top: 100px;
  }

  .img_drum_content.med {
    width: 65%;
  }

  .bg_logo.last {
    overflow: hidden;
  }

  .br_img2 {
    min-width: auto;
    max-width: 100%;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .c_fields_c2colofinterest {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .c_fields_c2colofinterest.first {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
    grid-template-columns: 1fr 1fr;
  }

  .s_nr_number_big-process {
    margin-left: 0;
    padding-right: 500px;
  }

  .c_stsicky {
    position: static;
  }

  .c_sy-section-1440---process {
    width: 80%;
    margin-bottom: 0;
    padding-left: 0%;
    overflow: hidden;
  }

  .c_imagholder_proc {
    min-height: auto;
    margin-bottom: 0;
  }

  .c_abs_lottie-wave {
    margin-top: 200px;
  }

  .lottie-animation {
    width: 90%;
    margin-top: 100px;
  }

  .c_3icons {
    margin-top: 100px;
  }

  .img_project-img--contain_abaupdate_gb {
    z-index: 999;
    position: relative;
  }

  .c_descr_hold-all_over {
    margin-top: 14px;
  }

  .div-block-12---fdm {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c_fdm_shadow {
    width: 100%;
  }

  .c_fdm_shadow._2 {
    display: none;
  }

  .c_fdm_fade {
    width: 100%;
    overflow: hidden;
  }

  .testimonial-slider-small {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-slider {
    width: 100%;
    max-width: 650px;
  }

  .testimonial-slide-wrapper {
    max-width: 80%;
    margin-bottom: 64px;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 8px;
  }

  .c_testimonial-card_2col {
    min-height: 500px;
  }

  .testimonial-info {
    margin-top: 0;
  }

  .testimonial-slider-left {
    width: 80px;
    margin-left: 0;
    margin-right: 200px;
    inset: auto 0% 0% auto;
  }

  .arrow-wrapper_hover:hover {
    opacity: .5;
    transform: none;
  }

  .testimonial-slider-right {
    width: 80px;
    margin-right: 100px;
    inset: auto 0% 0% auto;
  }

  .quote_text {
    font-size: 16px;
  }

  .mask {
    height: 100%;
    padding-left: 0;
  }

  .img_bg_projects {
    width: 95%;
    height: 100%;
  }

  .c_bg_prj_home {
    height: 700px;
    margin-bottom: 0;
  }

  .c_container_fullscreen_home {
    height: 700px;
    margin-bottom: 50px;
  }

  .sy_project_details {
    padding-top: 64px;
  }

  .c_container_prjocets_dsecr_960_scale {
    padding-top: 0;
  }

  .heading-10 {
    margin-bottom: 0;
  }

  .c_container-text-l1100-90-m90 {
    width: 85%;
    max-width: none;
  }

  .c_rt_center {
    justify-content: center;
  }

  .icon-3 {
    margin-left: 0;
    display: none;
    position: static;
  }

  .dropdown {
    flex-direction: column;
  }

  .dropdown-list {
    border-width: 0;
    margin-top: 0;
    display: block;
    position: static;
  }

  .menu-button_cso {
    color: #000;
    background-color: #fff;
    transition: all .4s;
  }

  .menu-button_cso.w--open {
    background-color: #292929;
    border-radius: 100px;
  }

  .img_abouit {
    z-index: -2;
    opacity: .7;
    max-width: 360px;
    margin-bottom: -200px;
    margin-left: auto;
    margin-right: -50px;
    position: relative;
  }

  .rl_gallery10_spacing-block-2 {
    padding-bottom: 4.5rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .c_contain_image_and-text-below {
    width: 70%;
  }

  .lnk_prj_bottom_hover {
    opacity: 1;
  }

  .image_project_cover {
    margin-top: 5%;
  }

  .div-block-21 {
    flex-direction: column;
    align-items: center;
    max-width: 280px;
    margin-top: 14px;
    display: flex;
  }

  .c_link_categories {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .smudge_1 {
    background-color: #5b33ec;
  }

  .smudge_2-green {
    background-color: #d1155d;
  }

  .bg_vid_argo {
    object-fit: cover;
    width: 90%;
    height: 100%;
    min-height: 360px;
  }

  .img_base_simple_argo {
    width: 100%;
  }

  .c_2col_flex {
    margin-top: 0;
  }

  .sy_prj_cover_new {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .rtxt_project {
    text-align: left;
    width: 100%;
    max-width: none;
    margin-bottom: 16px;
  }

  .btn_button_main_outline.big {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .c_bottomrow {
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }

  .c_div_title {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .s_txt_h1_home_title {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 48px;
    font-size: 32px;
  }

  ._2col_prj_newhome {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-columns: 2.7fr;
    margin-top: 16px;
  }

  .img_project_icon {
    width: 100px;
  }

  .c_col1_text {
    opacity: 1;
    width: 100%;
    padding: 0;
  }

  .c_col1_text:hover {
    background-color: #fff0;
    border-color: #0000;
  }

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

  .c_view_all_center {
    width: 100%;
    min-height: 340px;
  }

  .c_image_prj_7367 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .c_content_padded {
    padding-top: 40px;
  }

  .container {
    max-width: 728px;
  }

  .testimonial-slider-left-2 {
    left: -20px;
  }

  .testimonial-slider-right-2 {
    right: -20px;
  }

  .c_inner-main_cont {
    width: 100%;
  }

  .lnk_div_interior {
    opacity: 1;
    flex-direction: column;
    align-items: center;
  }

  .row_bottm {
    align-items: center;
    display: flex;
  }

  .c_rt_block_center {
    min-width: 470px;
  }

  .c_slide-nav {
    display: none;
  }

  .c_home-30-_hidden {
    width: 100%;
  }

  .c_columns-2-rev_jormalprojects {
    flex-direction: column;
  }

  .c_columns-2-rev_jormalprojects.reverse {
    flex-direction: column-reverse;
  }

  .c_50-70-big-------anim {
    width: 100%;
  }

  .button-link-block-_btn {
    text-align: center;
    display: block;
  }

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

  .c_descr_wrap {
    background-color: #ffffff1a;
    height: 100%;
    min-height: 540px;
  }

  .paragraph-14 {
    width: 100%;
  }

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

  .c_container_wide---main-1400 {
    width: 90%;
    position: relative;
  }

  .c_rt_block_center-2 {
    min-width: 470px;
  }

  .c_descr_wrap-2 {
    background-color: #ffffff1a;
    height: 100%;
    min-height: 540px;
  }

  .c_rt_block_center-3 {
    min-width: 470px;
  }

  .c_descr_wrap-3 {
    background-color: #ffffff1a;
    height: 100%;
    min-height: 540px;
  }

  .c_text_50 {
    width: 100%;
  }

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

  .c_text_project {
    max-width: 460px;
  }

  .div-block-35 {
    margin-top: 40px;
  }

  .c_grid_buttons, .c_grid_applicaiton {
    grid-template-columns: 1fr 1fr;
  }

  .c_rt_center_about {
    width: 90%;
  }

  .c_rt_center_about.img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .c_text_sticky {
    margin-top: 40px;
  }

  .c_descritption_vert {
    max-width: 100%;
  }

  .c_prj_text_col-30, .c_prj_img_col_70 {
    width: 100%;
  }

  .c_2colwrap_prj_imagemain {
    flex-direction: column;
    grid-template-columns: 5.25fr;
    grid-template-areas: "Area Area Area"
                         "Area-2 Area-2 Area-2";
    grid-auto-columns: 1.25fr;
    display: flex;
  }

  .c_grid_ddscr {
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .c_emptycol-line, .c_linehold-showhide {
    display: none;
  }

  .watch-the-film {
    font-size: 21px;
  }

  .hero-headline {
    font-size: 96px;
  }

  .hero-bullet-text {
    font-size: 48px;
  }

  .nav {
    display: block;
  }

  .transparency-paragraph {
    width: 75%;
    font-size: 21px;
  }

  .sticky-container {
    width: 692px;
  }

  .lottie-animation-4 {
    width: 998px;
  }

  .airpods-nav {
    display: block;
  }

  .heading-3 {
    color: #111;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.3;
  }

  .comfort-section-intro-text {
    width: 320px;
  }

  .lottie-animation-7 {
    width: 998px;
    height: auto;
  }

  .rotate-phone {
    background-color: #fafafa;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
  }

  .tip.large {
    width: 131px;
    margin-left: 47px;
  }

  .tip.medium {
    width: 131px;
  }

  .section-headline {
    font-size: 80px;
  }

  .lottie-animation-5 {
    width: 998px;
    position: absolute;
  }

  .lottie-animation-3 {
    width: 998px;
  }

  .c_s_color {
    width: 200px;
  }

  .c_s_color.black {
    margin-bottom: 0;
  }

  .image-23 {
    width: 300px;
    margin-top: 120px;
    margin-left: 120px;
  }

  .div-block-36 {
    height: 100%;
    min-height: 800px;
  }

  .c_article {
    width: 90%;
  }

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

  .image-cta {
    max-width: none;
    margin-left: -400px;
  }

  .lnk_div_interior_lnk_del {
    opacity: 1;
    flex-direction: column;
    align-items: center;
  }

  .p_quote_center {
    margin-bottom: 160px;
  }

  .c_right_text_center-about {
    justify-content: center;
  }

  .c_right_text_center-about-wimg {
    justify-content: center;
    padding-top: 120px;
  }
}

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

  p, a {
    font-size: 15px;
  }

  .nav-link-side {
    display: block;
  }

  .nav-menu-left {
    margin-top: 20px;
  }

  .logo-text {
    margin-top: 5px;
  }

  .left-side-floater {
    padding: 10px;
  }

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

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

  ._2col.mainmenew {
    grid-template-columns: 1fr;
    justify-items: center;
    width: 80%;
  }

  .c-container-main__cds_1100_90 {
    width: 90%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-container-main__cds_1100_90.section-about.process {
    overflow: hidden;
  }

  .c-container-main__cds_1100_90.wide {
    width: 95%;
  }

  .c-container-main__cds_1100_90.nav_kill-paddings {
    padding-top: 0;
  }

  .columncard-interestfields {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .lnk_navlink-topok {
    color: #000;
    text-align: right;
    background-color: #fff;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
  }

  .lnk_navlink-topok:hover {
    color: #000;
  }

  .lnk_navlink-topok.w--current {
    border-bottom-width: 0;
    font-weight: 700;
  }

  .lnk_navlink-topok.small {
    font-size: 14px;
    font-weight: 400;
  }

  .lnk_navlink-topok.cat {
    color: #8a8a8a;
  }

  .lnk_navlink-topok.nav_last {
    padding-bottom: 50px;
  }

  .lnk_navlink-topok.preojecdropdown:hover {
    background-color: #0000;
  }

  .nav-menu {
    color: #fff;
    box-shadow: 14px 14px 20px #0000001a;
  }

  .c_topnav-container {
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .image--profile {
    width: 70%;
    max-width: 240px;
    margin-bottom: 16px;
  }

  .c_heading-large {
    margin-top: 40px;
    margin-bottom: 24px;
  }

  .c_textspace {
    max-width: 360px;
  }

  .c-3col {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .c-3col.small-no-margin-columns {
    max-height: 100%;
  }

  .project-land-coll-list, .project-land-coll-list._3col, .project-land-coll-list._3col.branding {
    grid-template-columns: 1fr;
  }

  .c_section {
    width: 100%;
    overflow: hidden;
  }

  ._4grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer-2 {
    z-index: 1;
    padding: 40px 20px;
    position: relative;
  }

  .footer-flex-container {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-logo-link_40.w--current {
    width: 100%;
  }

  .c_60-contact {
    width: 100%;
    margin-top: 64px;
  }

  .c-coll-list-bottom-projects {
    grid-row-gap: 14px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .c-coll-list-bottom-projects.brand-logo-page {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .s-txt-page-title-mega {
    font-size: 42px;
    line-height: 48px;
  }

  .img-card-about {
    width: 120px;
    height: 120px;
  }

  .h3-contact {
    font-size: 26px;
    line-height: 40px;
  }

  .c-3colfeat.businesshidden, .c-3colfeat.home-help {
    grid-template-columns: 1fr;
  }

  .s_subtitle--whys {
    padding-left: 24px;
  }

  .overflow-image {
    padding-bottom: 64px;
  }

  .c-testimonial {
    max-width: 100%;
  }

  .slider---testimonials {
    min-height: 560px;
  }

  .h5-sub-transp {
    margin-bottom: 16px;
  }

  .h2--hero {
    line-height: 140%;
  }

  .s_card-small-smalltext-4col {
    flex: none;
  }

  .s_cardtitleh4.check {
    margin-top: 24px;
  }

  .clients {
    width: 90%;
  }

  .s_quote-text-4block {
    font-size: 13px;
  }

  .s_number_big {
    margin-left: 0;
    padding-right: 300px;
  }

  ._2-col-prj {
    grid-template-columns: 1fr;
  }

  .space-alternate {
    display: none;
  }

  .x {
    margin-top: -210px;
    padding-left: 200px;
  }

  .c_other_brand-description {
    width: 80%;
  }

  .br_other_2col {
    margin-top: 0;
  }

  .br_other_col_proto_l {
    min-height: 320px;
  }

  .c_sec-comp_small_br_other-comp {
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .img_logos_rest {
    width: 120%;
    max-width: 120%;
    margin-left: -30px;
  }

  .c_block_photo_prj {
    width: 100%;
  }

  .img_portto {
    object-fit: contain;
    height: 100%;
  }

  .c_space_prj_bottom_mid_home_argo_aba {
    height: 100px;
  }

  .c_title {
    margin-bottom: 24px;
  }

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

  .c_prj_title {
    padding-left: 0;
  }

  .c_section____cont_prj22_1200-90 {
    overflow: hidden;
  }

  .img_logo_footer {
    margin-left: 0;
    margin-right: 0;
  }

  .spacer_vert_400 {
    height: 100px;
  }

  .img_drum_bg {
    width: 100%;
  }

  .img_drum_content.big.last {
    margin-top: 0;
  }

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

  .br_img2 {
    margin-top: 64px;
  }

  .c_fields_c2colofinterest.first {
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
  }

  .s_nr_number_big-process {
    margin-left: 0;
    padding-right: 300px;
  }

  .motion {
    margin-top: -100px;
  }

  .c_abs_lottie-wave {
    margin-top: 300px;
  }

  .lottie-animation {
    margin-top: 200px;
  }

  .img_project-img--contain_abaupdate_gb.img_pushdown {
    margin-top: 0;
  }

  .c_descr_hold-all_over {
    margin-top: 22px;
  }

  .c_fdm_shadow._2 {
    display: none;
  }

  .testimonial-slider-small {
    padding: 60px 15px;
  }

  .testimonial-slide-wrapper {
    width: 90%;
    max-width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0;
  }

  .c_testimonial-card_2col {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    width: 80px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 0;
    inset: auto auto 0% 0%;
  }

  .arrow-wrapper_hover:hover {
    transform: none;
  }

  .testimonial-slider-right {
    margin-bottom: 0;
    margin-right: 80px;
  }

  .c_title_prj_overlay {
    margin-bottom: 0;
  }

  .div-block-17 {
    margin-top: 64px;
  }

  .img_bg_projects {
    width: 100%;
    height: 95%;
  }

  .c_bg_prj_home {
    width: 95%;
    height: 680px;
  }

  .c_container_fullscreen_home {
    height: 680px;
    margin-bottom: 24px;
  }

  .s_txt_intro_about li {
    font-size: 15px;
  }

  .c_container-text-l1100-90-m90 {
    width: 85%;
    max-width: 550px;
  }

  .projectsblock {
    position: static;
  }

  .rl_gallery10_masonry-grid {
    column-count: 1;
    column-gap: 1.5rem;
  }

  .rl_gallery10_spacing-block-2 {
    padding-bottom: 3rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl_gallery10_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .c_deli-white-center-cont-setheight {
    width: 80%;
    height: 320px;
    margin-top: 0;
  }

  .slide_wrap {
    width: 100%;
  }

  .c_contain_image_and-text-below {
    width: 90%;
  }

  .c_btn_viewproject {
    align-items: center;
  }

  .lnk_prj_bottom_hover {
    opacity: 1;
  }

  .c_spacer_end_goodbumps {
    display: block;
  }

  .testi_4col, .div-block-24 {
    grid-template-columns: 1fr;
  }

  .bg_vid_argo {
    object-fit: contain;
    width: 100%;
    height: 100%;
    min-height: 300px;
    overflow: visible;
  }

  .c_2col_flex {
    flex-direction: column;
    margin-top: 0;
  }

  .c_2col_flex.reverse {
    flex-direction: column-reverse;
  }

  .col1_flex_vert_cent {
    width: 100%;
  }

  .sy_prj_cover_new {
    padding-bottom: 0;
  }

  .c_div_title {
    flex-direction: column;
  }

  .s_txt_h1_home_title {
    padding-left: 0;
    font-size: 40px;
  }

  .img_project_icon {
    margin-bottom: 24px;
  }

  .c_view_all_center {
    padding-left: 8px;
    padding-right: 8px;
  }

  .c_hold_absncont_ncut {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-color: #0000;
  }

  .c_content_padded {
    padding: 18px 0 32px;
  }

  .testimonial-slider-small-2 {
    padding: 60px 15px;
  }

  .testimonial-slide-wrapper-2 {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left-2 {
    left: -10px;
  }

  .testimonial-slider-right-2 {
    right: -10px;
  }

  .c_inner-main_cont {
    height: 100%;
  }

  .lnk_div_interior {
    opacity: .9;
    align-items: center;
  }

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

  .c_rt_block_center, .c_rt_block_center-2, .c_rt_block_center-3 {
    min-width: 300px;
    margin-left: -10px;
  }

  .txt_page_title {
    font-size: 65px;
  }

  .card_title_pad_8 {
    padding-bottom: 16px;
  }

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

  .c_rt_center_about, .c_rt_center_about.img {
    width: 100%;
  }

  .c_prj_img-100-_pad_contain {
    min-height: 300px;
  }

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

  .nav, .hero, .anc, .airpods-nav {
    display: none;
  }

  .heading-3 {
    font-size: 44px;
  }

  .comfort, .scroll-sequence {
    display: none;
  }

  .rotate-phone {
    display: flex;
  }

  .c_4col.colors, .l-colors-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._2-col {
    grid-template-columns: 1fr;
  }

  .c_article {
    width: 80%;
    margin-top: 120px;
  }

  .grid--articles_page_3 {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .sy_card_article_img {
    max-width: 400px;
  }

  .c_card_article {
    min-height: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .c_h2_block_articles {
    text-align: center;
    padding-left: 0;
  }

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

  .image_left, .image_lright {
    display: none;
  }

  .c_grid_2col_articel-cards {
    grid-template-columns: 1fr;
  }

  .lnk_div_interior_lnk_del {
    opacity: .9;
    align-items: center;
  }

  .p_quote_center {
    margin-bottom: 120px;
  }

  .c_right_text_center-about, .c_right_text_center-about-wimg {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-top: 24px;
    font-size: 32px;
    line-height: 40px;
  }

  p {
    margin-bottom: 0;
  }

  .nav-link-side {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  ._2col.mainmenew {
    width: 95%;
  }

  .c-container-main__cds_1100_90 {
    width: 95%;
    max-width: 380px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 16px;
    overflow: hidden;
  }

  .c-container-main__cds_1100_90.last {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .c-container-main__cds_1100_90.last.hide {
    display: none;
  }

  .c-container-main__cds_1100_90.quote {
    height: 359px;
    margin-bottom: 40px;
  }

  .c-container-main__cds_1100_90.wide {
    width: 100%;
  }

  .c-container-main__cds_1100_90.project-sticky {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    overflow: visible;
  }

  .c-container-main__cds_1100_90.nav_kill-paddings {
    padding-bottom: 0;
  }

  .c-container-main__cds_1100_90.smallfor_mobile {
    max-width: 320px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .c_text-shrink90 {
    width: 90%;
  }

  .columncard-interestfields {
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  .lnk_navlink-topok {
    background-color: #fff;
    margin-top: 0;
    font-size: 16px;
  }

  .lnk_navlink-topok.w--current {
    border-bottom-width: 0;
  }

  .lnk_navlink-topok.small {
    margin-left: auto;
  }

  .c_topnav-container {
    justify-content: space-between;
    width: 90%;
    max-width: none;
  }

  .image--profile {
    width: 100%;
    max-width: 190px;
    margin-bottom: 24px;
  }

  .c_heading-large {
    margin-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .c_textspace {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .c-3col.small-no-margin-columns {
    height: 100%;
    max-height: 100%;
  }

  .c_projectpage--right {
    width: 100%;
  }

  .c_projectcollecition {
    width: 100%;
    margin-top: 100px;
  }

  .projectpagetitle {
    font-size: 46px;
  }

  .c_container {
    width: 100%;
  }

  .link-block-collection {
    min-width: auto;
    margin-bottom: 0;
  }

  .link-block-collection:hover {
    color: #000;
  }

  .c_project-land--description {
    background-image: linear-gradient(#fff, #fff);
    border-width: 0;
    width: 100%;
    min-height: 180px;
    margin-top: -30px;
  }

  .c_section {
    padding-top: 0;
    overflow: visible;
  }

  .c_page-title {
    height: 300px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .project-text {
    min-width: 0;
  }

  .c-project-title {
    height: 400px;
  }

  .c_txt-quote {
    padding: 24px 16px;
  }

  .s-txt-contact {
    font-size: 14px;
    line-height: 22px;
  }

  .project-description {
    grid-template-columns: 1fr;
  }

  .h1-pagetitle {
    max-width: 320px;
    font-size: 32px;
  }

  .footer-2 {
    text-align: left;
    padding: 100px 20px;
    overflow: hidden;
  }

  .footer-flex-container {
    flex-direction: column;
    width: 100%;
  }

  .footer-logo-link_40 {
    height: 60px;
  }

  .c_60-contact {
    width: 100%;
  }

  .c-coll-list-bottom-projects {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .c-coll-list-bottom-projects.brand-logo-page {
    grid-template-columns: 1fr 1fr;
  }

  .c-img-prj-small {
    width: 130px;
    height: 100px;
  }

  .s-questions.title.s {
    margin-top: 0;
  }

  .s_jumbo---process {
    z-index: -1;
    letter-spacing: -4px;
    max-width: 100%;
    font-size: 30vw;
    overflow: hidden;
  }

  .s-txt-page-title-mega {
    font-size: 38px;
    line-height: 40px;
  }

  .questionmark-big-process.show {
    font-size: 100vw;
  }

  .c-card-about-head {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin-bottom: 24px;
  }

  .img-card-about {
    z-index: 1;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .c-projects-2col {
    margin-top: 0;
  }

  .s-txt-18 {
    font-size: 16px;
  }

  .img-prj-image-div {
    height: 400px;
  }

  .img-prj-image-div.back {
    display: none;
  }

  .s-txt-prj-thumb-title {
    text-align: center;
  }

  .c-prj-thumb {
    font-size: 13px;
  }

  .h3-contact {
    font-size: 18px;
    line-height: 28px;
  }

  .img-project-land-card {
    border-width: 0;
    flex: none;
    height: 500px;
  }

  .c-symb-helpwith {
    margin-bottom: 32px;
  }

  .img-services {
    object-fit: contain;
    width: 120px;
    height: 130px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .h3-center {
    font-size: 18px;
  }

  .h3-center.h3_mod_s {
    text-align: center;
    width: 100%;
  }

  .h5-center-or-not {
    text-align: center;
    max-width: 200px;
    font-size: 14px;
  }

  .h5-center-or-not.mod_prjc {
    text-align: center;
    width: 100%;
  }

  .c-3colfeat, .c-3colfeat.businesshidden, .c-3colfeat.home-help {
    grid-template-columns: 1fr;
  }

  .c--section-title {
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .s_subtitle--whys {
    margin-bottom: 24px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 500;
    overflow: visible;
  }

  .c-symb-process-about {
    padding-left: 16px;
  }

  .h6-process {
    font-size: 16px;
    line-height: 20px;
  }

  .h1-process {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 24px;
  }

  .img-arrow {
    object-fit: contain;
    flex: none;
  }

  .overflow-image {
    padding-bottom: 0;
  }

  .link-txt-contact {
    font-size: 14px;
  }

  .link-txt-contact:hover {
    color: #527a70;
    text-decoration: underline;
  }

  .c-testimonial {
    max-width: 300px;
    margin-top: 0;
    padding: 40px 16px 20px;
  }

  .slider---testimonials {
    height: 100%;
    min-height: 560px;
    display: flex;
  }

  .c-slide-cont {
    height: 100%;
  }

  .icon-left-right-selefct {
    display: none;
  }

  .slide-nav {
    display: block;
  }

  .h5-sub-transp {
    line-height: 140%;
  }

  .s_quote {
    padding-bottom: 50px;
    font-size: 15px;
  }

  .c-4col-cardstry {
    grid-template-columns: 1fr;
  }

  .s_card-small-smalltext-4col {
    z-index: 999;
    width: 90%;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .s_para-explain.center {
    font-size: 14px;
  }

  .s_cardtitleh4.check {
    text-align: center;
    width: 100%;
    margin-top: 24px;
    padding-left: 0;
    font-size: 18px;
  }

  .clients {
    width: 100%;
  }

  .c_4grid_clients {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .s_quote-text-4block {
    color: #000;
    padding-top: 10px;
    font-size: 14px;
  }

  .c_disap_on_tap {
    display: flex;
  }

  .s_number_big {
    margin-left: 0;
    padding-right: 0;
    font-size: 470px;
  }

  .c_number_big {
    flex-direction: column;
  }

  .c2, .c3, .c4 {
    padding-top: 0;
  }

  .c_circabs.prjpage {
    flex: none;
    overflow: visible;
  }

  .it_circle.prjpage {
    flex: none;
  }

  .heading-7 {
    font-size: 18px;
    line-height: 140%;
  }

  .projects-s {
    overflow: hidden;
  }

  .c_prjname_year.vert {
    padding-left: 8px;
    padding-right: 8px;
  }

  .c_sticky_quote {
    justify-content: center;
    align-items: center;
    height: 50%;
    display: flex;
    top: 80px;
  }

  .c2col-process---quote {
    grid-template-columns: 1fr;
  }

  .text-block-4 {
    font-size: 13px;
  }

  .coll_item_pg_prj {
    overflow: hidden;
  }

  .c_s_questions {
    border: 1px solid #0000004d;
    margin-bottom: 24px;
    padding: 16px;
  }

  .x {
    display: block;
  }

  .c_filters {
    width: 300px;
    padding-right: 10px;
  }

  .link_filters {
    margin-left: 8px;
    margin-right: 8px;
  }

  .c_tg_box {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
  }

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

  .circ1-400 {
    margin-top: 400px;
  }

  .circ1-200 {
    margin-top: 240px;
    margin-bottom: 400px;
    margin-right: 300px;
  }

  .circ1-200.circ200-2 {
    margin-top: 600px;
    margin-left: 150px;
  }

  .circ2-100 {
    margin-left: 300px;
  }

  .circ2-100._2-100other {
    margin-top: 300px;
    margin-left: 200px;
    margin-right: 0;
  }

  .circ3 {
    margin-top: 0;
    margin-right: 80px;
  }

  .c_other_brand-description {
    margin-top: 24px;
  }

  .br_other_2col {
    flex-direction: column;
    margin-top: 0;
    overflow: visible;
  }

  .br_other_col_proto_l, .br_other_col_proto_l.casp1 {
    min-height: auto;
  }

  .br-img1.casp1 {
    min-width: 260px;
    margin-left: 60px;
  }

  .br-img1.casp2 {
    min-width: 320px;
    margin-left: -40px;
  }

  .br-img1.clarison2 {
    padding-right: 25px;
  }

  .br-img1.avt1 {
    margin-left: 64px;
  }

  .br-img1.braincase-1 {
    margin-left: 20px;
  }

  .br_other_col_proto_r {
    min-height: 210px;
  }

  .c_sec-comp_small_br_other-comp {
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
  }

  .c_sec-comp_small_br_other-comp.other {
    margin-top: 0;
  }

  .img_logos_rest {
    object-fit: cover;
    flex: none;
    width: 140%;
    max-width: none;
    margin-top: 0;
    margin-left: -15px;
    margin-right: 0;
  }

  .prj_coll_image-1, .prj_coll_image-2 {
    height: auto;
  }

  .c_main_prj_rep_imgs {
    grid-template-columns: 1fr;
    height: auto;
  }

  .c_main_prj_rep_imgs.second---need-space {
    margin-top: 0;
  }

  .img_img_prj {
    width: 100%;
    height: auto;
  }

  .img_img_prj.problem {
    margin-bottom: 200px;
  }

  .c_hidescroll_mobileonly {
    display: none;
  }

  .c_logofolio {
    margin-top: 64px;
  }

  .c_lnk_home_prj {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .c_2col_process {
    grid-template-columns: 1.3fr;
  }

  .c_col_process_text {
    width: 100%;
    padding-top: 0;
  }

  .c_process_title {
    width: 100%;
    margin-top: 90px;
    overflow: hidden;
  }

  .c_read_more_circle {
    flex-direction: column;
    margin-left: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c_rm_circle {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .c_block_photo_prj {
    width: 100%;
    height: 330px;
  }

  .img_portto {
    width: 100%;
    height: auto;
    box-shadow: 0 0 20px #0000004d;
  }

  .c_space_prj_bottom_mid_home_argo_aba {
    height: 100px;
    display: block;
  }

  .c_title.project {
    text-align: left;
    margin-bottom: 0;
  }

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

  .c_prj_title {
    margin-bottom: 40px;
  }

  .c_prj_text_col {
    width: 95%;
  }

  .doc {
    width: 100%;
    overflow: hidden;
  }

  .c_section____cont_prj22_1200-90 {
    padding-top: 0;
  }

  .c_section____cont_prj22_1200-90.argo-mod {
    overflow: hidden;
  }

  .c_smooth_scroll {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .img_logo_footer {
    width: 70px;
  }

  .c_spacer-200 {
    display: none;
  }

  .image_casp, .c_casp-frame_logo {
    width: 100%;
  }

  .spacer_vert_400 {
    height: 100px;
  }

  .img_drum_bg {
    object-fit: cover;
    min-height: 460px;
  }

  .img_drum_bg.last {
    min-height: 700px;
  }

  .img_drum_content.big._2 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .img_drum_content.big.play {
    width: 60%;
    min-width: 260px;
    max-width: 70%;
  }

  .img_drum_content.big.last {
    margin-top: 50px;
  }

  .img_drum_content.small {
    min-width: 200px;
  }

  .img_drum_content.buttons {
    min-width: 240px;
    max-width: 90%;
    margin-top: 0;
  }

  .img_fdm {
    width: 100%;
    max-width: 100%;
    margin-top: -200px;
  }

  .image-15 {
    width: 80%;
    max-width: 90%;
    margin-top: 100px;
    padding-top: 0;
  }

  .bg_logo {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bg_logo.last {
    width: 100%;
    padding-top: 0;
  }

  .br_img2 {
    margin-top: 24px;
  }

  .c_fields_c2colofinterest.first {
    flex-direction: column-reverse;
  }

  .c_title_block_process {
    width: 90%;
    overflow: hidden;
  }

  .s_nr_number_big-process {
    margin-left: 0;
    padding-right: 0;
    font-size: 320px;
    overflow: visible;
  }

  .c_sy-section-1440---process {
    width: 90%;
    margin-top: 0;
    padding-top: 0;
  }

  .c_abs_lottie-wave {
    margin-top: 200px;
  }

  .lottie-animation {
    width: 100%;
    margin-top: 100px;
  }

  .video-pl {
    margin-top: 0;
    margin-bottom: 200px;
  }

  .image-18, .image-19 {
    height: 100%;
  }

  .img_project-img--contain_abaupdate_gb.img_pushdown {
    margin-top: 0;
  }

  .c_home_prj_descr {
    text-align: left;
    font-size: 14px;
  }

  .c_descr_hold-all_over {
    text-align: left;
    width: 100%;
    margin-top: 14px;
  }

  .c_fdm_shadow._2 {
    display: none;
    overflow: visible;
  }

  .c_fdm_shadow._3 {
    display: none;
  }

  .c_button_i {
    margin-right: 12px;
  }

  .testimonial-slider-small {
    padding-left: 0;
    padding-right: 0;
  }

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

  .c_testimonial-card_2col {
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial-slider-left {
    width: 100px;
    height: 80px;
    margin-bottom: 0;
    margin-left: 0;
    inset: auto auto 0% 0%;
  }

  .arrow-wrapper_hover {
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial-slider-right {
    width: 100px;
    height: 80px;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% 0% auto;
  }

  .c_title_prj_overlay {
    text-align: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c_title_prj_overlay.c_title-hide {
    display: none;
  }

  .web_gbumps, .div-block-17 {
    margin-top: 0;
  }

  .img_bg_projects {
    width: 100%;
    height: 100%;
  }

  .c_bg_prj_home {
    width: 98%;
    height: 520px;
  }

  .c_container_fullscreen_home {
    height: 520px;
    margin-bottom: 4px;
  }

  .s_txt_intro_about.first-text {
    padding-top: 40px;
  }

  .c_container-text-l1100-90-m90 {
    width: 90%;
    max-width: 400px;
  }

  .c_tille_page_interest {
    margin-top: 64px;
    margin-bottom: 40px;
  }

  .dropdown-list {
    width: auto;
  }

  .img_abouit {
    object-fit: cover;
    border-top-left-radius: 200px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
  }

  .c_info_wrap {
    padding: 4px 0 4px 4px;
  }

  .c_deli-white-center-cont-setheight {
    width: 96%;
    height: 230px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-rop_row_mobile {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .icon_home_slide.small_view {
    color: #000;
    font-size: 10px;
    font-weight: 800;
  }

  .icon_home_slide.left_arr_mob {
    margin-right: 50px;
  }

  .icon_home_slide.right_arr_mob {
    margin-left: 50px;
  }

  .right-arrow {
    margin-right: 0;
  }

  .slide_wrap {
    padding-top: 40px;
  }

  .c_btn_viewproject {
    text-align: center;
  }

  .lnk_prj_bottom_hover {
    align-items: center;
    margin-top: 0;
  }

  .c_icon_view_arrow {
    background-color: #fff;
    flex: none;
    margin-left: 12px;
    display: flex;
  }

  .c_spacer_end_goodbumps {
    height: 100px;
  }

  .prj-web {
    padding-top: 0;
  }

  .smudge_1 {
    margin-left: -200px;
  }

  .smudge_2-green {
    margin-left: 200px;
  }

  .col_flojo {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

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

  .rtxt_project {
    width: 90%;
  }

  .btn_button_main_outline {
    text-align: center;
    width: 100%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .c_bottomrow {
    width: 100%;
  }

  .c_div_title {
    padding-bottom: 0;
  }

  .s_txt_h1_home_title {
    text-align: center;
    margin-top: 24px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 32px;
    line-height: 150%;
  }

  .c_col1_text {
    padding-top: 8px;
  }

  .imgprj {
    width: 100%;
    min-height: 220px;
  }

  .c_view_all_center {
    min-height: 280px;
  }

  .c_content_padded {
    width: 100%;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .background-video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    min-height: 300px;
  }

  .lnc_block_bottom {
    font-size: 13px;
  }

  .testimonial-slider-small-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .container {
    max-width: none;
  }

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

  .testimonial-slide-wrapper-2 {
    max-width: 100%;
    margin-right: 5%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left-2 {
    left: -10px;
  }

  .testimonial-slider-right-2 {
    right: -10px;
  }

  .c_inner-main_cont {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-13 {
    text-align: left;
    padding-left: 0;
  }

  .row_bottm {
    flex-direction: column;
  }

  .c_rt_block_center {
    align-items: flex-start;
    min-width: auto;
    max-width: 280px;
    margin-left: 0;
  }

  .slider_icon {
    margin-left: 8px;
    inset: auto auto 0% 0%;
  }

  .slider_icon.right {
    margin-right: 8px;
    padding-left: 0;
    inset: auto 0% 0% auto;
  }

  .c_text-_mob_nopad {
    padding-left: 0;
    padding-right: 0;
  }

  .c_columns-2-rev_jormalprojects {
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .c_abs_text_80 {
    height: auto;
  }

  .s_txt_prj_info_and_bototm_title {
    font-size: 14px;
    line-height: 120%;
  }

  .button-link-block-_btn {
    justify-content: flex-start;
    margin-top: 0;
    display: flex;
  }

  .img-porto_main {
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .btn_main_l {
    min-width: 220px;
  }

  .btn_main_l.div {
    width: 180px;
    min-width: auto;
    max-width: none;
    padding: 14px 8px;
    font-size: 14px;
  }

  .c_descr_wrap {
    min-height: 420px;
  }

  .c_container_wide---main-1400 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .h1_page_title {
    font-size: 38px;
  }

  .c_rt_block_center-2 {
    align-items: flex-start;
    min-width: auto;
    max-width: 280px;
    margin-left: 0;
  }

  .s_txt_prj_info_and_bototm_title-2 {
    font-size: 14px;
    line-height: 120%;
  }

  .c_descr_wrap-2 {
    min-height: 420px;
  }

  .c_rt_block_center-3 {
    align-items: flex-start;
    min-width: auto;
    max-width: 280px;
    margin-left: 0;
  }

  .s_txt_prj_info_and_bototm_title-3 {
    font-size: 14px;
    line-height: 120%;
  }

  .c_descr_wrap-3 {
    min-height: 420px;
  }

  .txt_page_title {
    font-size: 39px;
  }

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

  .sy_button {
    max-width: 300px;
  }

  .card_title_pad_8 {
    width: 100%;
  }

  .txt_coming.coming.small, .txt_coming.small.mboile_shrink_desctr {
    padding-top: 0;
    font-size: 12px;
  }

  .txt_title_card.center.mobile_shrink_title {
    font-size: 18px;
  }

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

  .c_applications {
    max-width: none;
    min-height: 180px;
    padding: 24px 12px;
  }

  .c_mid_text {
    margin-top: 0;
  }

  .c_rt_center_about {
    width: 100%;
  }

  .c_rt_center_about.img {
    min-height: 210px;
  }

  .c_prj_img-100-_pad_contain {
    min-height: 200px;
  }

  .c_2colwrap_prj_imagemain {
    margin-bottom: 120px;
  }

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

  .background-video-2 {
    object-fit: contain;
    width: 100%;
    min-height: 200px;
  }

  .pages, .subbrands {
    margin-top: 0;
    margin-bottom: 200px;
  }

  .c_space_project_mid_100_s50 {
    height: 50px;
    display: none;
  }

  .h2-sub-categories {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
  }

  .watch-the-film {
    font-size: 17px;
  }

  .iphone-nav-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .iphone-nav-title {
    font-size: 19px;
  }

  .hero-headline {
    font-size: 62px;
    line-height: 1.09;
  }

  .hero-bullet-text {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 41px;
  }

  .nav {
    background-color: #000;
    display: block;
  }

  .anc-external-mic {
    display: block;
  }

  .anc-intro-paragraph-text {
    margin-left: 0%;
    font-size: 22px;
  }

  .anc-internal-mic {
    display: block;
  }

  .comfort-tips {
    opacity: 1;
    padding-top: 180px;
  }

  .transparency-paragraph {
    width: 100%;
    font-size: 17px;
  }

  .nav-link {
    display: none;
  }

  .nav-link.bag, .nav-link.logo {
    display: block;
  }

  .nav-link.search {
    display: none;
  }

  .sticky-container {
    width: 87.5%;
  }

  .hero {
    display: block;
  }

  .anc-continousley {
    display: none;
  }

  .anc {
    display: block;
  }

  .lottie-animation-4 {
    width: 414px;
  }

  .airpods-nav {
    display: block;
  }

  .heading-3 {
    font-size: 44px;
  }

  .iphone-nav-link, .iphone-nav-link.w--current {
    display: none;
  }

  .lottie-animation-7 {
    width: 414px;
  }

  .mobile-burger {
    display: flex;
  }

  .comfort, .scroll-sequence {
    display: block;
  }

  .rotate-phone, .anc-external-sound {
    display: none;
  }

  .anc-paragraph-right {
    margin-left: 0%;
  }

  .section-eyebrow {
    font-size: 17px;
  }

  .tip.large {
    width: 70px;
    margin-left: 50px;
    font-size: 12px;
  }

  .tip.medium {
    width: 70px;
    font-size: 12px;
  }

  .tip.small {
    font-size: 12px;
  }

  .section-headline {
    font-size: 56px;
  }

  .anc-bullets {
    max-width: 100%;
  }

  .paragraph {
    max-width: 100%;
    margin-left: 0;
  }

  .lottie-animation-5 {
    width: 414px;
  }

  .lottie-animation-1 {
    max-width: 414px;
  }

  .lottie-animation-3 {
    width: 414px;
  }

  .l-colors-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .lottie-animation-9 {
    width: 300px;
    height: 300px;
    margin: 0 auto 200px;
  }

  .image-23 {
    width: 220px;
    margin-top: 40px;
    margin-left: 40px;
  }

  .icon-left {
    height: 300px;
    position: fixed;
    inset: auto 0% 0%;
  }

  ._2-col {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .c_article {
    width: 90%;
  }

  .rt_article_text h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }

  .grid--articles_page_3 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .image_left, .image_lright {
    display: none;
  }

  .sy_card_article_text_title {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .p_quote_center {
    margin-bottom: 80px;
    font-size: 15px;
  }

  .smugde-throygout {
    width: 400px;
    max-width: none;
    margin-top: -400px;
  }

  .c_footer_link {
    font-size: 13px;
  }

  .c_3col_good_design {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .c_card_good_design {
    min-height: 40px;
  }
}

#w-node-_35522b06-1aa1-1573-dc67-638d541fb4db-df7ec03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d0d0c2d-cc04-e04e-8066-de4257953fe7-df7ec03c {
  place-self: center;
}

#w-node-c02a760c-f7a9-7291-76cb-0c94eb6a0f9c-df7ec03c {
  place-self: center start;
}

#w-node-cc6f0940-2c1f-22b1-cd10-1f94204e8283-9ec8192c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a8941975-c6da-affc-f12f-143a3d40e041-3d40e041 {
  justify-self: center;
}

#w-node-_4d0bf409-2b75-7e80-bb1a-3154e7ea3dff-e7ea3dff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54dce611-c70a-4194-b580-0593fa743691-caefab60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3324e00e-cb2d-e90c-3e51-b759903a9f2c-caefab60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2319945e-93e7-3a39-323b-a44e3957e3cc-3957e3cc {
  align-self: start;
}

#w-node-_39f85525-d03b-4655-ba9f-b252db152f01-db152eeb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_80d4427d-8347-c4be-049c-70e0ff1e057a-ff1e056f, #w-node-_80d4427d-8347-c4be-049c-70e0ff1e0590-ff1e056f, #w-node-_80d4427d-8347-c4be-049c-70e0ff1e05b3-ff1e056f, #w-node-ab902071-804d-1d92-d104-982139e104f6-270f8ca6, #w-node-_268c2041-4769-37ca-a3bc-2a81373f8ebb-270f8ca6, #w-node-_939609ef-e79e-28af-475f-55f18eadd0a0-270f8ca6, #w-node-d9e9ebe7-2610-f58e-2efa-f2356d5c3b53-270f8ca6, #w-node-_402d40aa-4926-dca7-da51-d0f89ea99cc7-270f8ca6, #w-node-_8aa84ecd-617c-32f2-cd1a-501e2f733988-270f8ca6, #w-node-dc18c8a5-5558-d088-0eb2-2ef0bf36eac3-270f8ca6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d0d0c2d-cc04-e04e-8066-de4257953fe7-c3db1283 {
  place-self: center;
}

#w-node-c02a760c-f7a9-7291-76cb-0c94eb6a0f9c-c3db1283 {
  place-self: center start;
}

#w-node-_74541040-be3b-6ce7-55da-75d90af7d854-d8f55aa7 {
  align-self: center;
}

#w-node-_4472d73e-e81c-e409-e6f5-2ac72830a0c5-d8f55aa7 {
  justify-self: start;
}

#w-node-_4afce2ac-1abe-8f33-999a-39f9df1c822c-df1c822a, #w-node-_729af90c-fcb8-30db-1342-1720aae4c42c-c430ffd1, #w-node-e0d65cc9-0973-1661-cfdd-6aa832d958c2-c430ffd1, #w-node-_404f4dec-e6a6-3e42-afa1-7d327b600292-f64b53aa, #w-node-cba7d4f0-1325-d7bc-6728-82b3f64b53bc-f64b53aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cba7d4f0-1325-d7bc-6728-82b3f64b53d3-f64b53aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-cba7d4f0-1325-d7bc-6728-82b3f64b53d9-f64b53aa, #w-node-cba7d4f0-1325-d7bc-6728-82b3f64b53af-f64b53aa, #w-node-_5700f5c5-bafe-c9fd-7f3d-7f7cca6ce5da-f64b53aa, #w-node-cba7d4f0-1325-d7bc-6728-82b3f64b53b1-f64b53aa, #w-node-b0fdb39e-7677-c35e-5baa-1f89fb4b56b0-f64b53aa, #w-node-eb3bfaf1-288b-0974-6921-e9a2f6d94d4d-ef5ef9bc, #w-node-eb3bfaf1-288b-0974-6921-e9a2f6d94d50-ef5ef9bc, #w-node-eb3bfaf1-288b-0974-6921-e9a2f6d94d53-ef5ef9bc, #w-node-eb3bfaf1-288b-0974-6921-e9a2f6d94d56-ef5ef9bc, #w-node-eb3bfaf1-288b-0974-6921-e9a2f6d94d59-ef5ef9bc, #w-node-eb3bfaf1-288b-0974-6921-e9a2f6d94d71-ef5ef9bc, #w-node-f5ef4c17-6d9d-c83f-8f31-4eb050828b17-cd079189, #w-node-_729af90c-fcb8-30db-1342-1720aae4c42c-cd079189 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5ece02b-87a8-ff68-9534-4bccf9c4b552-6f9a5b31 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_35522b06-1aa1-1573-dc67-638d541fb4db-29ae857a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d0d0c2d-cc04-e04e-8066-de4257953fe7-29ae857a {
  place-self: center;
}

#w-node-c02a760c-f7a9-7291-76cb-0c94eb6a0f9c-29ae857a {
  place-self: center start;
}

@media screen and (min-width: 1920px) {
  #w-node-e992d471-032a-852c-1402-14d51cdfc18e-caefab60 {
    justify-self: start;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_13d141fa-0b61-63ff-ef11-d8dc3023d7cd-b453f153 {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8d0d0c2d-cc04-e04e-8066-de4257953fe7-df7ec03c, #w-node-c02a760c-f7a9-7291-76cb-0c94eb6a0f9c-df7ec03c, #w-node-_8d0d0c2d-cc04-e04e-8066-de4257953fe7-c3db1283, #w-node-c02a760c-f7a9-7291-76cb-0c94eb6a0f9c-c3db1283, #w-node-_8d0d0c2d-cc04-e04e-8066-de4257953fe7-29ae857a, #w-node-c02a760c-f7a9-7291-76cb-0c94eb6a0f9c-29ae857a {
    justify-self: center;
  }
}