@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.woff2') format("woff2"), url('../fonts/Satoshi-LightItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-LightItalic.woff') format("woff"), url('../fonts/Satoshi-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.woff2') format("woff2"), url('../fonts/Satoshi-Black.eot') format("embedded-opentype"), url('../fonts/Satoshi-Black.woff') format("woff"), url('../fonts/Satoshi-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.woff2') format("woff2"), url('../fonts/Satoshi-BlackItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-BlackItalic.woff') format("woff"), url('../fonts/Satoshi-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.woff2') format("woff2"), url('../fonts/Satoshi-Bold.eot') format("embedded-opentype"), url('../fonts/Satoshi-Bold.woff') format("woff"), url('../fonts/Satoshi-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.woff2') format("woff2"), url('../fonts/Satoshi-Medium.eot') format("embedded-opentype"), url('../fonts/Satoshi-Medium.woff') format("woff"), url('../fonts/Satoshi-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.woff2') format("woff2"), url('../fonts/Satoshi-VariableItalic.woff2') format("woff2"), url('../fonts/Satoshi-Italic.eot') format("embedded-opentype"), url('../fonts/Satoshi-VariableItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-Italic.woff') format("woff"), url('../fonts/Satoshi-VariableItalic.woff') format("woff"), url('../fonts/Satoshi-VariableItalic.ttf') format("truetype"), url('../fonts/Satoshi-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.woff2') format("woff2"), url('../fonts/Satoshi-BoldItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-BoldItalic.woff') format("woff"), url('../fonts/Satoshi-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.woff2') format("woff2"), url('../fonts/Satoshi-MediumItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-MediumItalic.woff') format("woff"), url('../fonts/Satoshi-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.woff2') format("woff2"), url('../fonts/Satoshi-Light.eot') format("embedded-opentype"), url('../fonts/Satoshi-Light.woff') format("woff"), url('../fonts/Satoshi-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/Satoshi-Variable.woff2') format("woff2"), url('../fonts/Satoshi-Variable.eot') format("embedded-opentype"), url('../fonts/Satoshi-Variable.woff') format("woff"), url('../fonts/Satoshi-Variable.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.woff2') format("woff2"), url('../fonts/Satoshi-Regular.eot') format("embedded-opentype"), url('../fonts/Satoshi-Regular.woff') format("woff"), url('../fonts/Satoshi-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

.page-wrapper {
  font-family: Satoshi, Arial, sans-serif;
}

.section-hero {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 100vh;
  padding-top: 9em;
  display: flex;
  position: relative;
}

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

.background-video {
  width: 100%;
  height: 100%;
}

