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

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

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

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

.section-hero {
  position: relative;
}

.section-hero.is-meble-hero {
  padding-top: 10.6em;
}

.section-hero.is-okna-hero {
  background-color: #f5f5f4;
}

.hero-slider.is-okna-slider {
  height: 36.19em;
}

.hero-slide {
  height: 100%;
}

.hero-slide-img {
  height: 51.19em;
}

.hero-slide-img.is-okna-slider {
  height: 36.19em;
  position: relative;
}

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

.hero-slide-content {
  background-color: #f5f5f4;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.slide-title {
  color: #00255b;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.slide-title.is-slide-subtitle {
  color: #737887;
  letter-spacing: 2.4px;
  margin-top: .31em;
  font-size: 1em;
}

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

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

.slider-arrows {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.image-2, .image-3 {
  width: 1.69em;
}

.slider-nav-numbers {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  color: #aeadaa;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
  display: flex;
}

.slider-nav-number.active {
  color: #00255b;
}

.is-slider-nav {
  width: 100%;
  position: absolute;
  bottom: 1.56em;
  right: 0;
}

.is-slider-nav.is-for-proces {
  padding-top: 2.13em;
  position: static;
}

.is-slider-nav.is-okna-nav {
  padding-top: 2.56em;
  padding-bottom: 2.56em;
  position: static;
}

.section-oferta {
  background-color: #fff;
  border-bottom: 1px solid #dcdddb;
  padding-top: 2.63em;
  padding-bottom: 4.13em;
}

.section-title {
  color: #00255b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.13em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.section-title.left {
  text-align: left;
}

.section-title.smaller-items {
  margin-left: 0;
  font-size: 2.5em;
  display: block;
}

.section-title.smaller-items.is-upper {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
}

.oferta-items {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2em;
  display: flex;
}

.oferta-item {
  border-bottom: 1px solid #fff;
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
  transition: all .3s;
}

.oferta-item:hover {
  border-bottom-color: #737887;
}

.oferta-item-img {
  aspect-ratio: 447 / 556;
  position: relative;
}

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

.oferta-item-content {
  border-bottom: 0 solid #fff;
  padding-top: 1.69em;
  padding-bottom: 1.25em;
}

.oferta-item-main {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.oferta-item-subtitle {
  color: #737887;
  text-align: center;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-top: .31em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
}

.image-5 {
  z-index: 9;
  width: 2.31em;
  position: absolute;
  top: 1.38em;
  right: 1.38em;
}

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

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

.info-col {
  width: 47%;
}

.section-subtitle {
  color: #00255b;
  margin-top: .75em;
  font-size: 1.5em;
  line-height: 1.4;
}

.info-text {
  color: #00255b;
  margin-bottom: 1.81em;
  font-size: 1em;
  line-height: 1.5;
}

.is-simple-button {
  color: #ecece8;
  background-color: #00255b;
  border: 1px solid #00255b;
  border-radius: 2px;
  padding: .69em 1.69em;
  text-decoration: none;
  transition: all .3s;
}

.is-simple-button:hover {
  color: #00255b;
  background-color: #0000;
}

.is-simple-button.is-white {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.is-simple-button.is-white:hover {
  color: #00255b;
  background-color: #fff;
}

.is-simple-button.is-white.is-bigger {
  padding-top: .9em;
  padding-bottom: .9em;
}

.is-simple-button.is-alt {
  color: #00255b;
  background-color: #0000;
  border-color: #737887;
}

.is-simple-button.is-alt:hover {
  color: #fff;
  background-color: #00255b;
  border-color: #00255b;
}

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

.button-text {
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
}

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

.code-embed {
  width: .75em;
}

.info-text-mx {
  max-width: 31.25em;
}

.section-realizacje {
  background-color: #eeeeec;
  padding-top: 4.31em;
  padding-bottom: 4.31em;
}

.section-realizacje.is-white {
  background-color: #fff;
}

.realizacje-title-sec {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.realizacje-desc {
  color: #737887;
  text-align: right;
  font-size: 1.25em;
  line-height: 1.37;
}

.realizacje-desc.is-upper {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
}

.is-realizacje-slider {
  margin-top: 3.38em;
  position: relative;
}

.realizacje-slider {
  display: flex;
}

.realizacja-slide {
  width: 100%;
}

.realizacja-slide-img {
  width: 50%;
  height: 33.75em;
}

.realizacja-slide-content {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.realizacja-flex-slide-inne {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  display: flex;
}

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

.realizacje-tabs {
  margin-top: 2.38em;
}

.realizacje-tabs.no-top {
  margin-top: 0;
}

.realizacje-tab-link {
  color: #737887;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
  transition: all .3s;
}

.realizacje-tab-link.w--current {
  color: #00255b;
  background-color: #0000;
  border-bottom-color: #00255b;
}

.realizacje-tab-link.colored {
  color: #aeadaa;
}

.tabs-menu {
  grid-column-gap: 2.5em;
  grid-row-gap: 1.13em;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 66.25em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-content {
  margin-top: 3.75em;
}

.realizacje-galeria {
  flex-flow: wrap;
  margin-left: -.25%;
  margin-right: -.25%;
  display: flex;
}

.is-gallery-item {
  aspect-ratio: 334 / 455;
  width: 24.5%;
  margin: .25%;
  position: relative;
}

.is-gallery-item.is-single-rel {
  width: 32.8%;
}

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

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

.slide-nav, .right-arrow, .left-arrow {
  display: none;
}

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

.instagram-item {
  grid-column-gap: .38em;
  grid-row-gap: .38em;
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 4.5em;
  display: flex;
}

.instagram-icon {
  background-color: #eeeeec;
  border: 1px solid #eeeeec;
  border-radius: 2px;
  padding: 1.06em;
}

.image-6 {
  width: 1.75em;
}

.instagram-btn {
  color: #fff;
  background-color: #00255b;
  border: 1px solid #00255b;
  border-radius: 2px;
  padding: 1.13em 2em;
  text-decoration: none;
  transition: all .3s;
}

.instagram-btn:hover {
  color: #00255b;
  background-color: #0000;
}

.inst-text {
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
}

.section-salon-sprzedaz {
  position: relative;
}

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

.salon-sprzedazy-content {
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 1.38em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sprzedaz-box {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  background-color: #00255b;
  border-radius: 2px;
  max-width: 40em;
  padding: .5em .88em .5em .5em;
  display: flex;
}

.sprzedaz-box-content {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sprzedaz-text {
  color: #ecece8;
  font-size: 1.25em;
  line-height: 1.37;
}

.sprzedaz-bottom {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sprzedaz-godziny {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.godziny-text {
  color: #ecece8;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
}

.godziny-row {
  grid-column-gap: 1.94em;
  grid-row-gap: 1.94em;
  width: 100%;
  display: flex;
}

.sp-flex {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.salon-title {
  color: #fff;
  margin-bottom: .3em;
  font-size: 3.13em;
  font-weight: 400;
  line-height: 1.2;
}

.section-opinie {
  padding-top: 4.81em;
  padding-bottom: 2.4em;
}

.section-subtitle-sec {
  color: #00255b;
  text-align: center;
  margin-top: .3em;
  font-size: 1.5em;
  line-height: 1.4;
}

.opinie-flex {
  grid-column-gap: 5.5em;
  grid-row-gap: 5.5em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.38em;
  display: flex;
}

.opinie-text-1 {
  color: #00255b;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.4;
}

.opinie-ocena-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  margin-top: .88em;
  margin-bottom: .88em;
  display: flex;
}

.ocena-text {
  color: #00255b;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.score-stars {
  grid-column-gap: .13em;
  grid-row-gap: .13em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-8 {
  width: 1.38em;
}

.opinia-text-2 {
  color: #00255b;
  text-align: center;
  font-size: 1em;
  line-height: 1.4;
}

.image-9 {
  width: 7.44em;
  margin-top: .88em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.opinie-right {
  flex: 1;
}

.is-opinie-slider {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  display: flex;
}

.is-s-opinia {
  background-color: #f5f5f4;
  border-radius: 2px;
  width: 33.33%;
  padding: 1.63em 1.25em 2.38em;
}

.opinia-user {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  display: flex;
}

.image-10 {
  width: 3.06em;
}

.opinia-name {
  color: #00255b;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.opinia-score {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.score-text {
  color: #737887;
  font-size: .88em;
  line-height: 1.5;
}

.s-opinia-stars {
  grid-column-gap: .13em;
  grid-row-gap: .13em;
  display: flex;
}

.image-11 {
  width: .94em;
}

.opinia-content {
  margin-top: 1.56em;
}

.opinia-content-text {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.opinie-slider-nav {
  width: 100%;
  margin-top: 2.19em;
  position: static;
  bottom: 1.56em;
  right: 0;
}

.section-cta {
  width: 100%;
  position: relative;
}

.section-cta.is-link {
  margin-bottom: 1.88em;
}

.section-cta.is-link.last {
  margin-bottom: 0;
}

.image-12 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 37.5em;
}

.cta-content {
  background-image: linear-gradient(111deg, #0000 49%, #0000004a 86%);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 2.88em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cta-box {
  grid-column-gap: 1.19em;
  grid-row-gap: 1.19em;
  background-color: #00255b;
  flex-flow: column;
  min-width: 25em;
  max-width: 27.94em;
  padding: 2.06em 1.69em 2.06em 27px;
  display: flex;
  position: relative;
}

.div-block {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block.is-left {
  justify-content: flex-start;
  align-items: flex-end;
}

.cta-box-title {
  color: #fff;
  font-size: 2.5em;
  line-height: 1.22;
}

.is-white-button {
  color: #00255b;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 1.06em;
  font-size: .9em;
  font-weight: 600;
  line-height: 1.6;
  transition: all .3s;
}

.is-white-button:hover {
  color: #fff;
  background-color: #00255b;
}

.footer {
  background-color: #ecece8;
  padding-top: 3.31em;
}

.footer-top {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-13 {
  mix-blend-mode: multiply;
}

.footer-contact {
  grid-column-gap: 2.31em;
  grid-row-gap: 2.31em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-title {
  color: #737887;
  letter-spacing: 1.75px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.35;
}

.footer-top-left {
  grid-column-gap: 2.31em;
  grid-row-gap: 2.31em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-contact-link {
  color: #00255b;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  transition: all .3s;
}

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

.footer-top-right {
  grid-column-gap: 2.13em;
  grid-row-gap: 2.13em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-items {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.sm-item {
  color: #737887;
  border: 1px solid #737887;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 2.38em;
  height: 2.38em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.sm-item:hover {
  color: #fff;
  background-color: #00255b;
  border-color: #00255b;
}

.code-embed-2 {
  width: .56em;
  height: 1.06em;
}

.code-embed-2.is_instagram {
  width: 1.2em;
  height: 1.2em;
}

.footer-middle {
  grid-column-gap: 2.88em;
  grid-row-gap: 2.88em;
  justify-content: space-between;
  margin-top: 2em;
  margin-bottom: 4.06em;
  display: flex;
}

.footer-col {
  grid-column-gap: .38em;
  grid-row-gap: .38em;
  flex-flow: column;
  display: flex;
}

.footer-col-title {
  color: #737887;
  margin-bottom: .25em;
  font-size: .88em;
  line-height: 1.5;
}

.footer-col-text {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.footer-col-link {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.footer-col-link:hover {
  color: #737887;
}

.footer-bottom {
  background-color: #00255b;
  padding-top: .94em;
  padding-bottom: .94em;
}

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

.footer-copy {
  color: #ecece8;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 600;
  line-height: 1.6;
}

.footer-copy.is-link {
  text-decoration: none;
  transition: all .3s;
}

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

.section-page-hero {
  background-color: #f5f5f4;
  padding-top: 12em;
  padding-bottom: 2.81em;
}

.is-page-breadcrumbs {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  display: flex;
}

.p-bread-item {
  color: #737887;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.p-bread-item:hover {
  color: #00255b;
}

.p-bread-text {
  color: #737887;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.p-bread-text:hover, .p-bread-text.is-current {
  color: #00255b;
}

.page-hero-content {
  padding-top: 3.75em;
}

.ph-max-width {
  grid-column-gap: 1.63em;
  grid-row-gap: 1.63em;
  flex-flow: column;
  max-width: 67em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ph-max-width.smaller {
  max-width: 45em;
}

.ph-max-width.is-s-title-flex {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.page-title-main {
  color: #00255b;
  font-size: 3.13em;
  line-height: 1.2;
}

.page-title-main.is-right {
  color: #737887;
  text-align: right;
}

.page-title-main.centered {
  text-align: center;
  font-size: 3.13em;
}

.page-desc {
  color: #00255b;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.4;
}

.page-offer-info {
  background-color: #f5f5f4;
}

.image-14 {
  width: 100%;
}

.page-offer-buttons {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: center;
  align-items: center;
  padding-top: 3.38em;
  padding-bottom: 3.38em;
  display: flex;
}

.section-dlaczego {
  background-color: #f5f5f4;
  padding-top: 3.44em;
  padding-bottom: 7.12em;
}

.dlaczego-flex {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  display: flex;
}

.dlaczego-item {
  grid-column-gap: 7.19em;
  grid-row-gap: 7.19em;
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 25%;
  padding: 3.19em 2.06em;
  text-decoration: none;
  display: flex;
}

.dlaczego-item.is-bigger {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  background-color: #00255b;
  flex-flow: row;
  width: 50%;
  padding: 0;
}

.d-top {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  display: flex;
}

.dlaczego-item-title {
  color: #00255b;
  font-size: 2em;
  line-height: 1.3;
}

.dlaczego-item-title.white {
  color: #fff;
}

.dlaczego-subtitle {
  color: #737887;
  font-size: 1.25em;
  line-height: 1.5;
}

.dlaczego-subtitle.light {
  color: #dcdddb;
}

.d-bottom {
  display: flex;
}

.is-cs-button {
  border-bottom: 1px solid #00255b;
  transition: all .3s;
}

.is-cs-button.light {
  border-bottom-color: #dcdddb;
}

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

.is-cs-button-text {
  color: #00255b;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
}

.is-cs-button-text.light {
  color: #dcdddb;
}

.image-15 {
  position: relative;
  right: 0;
}

.ditem-left {
  width: 50%;
}

.d-item-right {
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  padding: 3.19em 2.06em;
  display: flex;
}

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

.section-uslugi {
  background-color: #f5f5f4;
  padding-top: 2.25em;
  padding-bottom: 3.88em;
}

.sec-uslugi-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.uslugi-flex {
  margin-top: 2.5em;
}

.is-usluga-item {
  color: #737887;
  border-bottom: 1px solid #737887;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  transition: all .3s;
  display: flex;
}

.is-usluga-item:hover {
  color: #00255b;
}

.usluga-l-c {
  grid-column-gap: 1.7em;
  grid-row-gap: 1.7em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.serv-number {
  color: #737887;
  letter-spacing: 4px;
  text-transform: uppercase;
  width: 1.88em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.usluga-icon {
  width: 6.25em;
}

.usluga-title {
  font-size: 3.13em;
  line-height: 1.2;
}

.code-embed-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-uslugi-items {
  background-color: #f5f5f4;
  padding-top: 4.69em;
  padding-bottom: 4.69em;
}

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

.us-col {
  width: 50%;
  position: relative;
}

.us-col.left-padding {
  padding-left: 5em;
}

.us-col.with-slider {
  padding-top: 2em;
  padding-bottom: 2em;
}

.us-item-title {
  color: #00255b;
  font-size: 3.13em;
  line-height: 1.2;
}

.us-item-title.smaller {
  font-size: 2em;
}

.us-item-list {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  max-width: 30.63em;
  margin-top: 2.06em;
  margin-bottom: 2.06em;
  display: flex;
}

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

.image-17 {
  width: 1.31em;
  margin-top: .19em;
}

.is-list-item-text {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

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

.cta-small-text {
  color: #ecece8;
  letter-spacing: -.176px;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.section-co-nas-wyroznia {
  background-color: #ecece8;
  padding-top: 5.19em;
  padding-bottom: 5.19em;
}

.co-nas-wyroznia-flex {
  flex-flow: wrap;
  margin-top: 5.75em;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.co-nas-wyroznia-flex.no-top {
  margin-top: 0;
}

.cw-item {
  border-bottom: 1px solid #737887;
  width: 48%;
  margin: 1%;
  padding-bottom: 1.75em;
  display: flex;
}

.cw-item.item-no-border {
  border-bottom-width: 0;
}

.cw-item-img {
  width: 9em;
}

.image-19 {
  width: 100%;
}

.cw-content {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  flex: 1;
  padding-left: 2.5em;
  padding-right: 4.69em;
  display: flex;
}

.cw-title {
  color: #00255b;
  font-size: 2em;
  line-height: 1.3;
}

.cw-text {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.ktt-flex {
  display: flex;
}

.ktt-col {
  width: 50%;
}

.ktt-col.left-padding {
  grid-column-gap: 3.31em;
  grid-row-gap: 3.31em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 6.25em;
  display: flex;
}

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

.ktt-subtitle {
  color: #737887;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
}

.ktt-title {
  color: #00255b;
  font-size: 2em;
  line-height: 1.3;
}

.section-katalog {
  position: relative;
}

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

.katalog-content {
  padding-top: 4.81em;
  position: absolute;
  inset: 0%;
}

.katalog-title {
  color: #00255b;
  text-align: center;
  font-size: 2.5em;
  line-height: 1.22;
}

.katalog-cfl {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sec-offer-sub {
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.offer-item-link {
  color: #737887;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  transition: all .3s;
}

.offer-item-link:hover {
  color: #00255b;
}

.offer-text-separator {
  color: #737887;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.section-offer-items {
  background-color: #f5f5f4;
  padding-bottom: 3.75em;
}

.offitems-flex {
  flex-flow: row;
}

.s-offer-item {
  border-bottom: 1px solid #0000;
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
  transition: all .3s;
}

.s-offer-item:hover {
  border-bottom-color: #737887;
}

.single-offer-item {
  border-bottom: 0 solid #fff;
  padding-top: 1.69em;
  padding-bottom: 1.69em;
}

.section-jak-to-dziala {
  background-color: #fff;
  padding-top: 5.19em;
  padding-bottom: 5.19em;
  overflow: hidden;
}

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

.jak-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  display: flex;
  position: relative;
}

.jak-item.active {
  position: relative;
}

.jak-item-top {
  color: #d9d9d9;
  height: 7.5em;
}

.item-number {
  z-index: 9;
  background-color: #d9d9d9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.06em;
  height: 3.06em;
  margin-top: .69em;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.jak-number-text {
  color: #fff;
  text-align: center;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
}

.jak-item-bottom {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  margin-top: 2.38em;
  display: flex;
}

.jak-item-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  height: 3.1em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
}

.jak-item-text {
  color: #00255b;
  text-align: center;
  font-size: 1em;
  line-height: 1.5;
}

.section-sprawdz {
  background-color: #f5f5f4;
  padding-top: 5.19em;
  padding-bottom: 5.19em;
}

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

.is-sprawdz-item {
  border-bottom: 1px solid #0000;
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
  transition: all .3s;
}

.is-sprawdz-item:hover {
  border-bottom-color: #737887;
}

.is-sprawdz-item.is-dz-item {
  width: 24%;
  margin-bottom: .63em;
}

.is-sprawdz-item.is-dz-item.is-with-link {
  border-bottom-width: 0;
}

.sprawdz-item-img {
  height: 18.19em;
  position: relative;
  overflow: hidden;
}

.sprawdz-item-img.dz-item {
  height: 28.44em;
}

.sprawdz-item-img.dz-item.is-drz-alu {
  background-color: #ecece8;
  padding: .94em;
}

.sprawdz-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: relative;
}

.section-rodzaje {
  background-color: #f5f5f4;
  padding-top: 4.69em;
  padding-bottom: 0;
}

.section-title-smaller {
  color: #00255b;
  text-align: center;
  font-size: 2em;
  line-height: 1.3;
}

.title-smaller-section {
  margin-bottom: 3.75em;
}

.is-rodzaj-content {
  max-width: 30.63em;
  margin-top: 2em;
  margin-bottom: 32px;
}

.is-rodzaj-content.full-width {
  max-width: 100%;
  margin-bottom: 0;
}

.rodzaj-content-text {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.is-rodzaj-img {
  object-fit: cover;
  width: 100%;
  height: 33.75em;
}

.mask {
  height: auto;
}

.section-drzwi-portfolio {
  background-color: #f5f5f4;
  padding-top: 4.31em;
  padding-bottom: 4.31em;
}

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

.secton-subtitle-title {
  color: #737887;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.is-items-flex {
  flex-flow: wrap;
  margin-top: 4.06em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.drzwi-item-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
}

.drzwi-item-title.is-dr-alu {
  letter-spacing: 2.7px;
  font-size: 1.13em;
  font-weight: 700;
}

.drzwi-item-content {
  border-bottom: 0 solid #fff;
  padding-top: 1.06em;
  padding-bottom: 1.06em;
}

.drzwi-item-content.flx {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-cta-indywidualny {
  background-color: #f5f5f4;
  border-top: 1px solid #dcdddb;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.cta-i-title {
  color: #00255b;
  text-align: center;
  font-size: 2.5em;
  line-height: 1.22;
}

.cta-i-text {
  color: #00255b;
  text-align: center;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  font-size: 1.13em;
  line-height: 1.5;
}

.cta-i-text.bigger {
  font-size: 1.5em;
}

.btn-centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-centered.is-more {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
}

.section-dlaczego-warto {
  background-color: #fff;
  padding-top: 5.19em;
  padding-bottom: 5.19em;
}

.section-dlaczego-warto.with-bg {
  background-color: #ecece8;
}

.cta-slider-auto {
  height: 37.5em;
}

.right-arrow-2, .left-arrow-2, .slide-nav-2 {
  display: none;
}

.section-certyfikaty {
  background-color: #fff;
  border-top: 1px solid #dcdddb;
  padding-top: 7.12em;
  padding-bottom: 5em;
}

.certyfikaty-section {
  margin-top: 4.38em;
}

.certyfikaty-title {
  color: #00255b;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

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

.logo-sllider-nav {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.is-cs-drzwi-button {
  color: #00255b;
  border-radius: 3px;
  padding: .69em .88em;
  transition: all .3s;
}

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

.is-drzwi-cs-line {
  background-color: #737887;
  width: 9.38em;
  height: 1px;
}

.section-s-drzwi-slider {
  background-color: #f5f5f4;
  padding-bottom: 1.88em;
}

.is-drzwi-slider {
  display: flex;
}

.drzwi-slider-slide {
  width: 70%;
  height: 35.19em;
}

.drzwi-slider-slide.smaller {
  background-color: #ecece8;
  width: 30%;
}

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

.smaller-slide-inner {
  width: 100%;
  height: 100%;
  padding: 2.81em;
}

.drzwi-slider-nav {
  grid-column-gap: 3.44em;
  grid-row-gap: 3.44em;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2.5em;
  display: flex;
}

.slider-dot-item {
  background-color: #818594;
  width: .5em;
  height: .5em;
}

.slider-dot-item.active {
  background-color: #00255b;
}

.section-mozliwe-wykonczenia {
  background-color: #f5f5f4;
  padding-bottom: 2.31em;
}

.wyk-box {
  background-color: #ecece8;
  justify-content: center;
  align-items: center;
  padding: 3.75em 2.06em;
  display: flex;
}

.wyk-box-left {
  width: 30%;
  max-width: 18em;
  margin-left: 0;
  margin-right: auto;
}

.wyk-title {
  color: #737887;
  font-size: 2.5em;
  line-height: 1.22;
}

.wyk-text {
  color: #00255b;
  margin-top: 1.1em;
  font-size: 1.5em;
  line-height: 1.4;
}

.wyk-box-right {
  grid-column-gap: 2.75em;
  grid-row-gap: 2.75em;
  justify-content: flex-end;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.wuk-box-item {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-23 {
  width: 9.25em;
}

.wyk-name {
  color: #00255b;
  text-align: center;
  letter-spacing: 1.75px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.35;
}

.system-box {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.75em;
  margin-bottom: 2.75em;
  padding: 2.81em 2.06em;
  display: flex;
}

.system-box-left {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  width: 30%;
  display: flex;
}

.system-box-title {
  color: #737887;
  font-size: 1.5em;
  line-height: 1.4;
}

.system-box-subtitle {
  color: #00255b;
  font-size: 1.5em;
  line-height: 1.4;
}

.system-box-info {
  color: #00255b;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  border-left: 3px solid #00255b;
  border-radius: 2px;
  padding-left: .94em;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
}

.system-box-right {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  width: 70%;
  display: flex;
}

.system-box-right.more-space {
  grid-column-gap: 3.13em;
  grid-row-gap: 3.13em;
}

.sbox-item {
  width: 12.13em;
  height: 12.13em;
  overflow: hidden;
}

.sbox-item.smaller {
  width: 4.38em;
  height: auto;
}

.image-24 {
  width: 100%;
  transition: all .3s;
}

.smaller-items {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 2.06em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

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

.is-logo-item {
  width: 10.38em;
  height: 10.38em;
}

.section-is-form {
  background-color: #fff;
  padding-top: 3.75em;
  padding-bottom: 3.75em;
}

.is-form-div {
  max-width: 29.69em;
  margin-top: 3.44em;
  margin-left: auto;
  margin-right: auto;
}

.form-label {
  color: #737887;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-bottom: .81em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
}

.cs-input {
  color: #00255b;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #737887;
  padding: .5em 0;
  font-size: 1.13em;
  font-weight: 500;
  line-height: 1.6;
}

.cs-input::placeholder {
  color: #737887;
}

.zgoda-text {
  color: #737887;
  letter-spacing: -.76px;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.is-form-button {
  justify-content: center;
  align-items: center;
  margin-top: 1.25em;
  display: flex;
}

.section-osoby {
  background-color: #f5f5f4;
  padding-bottom: 4em;
}

.osoby-flex {
  margin-top: 3.13em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.osoba-item {
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
}

.osobaimg {
  position: relative;
}

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

.os-badge {
  z-index: 9;
  color: #737887;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  background-color: #f5f5f4;
  border-radius: 3px;
  padding: .19em .88em;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
  position: absolute;
  top: .38em;
  left: .38em;
}

.osoba-dane {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .63em;
  display: flex;
}

.osoba-imie {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: .13em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.osoba-link {
  color: #737887;
  text-align: center;
  letter-spacing: 2.4px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  transition: all .3s;
}

.osoba-link:hover {
  color: #00255b;
}

.box-nie-wiesz {
  border-top: 1px solid #dcdddb;
  margin-top: 2.19em;
  padding-top: 2.81em;
}

.nie-wiesz-text {
  color: #00255b;
  text-align: center;
  font-size: 1.13em;
  line-height: 1.5;
}

.nie-wiesz-content {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.25em;
  display: flex;
}

.nie-wiesz-emal {
  color: #00255b;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.6;
}

.nie-wiesz-emal:hover {
  text-decoration: underline;
}

.section-contact {
  background-color: #fff;
  padding-top: 4.81em;
  padding-bottom: 4.81em;
}

.section-map {
  background-color: #f5f5f4;
  padding-top: 1.88em;
  padding-bottom: 0;
}

.is-map-content {
  background-color: #fff;
}

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

.map-left {
  width: 30%;
  padding-top: 2.81em;
  padding-bottom: 2.81em;
}

.map-title {
  color: #00255b;
  font-size: 3.13em;
  line-height: 1.2;
}

.adres-dane {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.adres-title {
  color: #737887;
  font-size: .88em;
  line-height: 1.5;
}

.adres-content {
  color: #737887;
  margin-top: .31em;
  font-size: 1em;
  line-height: 1.5;
}

.map-right {
  width: 70%;
}

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

.page-subtitle {
  color: #00255b;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.4;
}

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

.section-showroom-info {
  background-color: #f5f5f4;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.section-showroom-info.is-white {
  background-color: #fff;
}

.cs-bg {
  background-image: linear-gradient(111deg, #0000 49%, #0000004a 86%);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 2.88em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.us-text {
  color: #00255b;
  margin-top: 1.3em;
  font-size: 1em;
  line-height: 1.5;
}

.us-text.with-bottom {
  margin-bottom: 1.3em;
}

.subtitle-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: .7em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.section-showroom-slider {
  background-color: #f5f5f4;
  position: relative;
}

.show-padding {
  padding-top: 3.38em;
  padding-bottom: 3.38em;
}

.section-showroom-contact {
  background-color: #f5f5f4;
  padding-top: 5em;
  padding-bottom: 5em;
}

.spbt {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 1.56em;
  display: flex;
}

.cta-showroom {
  background-color: #f5f5f4;
  border-top: 0 solid #dcdddb;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.image-29 {
  width: 100%;
}

.text-max-width {
  max-width: 30.75em;
}

.section-firma-rodzinna {
  background-color: #f5f5f4;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.firma-subtitle {
  color: #00255b;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: .9em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
}

.section-historia {
  background-color: #fff;
  padding-top: 5.63em;
  padding-bottom: 5.63em;
}

.historia-flex {
  display: flex;
}

.historia-left {
  width: 30%;
}

.historia-right {
  width: 70%;
}

.slidery-historii {
  grid-column-gap: 3.25em;
  grid-row-gap: 3.25em;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.slide-content {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.slide-year {
  color: #737887;
  text-align: right;
  font-size: 2em;
  line-height: 1.3;
}

.slide-content-more {
  margin-top: 2em;
}

.slide-item-title {
  color: #00255b;
  text-align: right;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.slide-historia-text {
  color: #00255b;
  text-align: right;
  margin-top: .7em;
  font-size: 1em;
  line-height: 1.5;
}

.slider-historia1 {
  width: 30%;
}

.his-slide-img {
  filter: grayscale();
  transition: all .3s;
}

.his-slide-img:hover {
  filter: grayscale(0%);
}

.historia-slider-nav {
  justify-content: flex-end;
  align-items: center;
  margin-top: 27px;
  display: flex;
}

.section-wizja {
  background-color: #f5f5f4;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.section-procesy-slider {
  background-color: #fff;
  padding-bottom: 4em;
  position: relative;
}

.section-wartosci {
  background-color: #ecece8;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.cta-firma {
  background-color: #f5f5f4;
  border-top: 1px solid #dcdddb;
  padding-top: 7.12em;
  padding-bottom: 7.12em;
}

.section-realiacje-page {
  background-color: #f5f5f4;
  padding-top: 0;
  padding-bottom: 4em;
}

.is-gallery--item-info {
  padding-top: .63em;
  padding-bottom: .63em;
}

.realizacja-nazwa {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.rel-imm-limited {
  object-fit: fill;
  height: 34.75em;
}

.section-meble-info {
  background-color: #ecece8;
  padding-top: 4.25em;
  padding-bottom: 4.25em;
}

.section-meble-kategorie {
  background-color: #fff;
  padding-top: 5.31em;
  padding-bottom: 5.31em;
}

.meble-kategorie-flex {
  grid-column-gap: 0em;
  grid-row-gap: 2.75em;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.meble-kat-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
  display: flex;
}

.mki-img {
  border-radius: 100%;
  width: 20.88em;
  height: 20.88em;
  margin-bottom: .63em;
  overflow: hidden;
}

.image-30 {
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.mki-name {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.section-realizacje-meble {
  background-color: #f5f5f4;
  padding-top: 5.63em;
  padding-bottom: 4em;
}

.section-dlaczego-warto-copy {
  background-color: #ecece8;
  padding-top: 5.63em;
  padding-bottom: 5.63em;
}

.section-dlaczego-warto-copy.with-bg {
  background-color: #ecece8;
}

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

.partnerzy-flex {
  grid-row-gap: 4.38em;
  flex-flow: wrap;
  margin-top: 3.25em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.single-partner-item {
  flex-flow: column;
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
  display: flex;
}

.partner-img {
  position: relative;
}

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

.partner-img-bg {
  background-image: linear-gradient(0deg, #fff0 75%, #ffffffb3);
  padding-top: 1.25em;
  padding-left: 1.25em;
  position: absolute;
  inset: 0%;
}

.partner-content {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1.25em;
  display: flex;
}

.partner-content.centered {
  justify-content: space-between;
  align-items: center;
}

.partner-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.partner-desc {
  margin-top: 1.25em;
  padding-right: 1.56em;
}

.partner-desc.centered {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
}

.partner-desc-text {
  color: #00255b;
  font-size: .88em;
  line-height: 1.5;
}

.partner-desc-text.centered {
  text-align: center;
}

.partner-info-top {
  width: 100%;
}

._2, ._3 {
  width: 8.19em;
}

._6, ._5 {
  width: 9.38em;
}

._4 {
  width: 12.5em;
}

.hero-okna-zabytkowe {
  background-color: #f5f5f4;
  padding-bottom: 2.4em;
  position: relative;
}

.hero-okna-zabytkowe.is-meble-hero {
  padding-top: 7.5em;
}

.okno-slide-img {
  height: 37.5em;
}

.secton-okna-info {
  background-color: #fff;
  padding-top: 4.69em;
  padding-bottom: 4.69em;
}

.section-okna-details {
  background-color: #f5f5f4;
}

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

.navbar.is-home {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: block;
}

.navbar-flex {
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  padding-top: 1.06em;
  padding-bottom: 1.06em;
  display: flex;
}

.navbar-left {
  width: 40%;
}

.navbar-middle {
  justify-content: center;
  align-items: flex-start;
  width: 20%;
  display: flex;
}

.navbar-right {
  width: 40%;
}

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

.nav-link {
  color: #00255b;
  padding: .13em 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  transition: all .3s;
}

.nav-link.w--current {
  color: #00255b;
}

.dropdown-toggle {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  justify-content: flex-start;
  align-items: center;
  padding: .13em 0;
  display: flex;
}

.text-block {
  color: #00255b;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.drop-item {
  color: #00255b;
  background-color: #fff;
  border-bottom: 1px solid #c9c9c9;
  width: 100%;
  min-width: 15em;
  padding: .56em .94em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  transition: all .3s;
}

.drop-item:hover {
  color: #ecece8;
  background-color: #00255b;
}

.drop-item.is-lang {
  min-width: 5em;
}

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

.drop-item-text {
  flex: none;
}

.image-32 {
  width: .75em;
}

.nav-left-items {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  display: flex;
}

.is-nav-item-with-icon {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  color: #00255b;
  flex-flow: column;
  transition: all .3s;
  display: flex;
}

.n-item-icon {
  height: 3.3em;
}

.n-item-icon.is-page-logo {
  height: auto;
}

.n-item-text {
  text-align: center;
  text-transform: none;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.5;
}

.image-33 {
  mix-blend-mode: multiply;
  width: 7.69em;
}

.section-z-kim-wspolpracujemy {
  background-color: #ecece8;
  padding-top: 5.63em;
  padding-bottom: 5.63em;
}

.subtitle-wspolpraca {
  color: #00255b;
  text-align: center;
  margin-top: 10px;
  font-size: 1.13em;
  line-height: 1.5;
}

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

.profile-flex {
  flex-flow: wrap;
  margin-top: 3.25em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

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

.profile-item-img {
  margin-bottom: 5px;
}

.image-34 {
  width: 100%;
}

.profil-nazwa {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.profil-opis {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.profil-bottom-sec {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 3.13em;
  display: flex;
}

.profile-popup {
  z-index: 9999;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.profile-popup-inner {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 90vw;
  padding: 4.69em;
  display: flex;
  position: relative;
}

.profile-popup-inner.is-pakiet-inner {
  flex-flow: wrap;
  justify-content: space-between;
}

.profile-popup-col {
  width: 45%;
}

.profile-popup-col.is-kol {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile-popup-col-content {
  width: 55%;
  padding-left: 3.13em;
}

.profil-popup-name {
  color: #00255b;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: .94em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.profil-popup-name.no-bottom {
  margin-bottom: 0;
}

.profile-popup-title {
  color: #00255b;
  font-size: 3.13em;
  line-height: 1.2;
}

.profile-parametry {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  margin-top: 2em;
  display: flex;
}

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

.pp-item-name {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  justify-content: flex-start;
  align-items: center;
  width: 13.1em;
  display: flex;
}

.pp-label {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.pp-item-vaue-text {
  color: #00255b;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.profile-tab {
  flex-flow: column;
  display: flex;
}

.profile-tab-link {
  color: #00255b;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #00255b;
  border-radius: 2px;
  padding: .69em 1.44em;
  font-size: .88em;
  font-weight: 600;
  line-height: 1.6;
  transition: all .3s;
}

.profile-tab-link.w--current {
  color: #eeeeec;
  background-color: #00255b;
}

.tabs-menu-2 {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  order: 9999;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-35 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.popup-close {
  position: absolute;
  top: 2.06em;
  right: 2.06em;
}

.image-36 {
  width: 2.31em;
}

.section-dostosowanie {
  background-color: #f5f5f4;
  padding-top: 5em;
  padding-bottom: 5em;
}

.dostosowanie-flex {
  flex-flow: wrap;
  margin-top: 3.31em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.dost-item {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  display: flex;
}

.dost-item-img {
  height: 18.19em;
  margin-bottom: 0;
}

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

.section-infot-techniczne {
  background-color: #eeeeec;
  padding-top: 0;
  padding-bottom: 0;
}

.st-button {
  margin-top: 2em;
}

.is-more-techniczne {
  background-color: #f5f5f4;
}

.is-slider-small.is-okna-slider {
  height: 36.19em;
}

.is-techniczne-first-item {
  background-color: #ecece8;
}

.kolorystyka-popup {
  z-index: 9999;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.is-popup-cs-text {
  margin-top: 2em;
}

.popup-custom-text {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.image-38 {
  width: 100%;
}

.pakiet-szybowy-popup {
  z-index: 9999;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-centered-title {
  text-align: center;
  width: 100%;
}

.pop-pakiet-item {
  width: 30%;
  margin-left: .5%;
  margin-right: .5%;
}

.image-39 {
  width: 100%;
}

.pop-pakiet-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 3.4px;
  text-transform: uppercase;
  font-size: 1.06em;
  font-weight: 600;
  line-height: 1.6;
}

.pop-pakiet-desc {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-flow: column;
  margin-top: 1.69em;
  display: flex;
}

.pop-pakiet-desc-subtitl {
  color: #00255b;
  text-align: center;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.5;
}

.pop-pakiet-text {
  color: #00255b;
  font-size: .88em;
  line-height: 1.5;
}

.okucia-popup {
  z-index: 9999;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-rich {
  color: #00255b;
  font-size: 1em;
  line-height: 1.5;
}

.pop-rich ul {
  padding-left: 1.4em;
}

.okapniki-popup {
  z-index: 9999;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.section-dwa-materialy {
  background-color: #ecece8;
  padding-top: 4.69em;
  padding-bottom: 4.69em;
}

.section-ksztalty {
  background-color: #f5f5f4;
  padding-top: 3.56em;
  padding-bottom: 3.56em;
}

.ksztalty-flex {
  grid-row-gap: 2.06em;
  flex-flow: wrap;
  margin-top: 3.94em;
  margin-left: -.25%;
  margin-right: -.25%;
  display: flex;
}

.ksztalt-item {
  width: 24.5%;
  margin-left: .25%;
  margin-right: .25%;
}

.ksztalt-imgs {
  margin-bottom: 1.56em;
  position: relative;
}

.image-40 {
  width: 100%;
}

.ksztalt-item-title {
  color: #00255b;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.ksztalt-img-hover {
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.home-hero-bg {
  background-image: linear-gradient(0deg, #fff0 69%, #ffffffb3);
  position: absolute;
  inset: 0%;
}

.nav-mobile-items {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  display: none;
}

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

.full-nav {
  flex: 1;
  width: 100%;
  min-width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}

@media screen and (max-width: 991px) {
  .section-hero.is-meble-hero {
    padding-top: 9em;
  }

  .hero-slide-img.is-firma-slide {
    height: 37em;
  }

  .image.is-abs {
    position: absolute;
  }

  .hero-slide-content-title {
    max-width: 50%;
  }

  .slide-title {
    font-size: 1.1em;
  }

  .container.no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .section-title, .section-title.left {
    font-size: 2.5em;
  }

  .oferta-item-img {
    height: 21em;
  }

  .oferta-item-main {
    font-size: 1.1em;
  }

  .oferta-item-subtitle {
    font-size: .9em;
  }

  .image-5 {
    width: 2em;
  }

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

  .section-subtitle {
    font-size: 1.3em;
  }

  .realizacja-slide-img {
    height: 23em;
  }

  .is-gallery-item {
    width: 32.5%;
  }

  .section-salon-sprzedaz {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    min-height: 28em;
    display: flex;
  }

  .image-7 {
    object-fit: cover;
    position: absolute;
    inset: 0%;
  }

  .salon-sprzedazy-content {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    position: relative;
    top: auto;
    bottom: auto;
  }

  .sprzedaz-box-content {
    padding-bottom: 1.25em;
  }

  .sp-flex {
    grid-column-gap: 2.06em;
    grid-row-gap: 2.06em;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .section-subtitle-sec {
    font-size: 1.3em;
  }

  .opinie-flex {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: wrap;
  }

  .opinie-left {
    width: 100%;
  }

  .opinie-right {
    flex: none;
    width: 100%;
  }

  .opinia-score {
    grid-column-gap: .4em;
    grid-row-gap: .1em;
    flex-flow: wrap;
  }

  .section-cta {
    height: 26em;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-12 {
    max-height: 39em;
    position: absolute;
    inset: 0%;
  }

  .cta-content {
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 2.81em;
    padding-bottom: 2.81em;
    position: relative;
  }

  .cta-box {
    max-width: 29em;
  }

  .cta-box-title {
    font-size: 2.1em;
  }

  .footer {
    padding-top: 2em;
  }

  .footer-top {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
  }

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

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

  .footer-col {
    width: 30%;
  }

  .footer-bottom-flex {
    grid-column-gap: .63em;
    grid-row-gap: .63em;
    flex-flow: column;
  }

  .dlaczego-flex {
    grid-column-gap: 0em;
    grid-row-gap: .5em;
    flex-flow: wrap;
    margin-left: -.5%;
    margin-right: -.5%;
  }

  .dlaczego-item {
    width: 49%;
    margin-left: .5%;
    margin-right: .5%;
  }

  .dlaczego-item.is-bigger {
    width: 100%;
  }

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

  .us-col.left-padding {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    padding-left: 1.56em;
  }

  .us-col.right-padding {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    padding-right: 1.56em;
  }

  .us-item-title {
    font-size: 2.3em;
  }

  .section-co-nas-wyroznia {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .cw-item {
    width: 100%;
  }

  .ktt-col.left-padding {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 3em;
  }

  .image-20 {
    object-fit: cover;
  }

  .ktt-title {
    font-size: 1.6em;
  }

  .katalog-content {
    padding-top: 2em;
  }

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

  .katalog-cfl {
    grid-column-gap: 1.9em;
    grid-row-gap: 1.9em;
  }

  .sec-offer-sub {
    grid-row-gap: .9em;
    flex-flow: wrap;
  }

  .offer-item-link {
    font-size: 1.1em;
  }

  .jak-todziala-flex {
    grid-column-gap: 1.88em;
    grid-row-gap: 1.88em;
    min-width: 1000px;
    overflow: auto;
  }

  .jak-item {
    width: 30%;
  }

  .jak-item.active {
    width: 25%;
  }

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

  .is-sprawdz-item.is-dz-item {
    width: 32%;
  }

  .is-rodzaj-img {
    height: 29em;
  }

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

  .cta-i-text.bigger {
    font-size: 1.2em;
  }

  .btn-centered {
    margin-top: 1.25em;
  }

  .drzwi-slider-slide {
    width: 60%;
    height: 30em;
  }

  .drzwi-slider-slide.smaller {
    width: 40%;
  }

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

  .wyk-box-left {
    width: 100%;
    max-width: 100%;
  }

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

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

  .wyk-box-right {
    justify-content: space-between;
    width: 100%;
  }

  .system-box {
    grid-column-gap: 1.88em;
    grid-row-gap: 1.88em;
    flex-flow: wrap;
  }

  .system-box-left {
    width: 100%;
  }

  .system-box-right {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .system-box-right.more-space {
    justify-content: flex-start;
  }

  .sbox-item {
    flex: none;
  }

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

  .rel-lightbox {
    height: 100%;
  }

  .is-logo-item {
    width: 8em;
    height: 8em;
  }

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

  .osoba-item {
    width: 49%;
  }

  .osoba-imie {
    font-size: 1.1em;
  }

  .map-left {
    padding-right: .94em;
  }

  .map-title {
    font-size: 2.5em;
  }

  .cta-showroom {
    padding-top: 7em;
    padding-bottom: 7em;
  }

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

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

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

  .realizacja-nazwa {
    font-size: 1em;
  }

  .rel-imm-limited {
    height: 29em;
  }

  .meble-kat-item {
    width: 32%;
  }

  .mki-img {
    width: 15em;
    height: 15em;
  }

  .mki-name {
    font-size: 1.1em;
  }

  .image-31 {
    height: 18em;
  }

  .partner-title {
    font-size: 1em;
  }

  .okno-slide-img {
    height: 30em;
  }

  .navbar-left, .navbar-middle {
    z-index: 9;
    position: relative;
  }

  .navbar-right {
    position: static;
  }

  .nav-inner-flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 13em;
  }

  .nav-drop {
    max-width: 15em;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-toggle.w--open {
    justify-content: center;
    align-items: center;
  }

  .image-33 {
    width: 7.6em;
  }

  .profile-popup-inner {
    grid-column-gap: 2.81em;
    grid-row-gap: 2.81em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 90vh;
    padding: 4em 2em 3em;
    overflow: auto;
  }

  .profile-popup-inner.is-pakiet-inner {
    justify-content: center;
  }

  .profile-popup-col, .profile-popup-col.is-kol {
    width: 100%;
  }

  .profile-popup-col-content {
    order: -9999;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .dostosowanie-flex {
    grid-row-gap: 2.5em;
  }

  .dost-item {
    width: 50%;
  }

  .kolorystyka-popup, .pakiet-szybowy-popup {
    height: 100vh;
  }

  .pop-pakiet-item {
    width: 45%;
  }

  .okucia-popup, .okapniki-popup {
    height: 100vh;
  }

  .ksztalt-item-title {
    font-size: 1.1em;
  }

  .lottie-animation {
    width: 1.4em;
  }

  .menu-button {
    padding: 0;
  }

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

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

  .dropdown-list {
    position: static;
  }

  .container-full.no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .section-hero {
    background-color: #f5f5f4;
    padding-bottom: .94em;
  }

  .section-hero.is-okna-hero {
    padding-bottom: 0;
  }

  .hero-slide-img.is-home-hero {
    height: 46em;
  }

  .hero-slide-content-title {
    max-width: 100%;
  }

  .is-slider-nav {
    position: static;
  }

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

  .oferta-items {
    flex-flow: wrap;
  }

  .oferta-item {
    width: 100%;
  }

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

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

  .info-col {
    width: 100%;
  }

  .is-simple-button.is-white.is-bigger {
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .button-text.bigger {
    font-size: .8em;
  }

  .realizacje-title-sec {
    grid-column-gap: 2.06em;
    grid-row-gap: 2.06em;
    flex-flow: wrap;
  }

  .realizacje-desc {
    width: 100%;
  }

  .realizacje-desc.is-upper {
    font-size: 1.1em;
  }

  .realizacja-slide-img {
    height: 18em;
  }

  .realizacje-galeria {
    grid-row-gap: .63em;
  }

  .is-gallery-item, .is-gallery-item.is-single-rel {
    width: 49%;
  }

  .salon-sprzedazy-content {
    padding-bottom: 0;
  }

  .sprzedaz-box-content {
    grid-column-gap: 1.6em;
    grid-row-gap: 1.6em;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .sprzedaz-text {
    font-size: 1.1em;
  }

  .sprzedaz-bottom {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .godziny-text {
    font-size: .9em;
  }

  .godziny-row {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .salon-title {
    font-size: 2.5em;
  }

  .section-subtitle-sec {
    font-size: 1.3em;
  }

  .cta-box-title {
    font-size: 2em;
  }

  .is-white-button {
    font-size: .8em;
  }

  .footer-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-contact {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer-top-left {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .footer-top-right {
    justify-content: center;
    align-items: center;
  }

  .section-page-hero {
    padding-top: 9em;
  }

  .ph-max-width.is-s-title-flex {
    flex-flow: wrap;
  }

  .page-title-main {
    font-size: 2.6em;
  }

  .page-title-main.centered {
    font-size: 2.5em;
  }

  .page-desc {
    font-size: 1.3em;
  }

  .image-14 {
    object-fit: cover;
    min-height: 15.63em;
  }

  .page-offer-buttons {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .dlaczego-item {
    width: 100%;
  }

  .d-item-right {
    min-height: 25em;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .usluga-icon {
    flex: none;
  }

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

  .us-items-flex {
    flex-flow: wrap;
    margin-bottom: 1.25em;
  }

  .us-col {
    width: 100%;
  }

  .us-col.left-padding {
    order: -9999;
    padding-bottom: 1.25em;
    padding-left: 0;
  }

  .us-col.right-padding {
    order: -9999;
    width: 100%;
    padding-bottom: 1.25em;
    padding-right: 0;
  }

  .us-col.is-first {
    order: -9999;
  }

  .section-co-nas-wyroznia {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .co-nas-wyroznia-flex {
    margin-top: 4em;
  }

  .cw-content {
    padding-left: 2em;
    padding-right: 0;
  }

  .cw-title {
    font-size: 1.7em;
  }

  .ktt-flex {
    flex-flow: wrap;
  }

  .ktt-col {
    width: 100%;
  }

  .ktt-col.left-padding {
    padding-left: 0;
  }

  .image-21 {
    object-fit: cover;
    position: absolute;
    inset: 0%;
  }

  .katalog-content {
    min-height: 32em;
    position: relative;
  }

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

  .sec-offer-sub {
    grid-column-gap: 1em;
    grid-row-gap: .5em;
    flex-flow: wrap;
  }

  .offer-item-link {
    font-size: 1em;
  }

  .offitems-flex {
    grid-row-gap: .63em;
    flex-flow: wrap;
  }

  .s-offer-item {
    width: 49%;
  }

  .section-jak-to-dziala {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .sprawdz-flex {
    grid-row-gap: .8em;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .is-sprawdz-item, .is-sprawdz-item.is-dz-item {
    width: 49%;
  }

  .section-title-flex {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: wrap;
  }

  .btn-centered {
    margin-top: 3em;
  }

  .btn-centered.is-more {
    flex-flow: wrap;
  }

  .section-certyfikaty {
    padding-top: 5em;
  }

  .smaller-slide-inner {
    padding: 2em 1em;
  }

  .wyk-box {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .wyk-box-right {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .image-23 {
    width: 6em;
  }

  .wyk-name {
    font-size: .8em;
  }

  .system-box-right.more-space {
    grid-column-gap: 1em;
    grid-row-gap: 0em;
    justify-content: center;
    align-items: center;
  }

  .smaller-items {
    width: 100%;
    margin-left: 0;
  }

  .is-logo-item {
    width: 7em;
    height: 7em;
  }

  .os-badge {
    padding-top: .19em;
    font-size: .8em;
    display: inline-block;
  }

  .osoba-imie {
    font-size: 1em;
  }

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

  .map-content-flex {
    flex-flow: wrap;
  }

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

  .background-video-2 {
    height: 32em;
  }

  .section-showroom-info, .section-showroom-info.is-white, .cta-showroom, .section-firma-rodzinna, .section-historia {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .slidery-historii {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .slider-historia1 {
    width: 40%;
  }

  .slider-historia2 {
    width: 60%;
  }

  .section-wizja, .section-wartosci {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .rel-imm-limited {
    height: 26.7em;
  }

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

  .meble-kat-item {
    width: 49%;
  }

  .section-realizacje-meble {
    padding-top: 4em;
  }

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

  .single-partner-item {
    width: 49%;
  }

  .secton-okna-info {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .nav-left-items {
    display: none;
  }

  .profile-flex {
    grid-row-gap: 2em;
  }

  .profile-item {
    width: 100%;
  }

  .profil-nazwa {
    font-size: 1.1em;
  }

  .profile-popup-col-content {
    height: auto;
  }

  .profile-popup-title {
    font-size: 2.5em;
  }

  .dost-item {
    justify-content: space-between;
    width: 49%;
    margin-left: .5%;
    margin-right: .5%;
  }

  .dost-item-img {
    max-width: 15em;
    height: 15em;
  }

  .section-infot-techniczne {
    padding-top: 2em;
  }

  .pop-pakiet-item {
    width: 100%;
  }

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

  .ksztalt-item {
    width: 49%;
  }

  .nav-mobile-items {
    display: flex;
  }
}

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

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

  .is-simple-button.is-alt {
    text-align: left;
  }

  .realizacje-galeria {
    align-items: flex-start;
  }

  .is-gallery-item.is-single-rel {
    aspect-ratio: auto;
    width: 100%;
  }

  .image-12 {
    max-height: 33em;
  }

  .cta-box {
    min-width: 19em;
    max-width: 100%;
  }

  .cta-box-title {
    font-size: 1.7em;
  }

  .footer-col {
    width: 47%;
  }

  .section-page-hero {
    padding-top: 10.2em;
  }

  .is-page-breadcrumbs {
    grid-row-gap: .2em;
    flex-flow: wrap;
  }

  .ph-max-width.is-s-title-flex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
  }

  .page-title-main, .page-title-main.centered {
    font-size: 2.3em;
  }

  .image-14 {
    object-fit: cover;
    min-height: 17em;
  }

  .dlaczego-item.is-bigger {
    flex-flow: wrap;
  }

  .ditem-left, .d-item-right {
    width: 100%;
  }

  .serv-number {
    width: 1em;
    font-size: 1em;
  }

  .usluga-icon {
    width: 3.7em;
  }

  .usluga-title {
    font-size: 1.5em;
  }

  .section-uslugi-items {
    padding-top: 2em;
  }

  .cw-item {
    flex-flow: wrap;
  }

  .cw-item-img {
    width: 100%;
    height: 12em;
  }

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

  .cw-content {
    flex: none;
    width: 100%;
    padding-top: 2em;
    padding-left: 0;
  }

  .katalog-content {
    min-height: 42em;
  }

  .sec-offer-sub {
    grid-column-gap: .6em;
    grid-row-gap: .3em;
    flex-flow: wrap;
  }

  .offer-item-link {
    font-size: 1em;
  }

  .offitems-flex {
    grid-row-gap: .63em;
  }

  .s-offer-item, .is-sprawdz-item, .is-sprawdz-item.is-dz-item {
    width: 100%;
  }

  .is-rodzaj-img {
    height: 23em;
  }

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

  .secton-subtitle-title {
    font-size: 1em;
  }

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

  .btn-centered.is-more {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

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

  .cta-slider-auto {
    height: 26em;
  }

  .is-drzwi-slider {
    flex-flow: wrap;
  }

  .drzwi-slider-slide, .drzwi-slider-slide.smaller {
    width: 100%;
  }

  .system-box-right.more-space {
    grid-column-gap: 0em;
  }

  .smaller-items {
    flex-flow: wrap;
  }

  .is-logo-item {
    width: 49%;
    height: auto;
    margin-left: .5%;
    margin-right: .5%;
  }

  .osoba-item {
    width: 100%;
  }

  .os-badge {
    padding-top: .19em;
  }

  .page-subtitle {
    font-size: 1.3em;
  }

  .subtitle-title {
    font-size: 1.2em;
  }

  .slidery-historii {
    flex-flow: wrap;
  }

  .slide-info {
    margin-left: auto;
    margin-right: auto;
  }

  .slider-historia1, .slider-historia2 {
    width: 100%;
  }

  .mki-img {
    width: 11em;
    height: 11em;
  }

  .mki-name {
    font-size: 1em;
  }

  .single-partner-item {
    width: 100%;
  }

  .navbar-left {
    width: 20%;
  }

  .navbar-middle {
    width: 50%;
  }

  .navbar-right {
    width: 20%;
  }

  .image-33 {
    width: 6.8em;
  }

  .profile-popup-inner {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .profile-popup-col-content {
    height: auto;
  }

  .pp-item {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pp-item-value {
    padding-left: 2.2em;
  }

  .tabs-menu-2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
  }

  .popup-close {
    top: 1.5em;
    right: 1.3em;
  }

  .image-36 {
    width: 1.9em;
  }

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

  .dost-item {
    width: 100%;
  }

  .nav-mobile-items {
    margin-bottom: 1.56em;
  }

  .container-full {
    padding-left: 1em;
    padding-right: 1em;
  }
}