:root {
  --gray: #383838;
  --hover: #275ce2;
  --midnight-blue-2: #141a36cc;
  --roundcorner: 20px;
  --black: #141a36cc;
  --for_invert: #c2c2c2;
  --border: #8080804d;
  --grey50: #80808014;
  --rounded-mobile: 16px;
  --tomato: #ff5b37;
  --medium-sea-green: #00b66b;
  --idgold: #8a734c;
  --graytext: #8a8a8a;
  --midnight-blue: #141a36;
  --pinkerthinks: #e49351;
  --sandy-brown: #e451b1;
  --sandy-brown-2: #e49351;
  --gold: #ffd52c;
  --links: #000;
  --size: 0px;
  --font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --bege: #ede4da;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--gray);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  z-index: 2;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 56px;
  position: relative;
  overflow: visible;
}

h2 {
  z-index: 100;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Manrope, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
}

h3 {
  filter: invert();
  color: #747474;
  letter-spacing: 0;
  mix-blend-mode: exclusion;
  margin-top: 7px;
  margin-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 130%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
}

h5 {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

p {
  color: var(--gray);
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 2px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 160%;
}

a {
  color: var(--gray);
  text-decoration: none;
  transition: all .35s;
}

a:hover {
  opacity: 1;
  color: var(--hover);
}

a:active {
  color: #d37147;
}

a.w--current {
  opacity: .4;
}

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

form {
  width: 100%;
}

label {
  opacity: .75;
  color: var(--midnight-blue-2);
  margin-bottom: 5px;
  font-family: For;
  font-weight: 400;
  display: block;
}

strong {
  color: #4e4e4e;
  font-weight: 700;
}

.body {
  color: var(--gray);
  font-family: Manrope, sans-serif;
}

.nav {
  z-index: 100;
  opacity: 1;
  mix-blend-mode: difference;
  background-color: #fff0;
  align-items: flex-end;
  height: 50px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.logo {
  z-index: 101;
  text-transform: none;
  line-height: 75%;
}

.logo:hover {
  text-decoration: none;
}

.logo.contbl {
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.container {
  z-index: 5;
  border-top-left-radius: var(--roundcorner);
  border-top-right-radius: var(--roundcorner);
  background-image: linear-gradient(#f7f7f7, #fff 42%);
  flex-flow: column;
  align-content: flex-start;
  width: 100vw;
  margin-top: -30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.projectcard {
  border: 1px #8b8b8b52;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: stretch;
  width: 25%;
  height: 580px;
  margin-right: 0;
  transition: all .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.projectcard._50 {
  flex-direction: row;
  justify-content: flex-start;
  width: 50vw;
  display: block;
}

.projectcard.last {
  background-color: #fff;
  align-items: center;
  width: 100%;
  height: 165px;
}

.projectcard._100 {
  width: 100%;
  height: 780px;
}

.projectcard._1-3 {
  width: 33.33%;
}

.descriptor {
  z-index: 100;
  letter-spacing: .01em;
  text-transform: none;
  margin-top: 6px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  position: relative;
}

.white {
  color: #fff;
}

.maincover {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.maincoverimage {
  z-index: 20;
  justify-content: center;
  align-items: flex-start;
  width: 500px;
  height: 100%;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-3 {
  z-index: 8;
  border: 1px #000;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: 50%;
  padding-right: 3.3vw;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.navham {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
}

.navdot {
  background-color: #fff;
  border-radius: 100px;
  width: 30px;
  height: 2px;
}

.arrow {
  z-index: 1;
  background-color: var(--black);
  color: var(--black);
  width: 12vw;
  height: 2px;
  position: relative;
}

.div-block-4 {
  z-index: 2;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  color: var(--black);
  width: 20px;
  height: 20px;
  margin-left: -24px;
  position: relative;
  transform: rotate(45deg);
}

.arrowbox {
  z-index: 1;
  align-items: center;
  height: 50px;
  margin-bottom: 4.5vh;
  padding-top: 0;
  padding-left: 3.4vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.projectcardtext {
  z-index: 2;
  opacity: 1;
  filter: none;
  color: var(--for_invert);
  mix-blend-mode: difference;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 3.3vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.projectcardtext.center {
  align-items: center;
  padding-bottom: 60px;
}

.maincoverheader {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-end;
  width: 100%;
  height: 78.5vh;
  padding-top: 0;
  padding-left: 3.2vw;
  padding-right: 3.3vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.maincoverheader._22 {
  align-items: flex-end;
  height: 100%;
  padding-bottom: 52px;
  inset: auto 0% 0%;
}

.promoheader {
  z-index: 0;
  filter: none;
  color: #bebebe;
  letter-spacing: -.07em;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  padding-right: 6px;
  font-size: 110px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  inset: 150px auto auto 2vw;
}

.promoheader.slider {
  filter: none;
  color: #6b6b6b;
  text-align: right;
  -webkit-text-fill-color: transparent;
  background-color: #141a3600;
  background-image: linear-gradient(70deg, #0000002e 13%, #7e7e7e9e 91%), url('../images/gradient.jpg'), linear-gradient(254deg, #1d3fda 5%, #95a6f3 9%, #ff7600 28%, #ffd200 31%, #83ffd3 47%, #a5fede 62%, #00c9ff 78%, #122db6);
  background-position: 0 0, 0 100%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, auto, auto;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.promoheader.gradient {
  filter: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(92deg, #00000021 43%, #ffffff40 81%), url('../images/gradient.jpg'), linear-gradient(308deg, #f7f7f7, #bebebe 21%, #cfcfcf 38%, #e6e6e6 58%, #c1c1c1 75%, #f5f5f5);
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, auto, auto;
  -webkit-background-clip: text;
  background-clip: text;
}

.goldselect {
  z-index: 22;
  background-image: url('../images/goldengrid.png');
  background-position: 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.cardlinks {
  filter: invert();
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: relative;
}

.cardlinks:hover {
  opacity: 1;
}

.imagecontainer {
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 1400px;
  margin: 40px 0 40px 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.insideheader {
  border-bottom: 1px solid var(--border);
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 25px 0 220px;
  display: flex;
  overflow: visible;
}

.insideheader.second {
  border-bottom: 1px solid var(--border);
  padding-top: 100px;
  padding-bottom: 140px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.storysslider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 140px 3.3vw 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

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

.div-block-14 {
  grid-column-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 140px;
  display: flex;
  position: relative;
  overflow: visible;
}

.storyimg {
  border-radius: 6px;
  height: 420px;
  position: relative;
}

.storyimg._11 {
  margin-top: 96px;
}

.div-block-17 {
  grid-column-gap: 3.3vw;
  grid-row-gap: 3.3vh;
  border-top: 1px solid var(--border);
  filter: none;
  background-image: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  padding: 3.3vh 3.3vw 28vh;
  display: flex;
}

.psmall {
  font-family: Pp;
  font-size: 14px;
  font-weight: 300;
}

.bgrradas {
  z-index: 0;
  background-color: #ffeddc;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.bgrhealth {
  z-index: 0;
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nextproject {
  border-top: 1px solid var(--border);
  flex-direction: column;
  width: 100%;
  height: 180px;
  padding-top: 3.3vw;
  padding-left: 3.3vw;
  padding-right: 3.3vw;
  display: flex;
}

.brandimg {
  background-image: url('../images/logo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 54px;
  display: flex;
}

.navlink {
  grid-column-gap: 10px;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  align-items: center;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 80%;
  display: flex;
}

.navlink.w--current {
  opacity: .5;
}

.paragraph {
  font-family: For;
}

.intro {
  z-index: 0;
  border-bottom: 1px solid var(--border);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 50vh 2vw 30px;
  position: relative;
}

.introcover {
  z-index: 0;
  background-color: #e9e9e9;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.columns.flex {
  justify-content: space-between;
  padding-top: 5px;
  display: flex;
}

.image-3 {
  object-fit: contain;
  flex: 0 auto;
  width: 78%;
  height: auto;
  margin-bottom: -280px;
}

.navcon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  align-self: stretch;
  padding: 0;
}

.cell {
  grid-column-gap: 20px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding-left: 3.3vw;
  padding-right: 2vw;
}

.cell-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 2.3vw;
}

.cell-2 {
  grid-column-gap: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 2vw;
}

.p0 {
  z-index: 1;
  color: #4e4e4ebf;
  max-width: 64ch;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 160%;
  position: relative;
}

.div-block-19 {
  z-index: 50;
  border-top: 1px none var(--border);
  border-radius: var(--roundcorner);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -35px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 40px #0000001a;
}

.div-block-19.fvdv {
  z-index: 80;
  margin-top: 40px;
  box-shadow: 0 -10px 50px #0000001a;
}

.html-embed {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.projectline {
  z-index: 2;
  grid-column-gap: 0%;
  border-radius: var(--roundcorner);
  background-color: var(--grey50);
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-between flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0%;
  display: flex;
  position: relative;
  left: 0;
  overflow: hidden;
}

.first {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.screen {
  flex-wrap: nowrap;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.screen.image {
  flex-direction: column;
  flex: none;
  align-self: center;
  align-items: center;
  width: auto;
  padding-right: 10px;
  display: flex;
}

.screen.text {
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 60vw;
  margin-right: 10px;
  padding-bottom: 80px;
}

.screen.last {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: stretch;
  width: 50vw;
  height: 100%;
  padding-bottom: 0;
}

.content {
  flex-direction: column;
  justify-content: center;
  padding: 50px 0 0 2vw;
  display: flex;
}

.content.image {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0 80px;
  display: flex;
}

.content.image.two {
  flex-direction: column;
  align-items: center;
}

.content.text {
  background-color: var(--grey50);
  align-items: center;
  width: 100%;
  height: 83.5%;
  padding-top: 0;
  padding-bottom: 40px;
}

.textcontent {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: -12px;
  display: flex;
}

.div-block-22 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.div-block-22.cds {
  border-bottom: 1px none var(--border);
  border-bottom-left-radius: var(--roundcorner);
  border-bottom-right-radius: var(--roundcorner);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  height: 55vh;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 2vw;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 20px #00000017;
}

.jknjk {
  object-fit: contain;
  height: 100%;
}

.jknjk.two {
  height: 50%;
}

.textfield {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--border);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: For;
  font-size: 20px;
}

.textfield:focus {
  border-bottom-color: var(--gray);
}

.form {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.button {
  background-color: var(--tomato);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 20px;
  align-self: flex-start;
  padding: 9px 14px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  line-height: 15px;
}

.sdklmcsdc {
  z-index: 10;
  border: 1px solid #ffffff52;
  border-radius: 6px;
  height: 500px;
  margin: -40px -26px 47px -19px;
  position: relative;
  transform: scale(1.1);
  box-shadow: 0 2px 20px 20px #141a3629;
}

.checkbox {
  border-radius: 1px;
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: -18px;
  margin-right: 8px;
}

.checkboxfields {
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.checkboxfields.last {
  flex-direction: row;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 16px;
}

.div-block-24 {
  grid-column-gap: 20px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.successmessage {
  background-color: var(--medium-sea-green);
  color: #fff;
  margin-top: 10px;
}

.section {
  grid-row-gap: 30px;
  flex-direction: column;
  margin-top: 220px;
  padding-left: 3.3vw;
  padding-right: 3.3vw;
  display: flex;
}

.div-block-26 {
  grid-column-gap: 20px;
  width: 100%;
  display: flex;
}

.textfieldform {
  border: 1px #000;
  border-bottom-style: solid;
  border-radius: 0;
  padding: 0;
  font-family: For;
  font-size: 20px;
  line-height: 140%;
  position: relative;
  overflow: scroll;
}

.textfieldform.last {
  border-bottom-color: var(--border);
  margin-top: 25px;
}

.textfieldform.last:focus {
  border-bottom-color: var(--gray);
}

.div-block-27 {
  grid-column-gap: 20px;
  width: 100%;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.dcsndc {
  margin-top: 34px;
  margin-bottom: 40px;
}

.paddingbottom {
  text-align: left;
  letter-spacing: -1px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
}

.paddingbottom.dark {
  color: var(--gray);
}

.center {
  text-align: center;
}

.dcsd {
  color: var(--gray);
  letter-spacing: 0;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: 2vw;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 140%;
  transition: all .2s;
}

.dcsd:hover {
  color: var(--idgold);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.projectpreview {
  background-color: var(--border);
  flex: 1;
  align-self: stretch;
  height: 100%;
}

.csdc {
  grid-column-gap: 1px;
  flex: 1;
  margin-left: -3.3vw;
  margin-right: -3.3vw;
  display: flex;
}

.shapeslider {
  background-image: url('../images/HorizontalPattern.svg');
  background-position: 0 0;
  background-size: 11px;
  width: 500px;
  height: 76%;
  margin-bottom: 80px;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 0;
  position: relative;
}

.projectcardcover {
  filter: invert();
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  transition: all .8s;
  display: flex;
}

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

.projectcardcover.radacarob {
  background-color: #fff;
  background-image: url('../images/RadasCarob_Case_08.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.projectcardcover.romastone {
  background-color: #222429;
  background-image: url('../images/Icon_256.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: auto;
}

.projectcardcover.laobacha {
  background-color: #9c1629;
  background-image: url('../images/photo_2024-01-12-06.28.08.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 190%;
}

.projectcardcover.moscowteam {
  background-image: url('../images/man.jpg');
  background-position: 50%;
  background-size: auto;
}

.projectcardcover.manit {
  background-color: #fafafa;
  background-image: url('../images/01.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 70%;
}

.projectcardcover.logicprivacy {
  background-color: #fff;
  background-image: url('../images/Logicprivacy.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.projectcardcover.cdcd {
  background-image: radial-gradient(circle at 0 100%, #000 51%, #5eff68 51%, #5eff69 88%, #000 88%);
}

.projectcardcover.optimum {
  background-color: #6268ff;
  background-image: url('../images/main-mobile.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.projectcardcover.healthnorms {
  background-color: #fff;
  background-image: url('../images/healthnorms.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.projectcardname {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.div-block-29 {
  z-index: 1;
  grid-column-gap: 20px;
  border-radius: var(--roundcorner);
  mix-blend-mode: normal;
  flex-direction: column;
  justify-content: center;
  height: 160px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  transition: all .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-29:hover {
  background-color: #6b6b6b14;
}

.dsc {
  border-top: 1px solid var(--border);
  border-bottom: 1px none var(--border);
  flex: 1;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.columnsgrid {
  padding-left: 2vw;
}

.iconsetcontainer {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

.h1paddind {
  margin-bottom: 20px;
}

.projectlinecontainer {
  flex-flow: column;
  align-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.iconlink {
  filter: invert();
  width: 30px;
  height: 30px;
}

.iconlink.instagram {
  background-image: url('../images/instagram_02.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.iconlink.telegram {
  background-image: url('../images/Telegram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.order {
  z-index: 1000;
  color: var(--gray);
  background-color: #fff;
  width: 50%;
  height: 100%;
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 80px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  box-shadow: 0 0 2000px 2000px #b9b9c730;
}

.close {
  z-index: 110;
  cursor: pointer;
  background-image: url('../images/Close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 20px 0% auto auto;
}

.form-block {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  display: flex;
  position: relative;
}

.hhh {
  margin-top: 40px;
}

.looga {
  filter: invert();
  height: 30px;
  margin-bottom: -6px;
  margin-right: 3px;
  display: none;
}

.looga:hover {
  filter: invert();
}

.p7 {
  opacity: .6;
  margin-left: 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.p7.white-gray {
  opacity: 1;
  color: #dadada;
}

.coloreffectpink {
  filter: none;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.projectsection {
  color: var(--gray);
  background-color: #fff;
}

.projectsection.radascarob {
  color: var(--gray);
  background-color: #f3ece1;
}

._404 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  padding: 40px 2vw 20px;
  display: flex;
}

.brandtext {
  color: #6b5d4e;
  letter-spacing: 3px;
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
}

.div-block-37 {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px;
  display: flex;
}

.radiobuttonfield {
  grid-column-gap: 10px;
  border: 1px solid var(--border);
  color: var(--gray);
  border-radius: 5px;
  padding: 14px 30px;
  display: flex;
}

.fullscreenform {
  flex: 1;
  max-width: 620px;
}

.formsection {
  border-bottom: 1px solid var(--border);
  margin-bottom: 120px;
  padding-top: 20px;
  padding-bottom: 110px;
}

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

.formsection.end {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom-style: none;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.formfield {
  border: 1px solid var(--border);
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.formfielddiv {
  margin-top: 0;
  margin-bottom: 24px;
}

.submitbutton {
  background-color: var(--gray);
  border-radius: 4px;
  padding: 16px 40px;
}

.checkbox-field {
  flex-direction: row;
  align-items: center;
  display: block;
}

.div-block-39 {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 60px;
  display: flex;
}

.success-message {
  background-color: #dddddd3b;
}

.textarea {
  min-height: 200px;
}

.spline-scene {
  z-index: 1;
  filter: invert();
  width: 48%;
  height: 100%;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: -4% 0% 0% auto;
}

.spline-scene.footerspline {
  filter: none;
  height: 650px;
  inset: auto 0% 0% auto;
}

.spline-scene.full {
  filter: none;
}

.footer {
  z-index: 0;
  cursor: crosshair;
  background-color: #131313;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  padding-top: 90px;
  padding-left: 2vw;
  padding-right: 2vw;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.contentpage {
  z-index: 1;
  border-bottom-left-radius: var(--roundcorner);
  border-bottom-right-radius: var(--roundcorner);
  box-shadow: none;
  background-color: #fff;
  border: 1px #e7e7e7;
  padding-top: 450px;
  position: relative;
  bottom: 450px;
  overflow: visible;
}

.sdcsd {
  z-index: 10;
  border-style: none;
  border-width: 1px;
  border-color: black black var(--border);
  align-items: center;
  margin-left: -2px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.introbox {
  z-index: 4;
  filter: invert();
  background-color: #ededed;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  height: 90vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.text-block-3 {
  z-index: 1;
  opacity: 1;
  color: #5c5c5c;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 60px;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  position: absolute;
  inset: auto 3.3vw 30px 2vw;
}

.dvsv {
  border-bottom: 1px solid var(--border);
  width: 100%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 15px;
  transition: all .35s;
}

.dvsv.ss {
  border-bottom: 1px solid var(--border);
  width: 96vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  padding-bottom: 20px;
}

.listservices {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.productlist {
  grid-column-gap: 6px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  padding-top: 4px;
  display: flex;
}

.productlist.projectpage {
  grid-row-gap: 2px;
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0;
  padding-bottom: 15px;
}

.productlistitem {
  opacity: 1;
  color: #5a5a5a;
  letter-spacing: .025em;
  text-transform: uppercase;
  border: 1px solid #777;
  border-radius: 20px;
  margin-top: 6px;
  margin-left: -2px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
}

.productlistitem.self {
  background-color: #f1f1f100;
  border-color: #c2c2c200;
  padding-left: 0;
  padding-right: 0;
}

.productlistitem.x2 {
  color: #383838;
  letter-spacing: -.01em;
  border-width: 2px;
  border-color: #383838;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 19px;
  font-weight: 600;
}

.servceslisthover {
  z-index: 2;
  opacity: 0;
  mix-blend-mode: normal;
  flex: 1;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 34px;
  padding-left: 50vw;
  padding-right: 3.3vw;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .35s;
  display: flex;
  position: absolute;
}

.servceslisthover:hover {
  opacity: 1;
  color: #383838;
}

.servceslisthover.w--current {
  opacity: 1;
  color: #ccc0;
  background-color: #f3f3f3a8;
}

.vdfv {
  padding-top: 80px;
  padding-bottom: 60px;
  padding-left: 2vw;
}

.teamavatar {
  background-image: url('../images/photo_2023-05-09-18.20.22.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #d4d4d4;
  border-radius: 20px;
  flex: none;
  width: 150px;
  height: 120px;
  box-shadow: -16px 0 #c9cdd1, -30px 0 #e0e6ee;
}

.div-block-44 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  flex: none;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-left: 30px;
  display: flex;
}

.div-block-45 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  filter: none;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-left: -6px;
  padding-left: 0;
  display: flex;
  transform: scale(.9);
}

.div-block-46 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.p6 {
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.p5 {
  filter: none;
  color: var(--for_invert);
  mix-blend-mode: exclusion;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
}

.rabit {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-47 {
  z-index: 1000;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--border);
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
  position: sticky;
  top: 20px;
  bottom: 0;
}

.div-block-47.sss {
  border-bottom-style: none;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 0;
}

.div-block-47.c33c2 {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 60px;
}

.div-block-48 {
  align-items: center;
  display: flex;
}

.gray {
  color: var(--graytext);
}

.navv {
  z-index: 11100;
  filter: invert();
  mix-blend-mode: difference;
  width: 100%;
  padding: 0 2vw 6px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.navv.otherpage {
  box-shadow: none;
  filter: invert();
  mix-blend-mode: exclusion;
  background-color: #fff0;
  display: flex;
}

.vsdvsd {
  letter-spacing: 3px;
  margin-right: 20px;
  font-weight: 700;
}

.div-block-49 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex: 1;
  align-items: center;
  display: flex;
}

.buttonctanav {
  z-index: 20;
}

.pspace {
  width: 25%;
  display: inline-block;
}

.div-block-50 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.khk {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.logotype {
  z-index: 1000;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px none var(--border);
  align-items: center;
  width: 96vw;
  margin-top: 19px;
  margin-left: 2vw;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.splineerrorpage {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.text-block-4 {
  opacity: .78;
  color: #3c3c43;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.div-block-51 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.column {
  padding-left: 0;
}

.projectbody {
  z-index: 20;
  border-radius: var(--roundcorner);
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 500px;
  padding-top: 26px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  bottom: 500px;
  box-shadow: 0 0 40px #0000001c;
}

.projectbody.moscowteam {
  background-color: #1a1a1a;
}

.projectintro {
  z-index: 9;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  height: 78vh;
  margin-bottom: -30px;
  padding-bottom: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.projectintro.moscowteam {
  opacity: 1;
  filter: none;
  background-image: url('../images/man.jpg');
  background-position: 100%;
  background-size: cover;
}

.projectintro.secondpage {
  background-color: #101010;
  justify-content: center;
  height: 50vh;
  padding-left: 0;
  padding-right: 0;
}

.projectintro.dvsdv4 {
  background-color: #383838;
  height: 180px;
}

.full {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.projectinception {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.projectinception.services {
  padding-top: 0;
}

.projectinception.mainpage {
  padding-top: 220px;
  position: relative;
  overflow: visible;
}

.divcolumn {
  flex: 0 auto;
  width: 50%;
  padding-top: 0;
}

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

.div-block-52 {
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-52.centercol {
  justify-content: center;
  align-self: flex-end;
}

.breadbump {
  width: 100%;
}

.lkn {
  align-self: stretch;
  padding-top: 0;
}

.fvdsfv {
  padding: 220px 2vw 60px;
}

.div-block-54 {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 2vw;
}

.blogitem {
  background-color: #fff;
  border-radius: 11px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 33%;
  padding: 20px 2vw 40px;
  transition: all .2s;
  display: flex;
}

.blogitem:hover {
  box-shadow: 0 2px 4px #0000001a;
}

.blogitemcon {
  background-color: #f5f5f5;
  border-radius: 30px;
  width: 100%;
  margin-top: 40px;
  padding: 30px 2vw;
  display: flex;
}

.blogitembody {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.dark {
  color: var(--gray);
}

.headerpage {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 38px;
  display: flex;
}

.link-3 {
  color: #090b0c;
}

.link-3.w--current {
  opacity: .7;
}

.imgblog {
  width: 100vw;
}

.blogpost {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.vfd4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-right: 2vw;
  display: flex;
}

.accentcolor {
  color: var(--hover);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.div-block-55 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
}

.div-block-56 {
  grid-column-gap: 100px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 0 auto;
  width: 50%;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-57 {
  flex: 1;
  padding-bottom: 4px;
  padding-right: 40px;
  position: sticky;
  top: 100px;
}

.accentgray {
  color: #afafaf;
}

.div-block-58 {
  border-bottom: 1px solid var(--border);
  padding-top: 110px;
  padding-bottom: 110px;
  position: relative;
}

.div-block-58.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.graylink {
  color: #b9b9b9;
}

.promoslider {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 220px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 250px 2vw auto;
  overflow: hidden;
}

.div-block-60 {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  width: 100%;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
  inset: auto 0% 110px;
}

.image-4 {
  opacity: .8;
  filter: invert();
  width: 90px;
}

.navsingl {
  opacity: .69;
  color: #090b0c;
}

.navsingl:hover {
  opacity: 1;
}

.iconemail {
  opacity: .7;
  filter: invert();
  background-image: url('../images/emal.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 34px;
  height: 27px;
  margin-left: 10px;
}

.p8 {
  margin-top: 0;
  font-size: 20px;
}

.socialicon {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.socialicon.telegram {
  opacity: .73;
  background-image: url('../images/Telegram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.socialicon.telegram:hover {
  opacity: .95;
}

.socialicon.dzen {
  opacity: .85;
  filter: invert();
  background-image: url('../images/Yandex_Zen_logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
}

.socialicon.dzen:hover {
  opacity: 1;
}

.div-block-61 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  display: flex;
}

.titlecover {
  z-index: 0;
  filter: brightness(63%);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #141a3638;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.rabitcover {
  filter: invert();
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 560px;
  height: 86%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.thtyh4 {
  flex: 1;
}

html.w-mod-js [data-ix="orderwindow"] {
  display: none;
  transform: translate(2000px);
}

html.w-mod-js [data-ix="navstatus"] {
  opacity: 0;
  display: none;
  transform: translate(0, -100px);
}

html.w-mod-js [data-ix="cta-status"] {
  opacity: 1;
  display: block;
}

@media screen and (min-width: 1280px) {
  .promoheader {
    font-size: 136px;
  }

  .spline-scene {
    top: 0%;
  }

  .footer {
    height: 530px;
  }

  .contentpage {
    padding-top: 480px;
    bottom: 480px;
  }

  .promoslider {
    top: 270px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    filter: none;
  }

  .projectcardtext.center {
    text-align: left;
  }

  .promoheader {
    font-size: 154px;
  }

  .projectline {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .projectcardcover.moscowteam {
    background-image: url('../images/man.jpg');
    background-position: 50% 0;
    background-size: auto;
  }

  .spline-scene {
    top: 4%;
  }

  .spline-scene.full {
    top: 0%;
  }

  .footer {
    height: 560px;
  }

  .contentpage {
    padding-top: 510px;
    bottom: 510px;
  }

  .productlist {
    grid-column-gap: 10px;
    display: flex;
  }

  .productlistitem {
    line-height: 140%;
  }

  .div-block-44._00 {
    margin-top: 0;
  }

  .div-block-45 {
    display: flex;
  }

  .rabit {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .navv {
    display: flex;
  }

  .div-block-49 {
    justify-content: flex-start;
  }

  .div-block-50 {
    flex-direction: column;
  }

  .projectbody {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }

  .link-2 {
    filter: invert();
  }

  .link-3 {
    filter: none;
  }

  .promoslider {
    top: 300px;
  }

  .div-block-60 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
  }

  .rabitcover {
    width: 560px;
    height: 81%;
  }
}

@media screen and (min-width: 1920px) {
  .projectcard {
    height: 570px;
  }

  .promoheader {
    font-size: 190px;
  }

  .projectline {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . Area";
    grid-auto-flow: row;
  }

  .spline-scene {
    width: 41%;
    height: 840px;
    inset: auto 0% -2% auto;
  }

  .spline-scene.full {
    width: 100%;
    bottom: 0%;
  }

  .footer {
    height: 580px;
  }

  .contentpage {
    padding-top: 530px;
    bottom: 530px;
  }

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

  .promoslider {
    top: 330px;
  }

  .rabitcover {
    width: 740px;
    height: 78%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 28px;
    font-weight: 500;
    line-height: 47px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
  }

  p {
    font-size: 14px;
  }

  .projectcard {
    flex-flow: wrap;
    width: 50%;
    height: 70vw;
  }

  .projectcard.last {
    width: 100%;
    height: 240px;
  }

  .projectcard._1-3 {
    width: 50%;
  }

  .maincover {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

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

  .projectcardtext {
    padding-left: 2vw;
  }

  .projectcardtext.center {
    align-items: center;
  }

  .promoheader {
    top: 110px;
  }

  .imagecontainer {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .insideheader {
    padding-top: 0;
  }

  .p0 {
    font-size: 18px;
  }

  .projectline {
    flex-wrap: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .div-block-22.cds {
    height: 45vh;
  }

  .paddingbottom {
    font-size: 36px;
  }

  .projectlinecontainer {
    align-items: stretch;
    padding-bottom: 0;
  }

  .spline-scene {
    width: 100%;
    inset: auto -28% -3% auto;
    transform: scale(.9);
  }

  .dvsv {
    padding-top: 0;
  }

  .productlist {
    grid-row-gap: 0px;
    flex-wrap: wrap;
    width: 100%;
  }

  .productlist.projectpage {
    margin-top: -10px;
  }

  .p6 {
    font-size: 12px;
  }

  .p5 {
    font-size: 18px;
  }

  .rabit {
    padding-left: 3vw;
    padding-right: 30%;
  }

  .div-block-47.sss {
    padding-top: 5px;
  }

  .div-block-49 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .logotype {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .projectinception {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    display: flex;
  }

  .projectinception.services {
    grid-row-gap: 10px;
  }

  .projectinception.mainpage {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .div-block-54 {
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    display: flex;
  }

  .blogitem {
    width: 49%;
  }

  .headerpage {
    margin-top: 0;
  }

  .promoslider {
    top: 200px;
  }

  .div-block-60 {
    flex-direction: column;
    align-items: flex-start;
  }

  .rabitcover {
    width: 510px;
    height: 78%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 26px;
    line-height: 38px;
  }

  h3 {
    line-height: 110%;
  }

  p {
    font-size: 12px;
  }

  .nav {
    height: 10vh;
  }

  .projectcard._50, .projectcard._1-3 {
    width: 100%;
  }

  .maincoverimage {
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .div-block-3 {
    justify-content: flex-end;
  }

  .arrowbox {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .promoheader {
    font-size: 64px;
    top: 100px;
  }

  .insideheader {
    flex-direction: column;
    padding-top: 0;
  }

  .cell {
    grid-column-gap: 10px;
  }

  .screen.last {
    width: 70vw;
  }

  .content {
    justify-content: flex-end;
  }

  .div-block-22.cds {
    padding-bottom: 10px;
  }

  .paddingbottom {
    margin-bottom: 0;
    font-size: 32px;
  }

  .productlist {
    grid-row-gap: 0px;
    flex-wrap: wrap;
  }

  .productlistitem {
    font-size: 10px;
  }

  .rabit {
    padding-bottom: 70px;
    padding-right: 0%;
  }

  .div-block-47 {
    flex-wrap: wrap;
  }

  .div-block-47.sss {
    grid-column-gap: 10px;
  }

  .div-block-47.c33c2 {
    display: none;
  }

  .projectbody {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-top: 10px;
  }

  .projectinception.mainpage {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
  }

  .blogitem {
    width: 50%;
  }

  .blogitemcon {
    border-radius: 16px;
    padding-top: 30px;
  }

  .blogitembody {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .vfd4 {
    width: 50%;
    padding-top: 10px;
  }

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

  .div-block-57 {
    margin-bottom: 40px;
    position: relative;
    top: 0;
  }

  .promoslider {
    top: 180px;
  }

  .rabitcover {
    width: 430px;
    height: 105%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: -.02em;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
  }

  h2 {
    letter-spacing: -.02em;
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
  }

  h3 {
    letter-spacing: -.035em;
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
  }

  h4 {
    font-size: 15px;
    line-height: 22px;
  }

  p {
    font-size: 14px;
    line-height: 20px;
  }

  .nav {
    align-items: center;
    height: 50px;
    padding-top: 0;
  }

  .logo {
    font-size: 20px;
  }

  .container {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .projectcard {
    justify-content: flex-start;
    width: 100%;
    height: 50vh;
  }

  .projectcard._50 {
    width: 50%;
    height: 380px;
  }

  .projectcard.last {
    height: 90px;
  }

  .projectcard._100 {
    height: 480px;
  }

  .projectcard._1-3 {
    width: 50%;
    height: 380px;
  }

  .descriptor {
    font-size: 12px;
    line-height: 16px;
  }

  .maincover {
    background-image: none;
    background-size: auto;
  }

  .maincoverimage {
    align-items: flex-start;
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-3 {
    margin-top: 2vh;
    padding-right: 2vw;
  }

  .arrow {
    width: 37vw;
  }

  .div-block-4 {
    width: 15px;
    height: 15px;
    margin-left: -17px;
  }

  .arrowbox {
    padding-top: 25px;
  }

  .projectcardtext {
    padding-bottom: 26px;
    padding-left: 4vw;
    padding-right: 6vw;
  }

  .projectcardtext.center {
    align-items: center;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .maincoverheader._22 {
    padding-bottom: 7vh;
  }

  .promoheader {
    filter: none;
    padding-right: 3vw;
    font-size: 13.5vw;
    line-height: 90%;
    top: 78px;
    left: 4vw;
  }

  .promoheader.slider {
    text-align: right;
    padding-top: 9px;
    padding-bottom: 4px;
    padding-right: 4px;
    overflow: visible;
  }

  .promoheader.gradient {
    padding-top: 9px;
    padding-bottom: 7px;
  }

  .goldselect {
    background-image: url('../images/goldengrid.png');
    background-size: 100% 100%;
    display: none;
  }

  .insideheader {
    border-bottom: 1px none var(--border);
    flex-direction: column;
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0;
  }

  .insideheader.second {
    padding-bottom: 100px;
  }

  .storysslider {
    padding-top: 80px;
  }

  .div-block-14 {
    margin-top: 200px;
    overflow: visible;
  }

  .storyimg {
    height: 390px;
  }

  .div-block-17 {
    justify-content: flex-start;
    height: 44vh;
    padding-top: 3vh;
    padding-bottom: 2vh;
    position: relative;
  }

  .psmall {
    font-size: 3vw;
  }

  .brandimg {
    width: 68px;
    height: 41px;
  }

  .navlink {
    padding-bottom: 0;
    font-size: 18px;
    display: none;
  }

  .intro {
    padding-top: 560px;
  }

  .introcover {
    width: 100%;
    inset: 0%;
  }

  .columns.flex {
    padding-top: 0;
  }

  .image-3 {
    width: 85%;
    margin: -60px auto 0;
  }

  .cell-1 {
    padding-left: 30px;
  }

  .cell-2 {
    flex-wrap: wrap;
  }

  .p0 {
    font-size: 15px;
  }

  .cell-3 {
    display: none;
  }

  .div-block-19 {
    border-radius: 16px;
    flex-flow: column;
    box-shadow: 0 10px 40px #0003;
  }

  .projectline {
    border-radius: var(--rounded-mobile);
    flex-flow: wrap;
    flex: 1;
    align-self: stretch;
    align-items: center;
    width: 100%;
    padding-top: 0%;
    padding-left: 0%;
    display: flex;
    top: 0;
  }

  .first {
    padding-left: 220px;
  }

  .screen {
    position: relative;
  }

  .screen.text {
    width: 100vw;
    padding-bottom: 120px;
  }

  .screen.last {
    flex: 0 auto;
    width: 100%;
    margin-top: 70px;
    padding-bottom: 0;
  }

  .content {
    border-bottom: 1px solid var(--border);
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .content.image {
    align-items: center;
    padding-bottom: 140px;
  }

  .content.text {
    height: 86%;
    padding-left: 80px;
    padding-right: 80px;
  }

  .textcontent {
    border-bottom: 1px none var(--border);
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .div-block-22.cds {
    border-bottom-left-radius: var(--rounded-mobile);
    border-bottom-right-radius: var(--rounded-mobile);
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 120px 4vw 22px;
  }

  .div-block-23 {
    overflow: hidden;
  }

  .textfield {
    border-radius: 0;
  }

  .form {
    grid-row-gap: 20px;
  }

  .sdklmcsdc {
    height: 420px;
    margin-left: -26px;
  }

  .checkboxfields.last {
    margin-bottom: 0;
  }

  .div-block-24 {
    grid-row-gap: 8px;
  }

  .div-block-26 {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .textfieldform.last {
    margin-top: 0;
  }

  .dcsndc {
    margin-bottom: 100px;
  }

  .paddingbottom {
    letter-spacing: -.01em;
    font-size: 26px;
    font-weight: 500;
  }

  .dcsd {
    font-size: 26px;
  }

  .projectcardcover:hover {
    transform: none;
  }

  .projectcardcover.romastone {
    background-position: 50% 20%;
    background-size: 80%;
  }

  .projectcardcover.laobacha {
    background-position: 50%;
    background-size: auto 130%;
  }

  .projectcardcover.manit {
    background-size: contain;
  }

  .projectcardcover.optimum {
    background-size: 90%;
  }

  .projectcardcover.healthnorms {
    background-size: contain;
  }

  .projectcardname {
    font-size: 16px;
  }

  .div-block-29 {
    height: auto;
    padding: 0 2vw 60px;
  }

  .dsc {
    flex-direction: column;
  }

  .projectlinecontainer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .iconlink {
    width: 25px;
    height: 25px;
    margin-top: 2px;
  }

  .order {
    width: 100%;
    margin-top: 80px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .close {
    top: 5px;
  }

  .looga {
    height: 28px;
    margin-bottom: 0;
  }

  .p7 {
    font-size: 13px;
    line-height: 20px;
  }

  .coloreffectpink {
    font-weight: 500;
  }

  .brandtext {
    letter-spacing: 1px;
    padding-left: 3px;
    font-size: 28px;
  }

  .div-block-37 {
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .radiobuttonfield {
    padding-left: 20px;
    padding-right: 20px;
  }

  .formsection {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }

  .formsection.grid {
    flex-direction: column;
    display: flex;
  }

  .formsection.end {
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 20px;
    display: flex;
  }

  .spline-scene {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    inset: -4% 0% auto -16%;
    transform: scale(.6);
  }

  .spline-scene.footerspline {
    height: 520px;
    margin-top: 6px;
    left: -11%;
  }

  .footer {
    padding-top: 70px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .contentpage {
    border-bottom-left-radius: var(--rounded-mobile);
    border-bottom-right-radius: var(--rounded-mobile);
  }

  .sdcsd {
    justify-content: space-between;
    margin-left: -2px;
    padding-top: 5px;
  }

  .introbox {
    height: 89vh;
  }

  .text-block-3 {
    padding-left: 2vw;
    font-size: 10px;
    bottom: 20px;
  }

  .dvsv {
    padding-top: 8px;
    padding-bottom: 20px;
  }

  .dvsv.ss {
    width: 92vw;
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .dvsv._0909 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .listservices {
    margin-top: -6px;
  }

  .productlist {
    grid-column-gap: 6px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    padding-top: 8px;
  }

  .productlistitem {
    font-size: 9px;
  }

  .servceslisthover {
    opacity: 1;
    padding-bottom: 30px;
    padding-left: 2vw;
    padding-right: 30px;
    font-size: 16px;
    inset: 0%;
  }

  .vdfv {
    padding-bottom: 44px;
    padding-left: 4vw;
  }

  .teamavatar {
    width: 30%;
    height: 100px;
  }

  .div-block-44 {
    width: auto;
    margin-top: 26px;
  }

  .div-block-45 {
    margin-left: -3px;
  }

  .div-block-46 {
    padding-left: 5px;
  }

  .p6 {
    font-weight: 400;
    line-height: 16px;
  }

  .p5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
  }

  .rabit {
    justify-content: flex-end;
    padding: 180px 4vw 80px;
    overflow: hidden;
  }

  .div-block-47 {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-47.sss {
    grid-column-gap: 8px;
    flex-direction: row;
    padding-bottom: 5px;
    display: flex;
    top: 0;
  }

  .div-block-48 {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .navv {
    padding-bottom: 0;
    padding-left: 4vw;
    padding-right: 4vw;
    display: none;
  }

  .vsdvsd {
    margin-right: 10px;
  }

  .div-block-49 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    align-items: flex-start;
  }

  .buttonctanav {
    letter-spacing: -.01em;
    padding-bottom: 1px;
    padding-right: 0;
  }

  .pspace {
    width: 15%;
    display: none;
  }

  .logotype {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    filter: none;
    border-bottom-style: solid;
    width: 92vw;
    margin-top: 24px;
    margin-left: 4vw;
    padding-bottom: 12px;
  }

  .text-block-4 {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 15px;
  }

  .div-block-51 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .projectbody {
    border-bottom-left-radius: var(--rounded-mobile);
    border-bottom-right-radius: var(--rounded-mobile);
    bottom: 470px;
    overflow: hidden;
  }

  .projectintro.moscowteam {
    background-position: 50%;
    height: 60vh;
  }

  .projectintro.secondpage {
    height: 24vh;
  }

  .projectinception {
    grid-row-gap: 20px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .projectinception.mainpage {
    grid-row-gap: 0px;
  }

  .divcolumn {
    width: 100%;
    margin-top: 40px;
  }

  .div-block-52 {
    flex-direction: column;
    padding-top: 0;
  }

  .fvdsfv {
    padding-top: 60px;
  }

  .div-block-54 {
    padding-top: 20px;
  }

  .blogitem {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blogitemcon {
    z-index: 1;
    padding-left: 4vw;
    padding-right: 4vw;
    position: relative;
  }

  .blogitembody {
    flex-direction: column;
  }

  .vfd4 {
    width: 100%;
  }

  .div-block-55 {
    flex-direction: column;
  }

  .div-block-56 {
    padding-bottom: 0;
  }

  .div-block-57 {
    margin-bottom: 100px;
  }

  .div-block-58 {
    border-bottom: 1px solid var(--border);
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .div-block-58.last {
    border-bottom-style: solid;
    padding-bottom: 70px;
  }

  .promoslider {
    align-items: flex-end;
    width: 92%;
    top: 46vw;
    left: 4vw;
    right: 0;
  }

  .div-block-59 {
    overflow: visible;
  }

  .div-block-60 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
  }

  .image-4 {
    width: 70px;
  }

  .p8 {
    font-size: 16px;
  }

  .socialicon {
    width: 38px;
    height: 38px;
    margin-left: 0;
    margin-right: 16px;
  }

  .socialicon.dzen {
    width: 34px;
    height: 34px;
  }

  .contactusfotter {
    display: block;
  }

  .titlecover {
    padding-bottom: 70px;
  }

  .rabitcover {
    width: 320px;
    height: 89%;
  }
}

#w-node-bd6ee628-1461-eab2-0a85-27685d163595-10a4ce48 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_9a628843-6114-8a94-350f-f929066e6750-10a4ce48, #w-node-d27b6b8c-dc5c-1b90-b97a-5fb1eaa2e8d5-10a4ce48, #w-node-_342d48ba-11e1-1de3-46b0-50e32c575e63-10a4ce48, #w-node-_8805e8d9-5e3a-b2d5-b937-f8c41c0d5a9c-10a4ce48, #field-9.w-node-ebdbd8a4-637a-f8b0-5eed-896c5389a83e-1706e47e, #w-node-f727e9b1-8ec3-4ad0-02e1-cb5a4ee8be65-1706e47e, #w-node-_6579c2ea-0b01-af12-74dc-f3f362634ba2-1706e47e, #w-node-_25e7a70b-a3cc-aa36-1bbe-fb2b8f007bc6-1706e47e, #w-node-e25be404-1a4c-5eb3-2f06-06a6568e55e2-1706e47e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-bd6ee628-1461-eab2-0a85-27685d163595-10a4ce48 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr 1fr;
  }

  #w-node-_9a628843-6114-8a94-350f-f929066e6750-10a4ce48, #w-node-d27b6b8c-dc5c-1b90-b97a-5fb1eaa2e8d5-10a4ce48, #w-node-_342d48ba-11e1-1de3-46b0-50e32c575e63-10a4ce48, #w-node-_8805e8d9-5e3a-b2d5-b937-f8c41c0d5a9c-10a4ce48 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}