@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --black: black;
  --white: #fff;
  --black-text: #222;
  --light-sea-green: #07bab3;
  --dim-grey: #595a5a;
  --d3: lightgrey;
  --side_menu_dark-blue: #1d1d25;
  --no-bg: #fff0;
  --tomato: #eb593c;
  --untitled-ui-gray200: #eaecf0;
  --untitled-ui-gray600: #475467;
  --untitled-ui-gray900: #101828;
  --untitled-ui-warning300: #fec84b;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary50: #f9f5ff;
  --untitled-ui--primary700: #6941c6;
  --gainsboro: #e4e4e4;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray50: #f9fafb;
  --untitled-ui--gray800: #1d2939;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.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;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Avenirnext, sans-serif;
  font-size: 1vw;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: .5em;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  position: relative;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.sg-b {
  background-color: var(--black);
  padding: 4em 100px;
}

.h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2em;
}

.h2.w.caps-half {
  text-transform: none;
  font-weight: 400;
}

.h2.b-b-caps {
  color: var(--black-text);
  text-transform: uppercase;
  font-weight: 700;
}

.h2.b-b-caps.caps-half {
  color: var(--black);
  text-transform: none;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2;
}

.h2.b-b-caps.l {
  text-align: left;
}

.h2.b-b-caps.margin-s {
  margin-bottom: .125em;
}

.h2.b.caps {
  text-align: left;
  text-transform: uppercase;
}

.h2.ms-block-title {
  color: var(--light-sea-green);
  font-size: 3.2em;
}

.h2.ms-block-title-1 {
  color: var(--black);
  font-size: 3.2em;
}

.h2.ms-block-title2 {
  color: var(--light-sea-green);
  font-size: 3.2em;
  font-weight: 400;
  position: relative;
}

.sg-w {
  padding: 4.8em 100px;
  position: relative;
}

.text-2-5 {
  color: var(--white);
  font-size: 2em;
  line-height: 1.5em;
}

.text-2-5.w {
  color: var(--white);
  line-height: 1.5em;
}

.text-2-5.b {
  color: var(--black-text);
  line-height: 1.4;
}

.text-2-5.b.hide {
  display: none;
}

.hero-text-wrap {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 10em;
  padding-left: 3em;
  position: absolute;
}

