:root {
  --color--secondary-dark: #1e1e1e;
  --color--white: #fdfcfc;
  --color--gray: #d4d4d4;
  --font--main: "Inter 18 Pt", sans-serif;
  --text--h1: 5.8em;
  --text--h3: 3em;
  --text--txt-2: 1.3em;
  --spacing--md: 2em;
  --spacing--xs: .5em;
  --spacing--nm: 1em;
  --color--dark: #070707;
  --text--txt-1: 1.5em;
  --spacing--xxs: .25em;
  --text--h4: 2.5em;
  --text--h2: 3.5em;
  --text--txt-3: 1.1em;
  --spacing--xxl: 7.5em;
  --text--h5: 2em;
  --spacing--lg: 2.5em;
  --spacing--xl: 4em;
  --spacing--s: .75em;
  --font--spacing: 0px;
}

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

.background-color-secondary {
  background-color: var(--color--secondary-dark);
}

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

.spacing-xl-t {
  margin-top: 4em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.text-color-accent {
  color: var(--color--gray);
  padding: 0;
}

.spacing-xxl-t {
  margin-top: 7.5em;
  padding-top: 0;
}

.is-mainwhite {
  background-color: #fafaf8;
}

.h1 {
  font-family: var(--font--main);
  font-size: var(--text--h1);
  letter-spacing: -.02em;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-weight: 400;
  line-height: 125%;
}

.h1.text-color-white.hero-h1 {
  line-height: 105%;
}

.max-width-container {
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  max-width: 1324px;
  height: 100%;
  min-height: 100%;
  display: block;
  overflow: hidden;
}

.h3 {
  font-family: var(--font--main);
  font-size: var(--text--h3);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 125%;
}

.text-allign-center {
  text-align: center;
  display: block;
}

.spacing-s-t {
  margin-top: .75em;
}

.txt-2 {
  font-family: var(--font--main);
  font-size: var(--text--txt-2);
  letter-spacing: -.02em;
  font-weight: 400;
  line-height: 150%;
}

.txt-2.text-color-white {
  margin-top: 0;
}

.txt-2.text-color-white.spacing-md-t {
  margin-top: var(--spacing--md);
}

.txt-2.text-color-white.spacing-xs-t {
  margin-top: var(--spacing--xs);
  margin-bottom: 0;
}

.txt-2.text-color-white.spacing-nm-t {
  margin-top: var(--spacing--nm);
  position: static;
}

.txt-2.text-color-accent {
  text-decoration: none;
}

.txt-2.text-color-accent.spacing-xxs-t {
  text-align: left;
  flex: 0 auto;
}

.button-normal {
  border-radius: 60px;
  padding: 2em 3em;
  display: inline-block;
}

.is-ghostwhite {
  border: 1px solid #fafaf8;
}

.spacing-md-l {
  margin-left: 2em;
}

.spacing-xs-t {
  margin-top: .5em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.background-color-primary {
  background-color: var(--color--dark);
}

.wrapper-text {
  flex: 0 auto;
}

.txt-1 {
  font-family: var(--font--main);
  font-size: var(--text--txt-1);
  letter-spacing: -.02em;
  font-weight: 400;
  line-height: 150%;
}

.txt-1.text-color-accent.spacing-nm-t {
  text-align: left;
}

.spacing-xxs-t {
  margin-top: .25em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.h4 {
  font-family: var(--font--main);
  font-size: var(--text--h4);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 125%;
}

.h2 {
  font-family: var(--font--main);
  font-size: var(--text--h2);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 125%;
}

.h2.text-color-white.spacing-none-b.spacing-auto-t {
  margin-top: auto;
}

.h2.text-color-white.is-100 {
  line-height: 100%;
}

.text-allign-right {
  text-align: right;
  display: block;
}

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

.spacing-md-t {
  margin-top: 2em;
}

.spacing-nm-t {
  margin-top: 1em;
  position: relative;
}

.padding-global {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-left: 3.625em;
  padding-right: 3.625em;
  display: flex;
  position: static;
}

.text-color-dark {
  color: var(--color--dark);
  padding: 0;
}

.txt-3 {
  font-family: var(--font--main);
  font-size: var(--text--txt-3);
  letter-spacing: -.02em;
  font-weight: 400;
  line-height: 150%;
}

.txt-3.text-color-dark {
  text-decoration: none;
}

.main-wrapper {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

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

.h5 {
  font-family: var(--font--main);
  font-size: var(--text--h5);
  font-weight: 500;
  line-height: 125%;
}

.image-100--100--cover {
  box-sizing: border-box;
  float: none;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.wrapper-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.container-hero {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 88vh;
  display: flex;
}

.container-hero-relative {
  z-index: 2;
  width: 100%;
  height: 88vh;
  position: relative;
}

.svg-logo-hero {
  color: var(--color--white);
  max-height: 170px;
}

.wrapper-hero {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  height: 292.5px;
  display: flex;
}

.wrapper-hero.slide-in-bottom.hero_custom {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  align-items: center;
  margin-bottom: 160px;
}

.wrapper-hero.slide-in-bottom.hero_custom-copy {
  align-items: center;
  height: auto;
  margin-bottom: 160px;
}

.line-vertical {
  background-color: var(--color--gray);
  width: 2px;
  height: 100%;
}

.wrapper-text-center {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-aboutus {
  padding-top: 2em;
  padding-bottom: 2em;
}

.wrapper-aboutus-stats {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  display: flex;
}

.element-stats {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.body {
  background-color: var(--color--dark);
  font-family: var(--font--main);
  font-size: 15px;
}

.line-horizontal {
  background-color: var(--color--gray);
  width: 100%;
  height: 1px;
}

.wrapper-text-sb {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.wrapper-text-sb.spacing-xxl-t {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
}

.wrapper-text-sb.spacing-xxl-t.is-hidden {
  display: none;
}

.wrapper {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.is-50 {
  width: 50%;
}

.section-services.section-padding_bg.background-color-secondary {
  padding-bottom: 4em;
}

.container-large {
  width: 100%;
  height: 100%;
}

.wrapper-text-heading {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-padding_bg {
  padding-top: var(--spacing--xl);
}

.wrapper-services-elements {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrapper-services-elements.spacing-xxl-t {
  justify-content: space-between;
  align-items: flex-start;
}

.service-element {
  flex-flow: column;
  width: 50%;
  display: flex;
}

.button-small {
  border-radius: 40px;
  padding: 1.4375em 2em;
}

.button-small.is-mainwhite {
  background-color: var(--color--white);
}

.section-whyus {
  padding-top: 2em;
  padding-bottom: 2em;
}

.container-whyus {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container-whyus.spacing-xxl-t {
  align-items: stretch;
}

.wrapper-whyus-photo {
  width: 50%;
}

.wrapper-whyus-text {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  flex: 1;
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.section-portfolio {
  padding-top: 2em;
  padding-bottom: 2em;
}

.wrapper-heading-sb {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-portfolio {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.wrapper-portfolio-project {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  justify-content: flex-start;
  align-items: flex-start;
  height: 283.063px;
  display: flex;
}

.wrapper-portfolio-project.spacing-xxl-t.slide-in-bottom {
  width: 100%;
  height: 320px;
  min-height: 320px;
}

.wrapper-portfolio-image {
  width: 30%;
  height: 100%;
}

.is-70 {
  width: 70%;
}

.wrapper-text-portfolio {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 1156.05px;
  height: 100%;
  display: flex;
}

.wrapper-text-portfolio.is-70 {
  flex: 1;
  width: auto;
}

.section-contact {
  height: 50vw;
  position: relative;
}

.container-contact {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.wrapper-contact-text {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  display: flex;
}

.wrapper-contact-text.is-button {
  align-items: center;
}

.section-footer {
  flex-flow: column;
  justify-content: center;
  min-height: 80px;
  padding-top: 2em;
  padding-bottom: 2em;
  display: block;
}

.wrapper-footer-text {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.wrapper-footer-text_underhd {
  margin-top: var(--spacing--xxs);
  grid-column-gap: var(--text--h2);
  grid-row-gap: var(--text--h2);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.wrapper-text-footer-s {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrapper-footer-links {
  justify-content: space-between;
  display: flex;
}

.wrapper-footer-links_sitemap {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrapper-footer-links_contact {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.wrapper-footer-links_follow {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-polityka-kml {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

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

.section-testimonails {
  padding-top: var(--spacing--xl);
  padding-bottom: var(--spacing--xl);
}

.section-testimonails.background-color-secondary {
  display: block;
}

.section-testimonails.background-color-secondary.hide {
  display: none;
}

.wrapper-text-heading-center {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.element-testimonial {
  flex: 1;
  width: 33%;
  padding: 2.5em 2em;
}

.element-testimonial.background-color-primary.is-radius {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.wrapper-testimonial_row1 {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(32%, auto));
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.wrapper-testimonial_row1.spacing-xxl-t {
  justify-items: center;
}

.is-link {
  padding: .4em .4em .4em 0;
  text-decoration: none;
}

.is-link.w--current {
  padding-top: .3em;
  padding-bottom: .3em;
}

.wrapper-hero-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.navbar-logo-left {
  object-fit: fill;
  width: 100%;
  height: 12vh;
  position: static;
  inset: 0% 0% auto;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

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

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  background-color: #0000;
  flex: 0 auto;
  position: static;
}

.wrapper-nav-links {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.wrappper-nav {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  justify-content: space-between;
  align-items: center;
  height: 60px;
  display: flex;
}

.svg-logo-hero-copy {
  color: var(--color--white);
  width: 60px;
}

.spacing-auto-t, .spacing-none-b {
  margin-top: 7.5em;
  padding-top: 0;
}

.section-hero_services {
  width: 100vw;
  position: relative;
}

.wrapper-text-hero_services {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrapper-projekts_opis {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  justify-content: space-between;
  display: flex;
}

.wrapper-text-center-left {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.wrapper-text-center-left.is-50 {
  flex-flow: column;
}

.section-projektstandart_inside {
  padding-top: 4em;
  padding-bottom: 4em;
}

.wrapper-projekt_inside {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(40%, 40%));
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.elemet-doduslugi {
  justify-content: space-between;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
}

.button-container-right {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  justify-content: flex-end;
  display: flex;
}

.wrapper-portfolio_hero_image {
  height: 70vh;
}

.container-portfoliopage_highliights {
  grid-column-gap: var(--spacing--nm);
  grid-row-gap: var(--spacing--nm);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.wrapper-poznajmysie_left {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-aboutstudio.background-color-secondary {
  padding-top: 4em;
  padding-bottom: 4em;
}

.wrapper-projekt_hero {
  width: 100%;
}

.wrapper-heropojekt-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.wrapper-projektmieszkania {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  flex: 1;
  height: 292.5px;
  margin-bottom: 165px;
  display: flex;
}

.section-aboutproject {
  padding-top: 2em;
  padding-bottom: 2em;
}

.wrapper-photo_2-3 {
  grid-column-gap: var(--spacing--nm);
  grid-row-gap: var(--spacing--nm);
  flex-flow: row;
  justify-content: space-between;
  height: 856.297px;
  display: flex;
}

.wrapper-100 {
  flex: 1;
}

.wrapper-photo_4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.wrapper-portfolio_photo4 {
  min-width: 80%;
  max-width: 80%;
  height: 883.391px;
}

.container-portfolio_gallery {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.is-hidden {
  display: none;
}

.is-button {
  text-decoration: none;
}

.wrapper-project_stats {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  display: flex;
}

.hero-utility {
  background-image: url('../images/projektwnetrza-wroclaw_1.png');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.button-container-center {
  justify-content: center;
  display: flex;
}

.wrapper-text_404 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.is-relative {
  position: relative;
}

.wrapper-portfolio_link {
  width: 100%;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  position: absolute;
  inset: auto 0% 0%;
}

.wrapper-portfolio_link.is-hidden {
  justify-content: space-between;
  display: block;
}

.wrapper-text-portfoliolinks {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1em;
  display: flex;
}

.wrapper-heading-sb_prtofolio {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.wrapper-links-desktop {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  align-items: center;
  display: flex;
}

.wrapper-links-mobile {
  display: none;
}

.wrapper-nav-links-copy {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-photo_offer {
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  height: 826.141px;
  display: flex;
  position: relative;
}

.wrapper-text_offer {
  width: 50%;
}

.wrapper-projekts_opis_2 {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  justify-content: space-between;
  display: flex;
}

.element-stats-copy {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.container-aboutuspage_poznajmysi-copy {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.container-hero_main {
  height: 88vh;
}

.svg-logo-hero-copy {
  color: var(--color--white);
  max-height: 252px;
}

.lighbox-photo1 {
  width: 100%;
  height: 100%;
}

.wrapper-footer-hd-logo {
  justify-content: space-between;
  align-items: center;
  height: 106.128px;
  display: flex;
}

.wrapper-text-footer {
  flex: 0 auto;
  width: 45%;
}

.svg-logo-footer {
  color: var(--color--white);
  width: 100px;
}

.is-link_footer {
  grid-column-gap: var(--spacing--nm);
  grid-row-gap: var(--spacing--nm);
  color: var(--color--white);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  padding: .3em .4em .3em 0;
  text-decoration: none;
  display: flex;
}

.svg-2 {
  color: var(--color--white);
  width: 35px;
}

.wrapper-2 {
  flex-flow: column;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.svg-link-logo-footer {
  flex-flow: column;
  justify-content: center;
  width: 40px;
  height: 100%;
  display: flex;
}

.wrapper-icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: block;
}

.wrapper-custom_2 {
  max-width: 540px;
}

.page-loader {
  z-index: 999999;
  background-color: var(--color--dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.container-page-loader {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-page-laoder {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  height: 170px;
  display: flex;
}

.text-preloader {
  color: var(--color--white);
  font-size: var(--text--h1);
  align-self: center;
  line-height: 125%;
}

.line-reloader {
  background-color: var(--color--white);
  flex: 0 auto;
  width: 1px;
}

.wrapper-logo {
  width: 337.483px;
  height: 100%;
  display: flex;
}

.txt-loader {
  color: var(--color--white);
  font-size: var(--text--h5);
  text-align: center;
  line-height: 150%;
}

.inline-block {
  display: inline-block;
}

.is-link-nav {
  padding: .4em .4em .4em 0;
  text-decoration: none;
}

.is-link-nav.w--current {
  padding-top: .3em;
  padding-bottom: .3em;
}

.is-link-copy {
  padding: .4em .4em .4em 0;
  text-decoration: none;
}

.is-link-copy.w--current {
  padding-top: .3em;
  padding-bottom: .3em;
}

@media screen and (max-width: 991px) {
  .h1 {
    font-size: 16vw;
  }

  .h1.text-color-white {
    font-size: var(--text--h1);
  }

  .max-width-container {
    max-width: 95vw;
    height: 100%;
    overflow: visible;
  }

  .txt-1.text-color-accent.spacing-nm-t {
    text-align: left;
  }

  .padding-global {
    height: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .h5.text-color-white {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-100--100--cover {
    display: inline-block;
  }

  .wrapper-hero {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    align-items: center;
  }

  .body {
    font-size: 12px;
  }

  .wrapper-services-elements.spacing-xxl-t {
    align-items: stretch;
  }

  .service-element {
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
  }

  .container-whyus.spacing-xxl-t {
    justify-content: space-between;
    align-items: stretch;
  }

  .wrapper-text-portfolio {
    flex: 0 auto;
    width: auto;
  }

  .wrapper-text-portfolio.is-70 {
    width: 70%;
  }

  .wrapper-footer-text_underhd {
    width: 500px;
  }

  .wrapper-text-footer-s {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    align-items: flex-start;
  }

  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .wrapper-nav-links {
    background-color: var(--color--dark);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 100vh;
    padding-left: 2em;
    padding-right: 2em;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .spacing-auto-t {
    margin-top: auto;
  }

  .spacing-none-b {
    margin-top: 0;
    margin-bottom: 0;
  }

  .icon {
    color: var(--color--white);
  }

  .wrapper-projektmieszkania {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    align-items: center;
  }

  .wrapper-photo_2-3, .wrapper-photo_4 {
    height: 70vh;
  }

  .wrapper-portfolio_photo4 {
    height: 100%;
  }

  .wrapper-project_stats {
    grid-column-gap: var(--spacing--nm);
    grid-row-gap: var(--spacing--nm);
  }

  .wrapper-links-desktop {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    flex-flow: row;
    align-items: center;
    max-width: 95vw;
    display: flex;
  }

  .wrapper-links-mobile {
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 95vw;
    font-size: 20px;
    display: none;
  }

  .wrapper-nav-links-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .svg-logo-hero-copy {
    max-height: 50px;
  }

  .lighbox-photo1 {
    height: 100%;
  }

  .wrapper-footer-hd-logo {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    justify-content: flex-start;
    align-items: center;
    width: 500px;
    display: flex;
  }

  .wrapper-text-footer {
    width: 100%;
  }

  .svg-logo-footer {
    width: auto;
    height: 96px;
    max-height: none;
  }

  .svg-2 {
    width: 30px;
  }

  .wrapper-2 {
    justify-content: center;
  }

  .wrapper-page-laoder {
    grid-column-gap: var(--spacing--xxl);
    grid-row-gap: var(--spacing--xxl);
    justify-content: center;
    width: 100vw;
    padding-left: 1em;
  }

  .text-preloader {
    font-size: 5em;
  }

  .wrapper-logo {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .h1.text-color-white {
    font-size: var(--text--h1);
  }

  .max-width-container {
    max-width: 98vw;
  }

  .h2.text-color-white.spacing-none-b.spacing-auto-t {
    margin-top: auto;
  }

  .padding-global {
    padding-left: .2em;
    padding-right: .2em;
  }

  .txt-3.text-color-white {
    white-space: nowrap;
    word-break: keep-all;
  }

  .svg-logo-hero {
    max-height: 123.734px;
  }

  .wrapper-hero {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    align-items: center;
    height: 150px;
  }

  .wrapper-aboutus-stats {
    align-items: stretch;
  }

  .body {
    font-size: 9.5px;
  }

  .wrapper-text-sb.spacing-xxl-t {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
  }

  .wrapper-services-elements.spacing-xxl-t {
    grid-column-gap: var(--spacing--xxl);
    grid-row-gap: var(--spacing--xxl);
    flex-flow: column;
  }

  .service-element {
    width: 100%;
  }

  .container-whyus.spacing-xxl-t {
    flex-flow: row-reverse wrap-reverse;
    align-items: stretch;
  }

  .wrapper-whyus-photo {
    width: 100%;
  }

  .wrapper-heading-sb {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    align-items: flex-start;
  }

  .wrapper-portfolio-project.spacing-xxl-t.slide-in-bottom {
    height: 260px;
    min-height: auto;
  }

  .section-contact {
    z-index: 1;
    height: 80vw;
  }

  .wrapper-footer-text_underhd {
    width: 420px;
  }

  .wrapper-text-footer-s {
    align-items: flex-start;
  }

  .section-testimonails.background-color-secondary.hide {
    display: none;
  }

  .wrapper-testimonial_row1.spacing-xxl-t {
    grid-template-columns: repeat(auto-fit, minmax(41%, auto));
  }

  .navbar-logo-left {
    height: auto;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .container {
    max-width: none;
  }

  .navbar-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 98vw;
    height: 100%;
    padding-top: 2em;
    padding-left: .2em;
    padding-right: .2em;
  }

  .navbar-brand {
    z-index: 1000;
    padding-left: 0;
  }

  .navbar-brand.w--current {
    z-index: 1000;
  }

  .nav-menu-wrapper {
    z-index: 999;
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    inset: 0%;
    overflow: hidden;
  }

  .menu-button.w--open {
    z-index: 1000;
    background-color: var(--color--dark);
  }

  .wrapper-nav-links {
    z-index: 9;
    width: 100%;
    height: 100%;
    padding-top: 0;
    display: flex;
    position: static;
  }

  .svg-logo-hero-copy {
    width: 50px;
  }

  .wrapper-text-hero_services, .wrapper-projekts_opis, .wrapper-projekt_inside.spacing-xxl-t, .elemet-doduslugi {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
  }

  .wrapper-projektmieszkania {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    align-items: center;
    height: 150px;
  }

  .wrapper-photo_2-3 {
    flex-flow: column;
    height: auto;
  }

  .wrapper-project_stats {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    align-items: stretch;
  }

  .wrapper-text-portfoliolinks {
    font-size: 9px;
  }

  .wrapper-heading-sb_prtofolio {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .wrapper-links-mobile {
    width: 100%;
    padding-top: 5vh;
    display: flex;
  }

  .wrapper-nav-links-copy {
    display: none;
  }

  .wrapper-projekts_opis_2 {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
  }

  .container-aboutuspage_poznajmysi-copy {
    flex-flow: column-reverse;
  }

  .container-aboutuspage_poznajmysi-copy.spacing-xxl-t {
    flex-flow: column;
  }

  .svg-logo-hero-copy {
    max-height: 123.734px;
  }

  .wrapper-footer-hd-logo {
    width: 420px;
    max-width: 751.319px;
  }

  .svg-logo-footer {
    max-height: 123.734px;
  }

  .wrapper-2 {
    justify-content: center;
  }

  .wrapper-custom_2 {
    max-width: 340px;
  }

  .text-preloader {
    font-size: 4.5em;
  }

  .div-block-2 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

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

  .navbar-arrow {
    color: var(--color--white);
    width: 50px;
  }
}

@media screen and (max-width: 479px) {
  .h1 {
    overflow-wrap: anywhere;
    font-size: 16vw;
  }

  .h1.text-color-white {
    font-size: var(--text--h1);
    overflow-wrap: break-word;
  }

  .h1.text-color-white.hero-h1 {
    font-size: 11vw;
  }

  .max-width-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 98vw;
    display: block;
    overflow: hidden;
  }

  .h3 {
    font-size: 3em;
  }

  .h3.text-color-white.is-50 {
    width: 100%;
  }

  .txt-2.text-color-dark {
    overflow-wrap: anywhere;
  }

  .txt-2.text-color-white {
    margin-top: 0;
    margin-bottom: 0;
  }

  .txt-1 {
    color: var(--color--white);
    font-size: var(--text--txt-1);
  }

  .txt-1.text-color-white, .txt-1.text-color-accent {
    margin-top: 0;
    margin-bottom: 0;
  }

  .txt-1.text-color-accent.spacing-md-t {
    margin-top: var(--spacing--md);
  }

  .txt-1.text-color-accent.spacing-xxs-t {
    margin-top: var(--spacing--xxs);
  }

  .txt-1.text-color-accent.spacing-nm-t {
    margin-top: var(--spacing--nm);
  }

  .h4 {
    font-size: 2.5em;
  }

  .h2 {
    font-size: 3.3em;
  }

  .button-container.spacing-xxl-t {
    align-items: flex-start;
  }

  .padding-global {
    flex-flow: row;
    padding-left: .5em;
    padding-right: .5em;
  }

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

  .container-hero-relative {
    height: 88vh;
  }

  .wrapper-logo-hero {
    max-width: 111.141px;
    max-height: 113.5px;
  }

  .svg-logo-hero {
    min-width: 94px;
    height: 91.9219px;
    min-height: 91px;
  }

  .wrapper-hero {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    align-items: center;
    height: 120px;
  }

  .wrapper-hero.slide-in-bottom.hero_custom {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
  }

  .wrapper-aboutus-stats {
    grid-column-gap: var(--spacing--nm);
    grid-row-gap: var(--spacing--nm);
  }

  .body {
    font-size: 9.4px;
  }

  .line-horizontal {
    display: block;
  }

  .wrapper-text-sb.spacing-xxl-t {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    flex-flow: column;
    align-items: flex-start;
  }

  .wrapper.is-50 {
    width: 100%;
  }

  .button-small.is-mainwhite {
    border: 1px solid var(--color--white);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    display: flex;
  }

  .button-small.is-mainwhite.nav {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .button-small.is-ghostwhite {
    height: 48.3125px;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
  }

  .container-whyus.spacing-xxl-t, .wrapper-portfolio-project.spacing-xxl-t.slide-in-bottom {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
  }

  .section-footer {
    height: auto;
    min-height: 80vw;
  }

  .wrapper-footer-text_underhd {
    max-width: 350px;
  }

  .wrapper-footer-links {
    grid-column-gap: var(--spacing--xxl);
    grid-row-gap: var(--spacing--xxl);
    flex-flow: column;
    align-items: flex-start;
  }

  .wrapper-footer-links.spacing-xxl-t {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
  }

  .navbar-logo-left {
    height: 12vh;
  }

  .navbar-logo-left-container.shadow-three {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-menu-wrapper {
    z-index: 998;
    inset: 0%;
  }

  .icon {
    color: var(--color--white);
  }

  .wrapper-text-hero_services {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .wrapper-text-hero_services.spacing-xxl-t {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrapper-projekts_opis {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .wrapper-text-center-left.is-50 {
    flex: 1;
  }

  .wrapper-projekt_inside.spacing-xxl-t {
    grid-template-columns: repeat(auto-fit, 45%);
  }

  .elemet-doduslugi.slide-in-bottom {
    grid-column-gap: var(--spacing--nm);
    grid-row-gap: var(--spacing--nm);
  }

  .container-portfoliopage_highliights {
    flex-flow: column;
    align-items: flex-start;
  }

  .wrapper-poznajmysie_left, .wrapper-poznajmysie_left.custom-offer {
    flex: 0 auto;
    width: 100%;
  }

  .wrapper-projektmieszkania {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    align-items: center;
    height: 120px;
  }

  .wrapper-photo_2-3 {
    flex-flow: column;
  }

  .wrapper-photo_4 {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .wrapper-project_stats {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    justify-content: flex-start;
  }

  .wrapper-text-portfoliolinks {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    flex-flow: wrap-reverse;
    align-items: flex-start;
    font-size: 10px;
  }

  .wrapper-heading-sb_prtofolio {
    grid-column-gap: var(--spacing--xxs);
    grid-row-gap: var(--spacing--xxs);
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .wrapper-links-mobile {
    padding-top: 10vh;
  }

  .wrapper-photo_offer {
    width: 100%;
    position: relative;
  }

  .wrapper-text_offer {
    width: 100%;
  }

  .wrapper-projekts_opis_2 {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: row-reverse wrap-reverse;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .container-aboutuspage_poznajmysi-copy {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    justify-content: flex-start;
    height: auto;
  }

  .container-aboutuspage_poznajmysi-copy.spacing-xxl-t {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    height: auto;
  }

  .wrapper-footer-hd-logo {
    width: 350px;
    max-width: 400px;
    height: 70px;
  }

  .svg-logo-footer {
    width: 60px;
    height: auto;
  }

  .is-link_footer {
    align-items: center;
  }

  .is-link_footer.spacing-md-t {
    grid-column-gap: var(--spacing--s);
    grid-row-gap: var(--spacing--s);
  }

  .svg-2, .svg-link-logo-footer {
    width: 25px;
  }

  .wrapper-custom_2 {
    max-width: none;
  }

  .wrapper-page-laoder {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    height: 120px;
  }

  .text-preloader {
    font-size: 3.5em;
  }

  .nav-mobile {
    padding-top: .2em;
    padding-bottom: .2em;
  }

  .navbar-arrow {
    width: 30px;
  }

  .is-link-nav {
    width: 100%;
    display: flex;
  }
}

#w-node-a9b53783-40b4-43e8-58b4-043e805f16dd-e640a327, #w-node-da08e19f-7809-714b-f7f1-2d3f8887f64a-e640a327 {
  align-self: stretch;
}


@font-face {
  font-family: 'Inter 18 Pt';
  src: url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter 18 Pt';
  src: url('../fonts/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter 18 Pt';
  src: url('../fonts/Inter_28pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}