.div-block {
  background-image: linear-gradient(#1b263200 64%, #1b2632), linear-gradient(#00000057 14%, #0000 62%);
  position: absolute;
  inset: 0%;
}

.div-block.is-dla-kogo-hero {
  background-image: linear-gradient(#1b263200 64%, #1b2632), linear-gradient(#00000070 14%, #0000 62%);
}

.div-block.is-kontakt-bg {
  background-image: none;
}

.div-block.is-prawnicza-bg-hero {
  background-image: linear-gradient(#c9c2b200 64%, #c9c2b2), linear-gradient(#00000070 14%, #0000 62%);
}

.hero-content {
  position: relative;
}

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

.container.rel {
  position: relative;
}

.hero-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.4;
}

.hero-button-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: center;
  align-items: center;
  margin-top: 1.5em;
  display: flex;
}

.simple-button {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  text-decoration: none;
  transition: all .3s;
}

.simple-button.is-dark {
  color: #1b2632;
  border-bottom-color: #1b2632;
}

.simple-button.is-dark.cwi-link {
  border-bottom-color: #c9c2b2;
}

.simple-button.is-dark.is-light {
  color: #c9c2b2;
  border-bottom-color: #c9c2b2;
}

.simple-button.with-bg-orange {
  color: #1b2632;
  background-color: #ffb162;
  border: 1px solid #ffb162;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  padding-left: 1.88em;
  padding-right: 1.88em;
}

.simple-button.with-bg-orange:hover {
  background-color: #0000;
  border-color: #1b2632;
}

.simple-button.with-bg-orange.with-text-color:hover {
  color: #ffb162;
  border-color: #ffb162;
}

.simple-button.with-bg-orange.with-text-color.is-nav-button {
  padding-left: 1.3em;
  padding-right: 1.3em;
}

.simple-button.with-bg-orange.with-text-color.is-nav-button.is-mob-button {
  display: none;
}

.simple-button.with-bg-orange.smaller {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}

.simple-button.is-colored {
  color: #c9c2b2;
  border-bottom-color: #c9c2b2;
}

.simple-button.is-nav-button {
  padding-top: .94em;
  padding-bottom: .94em;
}

.button-flex {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-text {
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.33;
}

.button-text.smaller {
  font-size: .94em;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .8125rem;
  height: .8125rem;
  transition: all .3s;
  display: flex;
}

.image {
  position: static;
  inset: auto 0% 0%;
}

.hero-bottom-img {
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.section-hero-info {
  background-color: #1b2632;
  padding-top: 5em;
  padding-bottom: 6em;
  position: relative;
}

.section-hero-info.is-prawnicza {
  background-color: #c9c2b2;
}

.info-text-wrapper {
  max-width: 38em;
  margin-left: auto;
  margin-right: auto;
}

.info-text-wrapper.left-align {
  max-width: 46.88em;
  margin-left: 0;
}

.info-text-wrapper.is-bigger {
  max-width: 44.25em;
}

.info-text-wrapper.is-location {
  max-width: 50.88em;
}

.hero-text {
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.hero-text.left {
  text-align: left;
  font-size: 2em;
}

.hero-text.left.dark {
  color: #1b2632;
}

.section-dostosuj {
  background-color: #faf9f7;
  padding-top: 8.5em;
  padding-bottom: 8.5em;
}

.dostosuj-flex {
  display: flex;
}

.dostosuj-left {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  padding-top: 4.38em;
  display: flex;
}

.dostosuj-right {
  width: 60%;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.section-title {
  color: #1b2632;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.4;
}

.section-title.colored {
  color: #c9c2b2;
}

.section-title.centered {
  text-align: center;
}

.section-title.centered.is-light {
  color: #c9c2b2;
}

.dostosuj-text {
  color: #1b2632;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.dostosuj-text-wrapper {
  width: 16.88em;
}

.dostosuj-item {
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
}

.dostosuj-media {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  height: 31.25em;
  position: relative;
  overflow: hidden;
}

.background-video-2 {
  z-index: 9;
}

.ditem-icon {
  z-index: 9;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 1.38em;
}

.image-2 {
  width: 12.25em;
}

.dostosuj-content {
  grid-column-gap: 1.19em;
  grid-row-gap: 1.19em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.25em;
  display: flex;
}

.dostosuj-item-title {
  color: #1b2632;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

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

.section-informacja {
  background-color: #1b2632;
  padding-top: 8.88em;
  padding-bottom: 11em;
}

.title-max-width {
  max-width: 68.13em;
}

.info-flex {
  margin-top: 6.19em;
  display: flex;
}

.info-left {
  justify-content: flex-start;
  align-items: flex-end;
  width: 40%;
  display: flex;
}

.info-right {
  width: 60%;
}

.info-text {
  color: #c9c2b2;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.section-co-wyroznia {
  padding-top: 5.31em;
  padding-bottom: 5.31em;
  overflow: hidden;
}

.co-wyroznia-slider {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  margin-top: 3.75em;
  display: flex;
}

.co-w-slide {
  width: 33%;
}

.co-w-slide-media {
  height: 26.63em;
  transition: all .3s;
  overflow: hidden;
}

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

.co-w-slide-content {
  grid-column-gap: 1.19em;
  grid-row-gap: 1.19em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2.5em;
  display: flex;
}

.co-w-slide-title {
  color: #1b2632;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.slider-cs-nav {
  grid-column-gap: 6.25em;
  grid-row-gap: 6.25em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-nav-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 3.75em;
  display: flex;
}

.slider-nav-line {
  background-color: #c9c2b2;
  width: 18.75em;
  height: 1px;
  position: relative;
}

.slider-nav-line-inner {
  background-color: #c9c2b2;
  width: 33%;
  height: 3px;
  position: absolute;
  top: -1px;
  left: 0;
}

.slider-button-left {
  color: #1b2632;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 3.75em;
  transition: all .3s;
  display: flex;
}

.slider-button-left:hover {
  background-color: #ffb162;
}

.slider-button-left.with-bg, .slider-button-left.is-gallery-left {
  background-color: #c9c2b2;
}

.slider-button-left.is-gallery-left:hover {
  background-color: #ffb162;
}

.slider-button-right {
  color: #1b2632;
  background-color: #ffb162;
  border: 1px solid #ffb162;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 3.75em;
  transition: all .3s;
  display: flex;
}

.slider-button-right:hover {
  background-color: #0000;
}

.slider-button-right.is-gallery-right:hover {
  background-color: #c9c2b2;
  border-color: #c9c2b2;
}

.section-galeria {
  background-color: #c9c2b2;
  padding-top: 4.63em;
  padding-bottom: 4.63em;
}

.galeria-flex {
  display: flex;
}

.galeria-left {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.galeria-title {
  color: #1a1919;
  text-transform: uppercase;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.4;
}

.galeria-right {
  width: 75%;
  position: relative;
}

.galeria-slider {
  border-bottom-right-radius: 80px;
  overflow: hidden;
}

.galeria-slider.with-height {
  height: 32.38em;
}

.galeria-slide-media {
  width: 100%;
}

.image-4 {
  object-fit: cover;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  height: 100%;
}

.galeria-cs-nav {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  display: flex;
  position: absolute;
  bottom: 2.63em;
  right: 2.88em;
}

.section-dane {
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.dane-flex {
  display: flex;
}

.dane-col {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 40%;
  display: flex;
}

.dane-col.centered {
  justify-content: center;
  align-items: flex-end;
}

.dane-media {
  width: 20%;
}

.dane-col-item {
  max-width: 25.5em;
}

.dane-col-item-tiop {
  border-bottom: 1px solid #c9c2b2;
  margin-bottom: 1.81em;
  padding-bottom: 1.31em;
}

.dane-col-item-tiop.is-flx {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.d-text {
  color: #c9c2b2;
  text-align: center;
  text-transform: uppercase;
  font-size: 6.25em;
  font-weight: 500;
  line-height: 1.3;
}

.d-text.is-now {
  text-transform: none;
}

.d-label {
  color: #1b2632;
  text-align: right;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.dane-media-item-img {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  height: 37.5em;
  position: relative;
  overflow: hidden;
}

.dt-sq {
  margin-top: 1.1em;
}

.icon-embed-custom-2 {
  color: #ffb162;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 1.875rem;
  display: flex;
}

.section-szukasz {
  background-color: #faf9f7;
  padding-top: 8em;
  padding-bottom: 8em;
}

.szukasz-flex {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 5.38em;
  display: flex;
}

.szukasz-left {
  width: 60%;
}

.szukasz-right {
  width: 40%;
}

.szukasz-text-wrapper {
  max-width: 25.19em;
  margin-top: auto;
  margin-left: auto;
}

.szukasz-text {
  color: #6d737a;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}

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

.szukasz-text.centered.is-light {
  color: #c9c2b2;
}

.span-colored {
  color: #1b2632;
}

.szukasz-flex-items {
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.szukasz-item {
  color: #1b2632;
  background-color: #c9c2b2;
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
  padding: 1.25em 1.25em 1.69em;
  text-decoration: none;
  transition: all .3s;
}

.szukasz-item._2 {
  color: #c9c2b2;
  background-color: #1b2632;
}

.szukasz-item._3 {
  background-color: #fff;
}

.szukasz-item-media {
  height: 19.88em;
  transition: all .3s;
  overflow: hidden;
}

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

.szukasz-item-content {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.88em;
  display: flex;
}

.szukasz-item-title {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.section-cta {
  position: relative;
}

.cta-background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.cta-content {
  min-height: 58.94em;
  padding-top: 5.88em;
  position: relative;
}

.cta-title {
  color: #fff;
  text-align: center;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.4;
}

.cta-dane {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.5em;
  display: flex;
}

.cta-link {
  color: #fff;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s;
}

.cta-link:hover {
  text-decoration: underline;
}

.section-contact-form {
  margin-top: -8em;
  padding-bottom: 4.25em;
  position: relative;
}

.section-contact-form.with-bg {
  background-color: #0000;
  margin-top: -8em;
  padding-bottom: 0;
  overflow: hidden;
}

.form-content {
  background-color: #1b2632;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 4.38em 3.75em 2.69em;
  display: flex;
}

.fc-col {
  width: 50%;
}

.image-7 {
  width: 14em;
}

.code-embed {
  width: 1.13em;
  height: 1.13em;
}

.zgody-more-flex {
  grid-column-gap: .44em;
  grid-row-gap: .44em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.simple-button-2 {
  color: #0c0b0b;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: .63em 1.1em;
  text-decoration: none;
  transition: all .3s;
}

.simple-button-2:hover {
  color: #fff;
  background-color: #0000;
}

.simple-button-2.is-blue {
  color: #fff;
  background-color: #3c4e66;
  border-color: #3c4e66;
}

.simple-button-2.is-blue:hover {
  color: #3c4e66;
  background-color: #0000;
}

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

.zgody-more {
  cursor: pointer;
  border-bottom: 0 solid #58602e;
  padding-top: 0;
  padding-bottom: 0;
}

.checkbox-label {
  color: #c9c2b2;
  letter-spacing: 0;
  text-transform: none;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.4;
}

.checkbox-label.dark {
  color: #1b2632;
}

.button-text-2 {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
}

.zgody-more-text {
  color: #c9c2b2;
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px solid #c9c2b2;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.4;
}

.zgody-more-text.dark {
  color: #1b2632;
  border-bottom-color: #1b2632;
}

.cs-field {
  color: #c9c2b2;
  letter-spacing: .24px;
  text-transform: none;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #c9c2b2;
  height: 3.13em;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.62;
}

.cs-field::placeholder {
  color: #c9c2b2;
}

.cs-field.is-textarea {
  height: 3.13em;
}

.cs-field.dark, .cs-field.dark::placeholder {
  color: #1b2632;
}

.image-10 {
  width: 1.13em;
  position: absolute;
  bottom: .9em;
  right: 0;
}

.cs-form-flex-item {
  border-bottom: 0 solid #c8bbaa;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.cs-form-flex-item.is-with-textarea {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .3em;
}

.cs-form-flex-item.is50 {
  width: 50%;
}

.form-zgody {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.select-div {
  width: 100%;
  position: relative;
}

.image-11 {
  width: 1.13em;
}

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

.button-flex-2 {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.f-label {
  color: #0c0b0b;
  letter-spacing: 0;
  text-transform: none;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.62;
}

.f-label.top-space {
  margin-top: .6em;
}

.label-div {
  flex: none;
  width: 9.38em;
  margin-right: 1.56em;
}

.form-flex-wrapper {
  grid-column-gap: 2.81em;
  grid-row-gap: 2.81em;
  display: flex;
}

.form-inner-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  display: flex;
}

.checkbox {
  background-color: #c9c2b2;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 1.19em;
  height: 1.19em;
  margin-top: 0;
  margin-left: 0;
  margin-right: .63em;
}

.checkbox.w--redirected-checked {
  background-image: url('../images/MAIN-CTA-1.svg');
  background-position: 0 0;
  background-size: auto;
}

.checkbox-field {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.zgody-more-hidden {
  padding-top: .88em;
  padding-bottom: .88em;
  padding-left: 1.7em;
}

.zgody-more-texx {
  color: #c9c2b2;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.4;
}

.zgody-more-texx.dark {
  color: #6d737a;
}

.form-extra-info {
  color: #c9c2b2;
  font-size: .63em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
}

.form-extra-info.dark {
  color: #6d737a;
}

.footer {
  background-color: #ffb162;
  padding-top: 3.75em;
  padding-bottom: 5.19em;
}

.footer-flex {
  border-bottom: 1px solid #1b2632;
  padding-bottom: 3.44em;
  display: flex;
}

.footer-left {
  width: 50%;
}

.footer-col {
  grid-column-gap: 5.25em;
  grid-row-gap: 5.25em;
  justify-content: space-between;
  align-items: center;
  width: 35%;
  padding-right: 0;
  display: flex;
}

.footer-col.flx {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.footer-big-link {
  color: #1b2632;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s;
}

.footer-big-link:hover {
  text-decoration: underline;
}

.footer-adres-content {
  grid-column-gap: .88em;
  grid-row-gap: .88em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.adres-item-text {
  color: #1b2632;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.5;
}

.footer-social-media {
  grid-column-gap: .88em;
  grid-row-gap: .88em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-media-link {
  color: #1b2632;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.social-media-link:hover {
  text-decoration: underline;
}

.footer-bottom-content {
  margin-top: 5.94em;
  display: flex;
}

.fbc-col {
  width: 65%;
}

.fbc-col-right {
  justify-content: space-between;
  width: 35%;
  display: flex;
}

.fbc-bottom-content {
  grid-column-gap: 1.81em;
  grid-row-gap: 1.81em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fbc-bottom-content.btm {
  justify-content: flex-end;
  align-items: flex-start;
}

.fbc-link {
  color: #1b2632;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.fbc-link:hover {
  text-decoration: underline;
}

.fbc-bottom-text {
  color: #1b2632;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.5;
}

.image-12 {
  width: 44em;
}

.cta-union {
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .3s;
  display: flex;
  position: absolute;
  bottom: 11em;
}

.image-13 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.is-blr-text {
  color: #ffffff94;
  text-align: center;
  font-size: 14.94em;
  font-weight: 700;
  line-height: 1.4;
}

.is-blr-text.smaller {
  font-size: 13em;
}

.section-dla-kogo-info {
  background-color: #faf9f7;
  padding-top: 8em;
  padding-bottom: 8em;
}

.dla-kogo-info-flex {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.dla-kogo-info-flex.centered {
  justify-content: center;
  align-items: center;
}

.section-dla-kogo-item {
  color: #1b2632;
  padding-top: 4.5em;
  padding-bottom: 4.31em;
  transition: all .3s;
}

.section-dla-kogo-item:hover {
  color: #c9c2b2;
  background-color: #1b2632;
}

.section-dla-kogo-item.is-alt {
  color: #1b2632;
  background-color: #faf9f7;
}

.section-dla-kogo-item.is-alt:hover {
  color: #c9c2b2;
  background-color: #1b2632;
}

.dla-kogo-sec-title {
  color: #c9c2b2;
  font-size: 6em;
  font-weight: 500;
  line-height: 1.3;
}

.dla-kogo-sec-title.is-right {
  text-align: right;
}

.dla-kogo-item-flex {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: -6.25em;
  display: flex;
}

.dl-content {
  flex: none;
  width: 43%;
}

.dl-media {
  width: 57%;
  position: relative;
}

.dl-items {
  grid-column-gap: 1.06em;
  grid-row-gap: 1.06em;
  flex-flow: column;
  display: flex;
}

.dl-item {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  border-top: 1px solid #c9c2b2;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  display: flex;
}

.dl-item-text {
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.35;
  transition: all .3s;
}

.image-15 {
  flex: none;
  width: .81em;
  height: .94em;
}

.dl-slider {
  border-bottom-right-radius: 0;
  overflow: hidden;
}

.dl-slide {
  width: 100%;
  height: auto;
  padding-bottom: .5em;
}

.dl-slider-cs-nav {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  display: flex;
  position: absolute;
  bottom: 2.63em;
  right: 2.88em;
}

.dl-slide-item-media {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.dl-slide-desc {
  background-color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  padding: .5em 2.19em;
  position: absolute;
  bottom: -.8em;
  left: 0;
}

.dl-slide-desc.is-alt {
  background-color: #faf9f7;
}

.dl-slide-text {
  color: #6d737a;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.6;
}

.section-dopasuj {
  background-color: #c9c2b2;
  padding-top: 8em;
  padding-bottom: 8em;
}

.dopasuj-btns {
  grid-column-gap: 2.38em;
  grid-row-gap: 2.38em;
  margin-top: 3.75em;
  display: flex;
}

.section-faq {
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.faq-flex {
  display: flex;
}

.faq-left {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  flex-flow: column;
  width: 35%;
  display: flex;
}

.faq-right {
  width: 65%;
  padding-left: 5.63em;
}

.faq-title {
  color: #c9c2b2;
  text-transform: uppercase;
  font-size: 6.25em;
  font-weight: 500;
  line-height: 1.3;
}

.accordion-wrapper {
  margin-top: 0;
}

.accordion-item {
  background-color: #fff;
  border-bottom: 0 solid #c9c2b2;
  border-radius: 0;
  margin-bottom: 1.06em;
  padding: 1.25em 0;
}

.accordion-item-trigger {
  border-bottom: 1px solid #c9c2b2;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1em;
  display: flex;
}

.accordion-heading {
  color: #1b2632;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.icon.accordion-icon {
  color: #0009;
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.accordion-item-content {
  margin-top: 0;
  margin-right: 0;
  overflow: hidden;
}

.acc-icon {
  background-color: #c9c2b2;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: all .3s;
  display: flex;
}

.image-16 {
  transition: all .3s;
}

.acc-item-content {
  padding-top: 1em;
}

.paragraph {
  color: #6d737a;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.is-dl-cs-item {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  bottom: 1.4em;
  overflow: hidden;
}

.image-17 {
  width: 28.75em;
}

.hero-abs-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 2.81em;
}

.section-dlaczego-dobra {
  background-color: #faf9f7;
  padding-top: 8em;
  padding-bottom: 8em;
}

.dlaczego-flex-icons {
  margin-top: 6.69em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.dl-w-item {
  background-color: #fff;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
  padding: .94em .81em 3em 1.44em;
}

.dl-icon {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-18 {
  width: 2em;
  height: 2em;
}

.dl-item-title {
  color: #1b2632;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.dl-list-items {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  flex-flow: column;
  margin-top: 1.25em;
  display: flex;
}

.dl-list-item {
  grid-column-gap: 1.19em;
  grid-row-gap: 1.19em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-19 {
  width: .81em;
  height: .94em;
}

.dl-item-list-text {
  color: #6d737a;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.section-funkcjonalnosc {
  color: #c9c2b2;
  background-color: #1b2632;
  padding-top: 5.88em;
  padding-bottom: 5.88em;
}

.funkcjonalnosc-flex {
  margin-top: 5.31em;
  display: flex;
}

.funk-col {
  width: 50%;
}

.funk-txt-wrapper {
  max-width: 32.38em;
  margin-bottom: 2.69em;
}

.funk-text-content {
  color: #c9c2b2;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

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

.section-gotowe {
  background-color: #faf9f7;
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.gotowe-tabs {
  margin-top: 4.38em;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 27%;
  display: flex;
}

.tabs-menu.btm {
  justify-content: flex-end;
  align-items: stretch;
}

.tabs-content {
  width: 73%;
}

.tab-content-inner {
  justify-content: flex-start;
  align-items: center;
  padding-left: 9.19em;
  display: flex;
  position: relative;
}

.tab-item-media {
  width: 16.25em;
}

.tab-item-text {
  flex: 1;
  padding-left: 7.06em;
}

.tab-text-content {
  color: #6d737a;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}

.tab-text-wrapper {
  max-width: 25.81em;
}

.tab-i-link {
  color: #c9c2b2;
  background-color: #0000;
  border-bottom: 1px solid #c9c2b2;
  width: 100%;
  padding: 1.25em 0;
  transition: all .3s;
}

.tab-i-link.w--current {
  color: #1b2632;
  background-color: #0000;
  border-bottom-color: #ffb162;
}

.tab-link-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tab-link-text {
  color: #1b2632;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.code-embed-2 {
  flex: none;
  width: .63em;
  transition: all .3s;
}

.icon-embed-custom-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .8125rem;
  height: .8125rem;
  display: flex;
}

.section-inwestycja-kontakt {
  background-color: #faf9f7;
  padding-top: 10.88em;
  padding-bottom: 10.88em;
}

.inwestyja-kontakt-flex {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.inwestyja-kontakt-flex.centered {
  justify-content: center;
  align-items: center;
}

.inv-left {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  width: 30%;
  display: flex;
}

.inv-right {
  width: 70%;
}

.inv-kontakt-item {
  background-color: #fff;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
  padding: .94em .81em 3em 1.44em;
}

.inv-kontakt-wraper {
  margin-top: 1.19em;
  margin-bottom: 3.44em;
  padding-right: 2em;
}

.kontakt-item-text {
  color: #6d737a;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.inc-contact-link {
  color: #1b2632;
  margin-bottom: 3px;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.inc-contact-link:hover {
  text-decoration: underline;
}

.inv-kontakt-items {
  height: 100%;
  margin-top: 0;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.inv-contact-text {
  color: #1b2632;
  margin-bottom: 3px;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.inv-contact-text:hover {
  text-decoration: none;
}

.bg-for-contact {
  background-color: #faf9f7;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 8em 0% 0%;
}

.section-mapa {
  background-color: #faf9f7;
  padding-top: 7.94em;
  padding-bottom: 7.94em;
}

.kontakt-mapa-flex {
  display: flex;
}

.mapa-flex-left {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.mapa-flex-left.is-lok {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  padding-right: 4.38em;
}

.mapa-flex-right {
  width: 60%;
  position: relative;
}

.mapa-content {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
}

.mapa-cs-text {
  color: #c9c2b2b0;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.4;
  display: block;
  position: absolute;
  top: auto;
  bottom: -.7em;
  left: -.8em;
}

.mapa-cs-text.is-lok {
  left: .1em;
}

.section-doswiadczenie {
  background-color: #faf9f7;
  padding-top: 6.06em;
  padding-bottom: 6.06em;
}

.section-o-firmie {
  background-color: #faf9f7;
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.o-firmie-flex {
  display: flex;
}

.o-firmie-left {
  grid-column-gap: 4.69em;
  grid-row-gap: 4.69em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 75%;
  padding-right: 4.25em;
  display: flex;
}

.o-firmie-right {
  width: 25%;
}

.o-firmie-media {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  height: 37.5em;
  position: relative;
  overflow: hidden;
}

.o-firmie-media-bg {
  z-index: 2;
  background-image: linear-gradient(#0000 46%, #00000080 67%);
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 1.69em;
  padding-left: 1.69em;
  padding-right: 1.69em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-video-3 {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.o-firmie-media-text {
  color: #faf9f7;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3;
}

.ofl-item.is-flex {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  display: flex;
}

.o-firmie-item {
  max-width: 100%;
  display: inline-block;
}

.of-text {
  color: #c9c2b2;
  text-align: center;
  text-transform: none;
  font-size: 5.7em;
  font-weight: 500;
  line-height: 1.3;
}

.of-text.is-now {
  text-transform: none;
}

.of-text.is-orange {
  color: #ffb162;
}

.section-zrealizowane-title {
  padding-top: 3.81em;
  padding-bottom: 3.81em;
}

.section-realizacja-item {
  padding-top: 5.63em;
  padding-bottom: 5.63em;
}

.section-realizacja-item.is-alt {
  background-color: #faf9f7;
}

.section-realizacja-item.is-dark {
  background-color: #1b2632;
}

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

.realizacja-content {
  width: 45%;
}

.realizacja-media {
  width: 55%;
  padding-left: 1.88em;
  position: relative;
}

.realizacja-media.is-alt {
  padding-left: 0;
  padding-right: 1.88em;
}

.dl-media-copy {
  width: 57%;
  position: relative;
}

.realizacja-content-title {
  border-bottom: 1px solid #c9c2b2;
  margin-bottom: 1.25em;
  padding-bottom: 2.25em;
}

.realizacja-title-text {
  color: #c9c2b2;
  font-size: 4.8em;
  font-weight: 500;
  line-height: 1.3;
}

.realizacja-title-text.is-alt {
  text-align: right;
}

.realizacja-text {
  color: #1b2632;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.realizacja-text.is-light {
  color: #c9c2b2;
}

.realizacja-text-wrapper {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 4.38em;
  display: flex;
}

.realizacja-text-wrapper.is-alt {
  padding-left: 4.38em;
  padding-right: 0;
}

.rel-slider {
  border-bottom-right-radius: 0;
  width: 100%;
  min-height: 32.5em;
  display: flex;
  overflow: hidden;
}

.section-miasto {
  background-color: #c9c2b2;
  padding-top: 8.5em;
  padding-bottom: 8.5em;
}

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

.miasto-left {
  width: 60%;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.miasto-right {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.miasto-text {
  color: #1b2632;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.miasto-wraper {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  max-width: 24em;
  margin-left: auto;
  display: flex;
}

.miasto-item {
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
}

.miasto-media {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  height: 31.5em;
  position: relative;
  overflow: hidden;
}

.section-wygodny {
  background-color: #faf9f7;
  padding-top: 7.94em;
  padding-bottom: 7.94em;
}

.dojazd-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dojazd-icons {
  margin-top: 3.75em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.dojazd-item {
  background-color: #fff;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 19%;
  margin-left: .5%;
  margin-right: .5%;
  padding: .94em .81em 1em 1.44em;
}

.section-lokalizacja-mapa {
  background-color: #fff;
  padding-top: 7.94em;
  padding-bottom: 7.94em;
}

.lok-t-item {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  border-bottom: 1px solid #c9c2b2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 1.25em;
  display: flex;
}

.lok-item-title {
  color: #c9c2b2;
  font-size: 1.9em;
  font-weight: 500;
  line-height: 1.3;
}

.lok-item-text {
  color: #6d737a;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.section-sasiedztwo {
  background-color: #1b2632;
  padding-top: 5.75em;
  padding-bottom: 5.75em;
  overflow: hidden;
}

.sasziedztwo-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider-sasiedztwo-left {
  color: #c9c2b2;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 3.75em;
  transition: all .3s;
  display: flex;
}

.slider-sasiedztwo-left:hover {
  color: #1b2632;
  background-color: #ffb162;
}

.slider-sasiedztwo-left.with-bg, .slider-sasiedztwo-left.is-gallery-left {
  background-color: #c9c2b2;
}

.slider-sasiedztwo-left.is-gallery-left:hover {
  background-color: #ffb162;
}

.slider-sasiedztwo-right {
  color: #1b2632;
  background-color: #ffb162;
  border: 1px solid #ffb162;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 3.75em;
  transition: all .3s;
  display: flex;
}

.slider-sasiedztwo-right:hover {
  color: #ffb162;
  background-color: #0000;
}

.slider-sasiedztwo-right.is-gallery-right:hover {
  background-color: #c9c2b2;
  border-color: #c9c2b2;
}

.section-potencjal {
  background-color: #faf9f7;
  padding-top: 7em;
  padding-bottom: 7em;
}

.potencjal-flex {
  display: flex;
}

.potencjal-left {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.potencjal-text {
  color: #1b2632;
  max-width: 19.38em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.potencjal-right {
  border-bottom-right-radius: 80px;
  padding-left: 2.75em;
  overflow: hidden;
}

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

.navbar {
  background-color: #0000;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.navbar-flex {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  display: flex;
}

.navbar-right {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-21 {
  width: 20em;
}

.nav-item-link {
  color: #fff;
  padding: .94em 0;
  font-size: .94em;
  font-weight: 500;
  line-height: 1.45;
  transition: all .3s;
}

.nav-item-link.w--current {
  color: #fff;
}

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

.nav-dropdown {
  overflow: visible;
}

.dropdown-toggle {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: .94em 0;
  display: flex;
}

.text-block {
  font-size: .94em;
  font-weight: 500;
}

.icon-embed-custom-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .5625rem;
  height: .375rem;
  display: flex;
}

.drop-item {
  color: #fff;
  background-color: #1b2632c2;
  min-width: 6.8em;
  padding: .56em .69em;
  text-decoration: none;
  transition: all .3s;
}

.drop-item:hover {
  color: #1b2632;
  background-color: #ffb162;
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  background-color: #0000;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}

.drop-item-flex {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.drop-item-text {
  font-weight: 500;
}

.icon-embed-custom-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .375rem;
  height: .5625rem;
  display: flex;
}

.title-wrapper {
  max-width: 22em;
}

.section-inwestycja-info {
  background-color: #faf9f7;
  padding-top: 8.88em;
  padding-bottom: 11em;
}

.inwestycja-info-flex {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 10.44em;
  display: flex;
}

.ii-left {
  width: 40%;
}

.ii-right {
  width: 60%;
}

.ii-text {
  color: #1b2632;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.section-inwestycja-slider {
  background-color: #c9c2b2;
  padding-top: 4.63em;
  padding-bottom: 4.63em;
}

.inwesycja-slide {
  display: flex;
}

.inwestycja-slider-wrapper {
  position: relative;
}

.inwestycja-slide-left {
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  padding-bottom: 7.5em;
  display: flex;
  position: relative;
}

.inwestycja-slide-right {
  border-bottom-right-radius: 80px;
  width: 70%;
  overflow: hidden;
}

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

.inwestycja-slide-text {
  color: #6d737a;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.slide-text-wraper {
  max-width: 18.75em;
}

.slide-bottom-text {
  color: #ffffff94;
  font-size: 6.25em;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  bottom: -.3em;
  left: 0;
}

.section-zaprojektowane {
  background-color: #faf9f7;
  padding-top: 6em;
  padding-bottom: 6em;
  overflow: hidden;
}

.zaprojektowane-slider {
  margin-top: 1.63em;
  display: flex;
}

.zaprojektowane-slide {
  flex: none;
  width: 19%;
  margin-left: .5%;
  margin-right: .5%;
}

.zs-img {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  height: 12.5em;
  overflow: hidden;
}

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

.zs-content {
  grid-column-gap: 1.19em;
  grid-row-gap: 1.19em;
  flex-flow: column;
  padding-top: 1.25em;
  display: flex;
}

.zs-title {
  color: #1b2632;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.zs-text {
  color: #6d737a;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.background-video-4 {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-budynek-info {
  background-color: #faf9f7;
  padding-top: 2.69em;
  padding-bottom: 2.69em;
}

.budynek-box {
  background-color: #1b2632;
  border-top-left-radius: 80px;
  display: flex;
  overflow: hidden;
}

.bb-left {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 18.75em;
  overflow: hidden;
}

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

.bb-right {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-left: 7em;
  padding-right: 3.31em;
  display: flex;
  position: relative;
}

.bb-text {
  color: #c9c2b2;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1.4;
}

.image-25 {
  width: 10.88em;
  position: absolute;
  left: -5.8em;
}

.section-modulowe {
  background-color: #faf9f7;
  padding-top: 7.5em;
  padding-bottom: 8.5em;
}

.modulowe-flx {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 4.94em;
  display: flex;
}

.modulowe-text-wrapper {
  max-width: 26em;
  margin-top: auto;
  margin-left: auto;
}

.modulowe-tabs {
  margin-top: 0;
  display: flex;
}

.modulowe-tab-inner {
  justify-content: flex-start;
  align-items: center;
  padding-left: 2.88em;
  display: flex;
  position: relative;
}

.section-odpowiedzialna {
  background-color: #1b2632;
  padding-top: 7.56em;
  padding-bottom: 8.25em;
}

.odpowiedzialna-flex {
  margin-top: 3.75em;
  display: flex;
}

.odpowiedzialna-left {
  width: 40%;
}

.odpowiedzialna-text-wrapper {
  max-width: 22.69em;
}

.odpowiedzialna-text {
  color: #c9c2b2;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.odpowiedzialna-right {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  width: 60%;
  display: flex;
}

.odpowiedzialna-item {
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
}

.oi-icon {
  background-color: #c9c2b233;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25em;
  padding-top: .94em;
  padding-bottom: .94em;
  display: flex;
}

.oi-text {
  color: #c9c2b2;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.section-wybierz-lokal {
  background-color: #faf9f7;
  padding-top: 5.31em;
  padding-bottom: 5.19em;
}

.is-makieta {
  margin-top: 3.75em;
}

.section-wyszukiwarka {
  margin-top: 3.06em;
  padding-top: 0;
}

.wyszukiwarka-filtrowanie {
  border-bottom: 1px solid #c9c2b2;
  padding-bottom: 2.06em;
}

.filtrowanie-title {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filtrowanie-title-text {
  color: #1b2632;
  margin-right: .4em;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}

.filtrowanie-line {
  background-color: #c9c2b2;
  flex: 1;
  height: 1px;
}

.filtrowanie-wrapper {
  margin-top: 1.31em;
}

.filtrowanie-content-flex {
  justify-content: space-between;
  display: flex;
}

.filtrowanie-col {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.filtrowanie-label {
  color: #1b2632;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.5;
}

.floors-wrapper {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.floor-check {
  color: #c9c2b2;
  border: 1px solid #c9c2b2;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.floor-check:hover, .floor-check.active {
  color: #1b2632;
  border-color: #1b2632;
}

.text-block-2 {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.filtrowanie-drop {
  border-bottom: 1px solid #1b2632;
  overflow: visible;
}

.filtrowanie-drop-toggle {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  color: #1b2632;
  justify-content: center;
  align-items: center;
  padding: .8em 0;
  display: flex;
}

.filtrowanie-drop-text {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.button-clear {
  color: #1b2632;
  text-decoration: none;
}

.button-clear:hover {
  text-decoration: underline;
}

.btn-clear-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clear-text {
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.5;
}

.icon-embed-custom-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.3125rem;
  height: 1.3125rem;
  display: flex;
}

.wyszukiwarka-wyniki {
  margin-top: 4.69em;
}

.wn-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1.25fr .75fr 2.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.wn-row.is-wn-item {
  border-bottom: 1px solid #c9c2b2;
  grid-auto-flow: row;
  place-items: center;
  transition: all .3s;
}

.wn-row.is-wn-item:hover {
  background-color: #fff;
  border-bottom-color: #fff;
}

.wn-item {
  padding-top: 1.56em;
  padding-bottom: 1.56em;
}

.wn-label {
  color: #1b2632;
  text-align: center;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.wn-label.mobile-label {
  margin-bottom: .31em;
  font-size: .8em;
  display: none;
}

.wn-row-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1.25fr .75fr 2.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.wn-value {
  color: #000;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.35;
}

.wn-status {
  color: #1b2632;
  background-color: #c9e9be91;
  border: 1px solid #c9e9be;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: .5em .6em;
}

.wn-status.is-reserved {
  background-color: #ffb162bf;
  border-color: #ffb162;
}

.wn-status.is-sold {
  background-color: #e9664c91;
  border-color: #e9664c;
}

.wn-status-flex {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.status-text {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.35;
}

.icon-embed-custom-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .8125rem;
  height: .8125rem;
  display: flex;
}

.wn-item-buttons {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wn-download-button {
  color: #c9c2b2;
  border-bottom: 1px solid #c9c2b2;
  padding-top: .31em;
  padding-bottom: .31em;
  text-decoration: none;
  transition: all .3s;
}

.wn-download-button:hover {
  color: #ffb162;
  border-bottom-color: #000;
}

.wn-button-flex {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wn-button-text {
  color: #000;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.35;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.wyszukiwarka-button-more {
  justify-content: center;
  align-items: center;
  margin-top: 5.94em;
  display: flex;
}

.button-load-more {
  color: #1b2632;
  border-bottom: 2px solid #1b2632;
  padding-bottom: .1em;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s;
}

.button-load-more:hover {
  border-bottom-color: #ffb162;
}

.popup-ask {
  z-index: 9999;
  background-color: #faf9f7db;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-ask.is-open {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.popup-ask-content {
  background-color: #faf9f7;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 100%;
  max-width: 51.88em;
  padding: 4.06em;
  position: relative;
}

.image-26 {
  width: 19em;
  position: absolute;
  bottom: 2.19em;
  right: 4em;
}

.popup-form-content {
  z-index: 9;
  padding-right: 4em;
  position: relative;
}

.popup-form-content.is-thank-you {
  text-align: center;
  padding-right: 0;
}

.popup-title {
  color: #6d737a;
  margin-bottom: .7em;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.4;
}

.popup-title.centered {
  text-align: center;
}

.popup-span {
  color: #1b2632;
}

.popup-close-button {
  color: #1b2632;
  background-color: #c9c2b2;
  border-top-left-radius: 22px;
  border-bottom-right-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 1.56em;
  right: 1.56em;
}

.popup-close-button:hover {
  background-color: #ffb162;
}

.icon-embed-custom-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.0625rem;
  height: 1.0625rem;
  display: flex;
}

.popup-dziekujemy {
  z-index: 9999;
  background-color: #faf9f7db;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-dziekujemy-content {
  background-color: #faf9f7;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 51.88em;
  min-height: 29em;
  padding: 4.06em;
  display: flex;
  position: relative;
}

.background-video-5 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1440px) {
  .image-21 {
    width: 21.5em;
  }

  .nav-inner-flex {
    grid-column-gap: 2.38em;
    grid-row-gap: 2.38em;
  }
}

@media screen and (max-width: 991px) {
  .hero-title {
    font-size: 2.7em;
  }

  .simple-button.with-bg-orange.with-text-color.is-nav-button.is-mob-button {
    z-index: 9;
    display: block;
    position: relative;
  }

  .button-text {
    font-size: 1em;
  }

  .hero-text.left {
    font-size: 1.6em;
  }

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

  .dostosuj-flex {
    grid-column-gap: 3.13em;
    grid-row-gap: 3.13em;
    flex-flow: wrap;
  }

  .dostosuj-left {
    width: 100%;
    padding-top: 0;
  }

  .dostosuj-right {
    width: 100%;
  }

  .section-title {
    font-size: 2.3em;
  }

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

  .image-2 {
    width: 9em;
  }

  .dostosuj-item-title {
    font-size: 1.3em;
  }

  .section-informacja {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .info-text {
    font-size: 1.3em;
  }

  .co-w-slide {
    flex-flow: column;
    flex: none;
    width: 50%;
    display: flex;
  }

  .co-w-slide.active {
    flex: none;
  }

  .co-w-slide-media {
    height: 24em;
  }

  .co-w-slide-content {
    flex: 1;
    justify-content: space-between;
  }

  .galeria-flex {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: wrap;
  }

  .galeria-left, .galeria-right {
    width: 100%;
  }

  .galeria-slide, .galeria-slide-media {
    height: 100%;
  }

  .dane-flex {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .dane-col {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .dane-media {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .dane-col-item {
    margin-left: auto;
    margin-right: auto;
  }

  .dane-col-item-tiop.is-flx {
    justify-content: space-around;
    align-items: center;
  }

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

  .d-label {
    text-align: center;
    font-size: 1.3em;
  }

  .dane-media-item-img {
    max-width: 19em;
  }

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

  .szukasz-left, .szukasz-right {
    width: 100%;
  }

  .szukasz-text-wrapper {
    max-width: 100%;
    margin-left: 0;
  }

  .szukasz-item-media {
    height: 14em;
  }

  .cta-title {
    font-size: 2.3em;
  }

  .cta-link {
    font-size: 1.3em;
  }

  .form-content {
    padding: 3em 2em;
  }

  .fc-col {
    width: 60%;
  }

  .fc-col.is-smaller {
    width: 40%;
  }

  .image-7 {
    max-width: 11em;
  }

  .footer-col {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: wrap;
  }

  .footer-big-link {
    font-size: 2em;
  }

  .footer-bottom-content {
    margin-top: 3em;
  }

  .image-12 {
    max-width: 23em;
  }

  .image-13 {
    max-width: 90%;
  }

  .is-blr-text {
    font-size: 5em;
  }

  .is-blr-text.smaller {
    font-size: 6em;
  }

  .dla-kogo-info-flex {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: wrap;
  }

  .dla-kogo-sec-title {
    font-size: 3em;
  }

  .dla-kogo-item-flex {
    align-items: stretch;
    margin-top: 3em;
  }

  .dl-media {
    height: auto;
  }

  .dl-slider, .dl-slide {
    height: 100%;
  }

  .dl-slide.is-rel-slide {
    height: auto;
  }

  .dl-slider-cs-nav {
    right: 1em;
  }

  .dl-slide-desc {
    padding-left: .9em;
    padding-right: .9em;
  }

  .dl-slide-text {
    font-size: .8em;
  }

  .section-dopasuj {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .faq-right {
    padding-left: 1em;
  }

  .faq-title {
    font-size: 4em;
  }

  .image-17 {
    max-width: 13em;
  }

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

  .dlaczego-flex-icons {
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .dl-w-item {
    width: 49%;
  }

  .dl-icon {
    margin-bottom: .31em;
  }

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

  .funkcjonalnosc-flex {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: wrap;
  }

  .funk-col {
    width: 100%;
  }

  .funk-txt-wrapper {
    max-width: 100%;
  }

  .gotowe-tabs {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
    margin-top: 4em;
  }

  .tabs-menu, .tabs-content {
    width: 100%;
  }

  .tab-content-inner {
    padding-left: 0;
  }

  .tab-item-text {
    padding-left: 3em;
  }

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

  .inwestyja-kontakt-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .inv-left, .inv-right {
    width: 100%;
  }

  .inv-kontakt-item {
    width: 49%;
  }

  .inv-kontakt-items {
    grid-row-gap: 1.56em;
    flex-flow: wrap;
  }

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

  .kontakt-mapa-flex {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: wrap;
  }

  .mapa-flex-left.is-lok {
    width: 100%;
    padding-right: 0;
  }

  .mapa-flex-right {
    width: 100%;
  }

  .mapa-cs-text {
    font-size: 3em;
    left: 0;
  }

  .section-doswiadczenie, .section-o-firmie {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .o-firmie-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
    justify-content: center;
  }

  .o-firmie-left {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-right: 0;
  }

  .o-firmie-right {
    width: 100%;
    max-width: 20em;
  }

  .of-text {
    font-size: 4em;
  }

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

  .realizacja-title-text {
    font-size: 2.7em;
  }

  .realizacja-text-wrapper {
    padding-right: 1em;
  }

  .realizacja-text-wrapper.is-alt {
    padding-left: 1em;
  }

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

  .miasto-flex {
    grid-column-gap: 3.44em;
    grid-row-gap: 3.44em;
    flex-flow: wrap;
  }

  .miasto-left {
    width: 100%;
  }

  .miasto-right {
    order: -9999;
    width: 100%;
  }

  .miasto-wraper {
    max-width: 100%;
  }

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

  .dojazd-icons {
    grid-row-gap: .94em;
    flex-flow: wrap;
  }

  .dojazd-item {
    width: 32.33%;
  }

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

  .section-sasiedztwo {
    overflow: hidden;
  }

  .section-potencjal {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .potencjal-left {
    width: 45%;
  }

  .potencjal-right {
    width: 55%;
    padding-left: 1em;
  }

  .navbar-right {
    grid-column-gap: 1.8em;
    grid-row-gap: 1.8em;
  }

  .nav-inner-flex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 7em;
  }

  .dropdown-list.w--open {
    flex-flow: column;
    display: flex;
    position: absolute;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    z-index: 9;
    background-color: #0000;
  }

  .lottie-animation {
    width: 1.6em;
  }

  .nav-menu {
    background-color: #1b2632;
    width: 100%;
    height: 100vh;
  }

  .brand {
    z-index: 9;
  }

  .title-wrapper {
    max-width: 100%;
  }

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

  .inwestycja-info-flex {
    flex-flow: wrap;
    margin-top: 4em;
  }

  .inwestycja-slide-left {
    padding-right: .63em;
  }

  .inwestycja-slide-text {
    font-size: 1.2em;
  }

  .slide-bottom-text {
    font-size: 4em;
  }

  .section-zaprojektowane {
    padding-bottom: 4em;
  }

  .zaprojektowane-slide {
    width: 30%;
  }

  .bb-right {
    padding-left: 6em;
    padding-right: 3em;
  }

  .bb-text {
    font-size: 1.4em;
  }

  .image-25 {
    width: 8em;
    left: -4em;
  }

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

  .modulowe-text-wrapper {
    max-width: 100%;
    margin-left: 0;
  }

  .modulowe-tabs {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
    margin-top: 4em;
  }

  .modulowe-tab-inner {
    padding-left: 0;
  }

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

  .odpowiedzialna-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .odpowiedzialna-left, .odpowiedzialna-right {
    width: 100%;
  }

  .oi-text {
    font-size: 1.3em;
  }

  .section-wybierz-lokal {
    padding-top: 4em;
  }

  .filtrowanie-content-flex {
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .wn-row.is-wn-item {
    grid-column-gap: 0px;
    grid-row-gap: .94em;
    flex-flow: wrap;
    align-items: stretch;
    display: flex;
  }

  .wn-row.is-top {
    display: none;
  }

  .wn-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    display: flex;
  }

  .wn-item.is-bigger {
    width: 60%;
  }

  .wn-item.is-bigger-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 40%;
    display: flex;
  }

  .wn-label.mobile-label {
    margin-bottom: .7em;
    display: block;
  }

  .button-load-more {
    font-size: 2.6em;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .hero-title {
    font-size: 2.3em;
  }

  .hero-button-wrapper {
    flex-flow: column;
  }

  .simple-button.with-bg-orange.with-text-color.is-nav-button.is-mob-button {
    display: none;
  }

  .hero-text {
    font-size: 1.2em;
  }

  .dostosuj-right {
    grid-column-gap: 3.44em;
    grid-row-gap: 3.44em;
    flex-flow: wrap;
  }

  .dostosuj-item {
    width: 100%;
  }

  .info-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .info-left, .info-right {
    width: 100%;
  }

  .co-w-slide-title {
    font-size: 1.2em;
  }

  .slider-cs-nav {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    width: 100%;
  }

  .slider-nav-line {
    flex: 1;
    width: auto;
  }

  .szukasz-flex {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: wrap;
  }

  .szukasz-left, .szukasz-right {
    width: 100%;
  }

  .szukasz-text-wrapper {
    margin-left: 0;
  }

  .szukasz-flex-items {
    grid-row-gap: 1.25em;
    flex-flow: wrap;
  }

  .szukasz-item {
    width: 100%;
  }

  .form-content {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: wrap;
  }

  .fc-col {
    width: 100%;
  }

  .fc-col.is-smaller {
    order: 9999;
    width: 100%;
  }

  .image-7 {
    max-width: 9em;
  }

  .cs-form-flex-item.is50 {
    width: 100%;
  }

  .button-flex-2 {
    text-align: center;
  }

  .form-flex-wrapper {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: wrap;
  }

  .footer-flex {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: wrap;
  }

  .footer-col, .footer-col.flx {
    width: 100%;
  }

  .footer-big-link {
    font-size: 1.8em;
  }

  .adres-item-text, .social-media-link {
    font-size: 1em;
  }

  .footer-bottom-content {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: wrap;
  }

  .fbc-col, .fbc-col-right {
    width: 100%;
  }

  .is-blr-text.smaller {
    font-size: 5em;
  }

  .section-dla-kogo-info {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .dla-kogo-info-flex.centered {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .dla-kogo-item-flex {
    flex-flow: wrap;
  }

  .dl-content {
    order: -9999;
    width: 100%;
  }

  .dl-media {
    width: 100%;
  }

  .dopasuj-btns {
    flex-flow: wrap;
  }

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

  .faq-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .faq-left {
    width: 100%;
  }

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

  .accordion-item-content {
    margin-right: 0;
  }

  .image-17 {
    max-width: 9em;
  }

  .dl-item-title {
    font-size: 1.3em;
  }

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

  .gotowe-tabs {
    margin-top: 3em;
  }

  .tab-content-inner {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .tab-item-media {
    width: 100%;
  }

  .tab-item-text {
    flex: none;
    order: -9999;
    width: 100%;
    padding-left: 0;
    display: block;
  }

  .tab-text-wrapper {
    max-width: 100%;
  }

  .inv-kontakt-item, .mapa-flex-left {
    width: 100%;
  }

  .mapa-cs-text, .mapa-cs-text.is-lok {
    font-size: 2em;
  }

  .o-firmie-media-text {
    font-size: 1.9em;
  }

  .ofl-item.is-flex {
    flex-flow: column;
  }

  .realizacja-flex {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: wrap;
  }

  .realizacja-content {
    order: -9999;
    width: 100%;
  }

  .realizacja-media {
    width: 100%;
    padding-left: 0;
  }

  .realizacja-media.is-alt {
    padding-right: 0;
  }

  .miasto-left {
    grid-row-gap: 1.56em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .miasto-item {
    width: 100%;
    max-width: 18.75em;
  }

  .dojazd-item {
    width: 49%;
  }

  .potencjal-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .potencjal-left {
    width: 100%;
  }

  .potencjal-text {
    max-width: 100%;
  }

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

  .inwestycja-info-flex {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .ii-left {
    width: 100%;
  }

  .ii-right {
    order: -9999;
    width: 100%;
  }

  .ii-text {
    font-size: 1.3em;
  }

  .inwesycja-slide {
    flex-flow: wrap;
  }

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

  .inwestycja-slide-right {
    width: 100%;
  }

  .slide-bottom-text {
    z-index: 9;
  }

  .zaprojektowane-slide {
    width: 50%;
  }

  .budynek-box {
    flex-flow: wrap;
  }

  .bb-left {
    width: 100%;
  }

  .bb-right {
    flex: none;
    width: 100%;
    padding-top: 2.81em;
    padding-bottom: 2.81em;
    padding-left: 3em;
  }

  .image-25 {
    top: -6em;
    left: 1em;
  }

  .modulowe-flx {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: wrap;
    margin-bottom: 2em;
  }

  .modulowe-text-wrapper {
    margin-left: 0;
  }

  .modulowe-tabs {
    margin-top: 0;
  }

  .modulowe-tab-inner {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: wrap;
  }

  .oi-text {
    font-size: 1em;
  }

  .filtrowanie-content-flex {
    grid-row-gap: 1.6em;
  }

  .floors-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .floor-check {
    width: 3em;
    height: 3em;
  }

  .text-block-2 {
    font-size: .9em;
  }

  .wn-row.is-wn-item {
    padding-left: .31em;
    padding-right: .31em;
  }

  .wn-item.is-bigger {
    width: 100%;
    padding-bottom: 1em;
  }

  .wn-item.is-bigger-2 {
    width: 100%;
    padding-top: 0;
  }

  .wn-label.mobile-label {
    font-size: .7em;
  }

  .status-text {
    font-size: .8em;
  }

  .button-load-more {
    font-size: 2.3em;
  }

  .popup-ask-content {
    max-height: 96vh;
    padding-left: 2em;
    padding-right: 2em;
    overflow: auto;
  }

  .image-26 {
    width: 17em;
  }

  .popup-form-content {
    padding-right: 4em;
  }

  .popup-dziekujemy-content {
    max-height: 96vh;
    padding-left: 2em;
    padding-right: 2em;
    overflow: auto;
  }

  .image-27 {
    width: 6.25em;
  }
}

@media screen and (max-width: 479px) {
  .hero-title {
    font-size: 2em;
  }

  .hero-text {
    font-size: 1.3em;
  }

  .section-title {
    font-size: 2.1em;
  }

  .dostosuj-media {
    height: 27em;
  }

  .image-2 {
    width: 7em;
  }

  .info-flex {
    margin-top: 4em;
  }

  .co-w-slide {
    width: 100%;
  }

  .slider-cs-nav {
    grid-column-gap: 1.7em;
    grid-row-gap: 1.7em;
  }

  .galeria-title {
    font-size: 2.8em;
  }

  .galeria-cs-nav {
    bottom: 1em;
    right: 2em;
  }

  .dane-col-item-tiop {
    margin-bottom: 1em;
    padding-bottom: 1em;
  }

  .d-text {
    font-size: 3.8em;
  }

  .d-label {
    font-size: 1.1em;
  }

  .dane-media-item-img {
    height: 32em;
  }

  .cta-link {
    font-size: 1.1em;
  }

  .form-content {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .fc-col.is-smaller {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-7 {
    width: 13em;
    max-width: 8em;
  }

  .zgody-flex {
    grid-column-gap: .63em;
    grid-row-gap: .63em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cs-field {
    padding-left: 0;
  }

  .cs-form-flex-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .zgody-more-hidden {
    padding-left: 0;
  }

  .footer {
    padding-bottom: 3em;
  }

  .footer-col {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-big-link {
    font-size: 1.4em;
  }

  .fbc-col-right {
    grid-column-gap: 1.88em;
    grid-row-gap: 1.88em;
    flex-flow: column;
  }

  .is-blr-text {
    font-size: 3.9em;
  }

  .is-blr-text.smaller {
    font-size: 3.3em;
  }

  .dla-kogo-sec-title.is-right {
    font-size: 2.3em;
  }

  .faq-title {
    font-size: 3em;
  }

  .accordion-heading {
    padding-right: .31em;
    font-size: 1.2em;
  }

  .is-dl-cs-item {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .dl-w-item {
    width: 100%;
  }

  .tab-text-content {
    font-size: 1.1em;
  }

  .tab-link-text {
    font-size: 1.2em;
  }

  .mapa-cs-text {
    font-size: 1.3em;
  }

  .mapa-cs-text.is-lok {
    font-size: 1.5em;
  }

  .of-text {
    font-size: 2.5em;
  }

  .realizacja-title-text {
    font-size: 2.2em;
  }

  .dojazd-item {
    width: 100%;
  }

  .image-21 {
    width: 13em;
  }

  .lottie-animation {
    width: 1.2em;
  }

  .ii-text {
    font-size: 1.2em;
  }

  .slide-bottom-text {
    font-size: 3em;
  }

  .bb-right {
    padding-top: 3em;
  }

  .bb-text {
    font-size: 1.2em;
  }

  .image-25 {
    width: 6em;
    top: -4em;
  }

  .odpowiedzialna-text {
    font-size: 1.3em;
  }

  .odpowiedzialna-right {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .odpowiedzialna-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .oi-icon {
    aspect-ratio: 1;
    width: 12em;
    max-width: 12.5em;
  }

  .filtrowanie-label, .clear-text {
    font-size: 1em;
  }

  .wn-item {
    width: 33%;
  }

  .wn-item.is-bigger {
    padding-top: 1em;
  }

  .wn-item.is-status-wn {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .wn-item-buttons {
    flex-flow: wrap;
  }

  .button-load-more {
    font-size: 2em;
  }

  .popup-ask-content {
    padding-top: 6em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .popup-form-content {
    padding-right: 0;
  }

  .popup-title {
    font-size: 2.1em;
  }

  .popup-dziekujemy-content {
    padding-top: 6em;
    padding-left: 1em;
    padding-right: 1em;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'), url('../fonts/Satoshi-LightItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-LightItalic.woff') format('woff'), url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2'), url('../fonts/Satoshi-Black.eot') format('embedded-opentype'), url('../fonts/Satoshi-Black.woff') format('woff'), url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'), url('../fonts/Satoshi-BlackItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-BlackItalic.woff') format('woff'), url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'), url('../fonts/Satoshi-Bold.eot') format('embedded-opentype'), url('../fonts/Satoshi-Bold.woff') format('woff'), url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'), url('../fonts/Satoshi-Medium.eot') format('embedded-opentype'), url('../fonts/Satoshi-Medium.woff') format('woff'), url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.woff2') format('woff2'), url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'), url('../fonts/Satoshi-Italic.eot') format('embedded-opentype'), url('../fonts/Satoshi-VariableItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-Italic.woff') format('woff'), url('../fonts/Satoshi-VariableItalic.woff') format('woff'), url('../fonts/Satoshi-VariableItalic.ttf') format('truetype'), url('../fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'), url('../fonts/Satoshi-BoldItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-BoldItalic.woff') format('woff'), url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'), url('../fonts/Satoshi-MediumItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-MediumItalic.woff') format('woff'), url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'), url('../fonts/Satoshi-Light.eot') format('embedded-opentype'), url('../fonts/Satoshi-Light.woff') format('woff'), url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'), url('../fonts/Satoshi-Variable.eot') format('embedded-opentype'), url('../fonts/Satoshi-Variable.woff') format('woff'), url('../fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'), url('../fonts/Satoshi-Regular.eot') format('embedded-opentype'), url('../fonts/Satoshi-Regular.woff') format('woff'), url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
 * IMP — kolory statusów lokali na mapce
 *
 * IMP renderuje spoty jako:
 *  - <div class="imp-object-rect|oval"> — kolor przez background
 *  - <svg class="imp-object-poly">      — kolor przez fill
 *
 * WAŻNE: NIE ustawiamy background na imp-object-poly,
 * bo background koloruje prostokątny bounding-box SVG,
 * a nie sam wielokąt — co daje efekt "prostokąta zamiast kształtu".
 * ========================================================= */

/* --- DOSTĘPNY --- */
.imp-object-rect[data-piekarnicza-status="dostepne"],
.imp-object-oval[data-piekarnicza-status="dostepne"] {
  background: rgba(141, 211, 153, 0.50) !important;
}
.imp-object-poly[data-piekarnicza-status="dostepne"],
.imp-object-poly[data-piekarnicza-status="dostepne"] polygon,
.imp-object-poly[data-piekarnicza-status="dostepne"] path {
  fill: rgba(141, 211, 153, 0.50) !important;
}

/* --- SPRZEDANY / NIEDOSTĘPNY --- */
.imp-object-rect[data-piekarnicza-status="sprzedane"],
.imp-object-rect[data-piekarnicza-status="niedostepne"],
.imp-object-oval[data-piekarnicza-status="sprzedane"],
.imp-object-oval[data-piekarnicza-status="niedostepne"] {
  background: rgba(211, 147, 141, 0.50) !important;
}
.imp-object-poly[data-piekarnicza-status="sprzedane"],
.imp-object-poly[data-piekarnicza-status="sprzedane"] polygon,
.imp-object-poly[data-piekarnicza-status="sprzedane"] path,
.imp-object-poly[data-piekarnicza-status="niedostepne"],
.imp-object-poly[data-piekarnicza-status="niedostepne"] polygon,
.imp-object-poly[data-piekarnicza-status="niedostepne"] path {
  fill: rgba(211, 147, 141, 0.50) !important;
}

/* --- REZERWACJA --- */
.imp-object-rect[data-piekarnicza-status="rezerwacja"],
.imp-object-oval[data-piekarnicza-status="rezerwacja"] {
  background: rgba(201, 194, 178, 0.50) !important;
}
.imp-object-poly[data-piekarnicza-status="rezerwacja"],
.imp-object-poly[data-piekarnicza-status="rezerwacja"] polygon,
.imp-object-poly[data-piekarnicza-status="rezerwacja"] path {
  fill: rgba(201, 194, 178, 0.50) !important;
}

/* --- WYBRANY (zaznaczony) — nadpisuje status --- */
.imp-object-rect[data-piekarnicza-selected],
.imp-object-oval[data-piekarnicza-selected] {
  background: rgba(255, 177, 98, 0.50) !important;
}
.imp-object-poly[data-piekarnicza-selected],
.imp-object-poly[data-piekarnicza-selected] polygon,
.imp-object-poly[data-piekarnicza-selected] path {
  fill: rgba(255, 177, 98, 0.50) !important;
}

/* =========================================================
 * SCROLL HINT — pływająca strzałka w dół
 * ========================================================= */
.sumup-scroll-hint {
  position: fixed;
  bottom: 2em;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  z-index: 9000;
  display: flex;
  align-items: center;
  gap: .5em;
  background-color: #e6932d;
  color: #fff;
  padding: .65em 1.4em;
  border-radius: 50px;
  cursor: pointer;
  font-size: .95em;
  font-weight: 600;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s, transform .25s;
  white-space: nowrap;
}

.sumup-scroll-hint.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  animation: sumupScrollBounce 1.4s ease-in-out infinite;
}

@keyframes sumupScrollBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(-7px); }
}

.sumup-scroll-hint-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* =========================================================
 * POPUP — blok podsumowania wybranych lokali
 * ========================================================= */
.popup-sumup-block {
  background-color: #f5f2ec;
  border-radius: 4px;
  padding: 1em 1.25em;
  margin-bottom: 1.25em;
}

.popup-sumup-rows {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 1.5em;
  margin-bottom: .75em;
}

.popup-sumup-row {
  display: flex;
  align-items: center;
  gap: .5em;
}

.popup-sumup-symbol {
  font-size: 1.1em;
  font-weight: 600;
  color: #1b2632;
}

.popup-sumup-area {
  font-size: .95em;
  color: #6d737a;
  font-weight: 500;
}

.popup-sumup-total-row {
  display: flex;
  align-items: center;
  gap: .5em;
  padding-top: .65em;
  border-top: 1px solid #c9c2b2;
}

.popup-sumup-total-label {
  font-size: .95em;
  font-weight: 500;
  color: #6d737a;
}

.popup-sumup-total-value {
  font-size: 1.1em;
  font-weight: 700;
  color: #1b2632;
}

/* =========================================================
 * SUMUP WRAPPER — podsumowanie wybranych lokali
 * ========================================================= */
.sumup-wrapper {
  padding-top: .94em;
}

.delete-block {
  background-color: #c9c2b24d;
  justify-content: center;
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
}

.delete-x {
  height: 100%;
}

.selected-element {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sumbol {
  font-size: 1.5em;
  font-weight: 500;
}

.meters {
  color: #6d737a;
  font-size: 1.13em;
  font-weight: 500;
}

.selected-wrapper {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-wrap: wrap;
  margin-top: 1.56em;
  display: flex;
}

.chosen-label {
  font-size: 1.13em;
  font-weight: 500;
}

.chosen-flex {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.56em;
  display: flex;
}

.sumup {
  font-size: 1.5em;
  font-weight: 500;
}

.sumup-block {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.sum-button-wrapper {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .chosen-flex {
    grid-column-gap: 1.56em;
    grid-row-gap: 1.56em;
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .meters {
    font-size: .8em;
  }

  .sumup {
    font-size: 1em;
  }
}

@media screen and (max-width: 479px) {
  .sum-button-wrapper {
    flex-flow: column;
    align-self: stretch;
  }

  .sumup-block {
    grid-column-gap: .94em;
    grid-row-gap: .94em;
    flex-flow: row;
    align-items: center;
  }
}