.main-text-wrap-40-per-w {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.label-client {
  background-color: var(--dim-grey);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.label-client.slideup {
  animation-delay: .5s;
}

.client-badge {
  color: var(--white);
  text-transform: uppercase;
  margin-top: .125em;
  margin-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Avenirnext, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.5;
}

.text-span {
  color: var(--d3);
}

.anim-line {
  background-color: var(--d3);
  justify-content: center;
  width: 50%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.left-arrow, .right-arrow {
  font-size: 30px;
}

.a__hero {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
}

.a__hero_vid {
  height: 100%;
}

.a__hero-text-wrap {
  width: 43%;
  position: absolute;
  top: 10%;
  left: 5%;
}

.a__hero-text-wrap.atmo {
  width: 75%;
  position: static;
}

.a__intro {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
  position: relative;
}

.background-video-6 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.a__pro {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.a__overlay {
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0%;
}

.a__overlay.blog {
  background-image: linear-gradient(#0000, #fff);
  height: 75%;
  display: none;
  inset: auto 0% 0%;
}

.text-2-5-2 {
  color: #fff;
  font-family: Avenirnext, sans-serif;
  font-size: 2.5vh;
  line-height: 1.5em;
}

.text-2-5-2.b {
  color: #222;
  line-height: 1.5em;
  position: relative;
}

.client-badge-2 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Avenirnext, sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  line-height: 1.5em;
}

.text-span-2 {
  color: #d3d3d3;
}

.grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.h2-2 {
  z-index: 3;
  color: var(--black);
  margin: 0 auto .5em;
  font-family: Avenirnext, sans-serif;
  font-size: 5vh;
  line-height: 1.2em;
}

.h2-2.w {
  color: var(--white);
}

.a__grid_icons {
  grid-column-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

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

.a__icon1 {
  aspect-ratio: auto;
  padding-bottom: 15px;
}

.text-2-5-small {
  color: #fff;
  font-family: Avenirnext, sans-serif;
  font-size: 2.5vh;
  line-height: 1.5em;
}

.text-2-5-small.center {
  text-align: center;
  font-size: 2vh;
  line-height: 1.2em;
}

.a_2_text-wrap-2 {
  z-index: 2;
  padding-left: 10vw;
  padding-right: 10vw;
  position: relative;
}

.a_2_text-wrap-2.width {
  width: 90%;
}

.a__icon_wrp2, .a__icon_wrp3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-video-7 {
  z-index: 1;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.a__pro-2 {
  background-color: var(--black);
  justify-content: center;
  align-items: flex-start;
  height: 160vh;
  padding-top: 10vh;
  padding-bottom: 20vh;
  display: flex;
  position: relative;
}

.img-explode {
  z-index: 1;
  max-width: none;
}

.wrpr_a_2_text {
  width: 60%;
  margin-left: -20vw;
  position: absolute;
}

.a_img-wrp {
  z-index: 1;
  margin-left: -100px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.a__pro-design {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.wrpr_a_2_text-2 {
  width: 60%;
  margin-left: -20vw;
  position: absolute;
  inset: 75% 0% auto auto;
}

.a__design-vid2 {
  z-index: 1;
  height: 100vh;
  position: sticky;
  top: 0;
}

.a__pro-design2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 240vh;
  display: flex;
  position: relative;
}

.grid-design {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.bg-vid-design {
  z-index: 1;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.wrpr_a_2_text-3 {
  width: 40%;
  padding-top: 60vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.wrpr_a_2_text-4 {
  width: 40%;
  padding-top: 120vh;
  position: absolute;
  inset: 0%;
}

.a_2_text-wrap-3 {
  z-index: 2;
  padding-right: 10vw;
  position: relative;
}

.wrpr_a_2_text-5 {
  width: 40%;
  padding-top: 180vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.a__pro-gallery {
  height: 100vh;
  position: relative;
}

.slider-a {
  height: 100vh;
}

.a_slide-1 {
  background-image: url('../images/gall-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-2 {
  background-image: url('../images/gall-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-3 {
  background-image: url('../images/gall-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a__plus-intro {
  background-color: var(--black);
  height: 100vh;
}

.grid_a_plus {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.a_2_text-wrap-intro {
  z-index: 2;
  padding-right: 15vw;
  position: relative;
}

.bg_vid-plus {
  z-index: 1;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.a__grid_icons-plus {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.a__plus-2 {
  background-color: var(--black);
  justify-content: center;
  align-items: flex-start;
  height: 140vh;
  padding-top: 10vh;
  padding-bottom: 20vh;
  display: flex;
  position: relative;
}

.img-explode-pl {
  z-index: 1;
  max-width: none;
}

.a__plus-gallery {
  height: 100vh;
  position: relative;
}

.a_slide-1-copy {
  background-image: url('../images/01-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-2-copy {
  background-image: url('../images/02-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-3-copy {
  background-image: url('../images/03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-a-plus {
  height: 100vh;
}

.a__plus-mat2 {
  background-color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-right: 75px;
  display: flex;
  position: relative;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
}

.main-wrap-mini {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.hero-wrap-perenio {
  z-index: -1;
  background-color: #e7e7e7;
  height: 100vh;
  font-family: Avenirnext, sans-serif;
  display: none;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.intro-perenio {
  z-index: 1;
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 6em;
  padding-bottom: 6em;
  display: flex;
  position: relative;
}

.img-perenio-01 {
  background-image: url('../images/Perenio-hub_04_new.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: sticky;
  inset: auto auto 0;
}

.text-wrap-perenio {
  width: 60%;
}

.text-wrap-perenio._2 {
  position: relative;
}

.text-2-perenio {
  color: var(--white);
  font-family: Avenirnext, sans-serif;
  font-size: 2.5vh;
  line-height: 1.5em;
}

.text-2-perenio.b {
  color: var(--black-text);
  line-height: 1.5em;
}

.hero-text-wrap-perenio {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 5vw;
  padding-left: 10vw;
  position: absolute;
}

.text-span-4 {
  text-transform: none;
  font-weight: 400;
}

.text-wrap-2-perenio {
  z-index: 7;
  width: 45%;
  padding-top: 10vh;
  padding-bottom: 25vh;
  padding-right: 10vw;
  position: sticky;
  top: 0;
  left: 55%;
  right: 0%;
}

.p-inspiration {
  z-index: 1;
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  height: 150vh;
  display: flex;
  position: relative;
}

.p-img-insp-01 {
  z-index: 1;
  background-image: url('../images/PS4-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px;
  height: 300px;
}

.p-img-wrpr-insp {
  flex-direction: column;
  display: none;
  position: relative;
}

.p-img-insp-02 {
  z-index: 1;
  background-image: url('../images/KM22-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 440px;
  height: 440px;
  position: absolute;
  top: 20%;
}

.p-form {
  z-index: 1;
  background-color: #181818;
  height: 100vh;
  position: relative;
}

.text-wrap-2-p {
  z-index: 2;
  width: 45%;
  padding-top: 10vh;
  padding-left: 10vw;
  position: absolute;
}

.p-img-form {
  filter: invert();
  background-image: url('../images/form.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 95%;
  position: absolute;
  inset: 15% 0% 0%;
}

.p-rule-section {
  z-index: 1;
  background-color: var(--white);
  height: 110vh;
  position: relative;
}

.text-wrap-2-p-2 {
  z-index: 2;
  width: 45%;
  padding-top: 50vh;
  padding-right: 10vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.p-img-form-2 {
  background-image: url('../images/design-principle.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1600px;
  position: absolute;
  inset: 3% 0% 0% 0;
}

.p-img-insp-03 {
  z-index: 2;
  background-image: url('../images/PS400graph-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 240px;
  height: 240px;
  position: absolute;
  inset: 60% auto 0% 30%;
}

.p-img-insp-03.cmb-1 {
  z-index: 3;
  background-image: url('../images/T4-01.jpg');
  background-position: 25% 65%;
  background-size: 280px;
  width: 120px;
  height: 120px;
  top: 35%;
  left: 41%;
}

.p-img-insp-03.cmb-2 {
  z-index: 3;
  background-image: url('../images/RT20_graph-02.jpg');
  background-position: 0 100%;
  width: 240px;
  height: 240px;
  top: 70%;
  left: 2%;
}

.p-anim-insp {
  z-index: 2;
  position: absolute;
  left: 22%;
}

.copyright-link {
  z-index: 8;
  color: var(--dim-grey);
  font-family: Avenirnext, sans-serif;
  position: absolute;
  inset: auto auto 4% 10vw;
}

.bold-text {
  font-size: 2vh;
  line-height: .9em;
}

.p-gallery-01 {
  z-index: 1;
  background-color: var(--black);
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.slider-p-01 {
  height: 100vh;
}

.p-gal {
  background-image: url('../images/gallery_3660x1800_3_s-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-gal._2 {
  background-image: url('../images/gallery_3660x1800_2_s-2.jpg');
  background-position: 50%;
}

.p-gal._3 {
  background-image: url('../images/gallery_3660x1800_1_s-2.jpg');
}

.a-__hero {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
}

.a-__hero_vid {
  height: 100%;
}

.ac-hero-text-wrap {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  width: 40%;
  margin-top: 10em;
  margin-left: 3em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ac__intro {
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
  position: relative;
}

.ac__designlanguage {
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: relative;
}

.ac_img-wrp {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ac_award {
  background-color: var(--black);
  background-image: url('../images/details.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 740px;
}

.ac-img-l {
  background-image: url('../images/02-airport-x2-copy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding-bottom: 0;
}

.absolute_text-wrap-50per {
  z-index: 2;
  background-image: radial-gradient(circle, #ffffffb3, #0000 57%);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  padding-left: 8em;
  padding-right: 8em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.ac__design-section {
  background-color: var(--black);
  flex-direction: column;
  align-items: center;
  padding-top: 10em;
  padding-bottom: 2em;
  display: flex;
  overflow: hidden;
}

.ac_wrpr_text {
  z-index: 2;
  width: 40%;
  position: relative;
}

.ac__video-wrpr {
  z-index: 1;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 2em;
  position: relative;
}

.ac_video {
  object-fit: contain;
  width: 560px;
  height: 484px;
}

.ac_wrpr_text_left {
  width: 50%;
  position: relative;
}

.ac-tile-img-x2 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 60%;
  height: 680px;
  position: relative;
}

.air-flow-img {
  width: 50%;
  position: relative;
  left: -40px;
}

.ecofriendly-img {
  width: 50%;
  position: relative;
}

.ac-hvac-section {
  background-color: var(--black);
  position: relative;
  overflow: hidden;
}

.ac-hvac-img {
  z-index: 1;
  background-image: linear-gradient(270deg, #0000 37%, #fff), url('../images/02-library-x2-copy.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 740px;
  padding-right: 0;
  position: relative;
}

.ac_wrpr_txt_left-absolute {
  z-index: 2;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 180px;
  left: 40px;
}

.ac-1280-absolute {
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.ac-if-award-section {
  background-color: var(--black);
  position: relative;
  overflow: hidden;
}

.ac-if-award-img {
  z-index: 1;
  background-image: linear-gradient(270deg, #0000 37%, #fff), url('../images/Atmocube_01-2_hero_x2-opt.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 820px;
  padding-right: 0;
  position: relative;
}

.wrap-2-flex {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  position: relative;
}

.wrap-2-flex.flip {
  justify-content: space-between;
}

.nao__nav {
  z-index: 9999;
  background-color: #0000;
  max-width: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.button {
  text-transform: uppercase;
  background-color: #07bab3;
  border-radius: 50px;
  margin-right: 1em;
  padding: .5em 2em;
  font-size: .7em;
}

.button.hide {
  display: none;
}

.nav-menu {
  background-color: var(--side_menu_dark-blue);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  overflow: auto;
}

.container {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.container.align {
  align-items: flex-start;
}

.container.blog {
  z-index: 4;
  padding-left: 3em;
  padding-right: 3em;
  position: relative;
}

.container.blog.b {
  background-color: var(--black);
  padding-bottom: 5em;
}

.container.align-center {
  justify-content: center;
}

.container.align-center.no-bg {
  background-color: var(--no-bg);
  position: relative;
}

.container.policy {
  background-color: var(--black-text);
}

.container.hp {
  background-color: var(--light-sea-green);
}

.container.relative {
  flex: 1;
  position: relative;
}

.container.no-bg {
  background-color: var(--no-bg);
  margin-left: auto;
  margin-right: auto;
}

.h1 {
  color: var(--white);
  font-size: 4em;
  line-height: 1.1;
}

.h1.black {
  color: var(--black-text);
}

.h1.black.slogan {
  font-size: 6em;
}

.nao-d__hero {
  z-index: 1;
  height: 100vh;
  padding-bottom: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hp-video {
  z-index: 1;
  width: 100vw;
  height: 100vh;
}

.nao-d__logo.hide {
  display: none;
}

.nao-d__brand {
  z-index: 99;
}

.nav__menu-btn-wrap {
  z-index: 33;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-menu-line {
  background-color: var(--white);
  width: 12px;
  height: 2px;
  margin-bottom: 4px;
  transform: rotate(0);
}

.nav-menu-line.last {
  margin-bottom: 0;
}

.menu__nav {
  border: 1px solid var(--light-sea-green);
  background-color: var(--light-sea-green);
  border-radius: 13em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding: 0;
  display: flex;
}

.menu__nav.w--open {
  background-color: #0000;
}

.nav__menu_link {
  opacity: .9;
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: color .3s, opacity .3s;
}

.nav__menu_link:hover {
  opacity: 1;
  color: var(--light-sea-green);
}

.nav__menu_link.blog {
  display: none;
}

.mav_menu-link-wrap {
  grid-column-gap: 4em;
  grid-row-gap: 1.25em;
  flex-direction: row;
  align-items: flex-start;
  line-height: 1px;
  display: flex;
}

.nav_manu_social {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2em;
  display: flex;
}

.nav_manu_social.footer {
  margin-top: 0;
  margin-bottom: 1em;
}

.social__icon {
  background-image: url('../images/facebook.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2em;
  height: 2em;
}

.social__icon.in {
  background-image: url('../images/linkedin.svg');
}

.social__icon.medium {
  background-image: url('../images/medium.svg');
  position: relative;
  top: 2px;
}

.social__icon.insta {
  background-image: url('../images/instagram.svg');
}

.social__icon.hide {
  display: none;
}

.social-icons-wrap {
  grid-column-gap: 1.5em;
  flex-direction: row;
  display: flex;
}

.menu-gray-links {
  opacity: .3;
  color: var(--white);
  font-size: 1em;
  text-decoration: none;
  transition: opacity .4s;
}

.menu-gray-links:hover {
  opacity: 1;
}

.menu-gray-links.hide {
  display: none;
}

.gray_link-wrap {
  grid-column-gap: 2em;
  display: flex;
}

.nao-d-hero-wrap {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  margin: 6em 20em 4em 3em;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nao-d-hero-text-small {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
}

.nao-d-awards-logos {
  grid-column-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nao-d-logo {
  background-image: url('../images/if_designaward.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3em;
  height: 3em;
}

.nao-d-logo.reddot {
  background-image: url('../images/reddot_1.svg');
  background-position: 0 100%;
  width: 2.8em;
  height: 3em;
}

.nao-d-slogan {
  color: var(--white);
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1;
}

.nao-d-hero-h1 {
  color: var(--white);
  font-size: 5em;
  line-height: 1;
}

.scroll-down {
  background-image: url('../images/down-arrow.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2em;
  height: 2.4em;
  margin-top: 4em;
}

.nao-d-company-description {
  z-index: 2;
  background-color: var(--white);
  flex-direction: row;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.nao-d__wrap {
  flex-direction: column;
  padding: 6em 3em 3em;
  display: flex;
  position: relative;
}

.nao-d__wrap.footer {
  padding-top: 0;
  padding-bottom: 0;
}

.nao-d-services-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 3em;
  object-fit: fill;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  height: 100%;
  margin-top: 3em;
  display: grid;
  overflow: visible;
}

.nao-d-service-item {
  height: 8vh;
  text-decoration: none;
}

.nao-d-service-item.padd {
  margin-bottom: 2em;
}

.nao-d-service-item.padd.first {
  margin-top: 3em;
}

.nao-d-h2 {
  color: var(--black-text);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
}

.nao-d-h2.white {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 700;
}

.nao-d-h2.white.footer {
  font-size: 4em;
}

.nao-d-h2.home {
  transition: color .4s;
}

.nao-d-h2.home:hover {
  color: var(--light-sea-green);
}

.nao-d-h2.small {
  font-size: 2em;
}

.nao-d-paragraph-l {
  color: #595a5a;
  margin-bottom: 0;
  font-size: 1.6em;
  line-height: 1.4;
}

.nao-d-paragraph-l.hide {
  display: block;
}

.nao-d-paragraph-l.black {
  color: var(--black-text);
}

.nao-d-paragraph-l.black.number {
  padding-top: 2px;
}

.nao-d-paragraph-l.black.slideup {
  animation-delay: calc(var(--i) * .1s);
  animation-duration: .5s;
}

.nao-d-paragraph-l.w {
  color: var(--white);
}

.nao-d-paragraph-l.w.hide {
  display: none;
}

.nao-d-paragraph-l.w.m-left {
  margin-top: 1em;
  margin-left: 3em;
}

.nao-d-paragraph-l.slideup {
  animation-name: slideup;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: .5s;
  animation-fill-mode: both;
}

.nao-d-social-proof {
  z-index: 3;
  background-color: var(--black);
  height: 100vh;
  position: sticky;
  top: 0;
}

.nao-d-social-proof.hide {
  display: none;
}

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

.txt__btn__wrap {
  grid-row-gap: 2vh;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1200px;
  padding-right: 6em;
  display: flex;
}

.hp-btn_learn-more {
  background-color: var(--black-text);
  text-transform: uppercase;
  border-radius: 50em;
  padding: 0 3em;
  font-size: .7em;
  line-height: 2.6;
  transition: background-color .3s;
}

.hp-btn_learn-more:hover {
  background-color: var(--light-sea-green);
}

.other_icons_wrap {
  flex-direction: column;
  margin-top: 60px;
}

.social-proof-logos-wrap {
  justify-content: flex-start;
  width: 100%;
  margin-top: 4em;
  display: flex;
}

.social-proof-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
}

.nao-d-label {
  opacity: .5;
  color: var(--d3);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em;
}

.nao-d-label.menu {
  color: var(--white);
  margin-bottom: 1em;
  line-height: 1;
}

.nao-d-label.menu.last {
  margin-top: 1em;
}

.nao-d-label.b {
  color: var(--black);
}

.nao-d-portfolio {
  z-index: 4;
  background-color: var(--dim-grey);
  height: 100vh;
  position: sticky;
  top: 0;
}

.nao-d-portfolio._2 {
  z-index: 5;
  overflow: hidden;
}

.nao-d-portfolio._3 {
  z-index: 6;
  overflow: hidden;
}

.nao-d-portfolio._4 {
  z-index: 7;
  overflow: hidden;
}

.nao-d-portfolio._5 {
  z-index: 8;
  overflow: hidden;
}

.nao-d-portfolio._6 {
  z-index: 9;
  overflow: hidden;
}

.nao-d-portfolio._7 {
  z-index: 10;
  overflow: hidden;
}

.nao-d-portfolio._1 {
  z-index: 4;
  overflow: hidden;
}

.nao-d-portfolio._1-wheel {
  z-index: 3;
  overflow: hidden;
}

.nao-d-portfolio.martistel {
  z-index: 2;
  overflow: hidden;
}

.regular {
  text-transform: none;
  font-weight: 400;
}

.nao-d__portfolio-wrap {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
  position: absolute;
}

.nao-d__portfolio-wrap.left {
  left: auto;
}

.portfolio__img {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nao-d-reviews {
  z-index: 11;
  background-color: var(--white);
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.nao-d-reviews.hide {
  display: none;
}

.clutch__wrapper {
  width: 960px;
  height: 624px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.clutch-widget {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.nao-d-footer {
  z-index: 200;
  background-color: var(--light-sea-green);
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.nao-d__footer-wrap {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 80vh;
  line-height: 1.2px;
  display: flex;
  position: absolute;
  inset: 15vh 3em auto;
}

.footer__paragraph {
  color: var(--white);
  margin-bottom: 0;
  line-height: 1.2;
}

.footer__link {
  color: var(--white);
  line-height: 1.2;
  text-decoration: none;
}

.footer-btm-wrap {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-direction: column;
  font-size: 1em;
  display: flex;
}

.footer-top-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer__btn {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 16em;
  height: 5em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer_btn_txt {
  z-index: 2;
  color: var(--tomato);
  font-size: 1.4em;
  font-weight: 700;
  position: relative;
}

.btns__wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  display: flex;
}

.icons__wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  display: none;
}

.nao-d-next-project {
  z-index: 99;
  background-color: var(--white);
  text-transform: uppercase;
  height: 100vh;
  position: sticky;
}

.nao-d-next-p-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  height: 30vh;
  margin-left: 3em;
  padding-bottom: 1em;
  display: flex;
}

.nao-d-next-project-name {
  text-transform: uppercase;
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.1;
}

.nao-d-img-wrap {
  width: 100%;
  height: 70vh;
}

.next__project_img {
  object-fit: cover;
  width: 100%;
  height: 70vh;
}

.next-project__link {
  color: var(--black);
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nao-d-next-project-txt {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.4;
}

.btn__bg_absolute {
  z-index: 1;
  background-color: var(--tomato);
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: scale3d(0, 1, 1);
}

.menu_covers {
  width: 50%;
  height: 30em;
  position: relative;
  inset: 10em 0% 0% auto;
}

.menu_covers_img {
  object-fit: cover;
  height: 100%;
  display: inline-block;
  position: relative;
}

.menu_covers_img._1, .menu_covers_img._2 {
  display: none;
}

.logo__embed_svg {
  color: var(--light-sea-green);
  mix-blend-mode: difference;
  width: 7vw;
  font-size: .8em;
}

.logo__embed_svg.color {
  color: var(--light-sea-green);
}

.logo__embed_svg._404 {
  width: 10em;
}

.container_nav {
  justify-content: space-between;
  align-items: center;
  margin-left: 3em;
  margin-right: 3em;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.parent_container {
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.abslt_shadow {
  background-image: linear-gradient(#0000004d, #0000);
  height: 7vw;
  position: absolute;
  inset: 0% 0% auto;
}

.abslt_shadow.hide {
  display: none;
}

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

.utility-page-wrap {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.utility-page-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-direction: row;
  align-items: center;
  display: none;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.linza_details_section {
  z-index: -1;
  height: 100vh;
  position: static;
  top: 0;
}

.linza_details_section.colour {
  z-index: 0;
  background-color: var(--white);
  position: relative;
}

.linza_details_section.colour.e4e4e4_l {
  background-color: #e4e4e4;
  height: 68vh;
  display: flex;
  overflow: hidden;
}

.linza_details_section.colour.e4e4e4_m {
  background-color: #e4e4e4;
  align-items: flex-start;
  height: 67vh;
  display: flex;
  position: static;
  overflow: hidden;
}

.linza_details_section.colour.ffffff_l {
  background-color: var(--white);
  align-items: flex-start;
  height: auto;
  padding-bottom: 4em;
  display: block;
}

.linza_details_section.colour.ffffff_l.hide {
  display: none;
}

.linza_details_section.colour.ffffff_m {
  background-color: var(--white);
  align-items: flex-start;
  height: auto;
}

.linza_details_section.colour.is_stiky {
  z-index: auto;
  flex-direction: row;
  justify-content: space-between;
  height: 2800px;
  padding-top: 16em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.linza_details_section.colour.hub-2 {
  z-index: 3;
  background-color: var(--white);
  align-items: flex-start;
  height: 100vh;
  display: block;
  position: sticky;
}

.linza_details_section.colour.hub-3 {
  z-index: 3;
  background-color: var(--white);
  align-items: flex-start;
  height: auto;
  position: relative;
}

.linza_details_section.photo {
  background-image: url('../images/all-in-one.a6b33df.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  max-width: 100%;
  height: 161vw;
}

.linza_details_section.photo.linza2 {
  background-image: url('../images/4.c5fd1e6.jpg');
  background-repeat: no-repeat;
  height: 60vh;
  overflow: hidden;
}

.linza_details_section.photo._161-vw {
  overflow: hidden;
}

.linza_details_section.photo.gps1 {
  background-color: var(--white);
  background-image: url('../images/sketches.4c4bf26.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 170vh;
  width: 100%;
  height: 100vh;
  padding-left: 3em;
  padding-right: 3em;
  position: sticky;
}

.linza_details_section.photo.gps2 {
  background-color: var(--white);
  background-image: url('../images/final_design.c196dd2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 80vh;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.gps3 {
  background-color: var(--white);
  background-image: url('../images/acessories.b68d524.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: auto 73vh;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.gps4 {
  background-color: var(--white);
  background-image: url('../images/mechanical_design.642145c.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: auto 66vh;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.per1 {
  background-color: var(--white);
  background-image: url('../images/Perenio-hub_04_new.jpg');
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: block;
  position: sticky;
}

.linza_details_section.photo.ss1 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/sketches_hd.b8768b7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss1.hide {
  display: none;
}

.linza_details_section.photo.ss2 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/smart_bulb_hd.8ba466e.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss3 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/leak_sensor_hd.91db4b5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss4 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/plant_sensor_hd.5ebbccd.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss5 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/fire_alarm_hd.d085b45.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss6 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/air_quality_sensor_hd.2710be4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss7 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/smart_socket_hd.37cc542.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss8 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/door_sensor_hd.7fa4509.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss9 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/motion_sensor_hd.814e1ae.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.ss10 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/camera_fitness_hd.b029ccf.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.linza_details_section.photo.hub1 {
  background-color: var(--white);
  background-image: url('../images/title_background.fcac352.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: block;
  position: sticky;
}

.linza_details_section.cc {
  overflow: hidden;
}

.linza_details_section.video.is_sticky {
  position: sticky;
}

.inside_mesh.type-r {
  grid-column-gap: 1vw;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-self: flex-start;
  place-items: start stretch;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: grid;
}

.inside_mesh.type-r.size_constant {
  grid-template-columns: 1fr 37em;
  position: sticky;
  top: 0;
}

.inside_mesh.type-l {
  grid-column-gap: 1vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: grid;
  position: sticky;
  top: 0;
}

.inside_mesh.type-l._60 {
  grid-template-columns: 60% 40%;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
}

.inside_mesh.type-l.heero {
  padding-top: 12vh;
  padding-bottom: 0;
}

.inside_mesh.type-l.size_constant {
  grid-template-columns: 37vw 1fr;
}

.inside_mesh.type-l._37vh {
  grid-template-columns: 37vw 1fr;
  padding-top: 12vh;
}

.inside_mesh.type-l._45vh {
  grid-template-columns: 45vw 1fr;
  padding-top: 12vh;
}

.inside_mesh.three {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 25% 50% 25%;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  margin-left: 3em;
  margin-right: 3em;
  display: grid;
}

.inside_mesh.three.gps1 {
  grid-column-gap: 2vw;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 3vh;
}

.inside_mesh.three.hub3 {
  grid-template-columns: 30% 40% 30%;
}

.inside_mesh.centered {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 12vh;
  display: grid;
}

.inside_mesh.type-r-1, .inside_mesh.type-r-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-self: flex-start;
  place-items: start stretch;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: grid;
}

.textwrapper1 {
  grid-row-gap: .8vh;
  flex-direction: column;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
}

.linza_hero_imagewrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.linza_hero_image {
  object-fit: contain;
  width: 100%;
  height: 94vw;
  max-height: none;
  padding-bottom: 111%;
  padding-left: 24%;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.textwrapper2 {
  grid-column-gap: 0px;
  flex-direction: column;
  flex: 0 auto;
  align-self: flex-start;
  display: flex;
}

.linza_color_logo {
  object-fit: contain;
  width: 18em;
}

.complexwrapper {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.complexwrapper.iconfield_l {
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-right: 0;
  display: grid;
}

.complexwrapper.iconfield_r {
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  padding-left: 0;
  display: grid;
}

.complexwrapper.constantsize {
  padding-right: 5vw;
}

.complexwrapper.topmargin {
  margin-top: 7.5em;
}

.complexwrapper.centered2 {
  align-items: center;
}

.complexwrapper.iconfield_l-copy {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 30% 30% 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-left: 2vw;
  padding-right: 0;
  display: grid;
}

.complexwrapper.iconfield_r-copy {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-left: 0;
  padding-right: 2vw;
  display: grid;
}

.complexwrapper._1 {
  align-items: center;
}

.complexwrapper._1._40 {
  z-index: 2;
  width: 50%;
  position: relative;
}

.complexwrapper._2 {
  justify-content: center;
  height: 100%;
}

.linza_persp_view {
  object-fit: contain;
  width: 46vw;
  position: absolute;
}

.imagewrapper-r {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.linza_backside {
  object-fit: contain;
  width: 85%;
  position: absolute;
}

.imagewrapper-l {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.par_1 {
  color: var(--white);
  font-size: 2.5vh;
  line-height: 1.5em;
}

.par_1.w {
  color: var(--white);
  line-height: 1.5em;
}

.par_1.b {
  color: var(--black-text);
  line-height: 1.5em;
}

.par_1.b.border_left {
  border-bottom: 1px solid var(--d3);
}

.par_1.b.border_right {
  border-bottom: 1px solid var(--d3);
  text-align: right;
}

.par_2 {
  color: var(--white);
  font-size: 2.5vh;
  line-height: 1.5em;
}

.par_2.w {
  color: var(--white);
  font-size: 1.8vh;
  line-height: 1.5em;
}

.par_2.b {
  color: var(--black-text);
  font-size: 2vh;
}

.h3 {
  font-size: 3.4vh;
}

.linza_mobile_app_screen {
  width: auto;
  height: 60vh;
}

.image-10 {
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  max-width: none;
  height: auto;
  max-height: 85%;
  position: absolute;
}

.textwrapper3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.textwrapper3.title1, .textwrapper3.title12 {
  padding-top: 8em;
  padding-left: 3em;
  padding-right: 3em;
}

.background-video-11 {
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.lc-video-rotate {
  z-index: 1;
  height: 30em;
  margin-left: 3em;
  margin-right: 3em;
}

.gps_feature_item {
  object-fit: contain;
  height: 10vh;
}

.slide-nav {
  display: none;
}

.slider {
  z-index: 3;
  height: 50em;
}

.slide-2 {
  padding-bottom: 0;
  padding-right: 0;
}

.mask {
  height: 50em;
}

.image-11 {
  object-fit: contain;
  padding-right: 5vw;
}

.image-12 {
  padding-right: 5vw;
}

.image-13 {
  object-fit: contain;
  object-position: 0% 50%;
  padding-right: 11vw;
}

.image-14, .image-15 {
  object-fit: contain;
  padding-right: 5vw;
}

.image-16 {
  object-fit: contain;
  padding-right: 1vw;
}

.image-17 {
  object-fit: contain;
  padding-right: 5vw;
}

.image-18 {
  object-fit: contain;
  padding-right: 3vw;
}

.background-video-13 {
  align-self: center;
  width: 45vw;
  max-width: 100%;
  height: 34em;
}

.sticky-text-hub {
  z-index: 3;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: sticky;
}

.div-block-3 {
  z-index: auto;
  height: 40vh;
  margin-bottom: 40vh;
  margin-left: 3em;
  position: sticky;
  top: 10vh;
}

.div-block-3-copy {
  z-index: 1;
  background-color: var(--white);
  z-index: auto;
  background-color: #0000;
  height: 40vh;
  margin-bottom: 30vh;
  margin-left: 3em;
  margin-right: 0;
  padding-top: 0;
  position: sticky;
  top: 20vh;
}

.div-block-3-copy-copy {
  z-index: auto;
  background-color: #0000;
  height: 40vh;
  margin-bottom: 20vh;
  margin-left: 3em;
  position: sticky;
  top: 30vh;
}

.div-block-3-copy-copy-copy {
  z-index: auto;
  background-color: #0000;
  height: 40vh;
  margin-bottom: 10vh;
  margin-left: 3em;
  position: sticky;
  top: 40vh;
}

.div-block-3-copy-copy-copy-copy {
  z-index: auto;
  background-color: #0000;
  height: 40vh;
  margin-bottom: 0;
  margin-left: 3em;
  position: sticky;
  top: 50vh;
}

.html-embed {
  z-index: 0;
  width: 30vw;
  height: 238vh;
  display: block;
  position: absolute;
  top: 40vw;
  right: 15vw;
}

.html-embed.hide {
  display: none;
}

.image-19, .image-20, .image-21, .image-23, .image-24 {
  width: 100%;
}

.complexwrapper-copy {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 21vw;
  height: 20vw;
  display: block;
}

.design_render {
  width: 21vw;
  height: 20vw;
}

.design_render:hover {
  display: block;
}

.design_outlines {
  opacity: 0;
  width: 21vw;
  height: 20vw;
  display: block;
  position: absolute;
}

.design_outlines:hover {
  display: block;
}

.linza_hero_section {
  z-index: -1;
  height: 100vh;
  position: static;
  top: 0;
}

.linza_hero_section.colour {
  z-index: 0;
  background-color: var(--white);
  position: relative;
}

.linza_hero_section.colour.e4e4e4_l {
  background-color: #e4e4e4;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.linza-about-section {
  z-index: -1;
  height: 100vh;
  position: static;
  top: 0;
}

.linza-about-section.photo {
  background-image: url('../images/all-in-one.a6b33df.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  max-width: 100%;
  height: 161vw;
}

.linza-about-section.photo.linza1 {
  background-color: var(--white);
  background-image: url('../images/overview_background.97e4d7b.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.imagewrapper-c {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.imagewrapper-r-1 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.image-27 {
  object-fit: contain;
}

.hero_mesh {
  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;
}

.inside_mesh-copy.type-l {
  grid-column-gap: 1vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: grid;
  position: sticky;
  top: 0;
}

.imagewrapper-r-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.inside_mesh_app.type-r {
  grid-column-gap: 1vw;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-self: flex-start;
  place-items: start stretch;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: grid;
}

.inside_mesh_app.type-r._60 {
  grid-template-columns: 40% 60%;
}

.textwrapper1_1 {
  grid-row-gap: .8vh;
  flex-direction: column;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.linza_decompose {
  width: auto;
  min-width: 100%;
  height: 36vw;
  margin-left: 0;
  margin-right: 0;
}

.linza_webservise_section {
  z-index: -1;
  height: 100vh;
  position: static;
  top: 0;
}

.linza_webservise_section.colour {
  z-index: 0;
  background-color: var(--white);
  position: relative;
}

.linza_webservise_section.colour.e4e4e4_m {
  background-color: #e4e4e4;
  align-items: flex-start;
  height: 67vh;
  display: flex;
  position: static;
  overflow: hidden;
}

.linza_mobileapp_section {
  z-index: -1;
  height: 100vh;
  position: static;
  top: 0;
}

.linza_mobileapp_section.colour {
  z-index: 0;
  background-color: var(--white);
  position: relative;
}

.linza_mobileapp_section.colour.e4e4e4_m {
  background-color: #e4e4e4;
  align-items: flex-start;
  height: 67vh;
  display: flex;
  position: static;
  overflow: hidden;
}

.menu_wrap {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 8em;
  display: flex;
}

.policy_section {
  background-color: var(--black-text);
  padding: 10em 10em 2em 14em;
}

.padding_4 {
  height: 4em;
}

.padding_4.color {
  background-color: var(--light-sea-green);
}

.padding_2 {
  height: 2em;
}

.padding_2.color {
  background-color: var(--tomato);
}

.padding_1 {
  height: 1em;
}

.padding_1.color-1 {
  background-color: var(--light-sea-green);
}

.list {
  color: var(--d3);
  margin-top: 1em;
  padding-left: 0;
  line-height: 1.6;
  list-style-type: decimal;
}

.list-item {
  margin-bottom: 1em;
}

.nao-d-h3 {
  color: var(--black-text);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
}

.nao-d-h3.white {
  color: var(--white);
  font-weight: 700;
  line-height: 1.2em;
}

.nao-d-h3.is-bold {
  font-weight: 700;
}

.link.w {
  color: #fff;
}

.srvcs_hero {
  background-color: #f2f2f6;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.services_page_wrap {
  justify-content: center;
  position: relative;
}

.img_hero_services {
  width: 100%;
  position: relative;
  bottom: 0;
  left: auto;
  right: auto;
}

.services-hero-text-wrap {
  z-index: 33;
  flex-direction: row;
  align-items: flex-start;
  width: 20em;
  margin-top: 8em;
  margin-left: 3em;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.srvcs_about {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  align-items: flex-start;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 3em;
  display: flex;
}

.s_about-lest {
  width: 23.75%;
}

.s_about-right {
  width: 60em;
}

.s_about-right.flex {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: space-between;
  display: flex;
}

.srvcs--banner {
  background-color: var(--black);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 3em;
  display: flex;
}

.srvcs--menu-stiky {
  z-index: 120;
  background-color: var(--white);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 3em;
  display: flex;
  position: sticky;
  top: 0;
}

.srvcs--link-item {
  justify-content: center;
  width: 13em;
  text-decoration: none;
  display: flex;
}

.srvcs--link-item.w--current {
  font-weight: 700;
}

.srvcs--link-item.block {
  display: block;
}

.srvcs--product-design {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: flex-end;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 3em 2em;
  display: flex;
  position: relative;
}

.srvcs--product-design.is-gray {
  background-color: #eeeef5;
}

.nao-d-paragraph-m {
  color: #595a5a;
  margin-bottom: 0;
  font-size: 1.4em;
  line-height: 1.4;
}

.nao-d-paragraph-m.black-hover {
  color: var(--black-text);
  margin-bottom: 10px;
  transition: color .4s;
}

.nao-d-paragraph-m.black-hover:hover {
  color: var(--light-sea-green);
}

.nao-d-paragraph-m.w {
  color: var(--white);
}

.nao-d-paragraph-m.w.ch-max {
  width: 35ch;
}

.nao-d-paragraph-m.black {
  color: var(--black-text);
  transition: color .4s;
}

.img--mask {
  overflow: hidden;
}

.img--mask.is-black {
  background-color: var(--black);
}

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

.img--mask.flex.is-black {
  height: auto;
}

.img--mask.flex.is-black.half {
  height: 50%;
}

.img--mask.flex.is-black.square {
  width: 15em;
  height: 15em;
  overflow: hidden;
}

.img--mask.flex.half {
  height: 60%;
}

.img--mask._2 {
  height: auto;
}

.img--mask._30x45 {
  width: 45em;
  height: 30em;
}

.s-right {
  width: 60em;
}

.s-left {
  width: 40%;
  position: relative;
}

.s--grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 15em 15em 15em 15em;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.grid-empty-space {
  height: 15em;
  padding-bottom: 0;
}

.is--sticky {
  position: sticky;
  top: 10em;
}

.is--sticky._2 {
  top: 0;
}

.image-28 {
  aspect-ratio: auto;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-28._2 {
  max-width: 100%;
}

.srvcs--main-stages {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  align-items: flex-start;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 3em;
  transition: opacity .2s;
  display: flex;
}

.srvcs--main-stages.is-gray {
  background-color: #eeeef5;
}

.main-stages-r-wrap-item {
  width: 25%;
}

.nao-d-paragraph-s {
  color: #595a5a;
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 1.4;
}

.nao-d-paragraph-s.mobile-f-size.hight-1_2 {
  line-height: 1.2;
}

.nao-d-paragraph-s.w {
  color: var(--white);
}

.circle_number {
  border: .1em solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-bottom: 2em;
  display: flex;
}

.nao__nav_black {
  z-index: 110;
  background-color: #0000;
  max-width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.img--full-width {
  aspect-ratio: auto;
  height: 100%;
}

.image-31 {
  aspect-ratio: 1;
}

.srvcs_cases {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 3em;
  display: flex;
}

.s--cases-wrap {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.s--cases-item {
  cursor: pointer;
  width: 34%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.s--cases-img {
  height: 400px;
  position: relative;
}

.nao-d-h3-uncaps {
  color: var(--black-text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
}

.nao-d-h3-uncaps.is-bold {
  font-weight: 700;
}

.nao-d-h3-uncaps.is-bold.w {
  color: var(--d3);
}

.cases-txt-wrap {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  padding-right: 10em;
  display: flex;
  position: relative;
}

.cases-txt-wrap.no-bg {
  background-color: var(--no-bg);
  padding-right: 4em;
}

.banner--wrap {
  width: 40%;
  line-height: 1.1px;
}

.image--wrap {
  align-items: center;
  display: flex;
}

.banner--header {
  color: var(--white);
  margin-bottom: .25em;
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.1;
}

.banner---wrapp {
  justify-content: space-between;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.srvcs--banner-1 {
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 3em;
  display: flex;
}

.srvcs--banner-link {
  background-color: #f2f2f6;
  border-radius: 1em;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 8em;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg--banner-svg {
  position: absolute;
  inset: 0%;
}

.banner--btn {
  z-index: 55;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: .125em solid #000;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 1.2em 2em;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

.banner--btn:hover {
  background-color: #07bab333;
}

.banner--btn-txt {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
}

.arrow--svg {
  width: 4em;
  margin-left: .5em;
}

.s--img-mob {
  display: none;
}

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

.img--mob-hp {
  display: none;
}

.text-block {
  font-family: Avenirnext, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.section-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  padding-top: 5%;
  display: flex;
}

.div-wrpr {
  display: flex;
}

.user-pic-aleksander-g {
  background-image: url('../images/Aleks_G.jpg');
  background-position: 50% 22%;
  background-repeat: no-repeat;
  background-size: 200px;
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
}

.sub-title {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
}

.icon {
  background-image: url('../images/email-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  margin-right: 10px;
  display: none;
}

.link-2 {
  color: #07bab3;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
}

.link-2:hover {
  color: #07bab3;
}

.h1-name {
  font-family: Avenirnext, sans-serif;
  font-size: 44px;
  font-weight: 500;
}

.link-wrpr {
  flex-direction: column;
  display: flex;
}

.padding {
  height: 30px;
}

.link-site {
  width: 100%;
  height: 100%;
}

.at-tag-line-logo {
  color: #888;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 400;
}

._1px-line {
  background-color: #eee;
  height: 1px;
  margin-bottom: 10px;
}

.at-logo-img {
  background-image: url('../images/logo_black.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
}

.link--in-txt {
  color: var(--light-sea-green);
  text-decoration: none;
}

.link--in-txt.orange {
  color: var(--tomato);
}

.horizontal-wrap {
  grid-column-gap: 1em;
  align-items: center;
  display: flex;
}

.horizontal-wrap.u-mt-1 {
  margin-top: 1em;
}

.logo--awards {
  object-fit: contain;
  width: 150px;
  height: 100%;
}

.glow--absolute {
  display: none;
}

.nao-d-h2-no-caps-w {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.2;
}

.nao-d-h2-no-caps-b {
  color: var(--black);
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.2;
}

.image-34 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.img--h-500px {
  object-fit: contain;
  height: 500px;
}

.a-hero-text-wrap {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  width: 40%;
  margin-top: 10em;
  margin-left: 3em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.services--num-h-wrap {
  flex-direction: column;
  display: flex;
}

.linza_bt-button_section {
  background-color: var(--black);
  align-items: center;
  height: 60vh;
  display: flex;
  position: relative;
}

.img--absolute {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.linza--mob-app {
  grid-column-gap: 8.5em;
  grid-row-gap: 4em;
  background-color: #e4e4e4;
  justify-content: center;
  align-items: center;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
}

.linza--app-txt-wrap {
  width: 27em;
  padding-top: 2em;
  padding-bottom: 2em;
}

.app--image-wrap {
  width: 390.667px;
  height: 800px;
}

.app--img {
  height: 100%;
}

.p-hide-discriptive-link {
  display: none;
}

.video--wrap-hub {
  z-index: 2;
  position: sticky;
  top: 4em;
  right: 4em;
}

.background-video-14 {
  width: 29em;
  height: 100em;
  display: none;
}

.text-span-6 {
  font-weight: 400;
}

.video--test {
  z-index: 212121;
  width: 380px;
  height: 1420px;
  display: none;
  position: absolute;
}

.next__project_img-mob {
  object-fit: cover;
  width: 100%;
  height: 70vh;
  display: none;
  position: relative;
}

.hub-spot-form-section {
  margin-top: 8em;
  margin-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
}

.hub-spot-form {
  width: 640px;
}

.hub-spot-wrap {
  grid-column-gap: 6em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.book-a-call-embed {
  width: 100%;
}

.book-a-call-header-wrap {
  width: 24em;
}

.hub-spot-call-section {
  margin-top: 8em;
  margin-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
}

.hub-spot-call-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.test-div-960 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.image-35 {
  object-position: 100% 50%;
  min-width: 600px;
}

.user-pic-nikola {
  background-image: url('../images/Nikola__.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
}

.full {
  background-color: var(--black);
  background-image: url('../images/5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 100dvh;
  display: none;
  position: relative;
}

.full.hide {
  display: none;
}

.content {
  background-color: #00000073;
}

.ai-hero-wrap {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.ai-hero-text-wrap {
  z-index: 11;
  flex-direction: column;
  align-items: flex-start;
  width: 56%;
  margin-top: 10em;
  margin-left: 3em;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ai-nav-bg {
  z-index: 2;
  background-color: var(--white);
  width: 100vw;
  height: 100px;
  position: relative;
}

.efi-paragraph {
  font-size: 1.2em;
  line-height: 1.4;
}

.efi-paragraph.color {
  color: var(--light-sea-green);
}

.efi-paragraph.b {
  color: var(--black-text);
}

.efi-h4.hide {
  display: none;
}

.efi-h4.color {
  color: var(--light-sea-green);
}

.efi-h4.color.caps {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
}

.efi-ft-05-feature-cell {
  color: #fff;
}

.efi-ft-05-features-grid {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.efi-ft-05-features-grid.hide {
  display: none;
}

.image-36 {
  height: 100%;
}

.efi-ft-05-image-wrapper {
  margin-bottom: 75px;
  position: relative;
}

.efi-ft-05-image-wrapper.hide {
  display: none;
}

.efi-ft-05-cell {
  color: #fff;
}

.efi-ft-05-cell.margin {
  margin-top: 4em;
}

.efi-h2.b {
  color: var(--black);
}

.efi-h2.w {
  color: var(--white);
}

.efi-ft-05-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 50px;
}

.efi-ft-05-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.efi-ft-05-container.hide {
  display: none;
}

.efi-ft-05 {
  background-color: #000;
  padding: 150px 3em 350px;
}

.efi-pricing-button {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1em 3em;
  font-size: 1.2em;
  display: flex;
}

.efi-pricing-button-wrapper {
  margin-top: 20px;
}

.efi-option {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4;
}

.efi-option.red {
  color: #a71e1e;
}

.efi-points-grid {
  grid-column-gap: 5px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 2.75fr;
  align-content: end;
  margin-top: 10px;
  margin-bottom: 15px;
}

.efi-pricing-points {
  margin-bottom: 0;
}

.efi-price-block {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.efi-big-paragraph {
  font-size: 20px;
  font-weight: 400;
}

.efi-pricing-header {
  border-bottom: 1px solid #5f5f5f;
  padding-bottom: 0;
  position: relative;
}

.efi-pricing-container {
  grid-column-gap: 80px;
  border-bottom: 1px #000;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: grid;
}

.efi-pr-01-pricing-cell {
  border: 1px solid #ccc;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 20px 40px;
  display: flex;
}

.efi-pr-01-pricing-cell.grey {
  background-color: #07bab333;
  border-style: none;
  padding-top: 20px;
}

.efi-pr-01-pricing-cell.hide {
  display: none;
}

.efi-pr-01-pricing-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.efi-tab-text {
  font-size: 18px;
  font-weight: 700;
}

.efi-tab-link {
  color: #fff;
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
}

.efi-tab-link.w--current {
  filter: none;
  color: #c2c2c2;
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
}

.efi-tab-link.black {
  color: #000;
}

.efi-tab-link.black.w--current {
  color: #777;
}

.efi-pr-01-tab-menu {
  margin-bottom: 35px;
}

.efi-pr-01-pricing-grid-wrapper.hide {
  display: none;
}

.efi-pr-01-grid {
  grid-column-gap: 75px;
  grid-template-rows: auto;
  margin-bottom: 100px;
}

.efi-pr-01-grid.hide {
  display: none;
}

.efi-pr-01-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.efi-pr-01 {
  padding: 100px 5%;
}

.gallery-scroll {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

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

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link:hover {
  color: #1a1b1fcc;
}

.gallery-link.w--current {
  font-weight: 600;
}

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

.gallery-image-wrapper {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-image-text {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.efi-paragraph-3 {
  font-size: 1.2em;
  line-height: 1.4;
}

.efi-ft-08-icon {
  background-color: #f0f0f0;
  border-radius: 20px;
  width: 75px;
  height: 75px;
  margin-bottom: 30px;
  padding: 20px;
}

.efi-ft-08-cell {
  grid-column-gap: 50px;
  grid-row-gap: 75px;
  grid-template-columns: 1fr 1fr 1fr;
}

.efi-ft-08-cell.hide {
  display: none;
}

.efi-ft-08-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.efi-ft-08 {
  background-color: #f8f8f8;
  padding: 75px 3em;
}

.uui-testimonial08_logo {
  max-height: 3rem;
}

.uui-testimonial08_divider {
  background-color: var(--untitled-ui-gray200);
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.uui-text-size-medium {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-heading-tiny {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  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: 600;
  line-height: 1.5;
}

.uui-testimonial08_client {
  text-align: left;
  align-items: center;
  display: flex;
}

.uui-heading-medium {
  color: var(--untitled-ui-gray900);
  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: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-medium.text-weight-medium {
  font-weight: 500;
}

.uui-testimonial08_rating-icon {
  color: var(--untitled-ui-warning300);
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.uui-testimonial08_rating-wrapper {
  align-items: center;
  display: flex;
}

.uui-testimonial08_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-testimonial08_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.uui-testimonial08_image-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-testimonial08_component {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

.uui-page-padding {
  z-index: 4;
  background-color: #000;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.uui-page-padding.hide {
  display: none;
}

.uui-section_testimonial08 {
  background-color: var(--black);
}

.ai-p {
  color: var(--white);
  font-size: 1.6em;
  line-height: 1.2;
}

.ai-p.b {
  color: var(--black);
  font-size: 1.4em;
}

.ai-p.in-cercle {
  color: var(--light-sea-green);
  text-align: center;
  font-size: 2em;
}

.ai-p.in-cercle.w {
  color: var(--white);
}

.list-2 {
  color: var(--white);
  margin-left: 20px;
  padding-left: 0;
}

.list-2.b {
  color: var(--black-text);
}

.ai-p-absolut {
  z-index: 2;
  color: var(--white);
  font-size: 2.5em;
  line-height: 1.4;
  position: absolute;
  inset: auto 25% 2% 5%;
}

.ai-p-absolut.b {
  color: var(--untitled-ui-gray600);
}

.ai-p-absolut.hide {
  display: none;
}

.slider-2 {
  max-width: 1920px;
  height: 90vh;
}

.slider-2.hide, .ai-hero-mob {
  display: none;
}

.ai-label-price {
  background-color: var(--tomato);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-request__btn {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 1.5em 2em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.submit-request__btn.hero {
  margin-top: 1em;
}

.ai-hero-hover-column {
  z-index: 8;
  background-color: #00000080;
  display: flex;
  position: absolute;
  inset: 0%;
}

.ai-column-item {
  flex: 1;
}

.ai-hero-image {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.ai-hero-image._1 {
  z-index: 1;
  display: block;
}

.ai-hero-image._2 {
  z-index: 2;
  display: none;
}

.ai-hero-image._3 {
  z-index: 3;
  display: none;
}

.ai-hero-image._4 {
  z-index: 4;
  display: none;
}

.ai-hero-image._5 {
  z-index: 5;
  display: none;
}

.ai-hero-image._6 {
  z-index: 6;
  display: none;
}

.ai-hero-image._7 {
  z-index: 7;
  display: none;
}

.slide-nav-2 {
  padding-left: 5%;
  font-size: .5em;
  display: flex;
}

.blog-post-container {
  max-width: 1140px;
  margin: 4em auto;
}

.rte {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.rte h2 {
  color: var(--black-text);
  margin-top: 0;
  margin-bottom: .75em;
  font-size: 3em;
  line-height: 1.2;
}

.rte p {
  color: var(--black);
  font-size: 1.5em;
  line-height: 1.4;
}

.rte blockquote {
  border-left-color: var(--light-sea-green);
  color: var(--black);
  margin-bottom: .5em;
  padding: .5em 1em;
  font-size: 1.5em;
  line-height: 1.4;
}

.rte a {
  color: var(--light-sea-green);
  text-decoration: none;
}

.rte h4 {
  color: var(--black-text);
  margin-top: 1.5em;
  margin-bottom: .25em;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.4;
}

.rte img {
  aspect-ratio: auto;
}

.rte figure {
  margin-top: 1.5em;
  margin-bottom: .5em;
  padding-bottom: 1em;
}

.rte figcaption {
  color: var(--dim-grey);
  font-size: 1.2em;
  line-height: 1.2;
}

.rte ul {
  margin-top: 0;
  margin-bottom: .5em;
  padding-left: 3em;
}

.rte li {
  color: var(--black-text);
  font-size: 1.5em;
  line-height: 1.75;
}

.rte-wrap {
  margin-top: 8em;
  margin-bottom: 2em;
}

.blog-hero-wrap {
  z-index: -1;
  flex-direction: row;
  width: 100%;
  height: 80vh;
  display: flex;
  position: sticky;
  top: 0;
}

.image-37 {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.blog-hero-txt {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 3em;
  display: flex;
}

.blog-post--heading {
  color: var(--black);
  letter-spacing: -1px;
  margin-top: 0;
  font-size: 4em;
  line-height: 1.1;
}

.blog-label-date {
  opacity: .5;
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em;
}

.blog-label-date.menu {
  margin-bottom: 1em;
}

.blog-label-date.menu.last {
  margin-top: 1em;
}

.blog-label-date.w {
  opacity: 1;
  color: var(--white);
}

.page-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.page-wrap.b-bg {
  background-color: var(--black);
}

.page-wrap._w-bg {
  background-color: #edf4f6;
}

._1st-row {
  padding-left: 3em;
  padding-right: 3em;
}

.hero-blog {
  flex-direction: column;
  justify-content: flex-end;
  height: 40vh;
  margin-bottom: 4em;
  padding-top: 8em;
  display: flex;
}

.hero-blog.hide {
  display: none;
}

.h1-blog {
  color: var(--white);
  letter-spacing: -1px;
  text-indent: -1px;
  margin-top: .5em;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 700;
}

.blog-item {
  min-height: 400px;
  position: relative;
}

.blog-collection {
  margin-bottom: 3em;
}

.blog-collection.hide {
  display: none;
}

.blog-list {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 400px;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.blog-list.paddd {
  height: 222px;
}

.blog-image {
  width: 100%;
  height: 100%;
}

.heading-blog-item {
  color: var(--white);
  margin-top: 0;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
}

.blog-item-text-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
}

.invisible-blog-link {
  z-index: 1;
  background-color: #00000080;
  height: 100%;
  padding: 1em 1.5em;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.invisible-blog-link._2 {
  z-index: 2;
  background-color: #0000;
  padding: 0;
}

.date-tags-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.menu-servuces, .manu-cases {
  grid-row-gap: 1.25em;
}

.sub-text-menu {
  color: #fff;
  margin-top: .5em;
  font-size: 1em;
  line-height: 1.1;
}

.menu-services-link-wrap {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.25em;
  display: flex;
}

.blog-tag-wrap {
  color: var(--d3);
  justify-content: flex-start;
  align-items: center;
}

.tag-txt {
  text-transform: uppercase;
  align-self: center;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
}

.tag-txt.w {
  color: var(--light-sea-green);
}

.body-blog {
  background-color: #131313;
}

.next--post {
  z-index: 33;
  height: 100%;
  position: relative;
}

.collection-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
}

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

.menu-blog {
  grid-row-gap: 1.25em;
}

.nav__menu_link-blog {
  opacity: .9;
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: color .3s, opacity .3s;
}

.nav__menu_link-blog:hover {
  opacity: 1;
  color: var(--light-sea-green);
}

.collection-item-2 {
  width: 240px;
  position: relative;
}

.p-menu-blog {
  color: var(--d3);
  text-align: left;
  margin-bottom: 1em;
  font-size: 1.2em;
  line-height: 1.2;
}

.menu-blog-img {
  margin-bottom: 1em;
}

.menu-blog-link {
  transition: border-width .3s;
  position: absolute;
  inset: 0%;
}

.menu-blog-link:hover {
  border-top: 7px solid var(--light-sea-green);
}

.menu-blog-mob {
  display: none;
}

.menu-link-2blog {
  border-bottom: 2px solid var(--light-sea-green);
  height: 24px;
  text-decoration: none;
  transition: border-width .3s;
}

.menu-link-2blog:hover {
  border-bottom-width: 4px;
}

.footer-img-services {
  object-fit: contain;
}

.img-full-height {
  height: 100%;
}

.img-grid {
  aspect-ratio: auto;
  object-fit: cover;
}

.icon-lc, .lc-render {
  aspect-ratio: 1;
  object-fit: contain;
}

.image-39 {
  object-fit: contain;
  object-position: 0% 50%;
}

.img-2plus {
  overflow: visible;
}

.image-40 {
  aspect-ratio: auto;
  object-fit: contain;
}

.play-pause-button {
  z-index: 55;
  border: .1em solid var(--light-sea-green);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #22222226;
  border-radius: 100%;
  padding: .7em;
  bottom: 3em;
  right: 3em;
}

.play {
  display: none;
}

.play_lottie {
  width: 30px;
  height: 30px;
}

.pause {
  display: none;
}

.pause_lottie {
  width: 30px;
  height: 30px;
}

.n-blog-item-wrap {
  justify-content: space-between;
  height: 480px;
  margin-bottom: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.n-blog-item-txt-wrap {
  flex-direction: column;
  justify-content: flex-start;
  min-width: 300px;
  max-width: 50ch;
  height: 100%;
  margin-right: 2em;
  padding-bottom: 0;
  display: flex;
}

.n-heading-blog-item {
  color: var(--white);
  margin-top: 0;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
}

.image-42 {
  object-position: 30% 50%;
  width: 50%;
}

._404-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: none;
}

.heading-2 {
  letter-spacing: -.1em;
  font-size: 32em;
  line-height: .7;
}

.text-block-2 {
  color: var(--dim-grey);
  font-size: 1em;
}

.link-block-2 {
  position: absolute;
  inset: 2em auto auto 2em;
}

.lc-hero-text-wrap {
  z-index: 21;
  flex-direction: row;
  align-items: flex-start;
  width: 40%;
  margin-top: 10em;
  margin-left: 3em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.lc-sensors__hero {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.hp-video-mob {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  display: none;
}

.check-icon {
  aspect-ratio: 1;
}

.gps-tracker-video {
  z-index: 1;
  height: 30em;
  margin-left: 3em;
  margin-right: 3em;
}

.gps_details_section {
  z-index: -1;
  height: 100vh;
  position: static;
  top: 0;
}

.gps_details_section.colour {
  z-index: 0;
  background-color: var(--white);
  position: relative;
}

.gps_details_section.colour.e4e4e4_l {
  background-color: #e4e4e4;
  height: 68vh;
  display: flex;
  overflow: hidden;
}

.gps_details_section.colour.e4e4e4_m {
  background-color: #e4e4e4;
  align-items: flex-start;
  height: 67vh;
  display: flex;
  position: static;
  overflow: hidden;
}

.gps_details_section.colour.ffffff_l {
  background-color: var(--white);
  align-items: flex-start;
  height: auto;
  padding-bottom: 4em;
  display: block;
}

.gps_details_section.colour.ffffff_m {
  background-color: var(--white);
  align-items: flex-start;
  height: auto;
}

.gps_details_section.colour.is_stiky {
  z-index: auto;
  flex-direction: row;
  justify-content: space-between;
  height: 2800px;
  padding-top: 16em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gps_details_section.colour.hub-2 {
  z-index: 3;
  background-color: var(--white);
  align-items: flex-start;
  height: 100vh;
  display: block;
  position: sticky;
}

.gps_details_section.colour.hub-3 {
  z-index: 3;
  background-color: var(--white);
  align-items: flex-start;
  height: auto;
  position: relative;
}

.gps_details_section.photo {
  background-image: url('../images/all-in-one.a6b33df.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  max-width: 100%;
  height: 161vw;
}

.gps_details_section.photo.linza2 {
  background-image: url('../images/4.c5fd1e6.jpg');
  background-repeat: no-repeat;
  height: 60vh;
  overflow: hidden;
}

.gps_details_section.photo._161-vw {
  overflow: hidden;
}

.gps_details_section.photo.gps1 {
  background-color: var(--white);
  background-image: url('../images/sketches.4c4bf26.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 170vh;
  width: 100%;
  height: 100vh;
  padding-left: 3em;
  padding-right: 3em;
  position: sticky;
}

.gps_details_section.photo.gps2 {
  background-color: var(--white);
  background-image: url('../images/final_design.c196dd2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 80vh;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.gps3 {
  background-color: var(--white);
  background-image: url('../images/acessories.b68d524.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: auto 73vh;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.gps4 {
  background-color: var(--white);
  background-image: url('../images/mechanical_design.642145c.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: auto 66vh;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.per1 {
  background-color: var(--white);
  background-image: url('../images/Perenio-hub_04_new.jpg');
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: block;
  position: sticky;
}

.gps_details_section.photo.ss1 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/sketches_hd.b8768b7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss1.hide {
  display: none;
}

.gps_details_section.photo.ss2 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/smart_bulb_hd.8ba466e.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss3 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/leak_sensor_hd.91db4b5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss4 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/plant_sensor_hd.5ebbccd.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss5 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/fire_alarm_hd.d085b45.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss6 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/air_quality_sensor_hd.2710be4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss7 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/smart_socket_hd.37cc542.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss8 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/door_sensor_hd.7fa4509.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss9 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/motion_sensor_hd.814e1ae.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.ss10 {
  z-index: auto;
  background-color: var(--white);
  background-image: url('../images/camera_fitness_hd.b029ccf.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
}

.gps_details_section.photo.hub1 {
  background-color: var(--white);
  background-image: url('../images/title_background.fcac352.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: block;
  position: sticky;
}

.gps_details_section.cc {
  overflow: hidden;
}

.gps_details_section.video.is_sticky {
  position: sticky;
}

.img-wrap {
  z-index: 100;
  opacity: .35;
  object-fit: cover;
  justify-content: flex-end;
  align-items: center;
  width: 440px;
  transition: opacity .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.img-wrap:hover {
  opacity: 1;
}

.img-wrap.hide {
  display: none;
}

.img-scroll-right {
  cursor: pointer;
  max-width: 400px;
  transition: all 1s;
  position: relative;
}

.img-scroll-right:hover {
  opacity: 1;
  transform: scale(1.2);
}

.wrapper {
  perspective: 2000px;
  color: #fff;
  text-align: center;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(2000px);
}

.inner {
  perspective: 1922px;
  background-color: #000;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-flow: row;
  place-items: center;
  width: 200vw;
  height: 140vh;
  display: grid;
  position: relative;
  transform: perspective(1667px)scale(1);
}

.gallyery {
  z-index: 999;
  color: var(--d3);
  text-align: center;
  letter-spacing: 1em;
  text-transform: uppercase;
  font-size: 1.2em;
  position: relative;
  left: 12px;
  transform: perspective(1176px);
}

.scroll-down-2 {
  z-index: 3;
  filter: invert(0%);
  cursor: pointer;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 30px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto auto 25px;
}

.scroll-down-2:hover {
  filter: invert();
}

.img-scroll-left {
  opacity: 1;
  cursor: pointer;
  width: 100%;
  transition: all 1s;
  position: relative;
  overflow: hidden;
}

.img-scroll-left:hover {
  transform: scale(1.2);
}

.text-wrap {
  z-index: 999;
  perspective: 2000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 640px;
  min-height: 40vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.image-3 {
  width: 10px;
  transform: rotate(90deg);
}

.headline {
  color: var(--light-sea-green);
  width: 20ch;
  font-size: 3.8em;
  line-height: 1.1;
  position: relative;
  transform: perspective(1059px);
}

.headline.ai {
  font-size: 5em;
}

.ai-p-light-f {
  color: var(--white);
  font-weight: 400;
}

.text-span-7 {
  color: var(--light-sea-green);
}

.hs-form-ai {
  width: 80%;
}

.ai-form-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-around;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
}

.ai-form-content {
  width: 80%;
}

.flex-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
}

.ai-grid-6-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 50px;
}

.ai-h2 {
  color: var(--light-sea-green);
  font-size: 5em;
  line-height: 1.2;
}

.ai-h2.b {
  color: var(--black);
}

.ai-h2.b.light {
  text-align: center;
  width: auto;
}

.ai-h2.w {
  color: var(--white);
}

.ai-h2.ch11 {
  width: 10ch;
}

.ai-h2.hight-1 {
  line-height: 1;
}

.light {
  color: var(--white);
  font-weight: 400;
}

.light.b {
  color: var(--black);
}

.ai-p-l {
  font-size: 2em;
  line-height: 1.2;
}

.ai-p-l.color {
  color: var(--light-sea-green);
}

.ai-p-small {
  font-size: 1em;
  line-height: 1.4;
}

.ai-p-small.color {
  color: var(--light-sea-green);
}

.ai-circle-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  width: 80%;
  height: 100%;
  margin-top: 180px;
  display: flex;
  position: absolute;
  inset: 2em auto 0% 0%;
}

.ai-circle-1 {
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32em;
  height: 32em;
  display: flex;
  position: relative;
}

.ai-circle-2 {
  border: 2px dotted var(--light-sea-green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 19em;
  height: 19em;
  margin-bottom: 80px;
  margin-left: -100px;
  display: flex;
  position: relative;
}

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

.ai-in-container-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ai-3-col-wrap {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  width: 100%;
  margin-top: 4em;
  padding-bottom: 0;
  display: flex;
}

.ai-col-wrap {
  width: 100%;
  padding-right: 2em;
}

.ai-col-wrap._2-col-wide {
  width: 28em;
  padding-right: 0;
}

.ai-h2-small {
  color: var(--black-text);
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2;
}

.ai-h2-small.b {
  color: var(--black);
}

.ai-h2-small.b.light {
  text-align: center;
  width: auto;
}

.ai-h2-small.w {
  color: var(--white);
}

.ai-padding {
  height: 10em;
}

.ai-padding._2em {
  height: 2em;
}

.ai-section-full-w {
  background-color: var(--white);
  width: 100%;
  padding: 15em 3em 75px;
}

.ai-p-1_2 {
  color: var(--black);
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4;
}

.ai-p-1_2.red {
  color: #a71e1e;
}

.image-43 {
  z-index: 2;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  position: relative;
}

.ai-absolute-wrap {
  z-index: 3;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: 6em 0% auto;
}

.flex-block-2 {
  position: relative;
}

.ai-wrap-relative {
  justify-content: flex-end;
  align-items: flex-start;
  height: 110vh;
  position: relative;
}

.image-44 {
  width: 100%;
}

.tile {
  background-image: url('../images/web-line-2-2.jpg');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: 3211px 35px;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.tile.hide {
  display: none;
}

.ai-cover-gradient {
  z-index: 4;
  background-image: radial-gradient(circle at 100%, #cececd 8%, #fff0 45%);
  width: 30%;
  height: 100%;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.ai-content-wrap {
  z-index: 5;
  position: absolute;
  inset: auto auto 30em 3em;
}

.ai-content-wrap.r-side {
  inset: auto 3em 10% auto;
}

.ai-content-wrap.l-side {
  width: 40%;
}

.ai-h3-caps {
  color: var(--black-text);
  letter-spacing: .4em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}

.ai-h3-caps.b {
  color: var(--black);
}

.ai-h3-caps.b.light {
  text-align: center;
  width: auto;
}

.ai-h3-caps.w {
  color: var(--white);
}

.ai-h3-caps.hide {
  display: none;
}

.ai-p-label {
  color: var(--black);
  border: 1px solid #fff;
  border-radius: 50em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .4em 1em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.ai-p-label.red {
  color: #a71e1e;
}

.ai-label-wrap {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.ai-label-wrap.last {
  margin-top: .5em;
}

.ai-padding-1em {
  height: 1em;
}

.ai--steps-section {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 80px 3em;
  position: relative;
}

.ai-txt-wrap.margin {
  margin-top: 4em;
}

.ai-txt-wrap._50per {
  width: 50%;
  padding-right: 40px;
}

.ai-all-img-wrap {
  width: 50%;
  height: 70em;
  position: relative;
  overflow: hidden;
}

.image-45 {
  height: 100%;
}

.ai--gradient {
  z-index: 1;
  background-image: linear-gradient(#000, #96969600 50%, #000);
  position: absolute;
  inset: 0%;
}

.ai-sketches {
  background-color: #dbdbdb;
  flex-flow: column;
  padding: 200px 3em 100px;
  display: flex;
  overflow: hidden;
}

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

.ai-big_number {
  color: var(--light-sea-green);
  font-size: 7em;
  line-height: .6;
}

.ai--3d-result {
  margin-bottom: 50px;
  display: flex;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--black-text);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--light-sea-green);
  background-color: var(--light-sea-green);
}

.uui-button:focus {
  border-color: var(--light-sea-green);
  background-color: var(--light-sea-green);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-pricing01_divider {
  background-color: var(--untitled-ui-gray200);
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.uui-text-size-medium-2 {
  color: var(--black-text);
  letter-spacing: normal;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-icon-1x1-xsmall {
  color: #07bab34d;
  width: 1.5rem;
  height: 1.5rem;
}

.uui-icon-1x1-xsmall.rotate {
  margin-bottom: 2px;
  margin-left: 2px;
  transform: rotate(45deg);
}

.uui-icon-1x1-xsmall.icon, .uui-icon-1x1-xsmall.icon2 {
  color: #07bab3;
}

.uui-pricing01_icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: .75rem;
}

.uui-pricing01_feature {
  display: flex;
}

.uui-pricing01_feature-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.uui-text-weight-semibold {
  font-weight: 600;
}

.uui-pricing01_card-heading {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.uui-pricing01_top-right-text {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  margin-left: .125rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.uui-pricing01_top-right-price {
  color: var(--untitled-ui-gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
}

.uui-heading-xsmall {
  color: var(--untitled-ui-gray900);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.uui-pricing01_plan-name-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .25rem;
  display: flex;
}

.uui-pricing01_top-left {
  margin-right: 1rem;
}

.uui-pricing01_content-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.uui-pricing01_plan {
  border: 1px solid var(--untitled-ui-gray200);
  background-color: var(--white);
  padding: 2rem;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-pricing01_item-text-wrapper {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.uui-icon-featured-outline-large {
  color: var(--light-sea-green);
  border: .5rem solid #f3f3f380;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.uui-pricing01_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.uui-pricing01_content-item {
  display: flex;
}

.uui-pricing01_content-list {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.uui-pricing01_component {
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 4rem;
  display: grid;
}

.uui-text-size-large {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium-2 {
  color: var(--black-text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

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

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_pricing01 {
  background-color: var(--d3);
}

.text-block-3 {
  font-family: Avenirnext, sans-serif;
}

.icon-2, .icon-3 {
  color: var(--d3);
}

.user-pic-ilya {
  background-image: url('../images/Ilya_photo_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
}

.nao-wheel__intro {
  opacity: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 110vh;
  padding-top: 8em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.nao-wheel__hero {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
}

.nao-wheel-hero-txt-wrap {
  z-index: 2;
  flex-direction: row;
  align-items: flex-start;
  width: 50%;
  margin-top: 10em;
  margin-left: 3em;
  position: absolute;
  inset: auto auto 5% 0%;
  overflow: hidden;
}

.nao-wheel-video {
  z-index: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nao-wheel-bg-vid {
  z-index: 1;
  opacity: .8;
  width: 75%;
  height: 90%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.white-overlay {
  background-color: #f0f8ffbf;
  width: 100%;
  height: 100%;
  position: absolute;
}

.white-overlay.hide {
  display: none;
}

.css-animation {
  height: 3rem;
  position: fixed;
  inset: 0% 0% auto;
}

.hero-span.slideup {
  animation-name: slideup;
  animation-duration: 1s;
  animation-delay: calc(var(--i) * .1s);
  animation-timing-function: ease-out;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: both;
  display: inline-block;
}

.h1-hero-new {
  color: var(--white);
  font-size: 3.2em;
  line-height: 1.2;
}

.nao-d-paragraph-l-copy {
  color: #595a5a;
  margin-bottom: 0;
  font-size: 1.6em;
  line-height: 1.4;
}

.nao-d-paragraph-l-copy.hide {
  display: block;
}

.nao-d-paragraph-l-copy.black {
  color: var(--black-text);
}

.nao-d-paragraph-l-copy.black.number {
  padding-top: 2px;
}

.nao-d-paragraph-l-copy.w {
  color: var(--white);
}

.nao-d-paragraph-l-copy.w.hide {
  display: none;
}

.nao-d-paragraph-l-copy.w.m-left {
  margin-top: 1em;
  margin-left: 3em;
}

.slideup {
  animation-name: slideup;
  animation-duration: .5s;
  animation-delay: calc(var(--i) * 0s);
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: both;
}

.animation-css {
  flex-flow: column;
  height: 1000px;
  display: flex;
}

.scaleup {
  animation-name: scaleup;
  animation-duration: .5s;
  animation-delay: calc(var(--i) * 0s);
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: both;
}

.nao-wheel-22223 {
  background-color: #000;
  height: 140vh;
  padding-top: 8em;
  position: relative;
  overflow: hidden;
}

.explode-vid {
  z-index: 2;
  width: 80%;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 25% 0% 0%;
}

.wheel-vid-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.wheel-vid-wrap.hide {
  display: none;
}

.wheel-black-bg {
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.h-wrap {
  z-index: 4;
  margin-top: 220px;
  position: relative;
}

.test-nav {
  width: 100%;
  position: fixed;
}

.test-nav.slidedown-nav {
  background-color: #ddd0;
  top: 0;
  left: 0;
  right: 0;
}

.slidedown-nav {
  animation-name: slidedown-nav;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: both;
}

.sticky-scroll-wrap {
  position: relative;
}

.sticky-wrap {
  padding-bottom: 0;
  position: sticky;
  top: 0;
}

.img-wrap-absolut {
  z-index: 1;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.img-wrap-absolut._2 {
  z-index: 2;
  margin-top: 100vh;
}

.img-wrap-absolut._3 {
  z-index: 3;
}

.image-test {
  width: 100%;
  height: 100vh;
}

.image-test._1 {
  z-index: 1;
  position: sticky;
  top: 0;
}

.image-test._2 {
  z-index: 2;
  position: sticky;
  top: 0;
}

.image-test._3 {
  z-index: 3;
  position: sticky;
  top: 0;
}

.image-test._4 {
  z-index: 4;
  position: sticky;
  top: 0;
}

.video-wrap-wheel {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.wheel-h-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2em;
  padding-left: 3em;
  display: flex;
  position: relative;
}

.wheel-h-wrap.no-margin {
  margin-bottom: 0;
  padding-left: 0;
}

.wheel-h-wrap.ch {
  z-index: 3;
  width: 100ch;
}

.h2-wheel {
  color: var(--side_menu_dark-blue);
  margin-bottom: 0;
  font-size: 4em;
  line-height: 1.1;
}

.h2-wheel.w {
  color: var(--d3);
  font-weight: 400;
}

.h2-wheel.w.ch-max {
  width: 20ch;
  line-height: 1.1;
}

.h2-wheel.w.ch-max-2 {
  color: var(--white);
  width: 12ch;
}

.h2-wheel.ch {
  width: 12ch;
}

.h2-wheel.normal {
  font-weight: 400;
}

.wheel-text-wrap {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 3em;
  margin-right: 3em;
  display: flex;
  position: relative;
}

.wheel-text-wrap._20-present {
  width: 20%;
}

.wheel-text-wrap.grid-6x1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2em;
  display: grid;
}

.wheel-text-wrap._60-present {
  width: 60%;
}

.nao-d-paragraph-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.nao-wheel-designed2b {
  background-color: #1e1e1e;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8em;
  padding-bottom: 8em;
  position: relative;
}

.wheel-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  position: relative;
  overflow: hidden;
}

.wheel-image {
  width: 100%;
  height: 100%;
}

.wheel-image.ratio {
  aspect-ratio: 1920 / 1828;
  margin-left: auto;
  margin-right: auto;
}

.nao-wheel-process {
  background-color: #eeecea;
  height: 110vh;
  min-height: 800px;
  padding: 8em 3em 4em;
}

.wheel-process-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  height: 90vh;
}

.wheel-grid-item {
  width: 210px;
  position: relative;
}

.wheel-p-header {
  font-size: 1.6em;
  line-height: 1.2;
}

.brand-color {
  color: var(--light-sea-green);
}

.bold-text-3 {
  color: var(--black-text);
}

.nao-wheel-design {
  background-color: #bebcc7;
  height: 110vh;
  position: relative;
  overflow: hidden;
}

.wheel-bg-image {
  width: 100%;
  height: 100%;
  bottom: 0;
}

.wheel-absolute-50-r {
  position: absolute;
  inset: 50% 10% 0% auto;
}

.wheel-abs-wrap {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.nao-wheel-light {
  background-color: var(--black);
  height: 110vh;
  position: relative;
}

.wheel-vid-light {
  z-index: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.wheel-absolute-2em {
  position: absolute;
  inset: 8em 70em 0% 0%;
}

.wheel-absolute-80r {
  position: absolute;
  inset: auto 3em 8em 73%;
}

.nao-wheel-accum {
  background-color: var(--black);
  height: 110vh;
  position: relative;
}

.wheel-absolute-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.nao-wheel-power {
  padding-top: 8em;
  position: relative;
}

.wheel-group-render {
  aspect-ratio: auto;
  margin-top: 100px;
}

.group-img-txt-wrap {
  position: absolute;
  inset: 0%;
}

.group-img-txt-item {
  z-index: 2;
  width: 7%;
  position: relative;
  top: 35%;
  left: 39%;
}

.group-img-txt-item._2 {
  top: 27%;
  left: 70%;
}

.group-img-txt-item._3 {
  top: 45%;
  left: 66%;
}

.group-img-txt-item._4 {
  top: 48%;
  left: 25%;
}

.wheel-img-reddot {
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  left: 10%;
}

.wheel-reddot-img-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 15%;
}

.reddot-winner {
  aspect-ratio: 2.39;
  object-fit: contain;
  width: 12em;
  margin-top: 2em;
  left: -16px;
}

.reddot-winner.hp {
  margin-top: 0;
}

.nao-wheel-style-imegrs {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  padding-top: 4em;
  display: flex;
  position: relative;
  top: -1px;
}

.user-pic-mask {
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.bc-user-pic {
  width: 100%;
  height: 100%;
}

.user-pic-david {
  background-image: url('../images/IMG_4053-crop_web.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
}

.user-pic-tijana {
  background-image: url('../images/unnamed_1x1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
}

.cleats-container-ms {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  background-color: #fff;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: .4fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  height: 100vh;
  display: none;
  position: relative;
  overflow: hidden;
}

._1button-ms {
  color: #eb593c;
  text-align: center;
  background-color: #fff;
  width: 9em;
  padding: 1.3em .5em;
  font-size: 2em;
  font-weight: 700;
  line-height: .5em;
}

.lottie-animation-361 {
  display: none;
}

.ai-gen-section-warehouse-robot-ms {
  z-index: 4;
  background-image: url('../images/male-men-clipboards.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  max-width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

._15shki-lottie-sequence-container-ms {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 330vh;
  padding-top: 3em;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.headlights-container-ms {
  max-width: 100%;
  padding-top: 0;
  position: static;
  overflow: hidden;
}

.tablet-15-shki-lottie-container {
  display: none;
}

.white-heading-ms {
  color: #fff;
  text-transform: uppercase;
  max-width: 12em;
  margin-top: 0;
  padding-top: 0;
  font-size: 3.5em;
  line-height: 1.2em;
}

.background-video-hero-ms {
  background-image: linear-gradient(#0000000d, #000 0% 0%, #0000 65%);
  width: 100%;
  height: 100vh;
  max-height: 1400px;
  bottom: 0;
}

.small-paragraph-ms {
  color: #9b9b9b;
  max-width: 10vw;
  font-size: 1em;
}

.cleats-video-container-ms {
  min-height: 100vh;
  display: block;
  position: sticky;
  top: 0;
  right: auto;
}

.text-block-360-ms {
  z-index: 3;
  color: #c9f0ef;
  text-align: center;
  font-size: 14vw;
  font-weight: 700;
  line-height: 1em;
  position: sticky;
  overflow: hidden;
}

.after-image-ms {
  background-color: #e2e2e2;
  background-image: url('../images/after.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.all-accessories-container-ms {
  background-image: url('../images/all-accessories-composition.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-ms {
  height: 100vh;
  margin-top: -2em;
  position: absolute;
  inset: 0%;
}

.lottie-container-360-ms {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.botton-containe-r {
  z-index: 9;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  max-width: 100vw;
  margin: 2em 0;
  display: flex;
}

.shape-smooth-image-ms {
  background-image: url('../images/shape-smooth1.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  height: 80vh;
  margin-right: 0;
  display: none;
}

.perforation-video-ms {
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.text-container-next-project-ms {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.empty-block-ms {
  width: 10vw;
}

.innovation-starts-here-container-ms {
  background-color: #07bab4;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  padding: 6em 3em 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.before-image-ms {
  background-color: #e2e2e2;
  background-image: url('../images/before.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.regular-hero-heading-ms {
  color: #fff;
  text-align: left;
  margin-top: 0;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1em;
}

.shape-smooth-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #2e2e2e;
  background-image: url('../images/shape-smooth1.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 70%;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

._360-sequence-block-ms {
  background-color: #fff;
  max-width: 100%;
  min-height: 300vh;
  display: block;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container-slider-animation-ms {
  z-index: 1;
  background-color: #e2e2e2;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tablet-shape-smooth-image-ms {
  display: none;
}

.heading-4 {
  color: #fff;
  width: 35vw;
  margin-top: 0;
  padding-left: 0;
  font-size: 6.9em;
  line-height: 1em;
}

.heading-4.end-of-page-ms {
  width: 35vw;
  margin-top: -.2em;
  padding-bottom: 0;
  font-size: 5vw;
}

.heading-2-ms-2-15 {
  color: #07bab4;
  text-transform: uppercase;
  margin-top: .5em;
  margin-bottom: .125em;
  font-size: 4.5em;
  line-height: 1em;
  display: flex;
  position: sticky;
  top: 2em;
}

.bold-hero-heading-ms {
  color: #fff;
  text-align: center;
  margin-top: .5em;
  margin-bottom: 0;
  font-size: 3vw;
  font-weight: 700;
  line-height: 1em;
}

.lottie-15shki-ms {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  bottom: 0;
}

.mobile-all-accessories {
  display: none;
  overflow: hidden;
}

.after-container-ms {
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.perforation-block-ms {
  z-index: 5;
  max-width: 100%;
  height: 100vh;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.large-top-text-block-360-ms {
  z-index: 2;
  position: absolute;
  inset: 0% 0% auto;
}

.all-accessories-container-tablet-ms {
  display: none;
  overflow: hidden;
}

.heading-black-centered-ms {
  padding-left: 0;
  padding-right: 3em;
}

.ai-gen-male-warehouse-ms {
  background-image: url('../images/warehouse-and-male-with-clipboard.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
}

.hero-section-ms {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.container-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1880px;
  margin-left: 40px;
  margin-right: 25px;
  padding-top: 40px;
  padding-bottom: 30px;
  display: block;
}

.container-copy.head {
  z-index: 2147483647;
  width: 100vw;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 1em 3em 0;
  position: sticky;
  right: 0;
  overflow: hidden;
}

._4-colomn-text-container-ms {
  color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 94vw;
  display: flex;
}

._4-colomn-text-container-ms.tablet-ms {
  display: none;
}

.nav-menu-2 {
  padding-top: 20px;
}

.heading-22-ms {
  color: #07bab4;
  text-align: center;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 60px;
}

.heading-black-ms {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  max-width: none;
  padding-top: 1em;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1em;
}

.text-block-tail-ms {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lottie-podstavka-ms {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.large-bottom-text-block-360-ms {
  z-index: 3;
  position: absolute;
  inset: auto 0% 0%;
}

.navbar-2 {
  z-index: 9999;
  background-color: #ddd0;
  width: 100%;
  position: fixed;
  top: 0;
  overflow: hidden;
}

.next-project-container-ms {
  background-image: url('../images/naowheel.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  padding-left: 3em;
  padding-right: 3em;
  display: none;
  position: relative;
  overflow: hidden;
}

.main-hero-hading-ms {
  z-index: 1;
  color: #fff;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 40%;
  margin-left: 3em;
  margin-right: 3em;
  padding-top: 7em;
  padding-bottom: 2em;
  display: flex;
  position: absolute;
  top: 0;
}

.t-end-text-ready-to-inovate {
  width: 20vw;
  padding-left: 1em;
  padding-right: 1em;
  overflow: visible;
}

.mobile-hero-image-ms {
  display: none;
}

._15shki-text-block-desktop-ms {
  z-index: 4;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container-for-container-ms {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  background-color: #07bab4;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  display: flex;
  overflow: hidden;
}

.play-2 {
  margin-bottom: 2em;
  margin-right: 2em;
}

.div-block-21 {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 95vw;
  display: flex;
  overflow: visible;
}

.pause-2 {
  margin-bottom: 2em;
  margin-right: 2em;
}

.tail-ms {
  color: #fff;
  text-align: center;
  background-color: #5a5a5a;
  width: 20em;
  height: 2em;
  padding-top: 4px;
  font-size: 1em;
  line-height: 1.5em;
}

._15shki-heading-container-ms {
  z-index: 1000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 500vh;
  padding-left: 3em;
  display: flex;
  position: absolute;
  top: 0;
}

.lottie-animation-360 {
  z-index: 9;
  width: 60vw;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.start-info-ms {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5em 3em;
  display: flex;
  overflow: hidden;
}

.info-text-black-ms {
  color: #000;
  max-width: 25em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.8em;
  line-height: 1.5em;
  overflow: hidden;
}

.info-text-black-ms.white {
  color: #fff;
  min-width: 2em;
  max-width: 25vw;
}

.info-text-black-ms.white.end-of-page {
  width: 20vw;
  min-width: auto;
  max-width: 20em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.7em;
  overflow: visible;
}

.info-text-black-ms.white.end-of-page.small-heading {
  padding-left: .5em;
  font-size: 3em;
  line-height: 1em;
}

.heading-paragraph-ms {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  margin-bottom: 3em;
  margin-left: 3em;
  display: flex;
  position: relative;
}

.cleats-video-ms {
  z-index: 6;
  width: 80vw;
  height: 100vh;
  position: relative;
  bottom: 0;
  right: 0;
}

.start-info-text-block-ms {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  align-self: auto;
  width: auto;
  padding: 5em 0;
}

._15shki-text-block-ms-tablet {
  display: none;
  position: absolute;
}

.text-block-start-info-ms {
  padding-top: 4em;
}

.lottie-animation-360-tablet {
  z-index: 9;
  width: 70vw;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.after-after {
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.logo-nao {
  width: 8vw;
  margin-top: 20px;
  margin-bottom: 20px;
}

.headlight-video {
  z-index: 9;
  height: 100vh;
}

.runner-line-ms {
  background-color: #fff0;
  background-image: linear-gradient(#fff0 5%, #fff9 40%, #fff 60%, #fff0 95%);
  justify-content: center;
  align-items: center;
  width: 2px;
  margin-left: -2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.before-containerms {
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.heading-2-ms {
  color: #07bab4;
  text-transform: uppercase;
  margin-top: .5em;
  font-size: 4.5em;
  line-height: 1em;
  display: flex;
  position: static;
  top: 2em;
}

.heading-2-ms._15shki-sticky-ms {
  position: sticky;
}

.podstavka-and-mobile-sequence-container-ms {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 260vh;
  display: flex;
  position: relative;
  left: 0;
}

.podstavka-sequence {
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.heading-paragraph-2-ms {
  flex-flow: column;
  display: flex;
  position: relative;
}

.runner-ms {
  background-color: #fff;
  border-radius: 12px;
  width: 16px;
  height: 16px;
  position: absolute;
}

.heading-paragraph-right-containerms {
  justify-content: space-between;
  align-items: flex-end;
  height: auto;
  padding-top: 1em;
  padding-left: 3em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-paragraph-right-containerms.cleats {
  overflow: visible;
}

.tablet-b-a-container, .tablet-before-after-scroll-sequence, .mobile-and-tablet-cleats {
  display: none;
}

._15shki-ms {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: sticky;
  top: 0;
  left: auto;
}

.ms-15shki {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3em;
  padding-bottom: 0;
  display: none;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ms-podstavka {
  display: none;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ms-360 {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-27 {
  font-size: 3.2em;
  line-height: 1.2px;
}

.cell {
  justify-content: center;
  align-items: center;
  display: block;
}

.cell-2 {
  display: block;
}

.ms-block-heading {
  text-align: center;
  margin-top: 7em;
  padding-left: 3em;
  padding-right: 3em;
}

.ms-shapes-text {
  z-index: 2;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  margin-bottom: 5em;
  display: flex;
  position: relative;
}

.nao-d-paragraph-l-ms-white {
  margin-bottom: 0;
  font-size: 1.6em;
  line-height: 1.4;
}

.nao-d-paragraph-l-ms-white.hide {
  display: block;
}

.nao-d-paragraph-l-ms-white.black {
  color: var(--black-text);
}

.nao-d-paragraph-l-ms-white.black.number {
  padding-top: 2px;
}

.nao-d-paragraph-l-ms-white.black.slideup {
  animation-delay: calc(var(--i) * .1s);
  animation-duration: .5s;
}

.nao-d-paragraph-l-ms-white.w {
  color: var(--white);
}

.nao-d-paragraph-l-ms-white.w.hide {
  display: none;
}

.nao-d-paragraph-l-ms-white.w.m-left {
  margin-top: 1em;
  margin-left: 3em;
}

.nao-d-paragraph-l-ms-white.slideup {
  animation-name: slideup;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: .5s;
  animation-fill-mode: both;
}

.ms-cleats {
  z-index: 5;
  width: 20%;
  margin-top: 10em;
  margin-left: 3em;
  position: absolute;
  top: 0;
}

.ms-cleats-desk {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: relative;
  top: 0;
}

.ms-cleats-container {
  min-height: 320vh;
}

.lottie-animation-364 {
  min-height: 100vh;
}

.ms-lights-text {
  text-align: left;
  width: 30%;
  margin-top: 0;
  margin-bottom: 5em;
  margin-left: 3em;
  position: absolute;
  bottom: 0;
}

.h2--ms-lights {
  color: var(--white);
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 3.2em;
  font-weight: 400;
  line-height: 1.2em;
}

.h2--ms-lights.w.caps-half {
  text-transform: none;
  font-weight: 400;
}

.h2--ms-lights.b-b-caps {
  color: var(--black-text);
  text-transform: uppercase;
  font-weight: 700;
}

.h2--ms-lights.b-b-caps.caps-half {
  color: var(--black);
  text-transform: none;
  font-weight: 400;
  line-height: 1.2;
}

.h2--ms-lights.b-b-caps.l {
  text-align: left;
}

.h2--ms-lights.b-b-caps.margin-s {
  margin-bottom: .125em;
}

.h2--ms-lights.b.caps {
  text-align: left;
  text-transform: uppercase;
}

.h2--ms-lights.ms-block-title {
  color: var(--light-sea-green);
}

.h2--ms-lights.ms-block-title-1 {
  color: var(--black);
}

.ms-accesorise-title {
  z-index: 1000;
  margin-left: 3em;
  font-weight: 400;
  position: relative;
  top: 8em;
}

.futer-h3-title {
  font-size: 3.4vh;
  line-height: 1.2;
}

.futer-paragraph {
  color: #fff;
  font-size: 1.4em;
  line-height: 1.4;
}

.futer-paragraph.hide {
  display: block;
}

.futer-paragraph.black {
  color: var(--black-text);
}

.futer-paragraph.black.number {
  padding-top: 2px;
}

.futer-paragraph.black.slideup {
  animation-delay: calc(var(--i) * .1s);
  animation-duration: .5s;
}

.futer-paragraph.w {
  color: var(--white);
}

.futer-paragraph.w.hide {
  display: none;
}

.futer-paragraph.w.m-left {
  margin-top: 1em;
  margin-left: 3em;
}

.futer-paragraph.slideup {
  animation-name: slideup;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: .5s;
  animation-fill-mode: both;
}

.footer-text-container {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  color: #fff;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 94vw;
  display: grid;
}

.footer-text-container.tablet-ms {
  display: none;
}

.futer-h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  line-height: 1;
}

.futer-h1.black {
  color: var(--black-text);
}

.futer-h1.black.slogan {
  font-size: 6em;
}

.div-block-28 {
  margin-top: 1em;
}

.footer-btm-container {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  align-items: flex-start;
  font-size: 1em;
  display: flex;
}

.div-block-29 {
  min-height: 320vh;
  position: relative;
  top: 0;
}

._15shki-lottie-sequence-container-ms-2 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 330vh;
  padding-top: 3em;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

._15shki-heading-container-ms-2 {
  z-index: 1000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 500vh;
  padding-left: 3em;
  display: flex;
  position: absolute;
  top: 0;
}

._15shki-ms-2 {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: sticky;
  top: 0;
  left: auto;
  overflow: hidden;
}

.div-block-30 {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 320vh;
  position: relative;
  overflow: clip;
}

.div-block-31 {
  z-index: 1;
  background-color: var(--white);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.ms-acessories_1_ad_lottie {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0;
}

.lottie-animation-366 {
  width: 80%;
  height: 180vh;
  margin-bottom: 1em;
}

.div-block-33 {
  z-index: 5;
  width: 25%;
  position: absolute;
  top: 7em;
  left: 3em;
}

.div-block-34 {
  background-color: var(--white);
  position: relative;
}

.div-block-31-copy {
  z-index: 1;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.div-block-35 {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0;
}

.div-block-31-copy {
  z-index: 1;
  background-color: var(--white);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.div-block-36 {
  background-color: var(--white);
  position: relative;
  overflow: clip;
}

.div-block-37 {
  z-index: 4;
  position: sticky;
  top: 0;
}

.lottie-animation-367 {
  min-width: 100vw;
  min-height: 119vh;
}

.ms-cleats-lottie {
  min-width: 110vw;
}

.div-block-32-copy {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0;
}

.div-block-30-copy {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 320vh;
  position: relative;
  overflow: clip;
}

.podstavka-and-mobile-sequence-container-ms-2 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 260vh;
  display: none;
  position: relative;
  left: 0;
}

.ms-acessories_1_adaptive {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 320vh;
  display: none;
  position: relative;
  overflow: clip;
}

.ms-acessories_1_ad_wrapper {
  z-index: 1;
  background-color: var(--white);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.ms-acessories_lottie1 {
  width: 80%;
  height: 180vh;
  margin-bottom: 1em;
}

.ms-acessories_1_lottie {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0;
}

.mobile_before-after_onscroll, .mobile-b-a-container, .ms-ba-mobile-lottie {
  display: none;
}

.ms-360-mobile {
  background-color: #fff;
  max-width: 100%;
  min-height: 300vh;
  display: none;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.ms-360-top_title_text-mobile {
  z-index: 2;
  position: absolute;
  inset: 0% 0% auto;
}

.ms-360-buttom_title_text-mobile {
  z-index: 3;
  position: absolute;
  inset: auto 0% 0%;
}

.ms-360-mobile-lottie {
  z-index: 9;
  width: 70vw;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.footer-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-left: 0;
  display: flex;
}

.footer-item {
  font-size: 1.4em;
  line-height: 1.2;
}

.lc-hero-img-bg {
  height: 100%;
}

.lc-hero-img-bg-mob {
  height: 100%;
  display: none;
}

@media screen and (max-width: 991px) {
  .h2 {
    font-size: 3.2em;
  }

  .h2.b-b-caps.caps-half {
    font-size: 3.8em;
  }

  .text-2-5.b {
    display: block;
  }

  .main-text-wrap-40-per-w {
    width: 70%;
  }

  .a__hero {
    height: 80vh;
  }

  .a__hero-text-wrap {
    width: 70%;
  }

  .a__pro {
    height: 100%;
  }

  .client-badge-2 {
    font-size: 1.8vh;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 10vh;
  }

  .h2-2 {
    font-size: 4vw;
  }

  .a_2_text-wrap-2 {
    width: 100%;
    padding-bottom: 5vh;
  }

  .a_2_text-wrap-2.width {
    width: 100%;
    padding-left: 10vw;
  }

  .img-explode {
    max-width: 100%;
    margin-top: 180px;
  }

  .a_img-wrp {
    margin-left: auto;
    top: 19px;
  }

  .grid-design {
    grid-template-rows: auto auto;
  }

  .wrpr_a_2_text-4 {
    width: 50%;
  }

  .a_2_text-wrap-3 {
    width: 70%;
    padding-top: 10vh;
    padding-left: 0;
    padding-right: 0;
  }

  .a__plus-intro {
    height: 100%;
  }

  .grid_a_plus {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .a_2_text-wrap-intro {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    padding-left: 10vw;
    padding-right: 0;
  }

  .a__grid_icons-plus {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .img-explode-pl {
    max-width: 120%;
    position: relative;
    top: 30px;
    left: -100px;
  }

  .a__plus-mat2 {
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 0;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image {
    padding-left: 100px;
    padding-right: 100px;
  }

  .main-wrap-mini {
    width: 70%;
  }

  .hero-wrap-perenio {
    background-color: #c8cccf;
    height: 100vh;
  }

  .img-perenio-01 {
    background-position: 50% 100%;
    background-size: 1000px;
  }

  .text-wrap-perenio {
    width: 71%;
  }

  .p-inspiration {
    overflow: hidden;
  }

  .p-img-insp-02 {
    display: none;
  }

  .p-form {
    height: 80vh;
  }

  .text-wrap-2-p {
    width: 100%;
    padding-top: 10vh;
    padding-right: 10vw;
  }

  .p-rule-section {
    height: 100vh;
  }

  .text-wrap-2-p-2 {
    width: 100%;
    padding-top: 50vh;
    padding-left: 10vw;
  }

  .p-img-form-2 {
    background-size: 1320px;
    top: 0%;
  }

  .p-img-insp-03 {
    top: 51%;
    left: 46%;
  }

  .p-anim-insp {
    left: 7%;
  }

  .slider-p-01 {
    height: 70vh;
  }

  .a-__hero {
    height: 80vh;
  }

  .ac-hero-text-wrap {
    width: 50%;
  }

  .ac__intro {
    height: 50vh;
  }

  .ac__designlanguage {
    height: 800px;
  }

  .ac_img-wrp {
    height: 60%;
    margin-left: auto;
  }

  .ac-img-l {
    background-position: 0%;
    background-size: cover;
    height: 520px;
  }

  .absolute_text-wrap-50per {
    width: 100%;
    inset: auto 0% 5%;
  }

  .ac__design-section {
    padding-top: 60px;
  }

  .ac_wrpr_text {
    width: auto;
    margin-top: 4em;
    left: 0;
  }

  .ac__video-wrpr {
    margin-right: 0;
  }

  .ac_video {
    left: 15%;
  }

  .ac_wrpr_text_left {
    z-index: 2;
    width: auto;
    margin-top: 4em;
  }

  .ac-tile-img-x2 {
    width: 100%;
    height: 470px;
    margin-bottom: 40px;
  }

  .air-flow-img {
    width: 100%;
    height: 460px;
    left: 0;
  }

  .ecofriendly-img {
    width: 100%;
    height: 480px;
  }

  .ac-1280-absolute {
    width: 100%;
  }

  .wrap-2-flex {
    flex-direction: column;
    align-items: stretch;
  }

  .wrap-2-flex.flip {
    flex-direction: column-reverse;
  }

  .button {
    font-size: 2vw;
    line-height: 1.5;
  }

  .nav-menu {
    flex-direction: column;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    padding-top: 8em;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
  }

  .h1.black.slogan {
    font-size: 9em;
  }

  .hp-video {
    background-image: url('../images/mobile.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .nav__menu_link {
    text-align: left;
    font-size: 20px;
    line-height: 1;
  }

  .nav__menu_link.blog {
    color: var(--tomato);
    display: block;
  }

  .mav_menu-link-wrap {
    grid-row-gap: 1.8vw;
    flex-direction: column;
  }

  .nav_manu_social {
    grid-row-gap: 2.5em;
    justify-content: flex-start;
  }

  .menu-gray-links {
    font-size: 1.5em;
  }

  .nao-d-h2.white {
    text-transform: uppercase;
  }

  .nao-d-h2.home {
    font-size: 2.5em;
  }

  .img__txt__wrap {
    grid-row-gap: 2em;
    flex-direction: column-reverse;
  }

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

  .hp-btn_learn-more {
    font-size: 1em;
    line-height: 3;
  }

  .other_icons_wrap {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .social-proof-logos-wrap {
    margin-top: 2em;
  }

  .social-proof-grid {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    width: 100%;
  }

  .nao-d-label.menu {
    margin-bottom: 0;
    font-size: 16px;
    display: none;
  }

  .nao-d__portfolio-wrap {
    width: 60%;
  }

  .clutch__wrapper {
    width: 100%;
    height: 100%;
    margin-top: 6em;
  }

  .nao-d__footer-wrap {
    grid-row-gap: 10vh;
  }

  .footer__paragraph, .footer__link {
    font-size: 1.2em;
    line-height: 1.5;
  }

  .footer-top-wrap {
    grid-row-gap: 3vw;
  }

  .footer__btn {
    width: 33vw;
    height: 11vw;
  }

  .footer_btn_txt {
    font-size: 22px;
  }

  .next__project_img {
    display: none;
  }

  .logo__embed_svg {
    width: 15vw;
    font-size: .8vw;
  }

  .abslt_shadow {
    height: 100%;
  }

  .utility-page-content {
    flex-direction: column;
  }

  .linza_details_section.colour.e4e4e4_l {
    height: 106vh;
    overflow: hidden;
  }

  .linza_details_section.colour.e4e4e4_m {
    height: 80vh;
    overflow: hidden;
  }

  .linza_details_section.colour.is_stiky {
    height: auto;
    padding-bottom: 8em;
  }

  .linza_details_section.colour.hub-2 {
    height: auto;
    position: relative;
  }

  .linza_details_section.photo.linza2 {
    background-position: 70%;
    height: 65vh;
    overflow: hidden;
  }

  .linza_details_section.photo._161-vw {
    overflow: hidden;
  }

  .linza_details_section.photo.per1 {
    background-position: 50%;
  }

  .linza_details_section.photo.ss2 {
    background-position: 60%;
  }

  .linza_details_section.photo.ss3 {
    background-image: url('../images/leak_sensor_hd.91db4b5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .linza_details_section.photo.ss4 {
    background-position: 55%;
  }

  .linza_details_section.photo.ss7 {
    background-position: 40%;
  }

  .linza_details_section.cc {
    height: 49vh;
    overflow: hidden;
  }

  .inside_mesh.type-r {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
  }

  .inside_mesh.type-r.size_constant {
    grid-template-columns: 1fr 50em;
  }

  .inside_mesh.type-l {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    position: relative;
  }

  .inside_mesh.type-l._60 {
    flex-direction: column;
    justify-content: center;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .inside_mesh.type-l.heero {
    grid-column-gap: 1vw;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .inside_mesh.three.hub3 {
    flex-direction: column;
    grid-template-rows: 1fr 500px auto;
    grid-template-columns: 100%;
    margin-left: 3em;
    margin-right: 3em;
    display: flex;
  }

  .inside_mesh.type-r-1 {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .inside_mesh.type-r-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    padding-bottom: 8vw;
  }

  .textwrapper1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .linza_hero_imagewrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
    display: flex;
  }

  .linza_hero_image {
    z-index: 1;
    flex: 1;
    align-self: stretch;
    width: 100%;
    padding-bottom: 30%;
    padding-left: 0%;
    display: block;
  }

  .linza_color_logo {
    width: 260px;
  }

  .complexwrapper.iconfield_l-copy {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    width: 90%;
  }

  .complexwrapper.iconfield_r-copy {
    width: 60%;
  }

  .complexwrapper._1 {
    padding-right: 30vw;
  }

  .complexwrapper._1._40 {
    width: 100%;
    margin-top: 56px;
    margin-bottom: 56px;
    padding-right: 5vw;
  }

  .linza_persp_view {
    width: 73vw;
  }

  .imagewrapper-r {
    flex-wrap: wrap;
    justify-content: flex-end;
    display: none;
  }

  .linza_backside {
    object-fit: contain;
    width: 65%;
    position: static;
  }

  .imagewrapper-l {
    justify-content: center;
    display: flex;
  }

  .par_1.b {
    display: block;
  }

  .par_1.b.border_left, .par_1.b.border_right {
    font-size: 1.5vh;
    line-height: 1.5;
  }

  .par_2.b {
    display: block;
  }

  .linza_mobile_app_screen {
    height: auto;
  }

  .image-10 {
    width: auto;
    max-width: 100%;
    max-height: 79%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .textwrapper3.title1 {
    padding-top: 12vw;
  }

  .lc-video-rotate {
    width: 60%;
    height: 470px;
    margin-left: 0;
    margin-right: 0;
  }

  .slider, .mask {
    height: 40em;
  }

  .image-11 {
    object-position: 0% 50%;
    padding-right: 2vw;
  }

  .sticky-text-hub {
    justify-content: flex-start;
  }

  .div-block-3, .div-block-3-copy, .div-block-3-copy-copy, .div-block-3-copy-copy-copy {
    height: 14vh;
    margin-bottom: 0;
    top: 0;
  }

  .div-block-3-copy-copy-copy-copy {
    height: 14vh;
    top: 0;
  }

  .image-22, .image-23, .image-24 {
    aspect-ratio: auto;
  }

  .linza_hero_section.colour.e4e4e4_l {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .linza-about-section.photo.linza1 {
    background-position: 61%;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  }

  .imagewrapper-c {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative;
  }

  .image-27 {
    width: 80vw;
    padding-right: 0;
  }

  .hero_mesh {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    align-content: stretch;
    align-items: start;
  }

  .inside_mesh-copy.type-l {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    position: relative;
  }

  .imagewrapper-r-2 {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .inside_mesh_app.type-r {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
  }

  .inside_mesh_app.type-r._60 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .textwrapper1_1 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 2vw;
  }

  .linza_decompose {
    margin-left: 0;
    margin-right: 0;
  }

  .linza_webservise_section.colour.e4e4e4_m {
    height: 85vh;
    overflow: hidden;
  }

  .linza_mobileapp_section.colour.e4e4e4_m {
    height: 80vh;
    overflow: hidden;
  }

  .menu_wrap {
    margin-top: 2em;
    overflow: auto;
  }

  .policy_section {
    padding-left: 3em;
    padding-right: 3em;
  }

  .nao-d-h3.white {
    text-transform: uppercase;
    font-size: 5vw;
  }

  .srvcs_hero {
    height: 80vh;
  }

  .img_hero_services {
    object-fit: cover;
    object-position: 12% 50%;
    height: 100%;
  }

  .s_about-right.flex {
    width: 100%;
  }

  .srvcs--product-design {
    flex-direction: column;
  }

  .s-right {
    width: 100%;
  }

  .s-left {
    width: 50%;
  }

  .grid-empty-space {
    width: 150px;
    height: 150px;
  }

  .srvcs--main-stages {
    flex-direction: column;
  }

  .nao-d-paragraph-s.mobile-f-size {
    font-size: 1.4em;
  }

  .img--full-width {
    min-width: auto;
  }

  .banner--wrap {
    width: auto;
  }

  .image--wrap {
    margin-bottom: 2em;
  }

  .banner---wrapp {
    flex-direction: column-reverse;
  }

  .srvcs--banner-link {
    height: 10em;
  }

  .services--wrap {
    overflow: hidden;
  }

  .at-logo-img {
    margin-left: 0;
  }

  .a-hero-text-wrap {
    width: 50%;
  }

  .linza_bt-button_section {
    flex-direction: column-reverse;
    height: auto;
  }

  .img--absolute {
    object-position: 81% 50%;
    height: 540px;
    position: relative;
  }

  .video--wrap-hub {
    display: none;
  }

  .next__project_img-mob {
    display: block;
  }

  .hub-spot-form-section {
    margin-top: 10em;
  }

  .hub-spot-form {
    width: 100%;
  }

  .hub-spot-wrap {
    flex-direction: column;
  }

  .book-a-call-header-wrap {
    width: auto;
  }

  .hub-spot-call-section {
    margin-top: 12em;
  }

  .hub-spot-call-wrap {
    flex-direction: column;
  }

  .image-35 {
    min-width: auto;
  }

  .full {
    min-height: 90dvh;
    display: flex;
  }

  .ai-hero-wrap {
    height: 90vh;
  }

  .ai-hero-text-wrap {
    width: 50%;
  }

  .ai-hero-text-wrap.mob {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    inset: 0%;
  }

  .efi-ft-05 {
    padding-top: 10%;
    padding-bottom: 10%;
    overflow: hidden;
  }

  .efi-pr-01-pricing-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .container-2 {
    max-width: 728px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-sticky {
    position: relative;
    top: 0;
  }

  .efi-ft-08-cell {
    grid-template-columns: 1fr 1fr;
  }

  .efi-ft-08 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .uui-testimonial08_component {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .slider-2 {
    height: 540px;
  }

  .ai-hero-mob {
    height: 100%;
    display: block;
  }

  .ai-hero-hover-column, .ai-hero-image._1 {
    display: none;
  }

  .rte {
    width: 100%;
  }

  .blog-hero-wrap {
    height: 480px;
  }

  .blog-hero-txt {
    margin-right: 3em;
  }

  .blog-label-date.menu {
    font-size: 16px;
  }

  .blog-item-text-wrap {
    width: 100%;
  }

  .menu-servuces {
    margin-top: 1em;
  }

  .menu-blog {
    margin-top: 1em;
    display: none;
  }

  .nav__menu_link-blog {
    text-align: left;
    font-size: 26px;
  }

  .menu-blog-mob {
    margin-top: 1em;
    display: block;
  }

  .img-2plus {
    padding-left: 100px;
    padding-right: 100px;
  }

  .play-pause-button {
    opacity: 1;
  }

  .n-blog-item-wrap {
    flex-direction: column-reverse;
    height: auto;
    margin-bottom: 2em;
    padding-top: 0;
  }

  .n-blog-item-txt-wrap {
    max-width: none;
    margin-top: 2em;
  }

  ._404-wrap {
    align-items: center;
  }

  .heading-2 {
    line-height: .8;
  }

  .lc-hero-text-wrap {
    width: 50%;
  }

  .lc-sensors__hero {
    height: 80vh;
  }

  .hp-video-mob {
    background-image: url('../images/mobile.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gps-tracker-video {
    height: 470px;
    margin-left: 0;
    margin-right: 0;
  }

  .gps_details_section.colour.e4e4e4_l {
    height: 106vh;
    overflow: hidden;
  }

  .gps_details_section.colour.e4e4e4_m {
    height: 80vh;
    overflow: hidden;
  }

  .gps_details_section.colour.is_stiky {
    height: auto;
    padding-bottom: 8em;
  }

  .gps_details_section.colour.hub-2 {
    height: auto;
    position: relative;
  }

  .gps_details_section.photo.linza2 {
    background-position: 70%;
    height: 65vh;
    overflow: hidden;
  }

  .gps_details_section.photo._161-vw {
    overflow: hidden;
  }

  .gps_details_section.photo.per1 {
    background-position: 50%;
  }

  .gps_details_section.photo.ss2 {
    background-position: 60%;
  }

  .gps_details_section.photo.ss3 {
    background-image: url('../images/leak_sensor_hd.91db4b5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gps_details_section.photo.ss4 {
    background-position: 55%;
  }

  .gps_details_section.photo.ss7 {
    background-position: 40%;
  }

  .gps_details_section.cc {
    height: 49vh;
    overflow: hidden;
  }

  .wrapper {
    display: none;
  }

  .inner {
    width: 400vw;
  }

  .hs-form-ai {
    width: 100%;
  }

  .ai-form-wrap {
    flex-flow: column;
  }

  .ai-form-content {
    width: 100%;
  }

  .empty-sell-grid, .empty-sell-grid.hide {
    display: none;
  }

  .ai-circle-wrap {
    width: 80%;
    inset: -22% -20% 0% auto;
  }

  .ai-3-col-wrap {
    flex-flow: column;
  }

  .ai-section-full-w {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .ai-wrap-relative {
    background-color: #dadbd9;
    height: 90vh;
    overflow: hidden;
  }

  .ai-content-wrap.r-side {
    bottom: 3%;
  }

  .ai-content-wrap.l-side {
    top: 15em;
    bottom: auto;
  }

  .uui-pricing01_top-right-price {
    font-size: 3.25rem;
  }

  .uui-pricing01_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .nao-wheel__intro {
    height: 60vh;
  }

  .nao-wheel__hero {
    height: 80vh;
  }

  .nao-wheel-hero-txt-wrap {
    width: 50%;
  }

  .nao-wheel-22223 {
    height: 100vh;
  }

  .h2-wheel.w.ch-max {
    width: auto;
  }

  .wheel-text-wrap.grid-6x1 {
    flex-flow: column;
    display: flex;
  }

  .nao-wheel-process {
    height: 90vh;
  }

  .wheel-process-grid {
    grid-template-rows: minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr);
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .wheel-grid-item {
    width: auto;
  }

  .nao-wheel-design {
    height: 80vh;
  }

  .wheel-bg-image {
    object-position: 30% 50%;
  }

  .wheel-absolute-50-r {
    top: 60%;
    right: 5%;
  }

  .nao-wheel-light {
    height: 80vh;
  }

  .wheel-absolute-80r {
    inset: 19em 45em 0 0%;
  }

  .nao-wheel-accum {
    height: 80vh;
  }

  .group-img-txt-item {
    width: 16%;
    top: 40%;
  }

  .group-img-txt-item._2 {
    top: 30%;
  }

  .group-img-txt-item._3 {
    top: 45%;
  }

  .group-img-txt-item._4 {
    width: 18%;
    top: 47%;
    left: 20%;
  }

  .wheel-img-reddot {
    left: 0%;
  }

  .nao-wheel-style-imegrs {
    padding-top: 0;
  }

  .cleats-container-ms {
    flex-flow: column;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    display: block;
  }

  .lottie-go-ms {
    margin-left: 3em;
  }

  ._1button-ms {
    font-size: 1.9em;
  }

  .lottie-animation-361 {
    padding-top: 8em;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
    position: sticky;
  }

  ._15shki-lottie-sequence-container-ms {
    flex-flow: column;
    min-height: 220vh;
    padding-top: 1em;
  }

  .tablet-15-shki-lottie-container {
    justify-content: center;
    align-items: flex-end;
    width: 90vw;
    height: 95vh;
    display: flex;
    position: sticky;
  }

  .white-heading-ms {
    font-size: 3em;
  }

  .cleats-video-container-ms {
    display: none;
    overflow: hidden;
  }

  .text-block-360-ms {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .all-accessories-container-ms, .slider-ms {
    display: none;
  }

  .botton-containe-r {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: start;
    width: 90vw;
    margin-top: 2em;
    padding-left: 0;
    display: grid;
  }

  .shape-smooth-image-ms {
    background-image: url('../images/shape-smooth1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    display: none;
  }

  .text-container-next-project-ms {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8em;
  }

  .empty-block-ms {
    width: 10vw;
    overflow: hidden;
  }

  .innovation-starts-here-container-ms {
    justify-content: space-between;
    align-items: stretch;
    height: 100vh;
    display: flex;
  }

  .regular-hero-heading-ms {
    font-size: 5vw;
  }

  .shape-smooth-container {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
    height: 100vh;
    padding-bottom: 4em;
  }

  .container-slider-animation-ms {
    display: none;
  }

  .tablet-shape-smooth-image-ms {
    background-image: url('../images/shape-smooth1.jpg');
    background-position: 0 100%;
    background-size: cover;
    width: 100%;
    height: 75vh;
    display: block;
  }

  .heading-4 {
    padding-bottom: .25em;
    font-size: 4.4em;
    line-height: .9em;
  }

  .heading-4.end-of-page-ms {
    width: 50vw;
    margin-top: -.1em;
    margin-bottom: 0;
    font-size: 4.5em;
    overflow: visible;
  }

  .heading-4.end-of-page-ms.smaller {
    margin-top: 0;
    font-size: 3em;
    font-weight: 400;
  }

  .heading-2-ms-2-15 {
    z-index: 2;
    margin-top: 1em;
    font-size: 3.5em;
    position: static;
    top: 1em;
  }

  .bold-hero-heading-ms {
    font-size: 5vw;
  }

  .lottie-15shki-ms {
    display: none;
  }

  .lottie-animation-363 {
    z-index: 4;
    height: 95%;
    position: relative;
    bottom: 0;
  }

  .mobile-all-accessories {
    display: none;
  }

  .all-accessories-container-tablet-ms {
    background-image: url('../images/all-accessirues.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    display: block;
    position: relative;
  }

  .heading-black-centered-ms {
    padding-left: 3em;
  }

  .ai-gen-male-warehouse-ms {
    background-image: url('../images/tablet-warehouse-and-male-with-clipboard.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .ms-before_after-text {
    height: 200vh;
    position: absolute;
    inset: 0% 0% auto;
  }

  .container-copy {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 600px;
  }

  ._4-colomn-text-container-ms {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    display: none;
  }

  ._4-colomn-text-container-ms.tablet-ms {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: .25fr .5fr;
    grid-auto-columns: 1fr;
    place-items: start;
    width: 90vw;
    display: none;
    overflow: visible;
  }

  .heading-22-ms {
    margin-top: 1em;
    font-size: 1em;
    line-height: 1em;
  }

  .heading-black-ms {
    font-size: 3.5em;
  }

  .lottie-podstavka-ms {
    display: none;
  }

  .next-project-container-ms {
    background-image: url('../images/tablet_next_project_naowheel.jpg');
    height: 100vh;
  }

  .main-hero-hading-ms {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10em;
    padding-left: 3em;
    padding-right: 1em;
  }

  .t-end-text-ready-to-inovate {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: row;
    width: 90vw;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mobile-hero-image-ms, ._15shki-text-block-desktop-ms {
    display: none;
  }

  .container-for-container-ms {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    width: auto;
    padding-top: 3em;
  }

  .play-2 {
    margin-bottom: 2em;
    margin-right: 2em;
  }

  .div-block-21 {
    flex-flow: row;
  }

  .tail-ms {
    font-size: .8em;
  }

  ._15shki-heading-container-ms {
    z-index: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 42vh;
    padding-bottom: 0;
    padding-right: 3em;
    display: flex;
    position: sticky;
  }

  .lottie-animation-360 {
    width: 90vw;
    display: none;
  }

  .start-info-ms {
    flex-flow: column wrap;
    max-height: 1800px;
    padding: 1em;
  }

  .info-text-black-ms {
    z-index: 3;
    max-width: 45vw;
    font-size: 1.6em;
    line-height: 1.4em;
    position: sticky;
  }

  .info-text-black-ms.white {
    min-width: auto;
    max-width: 45vw;
    position: static;
  }

  .info-text-black-ms.white.end-of-page {
    width: 40vw;
    padding-left: 0;
    padding-right: 1em;
    font-size: 1.3em;
  }

  .info-text-black-ms.white.end-of-page.small-heading {
    width: 50vw;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 4.4em;
    line-height: .9em;
  }

  .heading-paragraph-ms {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    margin-top: 0;
    padding-top: 10em;
    position: sticky;
    inset: .125em 0 4em;
  }

  .cleats-video-ms {
    display: none;
  }

  .start-info-text-block-ms {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding: 1em 2em 2em;
    overflow: visible;
  }

  ._15shki-text-block-ms-tablet {
    justify-content: center;
    align-items: flex-start;
    height: 235vh;
    display: block;
    position: absolute;
    top: 0;
  }

  .lottie-animation-360-tablet {
    width: 90vw;
    display: block;
  }

  .heading-2-ms {
    z-index: 2;
    width: 50vw;
    margin-top: 0;
    font-size: 3.5em;
    position: static;
    top: 1em;
  }

  .podstavka-and-mobile-sequence-container-ms {
    background-image: url('../images/derjalka_00092.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }

  .podstavka-sequence {
    display: none;
  }

  .heading-paragraph-right-containerms {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 3em;
    padding-bottom: 2em;
    display: block;
  }

  .heading-paragraph-right-containerms.cleats {
    padding-top: 6em;
  }

  .tablet-b-a-container {
    background-color: #e0e0e0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
  }

  .tablet-before-after-scroll-sequence {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    height: 200vh;
    display: flex;
    position: relative;
  }

  .mobile-and-tablet-cleats {
    background-color: #fff;
    background-image: url('../images/cleats-mobile.jpg');
    background-position: 83%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100vw;
    height: 74vh;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-26 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    display: flex;
  }

  .ms-shapes-text {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 5em;
    position: sticky;
    inset: .125em 0 4em;
  }

  .ms-cleats {
    width: 40%;
  }

  .ms-cleats-desk {
    display: none;
  }

  .h2--ms-lights.b-b-caps.caps-half {
    font-size: 3.8em;
  }

  .futer-paragraph {
    font-size: 1.6em;
  }

  .footer-text-container {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-text-container.tablet-ms {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: .25fr .5fr;
    grid-auto-columns: 1fr;
    place-items: start;
    width: 90vw;
    display: grid;
    overflow: visible;
  }

  .futer-h1.black.slogan {
    font-size: 9em;
  }

  ._15shki-lottie-sequence-container-ms-2 {
    flex-flow: column;
    min-height: 220vh;
    padding-top: 1em;
  }

  .lottie-animation-365 {
    z-index: 4;
    height: 95%;
    position: relative;
    bottom: 0;
  }

  ._15shki-heading-container-ms-2 {
    z-index: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 42vh;
    padding-bottom: 0;
    padding-right: 3em;
    display: flex;
    position: sticky;
  }

  .div-block-30, .div-block-30-copy {
    display: none;
  }

  .podstavka-and-mobile-sequence-container-ms-2 {
    background-image: url('../images/derjalka_00092.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
  }

  .ms-acessories_1_adaptive {
    display: block;
  }

  .mobile-b-a-container {
    background-color: #e0e0e0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
  }

  .ms-ba-mobile-lottie {
    padding-top: 8em;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
    position: sticky;
  }

  .ms-360-mobile-lottie {
    width: 90vw;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .text-2-5 {
    display: block;
  }

  .main-text-wrap-40-per-w {
    width: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .client-badge {
    font-size: 1.2em;
  }

  .a__hero_vid {
    display: none;
  }

  .a__hero-text-wrap.atmo {
    width: 90%;
  }

  .h2-2 {
    font-size: 6vw;
  }

  .a_2_text-wrap-2.width {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .a__pro-2 {
    height: 140vh;
  }

  .img-explode {
    margin-top: 0;
  }

  .wrpr_a_2_text {
    width: 80%;
    margin-left: 0;
  }

  .a_img-wrp {
    position: absolute;
    top: 260px;
  }

  .a__pro-design {
    height: 100%;
    padding-top: 25%;
  }

  .wrpr_a_2_text-2 {
    width: 90%;
    margin-left: 0;
    top: 65%;
  }

  .grid-design {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .wrpr_a_2_text-3 {
    width: 50%;
    padding-top: 40vh;
  }

  .wrpr_a_2_text-4 {
    width: 60%;
    padding-top: 120vh;
  }

  .wrpr_a_2_text-5 {
    width: 50%;
    padding-top: 160vh;
  }

  .a__pro-gallery, .slider-a {
    height: 60vh;
  }

  .a__plus-2 {
    padding-bottom: 0;
  }

  .img-explode-pl {
    max-width: 120%;
    top: auto;
    left: -70px;
  }

  .a__plus-gallery, .slider-a-plus {
    height: 60vh;
  }

  .wrpr_a_2_text-mat2 {
    width: 80%;
    margin-left: 10vw;
    top: 50vh;
  }

  .main-wrap-mini {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .hero-wrap-perenio {
    height: 80vh;
  }

  .img-perenio-01 {
    background-position: 50% 80%;
    background-size: 800px;
  }

  .text-wrap-perenio {
    width: 90%;
  }

  .text-wrap-2-perenio {
    width: 100%;
    padding-bottom: 75vh;
    padding-left: 50vw;
  }

  .p-inspiration {
    height: 120vh;
  }

  .p-img-insp-02 {
    top: 23%;
  }

  .p-form {
    height: 70vh;
  }

  .text-wrap-2-p {
    padding-top: 10vh;
  }

  .p-img-form {
    top: 30%;
  }

  .p-rule-section {
    height: 90vh;
  }

  .text-wrap-2-p-2 {
    width: 100%;
    padding-top: 35vh;
    padding-left: 10vw;
  }

  .p-img-form-2 {
    background-position: 50%;
    background-size: cover;
    bottom: 60%;
    left: 0;
    right: 0%;
  }

  .p-img-insp-03 {
    top: 65%;
    left: 40%;
  }

  .p-img-insp-03.cmb-1 {
    top: 30%;
    left: 20%;
  }

  .p-img-insp-03.cmb-2 {
    top: 50%;
  }

  .p-anim-insp {
    left: -5%;
  }

  .slider-p-01 {
    height: 60vh;
  }

  .a-__hero_vid {
    display: none;
  }

  .ac-hero-text-wrap {
    z-index: 2;
    width: 50%;
    margin-top: 8em;
    margin-left: 2em;
  }

  .ac__designlanguage {
    height: 750px;
  }

  .ac_img-wrp {
    position: absolute;
    inset: 0% 0% auto;
  }

  .ac_award {
    height: 480px;
  }

  .absolute_text-wrap-50per {
    padding-left: 2em;
    padding-right: 2em;
  }

  .ac__video-wrpr {
    display: flex;
    position: relative;
  }

  .ac_video {
    width: 400px;
    height: 346px;
    left: 0%;
  }

  .air-flow-img {
    background-size: contain;
    height: 380px;
    margin-top: 60px;
  }

  .ecofriendly-img {
    height: 360px;
  }

  .ac-hvac-section {
    background-color: var(--white);
    height: auto;
    padding-bottom: 466px;
  }

  .ac-hvac-img {
    background-image: url('../images/02-library-x2-copy.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
  }

  .ac_wrpr_txt_left-absolute {
    width: 80%;
    margin-left: 0;
  }

  .ac-1280-absolute {
    width: 100%;
    top: 30%;
  }

  .ac-if-award-section {
    background-color: var(--white);
    padding-bottom: 484px;
  }

  .ac-if-award-img {
    background-image: url('../images/Atmocube_01-2_hero_x2-opt.jpg');
    background-position: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
  }

  .button {
    font-size: 2vw;
  }

  .nav-menu {
    padding-top: 8em;
    padding-left: 2em;
    overflow: auto;
  }

  .container.blog {
    padding-left: 2em;
    padding-right: 2em;
  }

  .h1.black.slogan {
    font-size: 5em;
  }

  .hp-video {
    display: none;
  }

  .nao-d__brand, .nao-d__brand.w--current {
    padding-left: 0;
  }

  .nav_manu_social {
    margin-top: 2em;
    left: 3em;
  }

  .nao-d-hero-wrap {
    margin-left: 2em;
  }

  .nao-d-slogan {
    font-size: 2em;
  }

  .nao-d-hero-h1 {
    font-size: 5em;
  }

  .nao-d__wrap {
    padding-left: 2em;
    padding-right: 2em;
  }

  .nao-d-h2.white.footer {
    font-size: 40px;
  }

  .nao-d-paragraph-l.w {
    display: none;
  }

  .nao-d-label.menu {
    font-size: 14px;
  }

  .nao-d-portfolio._7 {
    background-color: #e4e4e4;
  }

  .portfolio__img {
    display: none;
  }

  .nao-d__footer-wrap {
    width: 90%;
    left: 2em;
    right: 2em;
  }

  .footer__btn {
    width: 20em;
    height: 7em;
  }

  .btns__wrapper {
    flex-direction: row;
  }

  .nao-d-next-p-wrap {
    margin-left: 2em;
  }

  .nao-d-next-project-name {
    font-size: 2em;
  }

  .logo__embed_svg, .logo__embed_svg._404 {
    width: 100px;
  }

  .container_nav {
    margin-left: 2em;
    margin-right: 2em;
  }

  .linza_details_section.colour.e4e4e4_m {
    height: 100vh;
  }

  .linza_details_section.photo.ss2 {
    background-position: 60%;
  }

  .linza_details_section.photo.ss3 {
    background-position: 43%;
  }

  .linza_details_section.photo.ss4 {
    background-position: 60%;
  }

  .linza_details_section.photo.ss6 {
    background-position: 54%;
  }

  .linza_details_section.photo.ss7 {
    background-position: 40%;
  }

  .inside_mesh.type-r.size_constant {
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
  }

  .inside_mesh.type-l {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .inside_mesh.three {
    margin-left: 2em;
    margin-right: 2em;
  }

  .inside_mesh.type-r-1 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .textwrapper1 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .textwrapper1._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .linza_hero_image {
    padding-bottom: 25%;
  }

  .linza_color_logo {
    width: 240px;
  }

  .complexwrapper {
    z-index: 3;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 2em;
    padding-right: 2em;
    position: relative;
  }

  .complexwrapper.topmargin {
    margin-top: 16em;
  }

  .linza_persp_view, .linza_backside {
    width: auto;
  }

  .par_1, .par_2 {
    display: block;
  }

  .textwrapper3.title1, .textwrapper3.title12 {
    padding-left: 2em;
  }

  .lc-video-rotate {
    width: 440px;
  }

  .slider, .mask {
    height: 30em;
  }

  .background-video-13 {
    width: 100%;
  }

  .div-block-3, .div-block-3-copy, .div-block-3-copy-copy, .div-block-3-copy-copy-copy, .div-block-3-copy-copy-copy-copy {
    height: auto;
    margin-left: 2em;
  }

  .linza-about-section.photo.linza1 {
    height: 70vh;
  }

  .image-27 {
    width: 50em;
  }

  .inside_mesh_app.type-r._60 {
    grid-template-rows: 1fr auto;
  }

  .linza_webservise_section.colour.e4e4e4_m {
    height: 70vh;
  }

  .bold-text-2 {
    font-size: 5.5vh;
  }

  .menu_wrap {
    margin-top: 0;
  }

  .img_hero_services {
    top: 15%;
  }

  .services-hero-text-wrap {
    margin-left: 2em;
  }

  .srvcs_about {
    flex-direction: column;
  }

  .s_about-lest, .s_about-right {
    width: auto;
  }

  .s_about-right.flex {
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .srvcs--banner {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .srvcs--menu-stiky {
    display: none;
  }

  .srvcs--product-design {
    padding-left: 2em;
    padding-right: 2em;
  }

  .nao-d-paragraph-m.w.ch-max {
    width: 26ch;
  }

  .s-left {
    width: 100%;
  }

  .grid-empty-space {
    width: 75px;
    height: 75px;
  }

  .main-stages-r-wrap-item {
    width: 100%;
  }

  .circle_number {
    margin-bottom: 0;
  }

  .srvcs_cases, .s--cases-wrap {
    flex-direction: column;
  }

  .s--cases-item {
    width: 100%;
    margin-bottom: 4em;
  }

  .srvcs--banner-1 {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .img--mob-hp {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    inset: 0%;
  }

  .img--mob-hp.linza {
    object-fit: contain;
    object-position: 50% 100%;
  }

  .wrpr {
    width: 80%;
  }

  .section-2 {
    align-items: center;
  }

  .padding {
    height: 30px;
  }

  .at-logo-img {
    background-position: 0%;
    background-size: contain;
  }

  .glow--absolute {
    z-index: 1;
    background-image: radial-gradient(circle at 0 0, #fff, #0000 73%);
    display: block;
    position: absolute;
    inset: 0%;
  }

  .a-hero-text-wrap {
    z-index: 2;
    width: 70%;
    margin-top: 8em;
    margin-left: 2em;
  }

  .services--num-h-wrap {
    grid-column-gap: 1em;
    flex-direction: row;
    align-items: center;
  }

  .linza--mob-app {
    flex-direction: column;
  }

  .linza--app-txt-wrap {
    width: 90%;
  }

  .app--image-wrap {
    width: 41%;
    height: 480px;
  }

  .hub-spot-form-section, .hub-spot-call-section {
    padding-left: 2em;
    padding-right: 2em;
  }

  .ai-hero-wrap {
    overflow: hidden;
  }

  .ai-hero-text-wrap {
    z-index: 2;
    width: 90%;
    margin-top: 8em;
    margin-left: 2em;
  }

  .efi-ft-05-features-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .efi-ft-05-cell.hide {
    display: none;
  }

  .efi-ft-05-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .efi-ft-05 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .efi-pr-01-pricing-grid {
    grid-row-gap: 20px;
  }

  .efi-pr-01-grid {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .gallery-scroll {
    padding: 60px 15px;
  }

  .efi-ft-08 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .uui-testimonial08_logo {
    max-height: 2.5rem;
  }

  .uui-testimonial08_logo-wrapper {
    margin-top: 1rem;
  }

  .uui-testimonial08_divider {
    display: none;
  }

  .uui-testimonial08_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-testimonial08_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .uui-testimonial08_image-wrapper {
    width: 125%;
    margin-left: -12.5%;
  }

  .uui-testimonial08_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .slider-2 {
    height: 420px;
  }

  .ai-hero-mob {
    display: block;
  }

  .ai-hero-hover-column {
    display: none;
  }

  .blog-hero-wrap {
    flex-direction: column-reverse;
  }

  .blog-hero-txt {
    width: 80%;
    margin-top: 2em;
    margin-left: 2em;
    margin-right: 2em;
    left: 2em;
  }

  .blog-label-date.menu {
    font-size: 14px;
  }

  .blog-list {
    grid-template-columns: 1fr;
  }

  .menu-servuces {
    margin-top: 2em;
  }

  .sub-text-menu {
    display: none;
  }

  .menu-services-link-wrap {
    margin-bottom: 0;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .menu-blog {
    margin-top: 2em;
  }

  .nav__menu_link-blog {
    font-size: 20px;
    line-height: 1;
  }

  .menu-blog-mob {
    margin-top: 2em;
  }

  .play-pause-button {
    right: 2em;
  }

  .n-blog-item-wrap {
    padding-top: 0;
  }

  .n-blog-item-txt-wrap {
    min-width: 280px;
  }

  .image-42 {
    width: 100%;
  }

  .lc-hero-text-wrap {
    z-index: 2;
    width: 50%;
    margin-top: 8em;
    margin-left: 2em;
  }

  .hp-video-mob {
    display: block;
  }

  .gps_details_section.colour.e4e4e4_m {
    height: 100vh;
  }

  .gps_details_section.photo.gps1 {
    background-position: 50%;
    background-size: 110em;
  }

  .gps_details_section.photo.ss2 {
    background-position: 60%;
  }

  .gps_details_section.photo.ss3 {
    background-position: 43%;
  }

  .gps_details_section.photo.ss4 {
    background-position: 60%;
  }

  .gps_details_section.photo.ss6 {
    background-position: 54%;
  }

  .gps_details_section.photo.ss7 {
    background-position: 40%;
  }

  .wrapper {
    backface-visibility: hidden;
    perspective-origin: 50%;
    transform-origin: 50%;
  }

  .inner {
    width: 450vw;
  }

  .ai-grid-6-col {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .ai-circle-wrap {
    display: none;
  }

  .ai-col-wrap._2-col-wide {
    width: 80%;
  }

  .ai-section-full-w {
    padding-left: 2em;
    padding-right: 2em;
  }

  .ai-content-wrap.r-side {
    position: relative;
    inset: 10em 2em auto;
  }

  .ai-content-wrap.l-side {
    width: 90%;
    position: relative;
    top: 10em;
    left: 2em;
  }

  .ai--steps-section {
    padding-top: 254px;
    padding-bottom: 254px;
    padding-left: 2em;
    overflow: hidden;
  }

  .ai-txt-wrap._50per {
    z-index: 2;
    width: 100%;
    position: relative;
  }

  .ai-all-img-wrap {
    width: 100%;
    height: auto;
    position: absolute;
    inset: 0%;
  }

  .image-45 {
    opacity: .5;
  }

  .ai-sketches {
    padding: 100px 2em 40px;
  }

  .ai--image {
    object-fit: cover;
    margin-bottom: 50px;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-pricing01_feature-list {
    grid-template-columns: 1fr;
  }

  .uui-pricing01_top-right-text {
    font-size: 1rem;
  }

  .uui-pricing01_top-right-price {
    font-size: 3rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-heading-xsmall {
    font-size: 1.25rem;
  }

  .uui-pricing01_content-top {
    grid-row-gap: 1rem;
    flex-direction: column-reverse;
  }

  .uui-pricing01_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-pricing01_content-list {
    grid-row-gap: 2.5rem;
  }

  .uui-pricing01_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nao-wheel__intro {
    height: 70vh;
    padding-bottom: 0;
  }

  .nao-wheel-hero-txt-wrap {
    z-index: 2;
    width: 70%;
    margin-top: 8em;
    margin-left: 2em;
  }

  .nao-wheel-bg-vid {
    width: 100%;
    height: 320px;
    margin-top: 2em;
    position: relative;
  }

  .nao-wheel-22223 {
    height: 90vh;
  }

  .image-test {
    height: 50vh;
  }

  .wheel-h-wrap {
    padding-left: 2em;
    padding-right: 2em;
  }

  .wheel-h-wrap.ch {
    width: 100%;
  }

  .h2-wheel, .h2-wheel.w.ch-max, .h2-wheel.w.ch-max-2 {
    font-size: 3em;
  }

  .wheel-text-wrap {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2em;
    padding-right: 2em;
  }

  .wheel-text-wrap._20-present, .wheel-text-wrap._60-present {
    width: auto;
  }

  .wheel-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
  }

  .wheel-image._2.hide {
    display: none;
  }

  .nao-wheel-process {
    height: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .wheel-process-grid {
    grid-template-rows: minmax(auto, .25fr);
    grid-template-columns: 1fr;
    height: auto;
    margin-right: 0;
  }

  .wheel-bg-image {
    object-position: 30% 50%;
  }

  .wheel-absolute-2em {
    right: 0;
  }

  .wheel-absolute-80r {
    top: 13em;
    right: 28em;
  }

  .wheel-group-render {
    margin-top: 0;
  }

  .group-img-txt-wrap, .wheel-img-reddot._2.hide {
    display: none;
  }

  .cleats-container-ms {
    position: relative;
  }

  ._1button-ms {
    margin-right: 0;
    font-size: 1.7em;
    font-weight: 700;
  }

  .white-heading-ms {
    font-size: 2em;
  }

  .background-video-hero-ms {
    display: none;
  }

  .text-block-360-ms {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .botton-containe-r {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 4em;
    padding-right: 0;
    display: flex;
  }

  .text-container-next-project-ms {
    padding-top: 5em;
    padding-left: 0;
  }

  .innovation-starts-here-container-ms {
    grid-column-gap: 44em;
    grid-row-gap: 44em;
    height: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .regular-hero-heading-ms {
    font-size: 2.5em;
  }

  .heading-4 {
    font-size: 3em;
  }

  .heading-4.end-of-page-ms {
    width: 90vw;
  }

  .heading-2-ms-2-15 {
    font-size: 3em;
  }

  .bold-hero-heading-ms {
    font-size: 2.5em;
  }

  .mobile-all-accessories {
    background-image: url('../images/accessories-mobile-comp.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 100vh;
    display: block;
    position: relative;
  }

  .all-accessories-container-tablet-ms {
    display: none;
  }

  .ai-gen-male-warehouse-ms {
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .hero-section-ms {
    height: 100vh;
  }

  ._4-colomn-text-container-ms.tablet-ms {
    grid-auto-flow: row;
    display: none;
  }

  .heading-22-ms {
    padding-left: .25em;
    padding-right: .25em;
    font-size: .7em;
  }

  .heading-black-ms {
    margin-left: 0;
    padding-top: 2em;
    font-size: 3.5em;
  }

  .next-project-container-ms {
    padding-left: 2em;
    padding-right: 2em;
  }

  .main-hero-hading-ms {
    z-index: 1;
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding: 0 2em;
    display: flex;
    position: absolute;
    inset: auto 0% 3.5em;
  }

  .mobile-hero-image-ms {
    background-image: url('../images/HERo-mobile-1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: block;
  }

  .container-for-container-ms {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  ._15shki-heading-container-ms {
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .info-text-black-ms {
    max-width: 100vw;
    font-size: 1.6em;
  }

  .info-text-black-ms.white {
    max-width: 90vw;
  }

  .info-text-black-ms.white.end-of-page {
    width: 90vw;
    max-width: none;
  }

  .heading-paragraph-ms {
    width: auto;
    margin-left: 2em;
    margin-right: 2em;
  }

  .start-info-text-block-ms {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  ._15shki-text-block-ms-tablet {
    height: 229vh;
  }

  .heading-2-ms {
    width: 90vw;
    font-size: 2.5em;
  }

  .heading-paragraph-right-containerms {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-and-tablet-cleats {
    background-size: contain;
    width: auto;
    height: 70vh;
  }

  .ms-shapes-text {
    width: auto;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: 2em;
    padding-top: 0;
  }

  .ms-lights-text {
    margin-left: 2em;
  }

  .footer-text-container.tablet-ms {
    grid-auto-flow: row;
    display: flex;
  }

  .futer-h1.black.slogan {
    font-size: 5em;
  }

  ._15shki-heading-container-ms-2 {
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-block-33 {
    width: auto;
    left: 2em;
    right: 2em;
  }

  .podstavka-and-mobile-sequence-container-ms-2 {
    background-position: 80%;
  }

  .ms-acessories_lottie1 {
    width: 101%;
  }

  .lc-hero-img-bg {
    display: none;
  }

  .lc-hero-img-bg-mob {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .h2.w {
    font-size: 3.5vh;
  }

  .h2.w.caps-half {
    font-size: 3em;
  }

  .h2.b, .h2.b.caps {
    font-size: 3.5vh;
  }

  .text-2-5 {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .text-2-5.w, .text-2-5.b {
    line-height: 1.3em;
  }

  .a__hero {
    height: 680px;
  }

  .a__hero-text-wrap.atmo {
    width: 90%;
  }

  .a__pro {
    overflow: hidden;
  }

  .a__overlay.blog {
    height: 100%;
  }

  .text-2-5-2 {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .text-2-5-2.b {
    line-height: 1.3em;
  }

  .h2-2 {
    top: 15vw;
    left: 5vw;
  }

  .h2-2.w {
    font-size: 3.5vh;
  }

  .text-2-5-small {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .a_2_text-wrap-2.width {
    padding-bottom: 0;
  }

  .background-video-7 {
    height: 60vh;
  }

  .a__pro-2 {
    height: 100vh;
    padding-top: 5vh;
    padding-bottom: 0;
  }

  .a_img-wrp {
    inset: 35% 0% 0%;
  }

  .a__pro-design {
    padding-top: 5%;
  }

  .wrpr_a_2_text-2 {
    top: 70%;
  }

  .a__pro-design2 {
    height: 180vh;
  }

  .grid-design {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .bg-vid-design {
    height: 50vh;
  }

  .wrpr_a_2_text-3 {
    width: 60%;
    padding-top: 10vh;
  }

  .wrpr_a_2_text-4 {
    width: 80%;
    padding-top: 80vh;
  }

  .a_2_text-wrap-3 {
    width: 80%;
  }

  .wrpr_a_2_text-5 {
    width: 60%;
    padding-top: 120vh;
  }

  .a__pro-gallery, .slider-a {
    height: 40vh;
  }

  .bg_vid-plus {
    height: 70vh;
  }

  .a__grid_icons-plus {
    grid-column-gap: 20px;
  }

  .a__plus-2 {
    height: 100vh;
    padding-top: 5vh;
  }

  .img-explode-pl {
    left: -40px;
  }

  .a__plus-gallery, .slider-a-plus {
    height: 40vh;
  }

  .a__plus-mat2 {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .grid-3 {
    grid-row-gap: 20px;
  }

  .wrpr_a_2_text-mat2 {
    top: 35vh;
  }

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

  .img-perenio-01 {
    background-position: 50% 70%;
  }

  .text-2-perenio {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .text-2-perenio.b {
    line-height: 1.3em;
  }

  .hero-text-wrap-perenio {
    padding-top: 10vw;
  }

  .text-wrap-2-perenio {
    padding-top: 5vh;
    padding-bottom: 100vh;
    padding-left: 10vw;
    left: 0%;
  }

  .p-img-insp-01 {
    width: 260px;
    height: 200px;
  }

  .p-img-insp-02 {
    width: 320px;
    height: 320px;
    display: none;
    top: 32%;
  }

  .p-form {
    height: 45vh;
  }

  .text-wrap-2-p {
    width: 100%;
    padding-top: 5vh;
    padding-right: 10vw;
  }

  .p-img-form {
    background-position: 50% 100%;
    inset: 0%;
  }

  .p-rule-section {
    height: 100%;
    padding-bottom: 20px;
  }

  .text-wrap-2-p-2 {
    padding-top: 22vh;
    position: relative;
    inset: 0%;
  }

  .p-img-form-2 {
    background-position: 50% 0;
    background-size: 500px;
    bottom: 50%;
    left: 0%;
  }

  .p-img-insp-03 {
    top: 55%;
    left: 20%;
  }

  .p-img-insp-03.cmb-1 {
    top: 35%;
    left: 60%;
  }

  .p-img-insp-03.cmb-2 {
    display: none;
    top: 65%;
    left: -20%;
  }

  .p-anim-insp {
    top: 25%;
    left: -25%;
  }

  .slider-p-01 {
    height: 35vh;
  }

  .a-__hero {
    height: 680px;
  }

  .ac-hero-text-wrap {
    width: 90%;
  }

  .ac__intro {
    height: 50vh;
  }

  .ac__designlanguage {
    flex-direction: column-reverse;
    height: auto;
  }

  .ac_img-wrp {
    height: 300px;
    position: relative;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .ac_award {
    height: 280px;
  }

  .ac-img-l {
    background-position: 25%;
    background-size: cover;
    height: 340px;
  }

  .absolute_text-wrap-50per {
    padding: 40px 2em;
    position: relative;
  }

  .ac_wrpr_text {
    top: 70%;
  }

  .ac_video {
    width: 300px;
    height: 259px;
  }

  .ac_wrpr_text_left {
    width: 100%;
  }

  .ac-tile-img-x2 {
    height: 260px;
  }

  .air-flow-img, .ecofriendly-img {
    height: 220px;
  }

  .ac-hvac-section {
    flex-direction: column-reverse;
    padding-bottom: 0;
    display: flex;
  }

  .ac-hvac-img {
    height: 260px;
  }

  .ac_wrpr_txt_left-absolute {
    position: relative;
    top: 0;
  }

  .ac-1280-absolute {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    top: 0;
  }

  .ac-if-award-section {
    flex-direction: column-reverse;
    padding-bottom: 0;
    display: flex;
  }

  .ac-if-award-img {
    height: 280px;
  }

  .wrap-2-flex {
    padding-left: 2em;
    padding-right: 2em;
  }

  .button {
    margin-right: 6px;
  }

  .nav-menu {
    padding-top: 8em;
  }

  .h1.black.slogan {
    font-size: 3em;
  }

  .menu__nav {
    width: 1.8em;
    height: 1.8em;
  }

  .nav__menu_link {
    line-height: 1.3;
  }

  .nav_manu_social {
    left: 2em;
  }

  .nao-d-hero-wrap {
    margin-right: 7em;
  }

  .nao-d-hero-h1 {
    font-size: 4.8em;
  }

  .nao-d-services-wrap {
    grid-row-gap: 2em;
  }

  .nao-d-service-item {
    height: auto;
  }

  .nao-d-service-item.padd {
    margin-bottom: 1.2em;
  }

  .nao-d-service-item.padd.first {
    margin-top: 2em;
  }

  .nao-d-h2.white.footer {
    font-size: 26px;
  }

  .nao-d-h2.home {
    font-size: 2em;
    line-height: 1.2;
  }

  .nao-d-label.menu.last {
    margin-top: 20px;
  }

  .nao-d__portfolio-wrap {
    width: 80%;
  }

  .nao-d__footer-wrap {
    grid-row-gap: 4vh;
    width: 90%;
    height: auto;
    top: 10vh;
  }

  .footer__btn {
    width: auto;
  }

  .btns__wrapper {
    flex-direction: column;
    width: 100%;
  }

  .container_nav {
    padding-bottom: 1em;
  }

  .linza_details_section.colour.is_stiky {
    height: 680px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .linza_details_section.colour.hub-2 {
    height: auto;
  }

  .linza_details_section.photo.ss1.hide {
    display: none;
  }

  .linza_details_section.photo.ss2 {
    background-position: 63%;
  }

  .linza_details_section.photo.ss3 {
    background-position: 40%;
  }

  .linza_details_section.photo.ss4 {
    background-position: 62%;
  }

  .linza_details_section.photo.ss5 {
    background-position: 39%;
  }

  .linza_details_section.photo.ss6 {
    background-position: 58%;
  }

  .linza_details_section.photo.ss7 {
    background-position: 37%;
  }

  .linza_details_section.photo.ss8 {
    background-position: 60%;
  }

  .linza_details_section.photo.ss9 {
    background-position: 39%;
    overflow: hidden;
  }

  .linza_details_section.photo.ss10 {
    background-position: 57%;
  }

  .linza_details_section.photo.ss10.hide {
    display: none;
  }

  .linza_details_section.cc {
    height: auto;
  }

  .inside_mesh.three {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: auto;
    margin-top: 2em;
    padding-bottom: 2em;
  }

  .inside_mesh.three.gps1 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .linza_hero_imagewrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .linza_hero_image {
    padding-bottom: 1%;
  }

  .linza_color_logo {
    width: 180px;
  }

  .complexwrapper.iconfield_l {
    padding-left: 0;
  }

  .complexwrapper.iconfield_r {
    padding-right: 0;
  }

  .complexwrapper.topmargin {
    margin-top: 22em;
  }

  .complexwrapper.iconfield_l-copy, .complexwrapper.iconfield_r-copy {
    width: auto;
  }

  .linza_persp_view {
    position: static;
  }

  .imagewrapper-l {
    height: auto;
  }

  .par_1 {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .par_1.w, .par_1.b {
    line-height: 1.3em;
  }

  .par_2 {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .par_2.w, .par_2.b {
    line-height: 1.3em;
  }

  .image-10 {
    aspect-ratio: 3 / 2;
    padding-left: 0;
    padding-right: 0;
  }

  .textwrapper3.title1 {
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .lc-video-rotate {
    width: 280px;
    height: 260px;
  }

  .slider, .mask {
    height: 17em;
  }

  .sticky-text-hub {
    justify-content: center;
  }

  .sticky-text-hub.hide {
    display: none;
  }

  .complexwrapper-copy {
    width: 10em;
    height: 10em;
  }

  .design_render {
    width: 10em;
    height: 10vw;
  }

  .image-27 {
    width: 45em;
  }

  .hero_mesh {
    height: 95%;
  }

  .inside_mesh-copy.type-l {
    grid-column-gap: 0vw;
    grid-row-gap: 0px;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .imagewrapper-r-2 {
    height: 280px;
  }

  .inside_mesh_app.type-r._60 {
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
  }

  .linza_decompose {
    min-width: auto;
    height: 30em;
  }

  .linza_webservise_section.colour.e4e4e4_m {
    height: auto;
  }

  .srvcs_hero {
    align-items: flex-end;
    height: 560px;
  }

  .img_hero_services {
    top: 15%;
    right: 0%;
  }

  .services-hero-text-wrap {
    width: 80%;
  }

  .srvcs--product-design, .srvcs--product-design.is-gray {
    flex-direction: column-reverse;
    padding-left: 2em;
    padding-right: 2em;
  }

  .s--grid {
    display: none;
  }

  .cases-txt-wrap {
    padding-right: 0;
  }

  .srvcs--banner-link {
    height: 8em;
  }

  .bg--banner-svg {
    left: -33%;
  }

  .s--img-mob {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .image-33 {
    object-fit: cover;
    object-position: 50% 100%;
    position: relative;
  }

  .text-block {
    font-size: 18px;
    line-height: 24px;
  }

  .link-2 {
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
  }

  .at-tag-line-logo {
    color: #888;
    font-size: 18px;
    font-weight: 400;
  }

  .at-logo-img {
    background-size: contain;
  }

  .logo--awards {
    width: 120px;
  }

  .img--h-500px {
    height: 300px;
  }

  .a-hero-text-wrap {
    width: 90%;
  }

  .img--absolute {
    object-position: 80% 50%;
    height: 360px;
  }

  .app--image-wrap {
    width: auto;
  }

  .app--img {
    object-fit: contain;
  }

  .efi-ft-05-cell.margin {
    margin-top: 0;
  }

  .container-2 {
    max-width: none;
  }

  .gallery-wrapper, .efi-ft-08-cell {
    grid-template-columns: 1fr;
  }

  .uui-testimonial08_divider {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .uui-testimonial08_component {
    grid-template-columns: 1fr;
  }

  .ai-p-absolut {
    right: 5%;
  }

  .slider-2 {
    height: 320px;
  }

  .blog-hero-txt {
    width: 85%;
  }

  .blog-post--heading {
    font-size: 3.5em;
  }

  .blog-label-date.menu.last {
    margin-top: 20px;
  }

  .sub-text-menu {
    text-align: left;
  }

  .collection-list {
    grid-auto-rows: 300px;
  }

  .nav__menu_link-blog {
    line-height: 1.3;
  }

  .collection-item-2 {
    width: 280px;
  }

  .icon-lc {
    aspect-ratio: auto;
  }

  .bg-video-absolute {
    z-index: 2;
    opacity: .5;
    width: 190px;
    height: 680px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .img-2plus {
    padding-left: 0;
    padding-right: 0;
  }

  .image-42 {
    width: auto;
    height: 100%;
  }

  .lc-hero-text-wrap {
    width: 90%;
  }

  .lc-sensors__hero {
    background-image: url('../images/sketches_hd.b8768b7.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 98vh;
    position: sticky;
    top: 0;
  }

  .gps-tracker-video {
    height: 240px;
  }

  .gps_details_section.colour.is_stiky {
    height: 680px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gps_details_section.colour.hub-2 {
    height: auto;
  }

  .gps_details_section.photo.ss1.hide {
    display: none;
  }

  .gps_details_section.photo.ss2 {
    background-position: 63%;
  }

  .gps_details_section.photo.ss3 {
    background-position: 40%;
  }

  .gps_details_section.photo.ss4 {
    background-position: 62%;
  }

  .gps_details_section.photo.ss5 {
    background-position: 39%;
  }

  .gps_details_section.photo.ss6 {
    background-position: 58%;
  }

  .gps_details_section.photo.ss7 {
    background-position: 37%;
  }

  .gps_details_section.photo.ss8 {
    background-position: 60%;
  }

  .gps_details_section.photo.ss9 {
    background-position: 39%;
    overflow: hidden;
  }

  .gps_details_section.photo.ss10 {
    background-position: 57%;
  }

  .gps_details_section.photo.ss10.hide {
    display: none;
  }

  .gps_details_section.cc {
    height: auto;
  }

  .gps_details_section.video.is_sticky {
    overflow: hidden;
  }

  .img-wrap {
    width: 300px;
  }

  .img-scroll-right {
    max-width: 300px;
  }

  .wrapper {
    justify-content: center;
    align-items: center;
    overflow: scroll;
  }

  .inner {
    perspective-origin: 50%;
    transform-origin: 50%;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
    width: 550vw;
    min-width: 2800px;
    height: 220vh;
    margin-left: auto;
    margin-right: auto;
    padding: 12vw;
    transform: none;
  }

  .img-scroll-left {
    max-width: 300px;
  }

  .text-wrap {
    justify-content: center;
    min-height: 50vh;
  }

  .headline {
    font-size: 34px;
    line-height: 44px;
  }

  .ai-h2.ch11 {
    width: auto;
  }

  .ai-h2.hight-1 {
    font-size: 4em;
    line-height: 1.2;
  }

  .image-43 {
    height: 70%;
  }

  .ai-wrap-relative {
    height: 100vh;
  }

  .ai-content-wrap.l-side {
    top: 10em;
  }

  .ai--steps-section {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .ai-sketches {
    padding-top: 100px;
  }

  .ai--image {
    margin-bottom: 20px;
  }

  .uui-pricing01_content-list, .uui-pricing01_component {
    grid-template-columns: 1fr;
  }

  .nao-wheel__intro {
    justify-content: space-between;
    height: 80vh;
  }

  .nao-wheel__hero {
    height: 680px;
  }

  .nao-wheel-hero-txt-wrap {
    width: 70%;
  }

  .nao-wheel-bg-vid {
    height: 360px;
  }

  .nao-wheel-22223 {
    height: 80vh;
  }

  .video-wrap-wheel {
    inset: auto 0% 0%;
  }

  .wheel-grid {
    width: 100%;
    height: 100%;
  }

  .nao-wheel-process {
    padding-bottom: 4em;
  }

  .nao-wheel-design {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 65vh;
    display: flex;
  }

  .wheel-bg-image {
    width: auto;
    height: 340px;
  }

  .wheel-absolute-50-r {
    position: relative;
    top: 8em;
    bottom: 0;
    right: 0;
  }

  .nao-wheel-light {
    flex-flow: column;
    justify-content: space-between;
    height: 65vh;
    display: flex;
  }

  .wheel-vid-light {
    height: 70%;
    top: auto;
  }

  .wheel-absolute-2em {
    margin-bottom: 1em;
    position: relative;
    top: 8em;
    right: 0%;
  }

  .wheel-absolute-80r {
    position: relative;
    top: 8em;
    left: 0;
    right: 0;
  }

  .wheel-shadow-mob {
    z-index: 2;
    background-image: linear-gradient(#000 28%, #0000);
    width: 100%;
    height: 70px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
    top: 150px;
  }

  .nao-wheel-power {
    padding-bottom: 8em;
  }

  .wheel-group-render {
    top: 40px;
  }

  .wheel-img-reddot {
    top: 5%;
  }

  .cleats-container-ms {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .lottie-go-ms {
    margin-left: auto;
  }

  ._1button-ms {
    width: auto;
    font-size: 1.5em;
  }

  .white-heading-ms {
    font-size: 1.9em;
  }

  .botton-containe-r {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    align-items: stretch;
  }

  .innovation-starts-here-container-ms {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-left: 2em;
    padding-right: 2em;
    overflow: hidden;
  }

  .regular-hero-heading-ms {
    font-size: 2em;
  }

  ._360-sequence-block-ms {
    display: none;
  }

  .heading-4.end-of-page-ms, .heading-4.end-of-page-ms.smaller {
    font-size: 2.5em;
  }

  .heading-2-ms-2-15 {
    font-size: 1.9em;
  }

  .bold-hero-heading-ms {
    font-size: 2em;
  }

  .heading-black-centered-ms {
    padding-left: 0;
    padding-right: 0;
  }

  .container-copy {
    margin-left: 10px;
    padding-top: 0;
    padding-bottom: 49px;
    padding-right: 10px;
  }

  .container-copy.head {
    display: none;
  }

  ._4-colomn-text-container-ms.tablet-ms {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-22-ms {
    padding-left: 0;
    padding-right: 0;
    font-size: .9em;
  }

  .heading-black-ms {
    width: 100vw;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 2em;
  }

  .next-project-container-ms {
    padding-left: 1em;
    padding-right: 1em;
  }

  .main-hero-hading-ms {
    padding-top: 0;
    padding-left: 2em;
  }

  .container-for-container-ms {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    width: auto;
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  ._15shki-heading-container-ms {
    padding-top: 10em;
  }

  .start-info-ms {
    flex-flow: column;
    padding-left: 2em;
    padding-right: 2em;
  }

  .info-text-black-ms {
    min-width: 250px;
    font-size: 1.6em;
    line-height: 25px;
  }

  .info-text-black-ms.white.end-of-page {
    font-size: 1.1em;
  }

  .heading-paragraph-ms {
    margin-left: 0;
    margin-right: 0;
    padding-top: 4em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .heading-paragraph-ms.mobile {
    padding-top: 7.5em;
  }

  .start-info-text-block-ms {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2-ms {
    font-size: 2em;
  }

  .menu-button-2 {
    padding-top: 28px;
  }

  .podstavka-and-mobile-sequence-container-ms {
    background-position: 73%;
  }

  .heading-paragraph-right-containerms, .heading-paragraph-right-containerms.cleats {
    padding-left: 1em;
    padding-right: 1em;
  }

  .tablet-before-after-scroll-sequence {
    background-color: #e0e0e0;
    display: none;
  }

  .mobile-and-tablet-cleats {
    width: 50%;
    height: 100vh;
    position: absolute;
    right: 0;
  }

  .div-block-26 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .ms-block-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .ms-shapes-text {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 4em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .ms-cleats {
    margin-left: 2em;
  }

  .ms-lights-text {
    width: auto;
  }

  .h2--ms-lights.w {
    font-size: 3.5vh;
  }

  .h2--ms-lights.w.caps-half {
    font-size: 3em;
  }

  .h2--ms-lights.b, .h2--ms-lights.b.caps {
    font-size: 3.5vh;
  }

  .footer-text-container {
    width: auto;
  }

  .footer-text-container.tablet-ms {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .futer-h1.black.slogan {
    font-size: 3em;
  }

  .mobile_before-after_onscroll {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: 200vh;
    display: flex;
    position: relative;
  }

  .ms-360-mobile {
    display: block;
  }

  .ms-360-top_title_text-mobile {
    padding-top: 3em;
  }
}

#w-node-_816f03bb-8444-392f-5af1-010dd46ac63b-ce6b8d25, #w-node-ac71fb32-34e7-9358-0ad6-13a8130954af-ce6b8d25, #w-node-_75d508a3-c3b3-5e6e-0892-154e31bb92b4-ce6b8d25, #w-node-_1aefe76d-61d8-513d-bd62-dc34f0b835ea-ce6b8d25, #w-node-d1ab5c31-b5c9-92fa-07e1-85387dff1817-ce6b8d25, #w-node-_01e482da-564b-968f-f3f7-95f100a5eb93-ce6b8d25 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_632b55e3-7861-e908-3c9c-767839ab0ad1-39ab0acc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fab81c75-4fdf-f308-dfe9-ddb6776b6b74-1b6b8d46 {
  align-self: start;
}

#w-node-_0de54684-3acb-14e6-e6d6-83a5665796ca-1b6b8d46, #w-node-_25069bcd-1efd-6c11-1ac4-77a7486e2c7d-1b6b8d46, #w-node-_03186fc1-7d9b-0740-5216-8ade07d7dcf3-1b6b8d46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_51a0f5db-bafd-cb6c-bd3f-5cef481448d7-1b6b8d46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_3c7929f4-c945-518a-6b80-e860ca376b20-1b6b8d46 {
  align-self: center;
}

#w-node-_0e14bb14-0d0c-0bfa-6baf-9278c2f67d8c-1b6b8d46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_0024b5b3-8969-667a-28f7-21858f7dadad-1b6b8d46 {
  place-self: center;
}

#w-node-_64672e88-6881-8db4-c7d4-6e1567bc8e18-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_5740a153-8c75-108b-c529-ebe30f4665be-ae6b8d49, #w-node-_9f4b3278-b491-d460-9862-4976d5168aa8-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-fa613df0-bb17-de94-2bd1-ba930ae3800c-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-fa613df0-bb17-de94-2bd1-ba930ae3800e-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-bf7abd8a-a428-645f-c463-5a279f21d957-ae6b8d49 {
  align-self: center;
}

#w-node-c66ee426-229c-4cf3-8e80-d4a163f4da67-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c66ee426-229c-4cf3-8e80-d4a163f4da65-ae6b8d49, #w-node-cc123046-2dff-bb84-6c27-b1735be157f5-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_6e700e4b-07bc-01a2-2ce3-fa9efc2ed970-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc123046-2dff-bb84-6c27-b1735be157f7-ae6b8d49, #w-node-_51244b42-82de-3f18-c507-8f819ea75004-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b6f09c74-5369-5d5b-62aa-47b9b4161789-ae6b8d49 {
  align-self: center;
}

#w-node-b6f09c74-5369-5d5b-62aa-47b9b416178a-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b6f09c74-5369-5d5b-62aa-47b9b4161798-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_67884fc6-a982-e95d-cc5d-e0c91b0b9c36-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-ac82fb91-fb1d-9293-0189-cc5b72b61f92-ae6b8d49 {
  align-self: center;
}

#w-node-e6da57c7-25a3-4b35-f5f6-2a0fd290bad2-ae6b8d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_38ed2943-8a1f-f8ba-7012-8e17d4e1ff4e-c96b8d5f, #w-node-_6c54c2f4-ea61-f3bd-5838-149951e224b7-3d6b8d75 {
  align-self: start;
}

#w-node-a9d32a7a-c1fe-880f-eb4d-e4e86224426a-3d6b8d75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-da921507-0de2-97db-8b6e-c29588376507-3d6b8d75, #w-node-_15455b20-96ec-2fef-eed0-1ba57386559e-3d6b8d75, #w-node-_168ede64-64d7-755e-d208-2a4cb7989598-3d6b8d75, #w-node-c1e48fec-6149-40f6-4666-22e04e8a7367-3d6b8d75, #w-node-ddbf6c53-9f4a-147d-0fb0-ac088fd96f32-3d6b8d75, #w-node-b8b2eba0-2a49-bed0-e88d-0054891a2275-3d6b8d75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a9d32a7a-c1fe-880f-eb4d-e4e86224426f-3d6b8d75 {
  align-self: center;
}

#w-node-a9d32a7a-c1fe-880f-eb4d-e4e862244270-3d6b8d75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_2a341619-3510-d65c-308c-6fe373fe45df-3d6b8d75, #w-node-_1ff8d24a-76d0-9fea-0049-0199837d0e15-3d6b8d75, #w-node-c0c47add-0efd-f92d-df74-294b736d8f48-3d6b8d75, #w-node-_287f7447-3042-df8b-ff5b-b0d492998506-3d6b8d75, #w-node-_2df62943-248c-d37d-789a-ccfd66ded185-3d6b8d75, #w-node-f00ce229-8eca-c140-04b4-bdcb6afe5e30-3d6b8d75, #w-node-_5e7bea9a-1661-511a-d7cc-ce849768a410-3d6b8d75, #w-node-f6beae31-bec7-a6ce-5452-e1553246d4b2-3d6b8d75, #w-node-_55f2c0ce-11aa-b215-f06f-21148fa8d913-3d6b8d75, #w-node-_8d15b576-06d2-8cd0-7828-6c4b7bbc0bf3-3d6b8d75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87140dca-538a-4a68-b020-8411031c3575-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2a4e6677-c8f8-6e40-0abe-aaa0608f0072-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87140dca-538a-4a68-b020-8411031c3581-a7f3b0e6, #w-node-_6ec588ae-7c85-a316-8519-93aa48add374-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_6ec588ae-7c85-a316-8519-93aa48add36a-a7f3b0e6, #w-node-_88fe4862-5d77-e39c-27da-38c49aacba82-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_88fe4862-5d77-e39c-27da-38c49aacba8c-a7f3b0e6, #w-node-d51babbf-1629-0f29-d366-8decd362e0e4-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-d51babbf-1629-0f29-d366-8decd362e0e5-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ca3160ae-d58e-d9ff-6064-375400d90381-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70af5fc9-b6a8-ca6a-bcae-8bbb37668739-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_70af5fc9-b6a8-ca6a-bcae-8bbb37668743-a7f3b0e6, #w-node-c76c119d-139b-e65e-a79a-b91fe972213b-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-c76c119d-139b-e65e-a79a-b91fe972213c-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_009a9d7a-a922-cc6e-1f94-b0e883dc9752-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44f4863f-bb09-b0ba-4336-c1851ce389ff-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_44f4863f-bb09-b0ba-4336-c1851ce38a09-a7f3b0e6, #w-node-_77d5a950-9f47-0e7d-998c-2c0fbf424a3b-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_77d5a950-9f47-0e7d-998c-2c0fbf424a3c-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b056dce7-25d7-1971-1728-f18192eb8e23-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d869da15-d6af-9c14-c1fa-e84841ca823e-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d869da15-d6af-9c14-c1fa-e84841ca824a-a7f3b0e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-cc8ef484-657d-ceac-eeec-d420703010b8-a56a75f3 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-cc8ef484-657d-ceac-eeec-d420703010ba-a56a75f3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-cc8ef484-657d-ceac-eeec-d420703010bb-a56a75f3, #w-node-cc8ef484-657d-ceac-eeec-d420703010bc-a56a75f3, #w-node-cc8ef484-657d-ceac-eeec-d420703010bd-a56a75f3, #w-node-cc8ef484-657d-ceac-eeec-d420703010be-a56a75f3, #w-node-cc8ef484-657d-ceac-eeec-d420703010c0-a56a75f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc8ef484-657d-ceac-eeec-d420703010c1-a56a75f3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-cc8ef484-657d-ceac-eeec-d420703010c3-a56a75f3, #w-node-cc8ef484-657d-ceac-eeec-d420703010c4-a56a75f3, #w-node-cc8ef484-657d-ceac-eeec-d420703010c8-a56a75f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc8ef484-657d-ceac-eeec-d420703010cb-a56a75f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb0f-a56a75f3 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb11-a56a75f3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb12-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb13-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb14-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb15-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb17-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb19-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb1a-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb1b-a56a75f3, #w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb1e-a56a75f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61d384f8-b0d2-2098-a349-c100d1d6eb21-a56a75f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_98fffe9f-50d8-9865-948f-48b352dcb0aa-a56a75f3 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-d0d2a4f7-22ad-ede4-7134-7ed83ac45f1e-a56a75f3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_949afc8b-385b-0667-8a43-f8977d32f4ce-a56a75f3, #w-node-_73a549c1-2532-e91f-b7a5-9e0be55f11d2-a56a75f3, #w-node-_8f07e95f-2089-587f-5c53-aa8bb0b74c35-a56a75f3, #w-node-_6024f8e8-3240-5da7-039f-c3ddcff34a6c-a56a75f3, #w-node-_21b381b0-726c-3785-0751-174af8ae2439-a56a75f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86ecfc59-7cc1-4063-6cd0-9dc6aa01e751-a56a75f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a04c638b-ced4-673d-06f0-8438d642be2d-a56a75f3, #w-node-cc5e8b44-473d-16fa-4d4e-f0b0a60b0303-a56a75f3, #w-node-_44403254-d12d-e0bc-6f8a-6cebd2a70f9d-a56a75f3, #w-node-b885ad11-c0ae-c01e-b475-a0ff59faa595-a56a75f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a1-a56a75f3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9a9321e5-9b06-8293-706a-101bbfe4c39f-a56a75f3 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a5-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a2-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a3-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a4-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a7-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3aa-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3af-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3ab-a56a75f3, #w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3a8-a56a75f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a9321e5-9b06-8293-706a-101bbfe4c3b2-a56a75f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_816f03bb-8444-392f-5af1-010dd46ac63b-5e1ab488, #w-node-ac71fb32-34e7-9358-0ad6-13a8130954af-5e1ab488, #w-node-_75d508a3-c3b3-5e6e-0892-154e31bb92b4-5e1ab488, #w-node-_1aefe76d-61d8-513d-bd62-dc34f0b835ea-5e1ab488, #w-node-d1ab5c31-b5c9-92fa-07e1-85387dff1817-5e1ab488, #w-node-_01e482da-564b-968f-f3f7-95f100a5eb93-5e1ab488 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a413f0-a88ce3f2 {
  grid-area: 1 / 3 / 5 / 4;
  place-self: center;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a413f7-a88ce3f2 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a413f9-a88ce3f2 {
  grid-area: 2 / 2 / 4 / 3;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a413fb-a88ce3f2 {
  grid-area: 6 / 1 / 2 / 2;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a413fd-a88ce3f2 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: start;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a413ff-a88ce3f2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a41400-a88ce3f2 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a41402-a88ce3f2 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a41404-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a41406-a88ce3f2 {
  grid-area: 1 / 1 / 3 / 1;
  align-self: center;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a41408-a88ce3f2 {
  grid-area: 3 / 4 / 4 / 6;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a4140a-a88ce3f2 {
  grid-area: 1 / 5 / 3 / 6;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a4140c-a88ce3f2 {
  grid-area: 4 / 3 / 5 / 6;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a4140e-a88ce3f2 {
  grid-area: 3 / 2 / 5 / 5;
}

#w-node-_3bcd1216-2696-25b1-bd47-429384a41410-a88ce3f2 {
  grid-area: 4 / 5 / 6 / 6;
}

#w-node-_0e975351-1f61-dfea-128f-199f603c2aa8-a88ce3f2 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-bb0d65d9-9880-7c22-64a0-2d91db47c664-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b539a26e-6908-bba6-4608-dd609395dd24-a88ce3f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a9d2d13c-63c2-b60b-16de-54ac6d79075c-a88ce3f2 {
  grid-area: 2 / 1 / 4 / 4;
}

#w-node-bd1fa3a8-f64e-fcb7-4949-0588edc9898f-a88ce3f2 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_034ee822-e85a-4619-c3c3-55fdec225105-a88ce3f2 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0e975351-1f61-dfea-128f-199f603c2aab-a88ce3f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0e975351-1f61-dfea-128f-199f603c2ab1-a88ce3f2, #w-node-_0e975351-1f61-dfea-128f-199f603c2ab6-a88ce3f2, #w-node-_0e975351-1f61-dfea-128f-199f603c2ac0-a88ce3f2, #w-node-_0e975351-1f61-dfea-128f-199f603c2ac5-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e975351-1f61-dfea-128f-199f603c2aca-a88ce3f2 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_9a0286fc-064a-f785-efab-c5c04cafe0af-a88ce3f2, #w-node-b9a9d0b3-3564-1c2f-f2e8-2ed1f9acd7ab-a88ce3f2, #w-node-b9a9d0b3-3564-1c2f-f2e8-2ed1f9acd7b3-a88ce3f2, #w-node-b9a9d0b3-3564-1c2f-f2e8-2ed1f9acd7bb-a88ce3f2, #w-node-b9a9d0b3-3564-1c2f-f2e8-2ed1f9acd7c3-a88ce3f2, #w-node-b9a9d0b3-3564-1c2f-f2e8-2ed1f9acd7cb-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7fe4f1f7-7603-f684-cce9-f0351a859d97-a88ce3f2, #w-node-_7fe4f1f7-7603-f684-cce9-f0351a859d98-a88ce3f2, #w-node-_257de63a-15b2-2d04-f837-520fb2317b63-a88ce3f2, #w-node-_257de63a-15b2-2d04-f837-520fb2317b60-a88ce3f2, #w-node-_59dee722-d368-1d10-700e-229ca0db8f58-a88ce3f2, #w-node-_59dee722-d368-1d10-700e-229ca0db8f55-a88ce3f2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e9dfdbaa-7c45-40b6-897d-21fc8be8c45c-a88ce3f2 {
  grid-area: 2 / 2 / 4 / 4;
}

#w-node-e9dfdbaa-7c45-40b6-897d-21fc8be8c45d-a88ce3f2 {
  grid-area: 4 / 1 / 6 / 3;
}

#w-node-e9dfdbaa-7c45-40b6-897d-21fc8be8c45e-a88ce3f2 {
  grid-area: 4 / 3 / 7 / 5;
}

#w-node-e9dfdbaa-7c45-40b6-897d-21fc8be8c45f-a88ce3f2 {
  grid-area: 4 / 5 / 6 / 7;
}

#w-node-e9dfdbaa-7c45-40b6-897d-21fc8be8c460-a88ce3f2 {
  grid-area: 1 / 4 / 4 / 6;
}

#w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd215-a88ce3f2, #w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd21f-a88ce3f2, #w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd229-a88ce3f2 {
  align-self: start;
}

#w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd24d-a88ce3f2, #w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd252-a88ce3f2, #w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd257-a88ce3f2, #w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd25c-a88ce3f2, #w-node-bdf3c3e2-e55c-38a0-d8f5-10f9248cd261-a88ce3f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac847-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac881-a88ce3f2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac883-a88ce3f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac88d-a88ce3f2 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac88f-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac899-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac89e-a88ce3f2, #w-node-_954c5e8d-4544-01d0-331e-e63b2e69a613-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac894-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac888-a88ce3f2 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac8ad-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac8b0-a88ce3f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_87f75166-9e52-e996-f61f-b7a64edac8b7-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac8be-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac8c3-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac8c8-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac8cd-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac8d2-a88ce3f2, #w-node-_87f75166-9e52-e996-f61f-b7a64edac8dc-a88ce3f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_295cdb25-5981-cbfb-5169-5750d4c935b1-a88ce3f2, #w-node-_295cdb25-5981-cbfb-5169-5750d4c935b4-a88ce3f2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3f333a57-dd7c-be8c-e6d9-31c24a658ccd-a88ce3f2, #w-node-_448e511e-e2ab-ac1d-8a22-849d9177ecb4-33130baf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8df91cc-7a2f-8efa-f528-067383a0c18f-2d1d8a83, #w-node-_1ae300e6-6165-c1a1-b67c-feaca0a820ec-2d1d8a83 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-ee77ae2b-11e2-0429-c017-439415c9d0db-2d1d8a83, #w-node-_43404c88-59e0-ef6c-1938-a6f3d06debcd-2d1d8a83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0a68253a-2d92-ea25-e0fa-4b15b05919ce-2d1d8a83 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-afdd1ad9-71f9-c351-76e4-01dad1093dfe-2d1d8a83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bfc361c5-7ab2-1c18-5c56-73bcdbd240f4-2d1d8a83 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-_3b1555dc-562d-34db-cedb-63051de08d6f-2d1d8a83 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_14e274cf-163c-7deb-44f6-9a3d3777b0cc-2d1d8a83 {
  grid-area: 3 / 4 / 5 / 5;
}

#w-node-f3e835bc-41ea-ba79-6d5f-976106a14e20-2d1d8a83 {
  grid-area: 2 / 5 / 5 / 6;
}

#w-node-accf0234-ac8b-38f1-8e9b-ab309cd123c5-2d1d8a83 {
  grid-area: 1 / 6 / 5 / 7;
}

#w-node-_2097a2a1-6712-efe7-18e3-591d51cf8033-2d1d8a83 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2097a2a1-6712-efe7-18e3-591d51cf8039-2d1d8a83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_681015f6-521f-8f78-2fec-0c932054a7cb-2d1d8a83 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_470ee850-3185-178e-96ed-7b0c0df50296-2d1d8a83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c816195a-a613-4633-a20b-b9db4bd4ecb4-2d1d8a83 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c816195a-a613-4633-a20b-b9db4bd4ecbb-2d1d8a83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a4d12440-d96c-9518-6521-277443824491-c044d66d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto;
}

@media screen and (max-width: 991px) {
  #w-node-c8c02fbb-5a91-e403-465b-846c17137e27-ab6b8d3c {
    order: -9999;
  }

  #w-node-_64672e88-6881-8db4-c7d4-6e1567bc8e18-ae6b8d49 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start;
  }

  #w-node-_0e975351-1f61-dfea-128f-199f603c2aa8-a88ce3f2 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-bd1fa3a8-f64e-fcb7-4949-0588edc9898f-a88ce3f2 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e9dfdbaa-7c45-40b6-897d-21fc8be8c461-a88ce3f2 {
    order: -9999;
  }

  #w-node-_0a68253a-2d92-ea25-e0fa-4b15b05919ce-2d1d8a83 {
    grid-column: span 3 / span 3;
  }

  #w-node-afdd1ad9-71f9-c351-76e4-01dad1093dfe-2d1d8a83, #w-node-bfc361c5-7ab2-1c18-5c56-73bcdbd240f4-2d1d8a83 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3b1555dc-562d-34db-cedb-63051de08d6f-2d1d8a83, #w-node-_14e274cf-163c-7deb-44f6-9a3d3777b0cc-2d1d8a83, #w-node-f3e835bc-41ea-ba79-6d5f-976106a14e20-2d1d8a83, #w-node-accf0234-ac8b-38f1-8e9b-ab309cd123c5-2d1d8a83 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2097a2a1-6712-efe7-18e3-591d51cf8033-2d1d8a83 {
    grid-column: span 3 / span 3;
  }

  #w-node-_2097a2a1-6712-efe7-18e3-591d51cf8039-2d1d8a83 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_681015f6-521f-8f78-2fec-0c932054a7cb-2d1d8a83 {
    grid-column: span 3 / span 3;
  }

  #w-node-_470ee850-3185-178e-96ed-7b0c0df50296-2d1d8a83 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-c816195a-a613-4633-a20b-b9db4bd4ecb4-2d1d8a83 {
    grid-column: span 3 / span 3;
  }

  #w-node-c816195a-a613-4633-a20b-b9db4bd4ecbb-2d1d8a83 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-a4d12440-d96c-9518-6521-277443824491-c044d66d {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_64672e88-6881-8db4-c7d4-6e1567bc8e18-ae6b8d49 {
    justify-self: auto;
  }

  #w-node-fa613df0-bb17-de94-2bd1-ba930ae3800c-ae6b8d49 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-bd1fa3a8-f64e-fcb7-4949-0588edc9898f-a88ce3f2 {
    grid-area: 3 / 4 / 4 / 6;
  }

  #w-node-_0e975351-1f61-dfea-128f-199f603c2aab-a88ce3f2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_0e975351-1f61-dfea-128f-199f603c2aca-a88ce3f2 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-d8df91cc-7a2f-8efa-f528-067383a0c18f-2d1d8a83 {
    grid-area: span 4 / span 3 / span 4 / span 3;
  }

  #w-node-_1ae300e6-6165-c1a1-b67c-feaca0a820ec-2d1d8a83, #w-node-ee77ae2b-11e2-0429-c017-439415c9d0db-2d1d8a83, #w-node-_43404c88-59e0-ef6c-1938-a6f3d06debcd-2d1d8a83 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-bfc361c5-7ab2-1c18-5c56-73bcdbd240f4-2d1d8a83, #w-node-_3b1555dc-562d-34db-cedb-63051de08d6f-2d1d8a83, #w-node-_14e274cf-163c-7deb-44f6-9a3d3777b0cc-2d1d8a83, #w-node-f3e835bc-41ea-ba79-6d5f-976106a14e20-2d1d8a83, #w-node-accf0234-ac8b-38f1-8e9b-ab309cd123c5-2d1d8a83 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a4d12440-d96c-9518-6521-277443824491-c044d66d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_986d2d9f-45d8-415e-26c8-3a05b821b7e4-39ab0acc, #w-node-_1c0de1b0-0010-f2bd-c34e-7e51e8e13a58-39ab0acc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fa613df0-bb17-de94-2bd1-ba930ae3800c-ae6b8d49 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_77d5a950-9f47-0e7d-998c-2c0fbf424a3b-a7f3b0e6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-_3bcd1216-2696-25b1-bd47-429384a413f0-a88ce3f2 {
    grid-column: 3 / 4;
  }

  #w-node-_0e975351-1f61-dfea-128f-199f603c2aa8-a88ce3f2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-bd1fa3a8-f64e-fcb7-4949-0588edc9898f-a88ce3f2 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_0e975351-1f61-dfea-128f-199f603c2aab-a88ce3f2, #w-node-_0e975351-1f61-dfea-128f-199f603c2aac-a88ce3f2 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}