@font-face {
  font-family: Antonio;
  src: url('../fonts/Antonio-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Antonio;
  src: url('../fonts/Antonio-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Antonio;
  src: url('../fonts/Antonio-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Antonio;
  src: url('../fonts/Antonio-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Antonio;
  src: url('../fonts/Antonio-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --legblack: #272727;
  --beige: #fff5e6;
  --blue: #afbbff;
  --dark-blue: #6f6fc9;
  --yellow: #f2da00;
  --pureblack: black;
  --white: white;
  --white-gray: white;
}

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

body {
  background-color: var(--legblack);
  color: var(--beige);
  font-family: Antonio, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 130%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
  transition: color .3s, opacity .3s;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

blockquote {
  border-left: .3125rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .625rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.simple-text {
  font-family: Worksans, Arial, sans-serif;
  font-size: 1.125rem;
}

.simple-text p {
  margin-bottom: 2rem;
}

.simple-text h1, .simple-text h2, .simple-text h3, .simple-text h4 {
  margin-bottom: 2rem;
  font-family: Antonio, Arial, sans-serif;
}

.simple-text h5, .simple-text h6 {
  margin-bottom: 1rem;
  font-family: Antonio, Arial, sans-serif;
}

.simple-text ol, .simple-text ul {
  margin-bottom: 2rem;
}

.simple-text blockquote {
  border-left-color: var(--blue);
  margin-bottom: 2rem;
}

.simple-text.text-size-regular {
  font-size: 1rem;
}

.navbar {
  background-color: #0000;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.container-fluid {
  width: 100%;
  max-width: 98rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.grid-nav-box {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.a-company-brand {
  padding: 0;
  display: block;
}

.image-brand {
  width: 6.25rem;
  display: block;
}

.navmenu {
  float: none;
  width: 100%;
  display: block;
}

.navlinks-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navlink {
  color: var(--beige);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1.75rem;
  transition: color .3s;
}

.navlink:hover {
  color: var(--blue);
}

.navlink.w--current {
  color: var(--yellow);
}

.socials-nav-box {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-social {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}

.section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section.projects-section {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.section.marquee-section {
  background-color: var(--beige);
  color: var(--legblack);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  overflow: hidden;
}

.section.marquee-section.border-marquee {
  border-top: .5rem solid var(--legblack);
  border-bottom: .5rem solid var(--legblack);
}

.section.more-padding-bottom {
  padding-bottom: 5rem;
}

.section.image-section {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.section.is-more-paddings {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.section.single-project-title {
  border-top: 2px solid var(--dark-blue);
  border-bottom: 2px solid var(--dark-blue);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section.spacer-destkop-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section.main-image-project {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.5rem;
  padding-bottom: 0;
}

.section.is-mid-paddings {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.section.is-beige-section {
  background-color: var(--beige);
  color: var(--legblack);
}

.section.full-image-project {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.section.main-image-project-ind {
  border-bottom: 2px solid var(--dark-blue);
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.5rem;
  padding-bottom: 3rem;
}

.nav-border-box {
  border: 1px solid var(--beige);
  border-radius: 1rem;
  padding: 1.125rem;
}

.image-logo-home {
  width: 100%;
  display: block;
}

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

.heading-main {
  font-size: 3rem;
  font-weight: 600;
  line-height: 150%;
}

.heading-main.is-bigger {
  font-size: 4rem;
}

.margin-top-large {
  margin-top: 3rem;
}

.text-size-medium {
  font-size: 1.125rem;
}

.text-weight-light {
  font-weight: 300;
}

.grid-featured-projects {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.a-project-grid {
  overflow: hidden;
}

.image-project {
  aspect-ratio: 705 / 434;
  object-fit: cover;
  width: 100%;
  transition: transform .8s cubic-bezier(.785, .135, .15, .86);
  display: block;
}

.image-project.is-full-ratio {
  aspect-ratio: 500 / 151;
}

.marquee-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-flex;
}

.text-marquee {
  white-space: nowrap;
  flex: none;
  font-size: 2.5rem;
  line-height: 1;
}

.margin-top-regular {
  margin-top: 1.5rem;
}

.margin-top-small {
  margin-top: 1rem;
}

.margin-top-medium {
  margin-top: 2rem;
}

.max-width-paragraph {
  width: 100%;
  max-width: 66rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-medium-large {
  font-size: 1.5rem;
}

.text-font-ws {
  font-family: Worksans, Arial, sans-serif;
}

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

.grid-team-item {
  border: 1px solid var(--beige);
  border-radius: 1rem;
  padding: 1rem;
}

.team-flex-person {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.team-flex-name-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.text-size-large {
  font-size: 1.75rem;
}

.image-photo-person {
  object-fit: cover;
  border-radius: 100%;
  width: 4.25rem;
  height: 4.25rem;
  display: block;
}

.text-color-blue {
  color: var(--blue);
}

.flex-cta-form {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-accent-cta {
  width: 10.9375rem;
  height: auto;
  display: block;
}

.cta-box-content {
  flex: 1;
}

.simple-link {
  color: var(--blue);
  text-decoration: none;
}

.simple-link:hover {
  color: var(--yellow);
}

.image-cta-home {
  width: 100%;
  height: auto;
  display: block;
}

.footer_section {
  padding-top: 3rem;
  padding-bottom: 0;
}

.footer_section.projects-section {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.footer_section.marquee-section {
  background-color: var(--beige);
  color: var(--legblack);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  overflow: hidden;
}

.footer_section.more-padding-bottom {
  padding-bottom: 5rem;
}

.footer_section.image-section {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.footer-logo-box {
  border-top: 1px solid var(--beige);
  border-bottom: 1px solid var(--beige);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.image-logo-footer {
  width: 48.375rem;
  height: auto;
  display: block;
}

.footer-menu-flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

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

.text-size-40 {
  font-size: 2.5rem;
}

.footer-menu-label {
  margin-right: 2rem;
}

.link-no-underline {
  text-decoration: none;
}

.link-navlink-footer {
  color: var(--blue);
  font-size: 2.5rem;
  text-decoration: none;
}

.link-navlink-footer:hover {
  color: var(--yellow);
}

.margin-top-xlarge {
  margin-top: 6rem;
}

.grid-footer-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field-input {
  background-color: var(--beige);
  color: var(--legblack);
  border-radius: 1rem;
  width: 100%;
  height: 4rem;
  margin-bottom: 0;
  padding: .75rem 1.5rem;
  font-size: 1.75rem;
}

.text-field-input::placeholder {
  color: var(--legblack);
}

.text-field-input.textarea-input {
  height: 13rem;
}

.input-box {
  margin-bottom: 1rem;
}

.input-flex-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.input-flex-col-input {
  flex: 1;
}

.submit-button {
  background-color: var(--blue);
  color: var(--beige);
  border-radius: 1rem;
  padding: .75rem 4rem;
  font-size: 1.75rem;
  transition: background-color .3s;
  display: block;
}

.submit-button:hover {
  background-color: var(--dark-blue);
}

.contact-form-block {
  margin-bottom: 0;
}

.checkbox-wrapper {
  color: var(--blue);
  padding-left: 35px;
  font-family: Worksans, Arial, sans-serif;
  font-size: .75rem;
  line-height: 135%;
}

.checkbox-wrapper.is-dark-check {
  color: var(--legblack);
}

.is-checkbox {
  border: 1px solid var(--blue);
  border-radius: .5rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -2px;
  margin-left: -35px;
}

.is-checkbox.w--redirected-checked {
  background-color: var(--blue);
}

.flex-form-icon {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.image-accent-footer {
  width: 5.375rem;
  height: auto;
  display: block;
}

.bottom-footer-box {
  border-top: 1px solid var(--beige);
  margin-top: 4rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.bottom-footer-flex {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-size-small {
  font-size: .75rem;
  line-height: 135%;
}

.simple-link-bfooter {
  text-decoration: none;
}

.simple-link-bfooter:hover {
  color: var(--blue);
}

.max-width-header-par {
  width: 100%;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}

.service-wrapper {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  flex-flow: column;
  display: flex;
}

.service-element {
  overflow: hidden;
}

.service-title-box {
  background-color: var(--beige);
  color: var(--legblack);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 1.5rem;
}

.service-content-box {
  border-right: 2px solid var(--blue);
  border-bottom: 2px solid var(--blue);
  border-left: 2px solid var(--blue);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  padding: 1.25rem 1.5rem;
}

.text-size-xxlarge {
  font-size: 2.5rem;
}

.margin-top-4rem {
  margin-top: 4rem;
}

.grid-offer-elements {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.offer-item-col {
  border: 2px solid var(--blue);
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  position: relative;
}

.text-number-offer {
  font-size: 4rem;
  font-weight: 600;
  line-height: 120%;
}

.offer-items-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.badge-offer {
  background-color: var(--blue);
  border-radius: 1rem;
  padding: .625rem;
  font-size: 3rem;
  position: absolute;
  inset: -3.5rem 1.5rem auto auto;
}

.steps-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.step-column {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.column-num-box {
  background-color: var(--beige);
  color: var(--legblack);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 1.25rem 1.5rem;
}

.column-num-box.is-black-bg {
  border-style: solid solid none;
  border-width: 2px;
  border-color: var(--beige);
  background-color: var(--legblack);
  color: var(--beige);
}

.text-step-num {
  font-size: 6rem;
  line-height: 1;
}

.column-content-box {
  border-style: none solid solid;
  border-width: 2px;
  border-color: var(--beige);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  flex: 1;
  padding: 1.25rem 1.5rem;
}

.column-content-box.is-beige-bg {
  background-color: var(--beige);
  color: var(--legblack);
}

.form-block-wrapper {
  background-color: var(--beige);
  color: var(--legblack);
  border-radius: 1rem;
  padding: 3rem 6rem 4.5rem;
}

.box-close-form {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.a-close-icon {
  transition: transform .3s, color .3s, opacity .3s;
}

.a-close-icon:hover {
  opacity: .7;
  transform: scale(.9);
}

.image-close-form {
  width: 4rem;
  display: block;
}

.divider-dark {
  background-color: var(--legblack);
  width: 100%;
  height: 2px;
}

.checkoxes-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.is-checkbox-dark {
  border: 1px solid var(--legblack);
  border-radius: .5rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 8px;
  margin-left: -35px;
}

.is-checkbox-dark.w--redirected-checked {
  background-color: var(--pureblack);
}

.checkbox-wrapper-page {
  color: var(--legblack);
  width: 100%;
  margin-bottom: 0;
  padding-left: 35px;
  font-family: Antonio, Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 140%;
}

.is-checkbox-dark-small {
  border: 1px solid var(--legblack);
  border-radius: .5rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -2px;
  margin-left: -35px;
}

.is-checkbox-dark-small.w--redirected-checked {
  background-color: var(--legblack);
}

.image-form-bottom {
  width: 9.75rem;
  display: block;
}

.flex-submit-button {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1rem;
  display: flex;
}

.partners-borders-box {
  border-top: 1px solid var(--beige);
  border-bottom: 1px solid var(--beige);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.grid-partners {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.partners-wrapper-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-partner-column {
  text-align: center;
}

.image-partner {
  display: block;
}

.grid-single-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.a-back-portfolio {
  border: 2px solid var(--beige);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4rem;
  padding-right: .5rem;
  display: flex;
}

.image-back-arrow {
  width: 1.8125rem;
  display: block;
}

.single-title-el {
  text-align: center;
}

.image-main-project {
  width: 100%;
  height: auto;
  display: block;
}

.grid-single-desc {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.column-desc-single {
  max-width: 39.875rem;
}

.tags-wrapper-border {
  border: 2px solid var(--dark-blue);
  border-radius: 1rem;
  max-width: 26.25rem;
  padding: 2rem;
}

.flex-tags-project {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.grid-desc-single {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-columns-images {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-project-grid {
  width: 100%;
  display: block;
}

.main-image-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .65fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.main-content-ind {
  padding: 4.5rem 4rem;
}

.max-width-project-photo {
  max-width: 40rem;
}

.grid-columns-images-smaller {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-top: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .grid-nav-box {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    display: flex;
  }

  .nav-col-grid.is-mobile-hidden {
    display: none;
  }

  .nav-col-grid.is-center-adj {
    background-color: var(--dark-blue);
    border-radius: .75rem;
    flex-flow: row-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navmenu {
    background-color: var(--legblack);
    background-image: url('../images/accent-footer.png');
    background-position: 16px 98%;
    background-repeat: no-repeat;
    background-size: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    inset: 0%;
  }

  .navlinks-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    align-items: stretch;
    padding-top: 3.5rem;
  }

  .navlink {
    border-bottom: 1px solid var(--beige);
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 3rem;
    line-height: 1;
    display: block;
  }

  .a-social-link.is-nav-fixed {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
  }

  .image-social {
    width: 1.75rem;
    height: 1.75rem;
  }

  .section.is-form-section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .nav-border-box {
    border-style: none;
    border-width: 0;
    padding: 0;
  }

  .grid-team {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-menu-flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
  }

  .grid-offer-elements {
    grid-column-gap: 1.5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr 1fr;
  }

  .form-block-wrapper {
    padding: 1.5rem 1.5rem 2rem;
  }

  .checkoxes-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .tags-wrapper-border {
    padding: 1rem;
  }

  .main-content-ind {
    padding: 2rem 1.5rem;
  }

  .grid-columns-images-smaller {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    z-index: 2;
    background-color: var(--dark-blue);
    border-radius: .75rem;
    position: fixed;
    inset: 1rem 1rem auto auto;
  }

  .menu-button-box {
    background-color: #0000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
  }

  .menu-button-icon-wrap {
    grid-column-gap: .1875rem;
    grid-row-gap: .1875rem;
    border: 2px solid var(--beige);
    border-radius: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    display: flex;
  }

  .line-mb {
    background-color: var(--beige);
    width: 1rem;
    height: .125rem;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .simple-text.text-size-medium-large {
    font-size: 1.25rem;
  }

  .a-company-brand {
    padding-left: 0;
  }

  .section.more-padding-bottom {
    padding-bottom: 3rem;
  }

  .section.is-more-paddings {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.spacer-destkop-section {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .section.main-image-project {
    padding-top: 2.5rem;
  }

  .section.is-mid-paddings {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.main-image-project-ind {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }

  .heading-main {
    font-size: 2rem;
  }

  .heading-main.is-bigger {
    font-size: 3rem;
  }

  .margin-top-large {
    margin-top: 2rem;
  }

  .text-marquee {
    font-size: 1.75rem;
  }

  .grid-team {
    grid-template-columns: 1fr 1fr;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .flex-cta-form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image-accent-cta {
    width: 6rem;
  }

  .image-cta-home {
    object-fit: cover;
    min-height: 16rem;
  }

  .footer_section {
    padding-bottom: 6rem;
  }

  .image-logo-footer {
    width: 90%;
  }

  .footer-menu-flex {
    grid-column-gap: 1rem;
  }

  .text-size-40, .text-size-40.text-weight-semibold {
    font-size: 1.75rem;
  }

  .footer-menu-label {
    margin-right: 0;
  }

  .link-navlink-footer {
    font-size: 1.75rem;
  }

  .margin-top-xlarge {
    margin-top: 3rem;
  }

  .grid-footer-form {
    flex-flow: column;
    display: flex;
  }

  .text-field-input {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.25rem;
  }

  .text-field-input.textarea-input {
    font-size: 1.25rem;
  }

  .flex-form-icon {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
  }

  .service-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-size-xxlarge.text-weight-semibold {
    font-size: 1.75rem;
  }

  .grid-offer-elements {
    grid-row-gap: 2.5rem;
  }

  .offer-items-flex {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .badge-offer {
    font-size: 1.25rem;
    top: -1.75rem;
  }

  .text-step-num {
    font-size: 4rem;
  }

  .image-close-form {
    width: 2.625rem;
  }

  .checkoxes-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .is-checkbox-dark {
    margin-top: 5px;
  }

  .checkbox-wrapper-page {
    font-size: 1.25rem;
  }

  .grid-partners {
    grid-template-columns: 1fr 1fr;
  }

  .partners-wrapper-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: space-between;
    display: flex;
  }

  .image-partner {
    display: block;
  }

  .grid-single-desc {
    flex-flow: column;
    display: flex;
  }

  .tags-wrapper-border {
    max-width: 100%;
  }

  .grid-columns-images {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .main-image-grid {
    flex-flow: column;
    display: flex;
  }

  .grid-columns-images-smaller {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  .grid-nav-box {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .section.marquee-section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .section.more-padding-bottom {
    padding-bottom: 3rem;
  }

  .section.is-header-small {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .grid-featured-projects {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .grid-team {
    grid-template-columns: 1fr;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .flex-cta-form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image-accent-cta {
    width: 5.5625rem;
  }

  .input-flex-button {
    flex-flow: column;
    display: flex;
  }

  .submit-button {
    margin-left: auto;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .bottom-footer-flex {
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .service-content-box {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .grid-offer-elements {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .offer-item-col {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .steps-grid {
    flex-flow: column;
    display: flex;
  }

  .column-content-box {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .form-block-wrapper {
    padding: 1rem 1rem 3.5rem;
  }

  .image-form-bottom {
    width: 5rem;
  }

  .flex-submit-button {
    margin-top: 2rem;
  }

  .grid-single-title {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: space-between;
    place-items: center start;
    display: flex;
  }

  .a-back-portfolio {
    width: 3rem;
    height: 2.5rem;
  }

  .image-back-arrow {
    width: 1.25rem;
  }

  .single-title-el {
    text-align: center;
  }

  .image-main-project {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .grid-desc-single {
    flex-flow: column;
    display: flex;
  }

  .grid-columns-images {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .grid-columns-images-smaller {
    grid-template-columns: 1fr;
  }
}

#w-node-_7f5d40ec-1b74-9b5a-c737-665dbab78ad8-eb28ad50, #w-node-e1e8889a-0f1f-df46-7318-feb7d0cd7a2f-eb28ad50, #w-node-_439a57c7-764b-5ecf-4596-4f2ee20a0439-eb28ad50, #w-node-_5bd5cb52-9c4c-98fa-15d0-2bd33fed8f8c-eb28ad50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_181e1439-4d2e-488a-6246-561962cf2263-eb28ad50 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_887ccb10-013a-b60e-a470-293b2ecd736d-dd3ee6ad {
  justify-self: end;
}

#w-node-_8a28cd55-7d48-6dde-f7b6-ce9509503266-81361e89, #w-node-_8a28cd55-7d48-6dde-f7b6-ce9509503266-597d3503 {
  align-self: stretch;
}

@media screen and (max-width: 479px) {
  #w-node-ff536eed-bba7-879d-ac7e-df735f1790c4-dd3ee6ad {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antonio';
  src: url('../fonts/Antonio-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}