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

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

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

.page-wrapper {
  color: #27331b;
  font-family: helvetica-neue-lt-pro, sans-serif;
}

.section-hero {
  background-color: #fbf6f1;
  padding-top: 10em;
  padding-bottom: 3.13em;
}

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

.hero-title {
  color: #27331b;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
}

.hero-img-box {
  margin-top: 1.75em;
  margin-bottom: 3.75em;
}

.image {
  width: 100%;
}

.hero-info {
  display: flex;
}

.hero-info-left {
  width: 75%;
  padding-right: 11em;
}

.hero-info-right {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.main-subtitle {
  color: #666e46;
  font-size: 2em;
  line-height: 1.3;
}

.main-desc {
  font-size: 1.25em;
  line-height: 1.4;
}

.is-button {
  color: #b55b31;
  border: 1px solid #b55b31;
  padding: .63em 1.25em;
  text-decoration: none;
  transition: all .3s;
}

.is-button:hover {
  color: #fff;
  background-color: #b55b31;
}

.is-button.is-alt {
  color: #fdeeda;
  background-color: #b55b31;
  border-color: #b55b31;
}

.is-button.is-alt:hover {
  color: #b55b31;
  background-color: #0000;
}

.is-button.is-alt.is-hotel:hover {
  background-color: #fbf6f1;
}

.is-button.is-alt.is-cs-kontakt {
  color: #b55b31;
  background-color: #fdeeda;
  border-color: #fdeeda;
}

.is-button.is-alt.is-cs-kontakt:hover {
  color: #fdeeda;
  background-color: #0000;
}

.is-button.is-white {
  color: #fdeeda;
  border-color: #fdeeda;
}

.is-button.is-white:hover {
  color: #b55b31;
  background-color: #fdeeda;
}

.is-button.is-white.is-play {
  color: #fff;
  border-color: #fff;
}

.is-button.is-white.is-play:hover {
  color: #b55b31;
}

.is-button.is-green {
  color: #27331b;
  border-color: #27331b;
  font-weight: 500;
}

.is-button.is-green:hover {
  color: #fbf6f1;
  background-color: #27331b;
}

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

.button-text {
  text-transform: none;
  font-size: .88em;
  font-weight: 500;
}

.code-embed {
  width: 1.5em;
  height: 1.3em;
}

.code-embed.is-play {
  width: .69em;
  height: 1.3em;
}

.section-informacje {
  padding-top: 5.13em;
  padding-bottom: 3em;
}

.informacje-slider {
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.info-item {
  background-color: #fdeeda;
  flex-flow: column;
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
  display: flex;
  position: relative;
}

.info-item-top {
  flex: 1;
  width: 100%;
  padding: 2.06em 2.5em 1.5em 1.5em;
}

.info-item-top.is-on-hover {
  flex: none;
  height: 9.1em;
}

.info-item-title {
  color: #666e46;
  font-size: 1.5em;
  line-height: 1.3;
}

.info-item-title.is-light {
  color: #fdeeda;
}

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

.info-item-hover {
  opacity: 0;
  background-color: #666e46;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.info-item-content {
  width: 100%;
  padding-bottom: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.info-item-text {
  color: #fdeeda;
  font-size: 1em;
  line-height: 1.5;
}

.is-info-slider-nav {
  justify-content: space-between;
  align-items: center;
  margin-top: 3.13em;
  display: flex;
}

.info-col {
  width: 33%;
}

.info-slider-dots {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-dot {
  background-color: #df9b4a;
  width: 2.5em;
  height: 1px;
}

.info-dot.active {
  background-color: #b55b31;
  height: 2px;
}

.info-dot.white {
  background-color: #fdeeda;
}

.info-dot.white.active {
  background-color: #df9b4a;
}

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

.slider-arrows.is-wariant-slider-nav {
  position: absolute;
  bottom: .94em;
  right: .94em;
}

.info-slider-prev {
  color: #b55b31;
  border: 1px solid #b55b31;
  padding: .63em 1.25em;
  text-decoration: none;
  transition: all .3s;
}

.info-slider-prev:hover {
  color: #df9b4a;
  background-color: #b55b31;
}

.info-slider-prev.is-white {
  color: #fff;
  border-color: #fff;
}

.info-slider-prev.is-white:hover {
  color: #df9b4a;
  border-color: #b55b31;
}

.code-embed-2 {
  width: 1.44em;
}

.info-slider-next {
  color: #df9b4a;
  background-color: #b55b31;
  border: 1px solid #b55b31;
  padding: .63em 1.25em;
  text-decoration: none;
  transition: all .3s;
}

.info-slider-next:hover {
  color: #b55b31;
  background-color: #0000;
}

.info-slider-next.is-orange {
  color: #fff;
  background-color: #df9b4a;
  border-color: #df9b4a;
}

.info-slider-next.is-orange:hover {
  color: #df9b4a;
  background-color: #fff;
  border-color: #fff;
}

.info-slider-next.is-alt {
  background-color: #fdeeda;
  border-color: #fdeeda;
}

.section-cti {
  padding-top: 2.5em;
  padding-bottom: 2.4em;
}

.image-3 {
  width: 20.56em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cti-text {
  color: #b55b31;
  text-align: center;
  text-transform: uppercase;
  margin-top: -2.2em;
  font-size: 2em;
  line-height: 1.3;
}

.section-o-projekcie {
  border-top: 1px solid #e8c090;
  padding-top: 4.81em;
  padding-bottom: 3.13em;
}

.section-title {
  color: #27331b;
  text-transform: uppercase;
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
}

.projekt-item {
  margin-top: 3.75em;
}

.projekt-item.more-space {
  margin-top: 5em;
}

.projekt-item-media {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.projekt-small {
  background-color: #b55b31;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 25%;
  padding: 2.69em 4.13em 1.31em;
  display: flex;
}

.projekt-small._2 {
  background-color: #df9b4a;
}

.projekt-small._3 {
  background-color: #666e46;
}

.projekt-big {
  width: 75%;
  position: relative;
}

.image-4 {
  width: 7.69em;
}

.image-4._2 {
  width: 9.81em;
}

.projekt-small-title {
  color: #fdeeda;
  text-align: center;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.is-projekt-slider {
  aspect-ratio: 2;
  height: auto;
}

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

.projekt-slide-bg {
  background-image: linear-gradient(#0000, #00000059);
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 1.31em;
  padding-right: 1.7em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.projekt-slide-bg.left {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-left: 1.7em;
}

.projekt-slide-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.projekt-slide-title.colored {
  color: #fdeeda;
  text-align: right;
}

.projekt-item-content {
  justify-content: space-between;
  margin-top: 2.31em;
  display: flex;
}

.projekt-col {
  width: 25%;
  padding-right: .5em;
}

.projekt-col.is-right {
  text-align: right;
  padding-right: 0;
}

.projekt-col.bigger {
  width: 33%;
}

.projekt-col-text {
  color: #666e46;
  font-size: 1.13em;
  font-weight: 400;
  line-height: 1.5;
}

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

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

.section-warianty {
  background-color: #fbf6f1;
  padding-top: 4.56em;
  padding-bottom: 4.56em;
}

.warianty-small {
  color: #666e46;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.warianty-main {
  text-transform: uppercase;
  margin-top: .2em;
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
}

.warianty-main.is-tech-title {
  color: #666e46;
}

.warianty-main.is-tech-title.tp-title {
  color: #fdeeda;
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3;
}

.warianty-main.is-tech-title.tp-title.green {
  color: #666e46;
}

.warianty-tabs {
  margin-top: -3.6em;
}

.tab-link {
  color: #b55b31;
  background-color: #0000;
  border: 1px solid #df9b4a;
  padding: .63em 1.25em;
  transition: all .3s;
}

.tab-link:hover, .tab-link.w--current {
  color: #fdeeda;
  background-color: #b55b31;
  border-color: #b55b31;
}

.tab-link-flex {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block {
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.5;
}

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

.is-wariant-inner {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.warian-inner-left {
  background-color: #b55b31;
  width: 25%;
  padding: 2.06em 1.5em 1.5em;
}

.warian-inner-left.is-yellow {
  background-color: #df9b4a;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.wariant-nazwa {
  color: #fdeeda;
  text-align: left;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.wariant-line {
  background-color: #df9b4a;
  width: 100%;
  height: 1px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.wariant-line.is-yellow {
  background-color: #fdeeda;
}

.wariant-inner-text {
  color: #fdeeda;
  font-size: .88em;
  line-height: 1.35;
}

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

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

.wariant-wyrozniki {
  margin-top: 2.38em;
}

.wyrozniki-title {
  color: #b55b31;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3;
}

.wyrozniki-flex {
  justify-content: space-between;
  margin-top: 2.94em;
  display: flex;
}

.wyrozniki-item {
  grid-column-gap: 1.06em;
  grid-row-gap: 1.06em;
  flex-flow: column;
  width: 14%;
  display: flex;
}

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

.wtext {
  color: #666e46;
  text-align: center;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

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

.dom-left {
  grid-column-gap: 2.06em;
  grid-row-gap: 2.06em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.dom-right {
  width: 70%;
}

.dom360 {
  position: relative;
}

.image-6 {
  width: 4.63em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 2em;
  left: 0;
  right: 0;
}

.section-dlaczego-drewno {
  border-top: 1px solid #e8c090;
  border-bottom: 1px solid #e8c090;
  padding-top: 4.81em;
  padding-bottom: 2.94em;
}

.dlaczego-slider {
  margin-top: 3.62em;
}

.is-dlaczego-slide {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.dlaczego-item-small {
  background-color: #666e46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 2.69em 2.38em 1.31em 1.69em;
  display: flex;
}

.dlaczego-item-small._2 {
  background-color: #df9b4a;
}

.dlaczego-item-small._3 {
  background-color: #666e46;
}

.dlaczego-item-text {
  color: #fdeeda;
  font-size: 1.13em;
  font-weight: 400;
  line-height: 1.5;
}

.section-technologia {
  padding-top: 4.81em;
  padding-bottom: 3.38em;
}

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

.technologia-title-sec {
  flex: none;
  padding-right: 6.25em;
}

.technologia-title-text {
  color: #666e46;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.technologia-right-info {
  grid-column-gap: 3.75em;
  grid-row-gap: 3.75em;
  display: flex;
}

.tr-info {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  flex-flow: column;
  display: flex;
}

.tr-title {
  color: #666e46;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.tr-text {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

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

.techno-item {
  background-color: #fdeeda;
  flex-flow: column;
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
  padding: 2.13em 1.5em 2.94em;
  display: flex;
}

.image-7 {
  width: 6.75em;
  margin-left: auto;
  display: block;
}

.techno-item-content {
  grid-column-gap: 1.8em;
  grid-row-gap: 1.8em;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.88em;
  display: flex;
}

.techno-item-title {
  color: #666e46;
  height: 3.8em;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
}

.techno-item-text {
  color: #666e46;
  font-size: 1em;
  line-height: 1.5;
}

.techno-button {
  justify-content: center;
  align-items: flex-start;
  margin-top: 3.44em;
  display: flex;
}

.section-wnetrza {
  background-color: #fbf6f1;
  padding-top: 4.56em;
  padding-bottom: 3.5em;
}

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

.title-flex.btm {
  justify-content: space-between;
  align-items: flex-end;
}

.wnetrza-desc {
  width: 25%;
}

.wnetrza-desc.bigger {
  width: 33%;
}

.wnetrza-desc-text {
  font-size: 1.25em;
  line-height: 1.4;
}

.wnetrza-tabs {
  flex-flow: column;
  margin-top: 3.25em;
  display: flex;
}

.wnetrza-tab-link {
  color: #666e46;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  padding: .63em 0;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.wnetrza-tab-link.w--current {
  color: #b55b31;
  background-color: #0000;
  border-bottom-color: #b55b31;
}

.tabs-menu-2 {
  order: 9999;
  justify-content: space-between;
  margin-top: 2em;
  display: flex;
}

.wnetrza-tab-img {
  position: relative;
}

.image-8 {
  width: 100%;
}

.wnetrza-tab-content {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  background-color: #df9b4a;
  flex-flow: column;
  max-width: 20.31em;
  padding: 2.81em 1.5em;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 1.38em;
}

.wt-title {
  color: #fdeeda;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
}

.wt-text, .wt-price {
  color: #fdeeda;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.span-price {
  font-size: 2.5em;
  font-weight: 700;
}

.section-z-meblami {
  padding-top: 4.56em;
  padding-bottom: 3.13em;
}

.is-gallery-slider {
  margin-top: 2.5em;
}

.gallery-slide-item {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.slide-smaller {
  flex: none;
  width: 25%;
}

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

.slide-bigger {
  aspect-ratio: 16 / 9;
  flex: 1;
  width: 75%;
}

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

.section-technologie {
  border-top: 1px solid #e8c090;
  padding-top: 3.44em;
  padding-bottom: 3.44em;
}

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

.technologie-col {
  grid-column-gap: 12.5em;
  grid-row-gap: 12.5em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.technologie-title {
  color: #666e46;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3;
}

.technologie-right-col {
  width: 75%;
}

.techno-slider {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.techno-slider-item {
  background-color: #fdeeda;
  flex-flow: column;
  justify-content: space-between;
  width: 32.33%;
  padding: 1.94em 0 1.25em;
  display: flex;
}

.techno-slide-title {
  margin-bottom: .31em;
  padding-left: 1.75em;
  padding-right: 1.75em;
}

.is-t-title {
  color: #666e46;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
}

.image-11 {
  min-width: 100%;
  display: block;
}

.tech-item-links {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  justify-content: space-between;
  padding-left: 1.75em;
  padding-right: 1.75em;
  display: flex;
}

.is-tech-link {
  color: #27331b;
  border-bottom: 1px solid #27331b;
  padding-top: .63em;
  padding-bottom: .63em;
  text-decoration: none;
}

.is-tech-link:hover {
  color: #b55b31;
  border-bottom-color: #b55b31;
}

.tech-icon {
  width: 0;
  transition: all .2s;
  overflow: hidden;
}

.span-light {
  font-weight: 400;
}

.section-dom-gotowy {
  position: relative;
}

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

.dom-abs {
  background-image: linear-gradient(#0000 32%, #0003);
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 2.75em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.dom-abs.is-th {
  background-image: linear-gradient(176deg, #0000 35%, #0009 94%);
}

.abs-title-text {
  color: #fdeeda;
  text-transform: uppercase;
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
}

.dom-abs-buttons {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -2.5em;
  display: flex;
}

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

.jak-to-dziala-tabs {
  margin-top: 3.56em;
  display: flex;
}

.tabs-menu-3 {
  flex-flow: column;
  width: 33%;
  margin-right: 0;
  display: flex;
}

.tabs-content-2 {
  width: 67%;
}

.jtd-item {
  color: #fdeeda;
  background-color: #0000;
  border-bottom: 0 solid #df9b4a;
  padding: 0 1.25em 0 0;
  transition: all .2s;
}

.jtd-item.w--current {
  color: #fff;
  background-color: #fdeeda;
  border-bottom-color: #fdeeda;
}

.jtd-flex {
  grid-column-gap: 1.94em;
  grid-row-gap: 1.94em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.jtd-number {
  width: 3.44em;
}

.number-text {
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.jtd-text {
  color: #666e46;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 1.5;
}

.jtd-smaller {
  font-size: .8em;
  font-style: italic;
  font-weight: 400;
}

.tab-jtd-content {
  background-color: #fbf6f1;
  height: 100%;
  padding: 3.13em 3em;
}

.jtd-tab {
  height: 100%;
}

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

.jtd-text-inner {
  color: #666e46;
  font-size: 1.25em;
  line-height: 1.3;
}

.jtd-max {
  max-width: 70%;
}

.jtd-big-number {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  font-size: 6.25em;
  font-weight: 500;
  line-height: 1.2;
}

.jtd-media {
  margin-top: 4.5em;
}

.jtd-media.media-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.image-13 {
  width: 100%;
}

.jtd-single-media {
  color: #666e46;
  background-color: #fdeeda;
  width: 50%;
  transition: all .3s;
}

.jtd-single-media:hover {
  color: #fdeeda;
  background-color: #666e46;
}

.jtd-media-title {
  padding: 2.06em 1.88em;
}

.is-jtd-media-title {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
}

.jtd-inner-item {
  border-bottom: 1px solid #df9b4a;
  padding: 1.31em 1.5em;
}

.section-slider-full {
  position: relative;
}

.is-slider-full {
  width: 100%;
}

.image-14 {
  width: 100%;
  max-height: 39.19em;
}

.is-full-slider-nav {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 2em;
}

.section-co-zyskujesz {
  padding-top: 4.81em;
  padding-bottom: 3.13em;
}

.is-slider-co-zyskujesz {
  margin-top: 3em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.is-cz-item {
  background-color: #fdeeda;
  flex-flow: column;
  width: 24%;
  margin-left: .5%;
  margin-right: .5%;
  padding: 2.13em 1.5em 2.94em;
  display: flex;
}

.section-technologia-porownanie {
  border-top: 1px solid #e8c090;
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.techno-pro-flex {
  display: flex;
}

.techno-pro-col {
  width: 33.33%;
}

.techno-pro-col._2 {
  background-color: #df9b4a;
}

.techno-pro-col._3 {
  background-color: #fbf6f1;
}

.techno-col-top {
  height: 11em;
}

.techno-col-top.is-with-values {
  padding-top: 3.38em;
}

.techno-pro-item {
  grid-column-gap: 3.2em;
  grid-row-gap: 3.2em;
  border-bottom: 1px solid #df9b4a;
  justify-content: flex-start;
  align-items: center;
  height: 4.5em;
  padding-top: .94em;
  padding-bottom: .94em;
  display: flex;
}

.techno-pro-item.tp-value {
  text-align: center;
  border-bottom-color: #fdeeda;
  justify-content: center;
  align-items: center;
}

.techno-pro-item.tp-value.green {
  border-bottom-color: #e8c090;
}

.tp-text {
  color: #666e46;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 1.5;
}

.tp-text.tp-light {
  color: #fdeeda;
  text-align: center;
  font-size: 1.25em;
  font-weight: 500;
}

.tp-text.tp-light.tp-green {
  color: #666e46;
}

.tp-text.is-mobile {
  display: none;
}

.tp-subtitle {
  color: #fdeeda;
  text-align: center;
  margin-top: .13em;
  font-size: 1.25em;
  line-height: 1.5;
}

.tp-subtitle.green {
  color: #666e46;
}

.secion-przekroje {
  background-color: #fbf6f1;
  padding-top: 5.75em;
  padding-bottom: 5.75em;
}

.przekoje-flex {
  grid-row-gap: 3.75em;
  flex-flow: wrap;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.przekroje-col {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

.przekroje-main-title {
  color: #27331b;
  text-transform: uppercase;
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
}

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

.prze-img {
  width: 45%;
}

.prze-content {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.prze-item-title {
  color: #b55b31;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3;
}

.is-prze-link {
  color: #b55b31;
  border-bottom: 1px solid #b55b31;
  padding-top: .63em;
  padding-bottom: .63em;
  text-decoration: none;
}

.is-prze-link:hover {
  color: #b55b31;
  border-bottom-color: #b55b31;
}

.prz-icon {
  width: auto;
  transition: all .2s;
  overflow: hidden;
}

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

.section-the-house {
  position: relative;
}

.section-steico {
  background-color: #fdeeda;
  padding-top: 5.19em;
  padding-bottom: 4.5em;
}

.steico-flex {
  justify-content: space-between;
  margin-bottom: 3.44em;
  display: flex;
}

.steico-col {
  width: 45%;
}

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

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

.steico-why {
  color: #b55b31;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3;
}

.steico-slider {
  margin-top: 2.5em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.is-steico-item {
  color: #b55b31;
  background-color: #fbf6f1;
  flex-flow: column;
  width: 24%;
  min-height: 25em;
  margin-left: .5%;
  margin-right: .5%;
  padding: 2em 1.5em 1.88em;
  display: flex;
}

.is-steico-item:hover {
  color: #fdeeda;
  background-color: #b55b31;
}

.steico-item-icon {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.code-embed-3 {
  width: 6.75em;
}

.steico-item-title {
  height: auto;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
}

.steico-item-text {
  margin-top: 1.5em;
  font-size: 1em;
  line-height: 1.5;
}

.steico-hidden {
  height: 0;
  transition: all .3s;
  overflow: hidden;
}

.steico-content-item {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 1.88em;
  display: flex;
}

.section-termoizolacja {
  background-color: #fbf6f1;
  padding-top: 7em;
}

.termo-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.termo-flex.with-items {
  margin-top: 2.81em;
}

.termo-col {
  width: 50%;
}

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

.term-flex.with-items {
  margin-top: 2.81em;
}

.termo-item {
  background-color: #df9b4a;
  padding: 1.5em 1.5em 2.56em 1.94em;
}

.termo-item-top {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.88em;
  display: flex;
}

.termo-item-title {
  color: #fdeeda;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3;
}

.image-16 {
  width: 6.75em;
}

.termo-item-text {
  color: #fdeeda;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.5;
}

.termo-item-text ul {
  margin-bottom: 0;
  padding-left: 20px;
}

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

.termo-info-left {
  width: 50%;
}

.termo-info-text {
  color: #666e46;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 1.5;
}

.termo-info-right {
  width: 50%;
}

.image-17 {
  max-width: 30.63em;
  margin-top: -4.5em;
  margin-left: auto;
  display: block;
}

.section-system-steico {
  padding-top: 4.5em;
  padding-bottom: 3.25em;
}

.ss-flex {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 4.06em;
  display: flex;
}

.ss-title {
  width: 33%;
}

.ss-title.bigger, .ss-subtitle {
  width: 40%;
}

.ss-subtitle.smaller {
  width: 30%;
}

.ss-subtitle-text {
  color: #666e46;
  font-size: 1.5em;
  line-height: 1.3;
}

.ss-text {
  width: 22%;
}

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

.system-steico-slider {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  margin-top: 2.69em;
  display: flex;
}

.steico-slide-item {
  background-color: #fdeeda;
  width: 15%;
  padding: 1.44em 2.13em 1.94em 1.44em;
}

.image-18 {
  width: 1.56em;
  margin-bottom: 1.06em;
}

.ss-item-text {
  color: #b55b31;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.ss-item-text.is-szw-text {
  font-weight: 400;
}

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

.is-popup._2, .is-popup._3, .is-popup._4, .is-popup._5, .is-popup._6, .is-popup._7, .is-popup.is-technologia-popup-1, .is-popup.is-technologia-popup-2 {
  display: none;
}

.is-popup.is-technologia-popup-3 {
  z-index: 99999;
  display: none;
}

.is-popup-inner {
  background-color: #fbf6f1;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  max-width: 61.88em;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 2.81em;
  display: flex;
  position: relative;
  overflow: auto;
}

.is-popup-inner.is-top-align {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 72em;
}

.is-popup-inner.is-top-align.more-padding {
  padding-top: 5em;
}

.is-popup-inner.is-stretch {
  align-items: stretch;
}

.is-popup-inner.is-zasada {
  flex-flow: column;
}

.popup-left-col {
  width: 40%;
}

.popup-left-col.right-padding {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1.56em;
  display: flex;
}

.popup-left-col.right-padding.is-full {
  width: 100%;
  margin-top: .94em;
  margin-bottom: .94em;
  padding-right: 0;
}

.popup-right-col {
  width: 60%;
  height: auto;
}

.popup-item-title {
  color: #b55b31;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3;
}

.popup-item-title.with-margin {
  margin-bottom: 1.25em;
}

.popup-item-title.full {
  text-align: center;
  width: 100%;
  font-size: 2em;
}

.is-popup-text {
  color: #27331b;
  margin-top: 1.56em;
  font-size: 1em;
  line-height: 1.5;
}

.is-popup-text ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.is-popup-text.no-top {
  margin-top: 0;
}

.is-popup-text.no-top h5 {
  color: #b55b31;
}

.is-close-popup {
  width: 3.75em;
  position: absolute;
  top: 1.7em;
  right: 1.56em;
}

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

.popup-left-info-bloc {
  margin-bottom: 2.06em;
}

.p-left-title {
  color: #b55b31;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

.section-szwedka-plyta {
  background-color: #fbf6f1;
  padding-top: 3.88em;
  padding-bottom: 3.88em;
}

.szwedka-plyta-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  margin-top: 2.69em;
  display: flex;
}

.steico-slide-item-copy, .szw-item-ct {
  background-color: #fff;
  width: 20%;
  padding: 1.44em 2.13em 1.94em 1.44em;
}

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

.is-partnerzy-text {
  font-size: 1.13em;
  line-height: 1.5;
}

.partnerzy-slider {
  grid-column-gap: 6.25em;
  grid-row-gap: 6.25em;
  margin-top: 4.5em;
  display: flex;
}

.section-opinie {
  background-color: #666e46;
  padding-top: 4.56em;
  padding-bottom: 3.19em;
}

.opinie-title {
  color: #df9b4a;
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.op-content {
  position: relative;
}

.image-20 {
  position: absolute;
  top: -.94em;
  right: 0;
}

.opinie-slider {
  margin-top: 7.5em;
  margin-bottom: 7.5em;
}

.opinia-content {
  color: #fdeeda;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
}

.section-zrealizowane {
  border-bottom: 1px solid #e8c090;
  padding-top: 4.56em;
  padding-bottom: 4.56em;
}

.zrealizowane-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  margin-top: 2.63em;
  display: flex;
}

.zr-s {
  background-color: #fbf6f1;
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  padding: 3.06em 2.13em 1.88em 1.13em;
  display: flex;
}

.zr-s.is-blizniaki {
  padding: 0;
  position: relative;
}

.zr-b {
  width: 75%;
  position: relative;
}

.image-21 {
  mix-blend-mode: multiply;
  width: 10.25em;
}

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

.zr-title {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
}

.zr-title.white {
  color: #fff;
}

.is-yt-over {
  background-image: linear-gradient(#0000, #0003 92%);
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 1.88em;
  padding-right: 2.69em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.is-yt-over.is-centered {
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-right: 0;
}

.yt-box {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 14.56em;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
}

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

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

.faq-flex {
  display: flex;
}

.faq-left {
  width: 35%;
}

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

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  padding-left: 2.8em;
  overflow: hidden;
}

.faq-number {
  color: #666e46;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 1.4;
}

.accordion-item {
  background-color: #fff;
  border-bottom: 1px solid #df9b4a;
  border-radius: 0;
  margin-bottom: .13em;
  padding: 1.31em 1em;
}

.paragraph {
  color: #666e46;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.image-23 {
  width: 1.06em;
}

.faq-left-title {
  grid-column-gap: 1.06em;
  grid-row-gap: 1.06em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion-heading {
  color: #27331b;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 1.5;
}

.code-embed-4 {
  color: #df9b4a;
  width: .81em;
  height: 1.5em;
}

.section-cta {
  padding-top: 3em;
}

.cta-content {
  background-color: #fbf6f1;
}

.image-24 {
  max-width: 33em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cta-title {
  color: #666e46;
  text-align: center;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.cta-buttons {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: center;
  align-items: center;
  margin-top: 2.06em;
  display: flex;
}

.cta-inner {
  margin-top: 0;
  position: relative;
  top: -3em;
}

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

.kontakt-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex;
}

.kontakt-left {
  background-color: #666e46;
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  padding: 1.5em;
  display: flex;
}

.kontakt-call-subtitle {
  color: #fdeeda;
  letter-spacing: 1.4px;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.kontakt-name {
  color: #fdeeda;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
}

.kontakt-dane {
  flex-flow: column;
  margin-top: 1.88em;
  display: flex;
}

.is-kontakt-link {
  color: #fdeeda;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.is-kontakt-link:hover {
  color: #fff;
}

.kontakt-right {
  background-color: #fdeeda;
  width: 75%;
  padding: 2.75em 1.56em;
}

.is-kontakt-title {
  text-transform: uppercase;
  margin-top: .2em;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.is-kontakt-title.is-tech-title {
  color: #666e46;
}

.is-kontakt-title.is-tech-title.tp-title {
  color: #fdeeda;
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3;
}

.is-kontakt-title.is-tech-title.tp-title.green {
  color: #666e46;
}

.is-kontakt-form {
  margin-top: 2.06em;
}

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

.is-form-item {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-bottom: 1px solid #666e46;
  justify-content: flex-start;
  align-items: center;
  width: 32%;
  display: flex;
}

.is-form-item.full {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.form-label {
  color: #666e46;
  letter-spacing: 0;
  text-transform: none;
  flex: none;
  margin-bottom: 0;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.5;
}

.cs-input {
  color: #27331b;
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  padding: .5em 0;
  font-size: .88em;
  font-weight: 400;
  line-height: 1.35;
}

.cs-input::placeholder {
  color: #27331b;
}

.cs-input.is-textarea {
  height: 5em;
  padding-top: 0;
}

.kontakt-form-flex-full {
  width: 100%;
  margin-top: 1.06em;
}

.form-zgody {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  flex-flow: column;
  margin-top: 1.06em;
  display: flex;
}

.checkbox-label {
  font-size: .88em;
  line-height: 1.35;
}

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

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

.section-kredyt {
  border-top: 1px solid #e8c090;
  padding-top: 4.81em;
  padding-bottom: 3em;
}

.is-kredyt-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  margin-top: 3.62em;
  display: flex;
}

.kredyt-left {
  background-color: #df9b4a;
  width: 75%;
  display: flex;
}

.kredyt-right {
  background-color: #b55b31;
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  padding: 2.19em 1.5em 1.5em;
  display: flex;
}

.kredyt-left-content {
  width: 70%;
  padding: 3.44em 1.5em;
}

.kredyt-title {
  color: #fbf6f1;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
}

.kredyt-text {
  color: #fbf6f1;
  max-width: 34.38em;
  margin-top: 4.06em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.kredyt-text ul {
  padding-left: 20px;
}

.kredyt-left-img {
  width: 30%;
}

.image-25 {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.kontakt-btns {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  flex-flow: column;
  margin-top: .94em;
  display: flex;
}

.dodatkowe-info-flex {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.dod-title {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

.dod-title-text {
  color: #27331b;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3;
}

.dod-green {
  background-color: #666e46;
  width: 25%;
  padding: 2.13em 1.5em;
}

.dod-green-text {
  color: #fdeeda;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
}

.dod-yell {
  background-color: #fdeeda;
  width: 50%;
  padding: 1.38em 1.81em;
}

.dod-yell-text {
  color: #666e46;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.footer {
  padding-top: 7.5em;
}

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

.footer-logo {
  width: 25%;
}

.image-26 {
  width: 20.44em;
}

.footer-copy {
  background-color: #fbf6f1;
  margin-top: 5.19em;
  padding-top: .94em;
  padding-bottom: .94em;
}

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

.footer-copy-text {
  color: #666e46;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.2;
}

.footer-copy-link {
  color: #666e46;
  font-size: .88em;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: all .3s;
}

.footer-copy-link:hover {
  color: #b55b31;
}

.footer-col-title {
  color: #666e46;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: .94em;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.footer-col-link {
  color: #27331b;
  margin-bottom: 3px;
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.footer-col-link:hover {
  color: #b55b31;
  text-decoration: underline;
}

.dane-text {
  font-size: 1em;
  line-height: 1.5;
}

.footer-social-media {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  width: 25%;
  display: flex;
}

.footer-social-item {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  color: #27331b;
  border: 1px solid #fdeeda;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .75em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-social-item:hover {
  color: #fbf6f1;
  background-color: #fbf6f1;
  border-color: #fbf6f1;
}

.social-img {
  background-color: #fbf6f1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  display: flex;
}

.code-embed-5 {
  width: .75em;
  height: 1.44em;
}

.code-embed-5.is-bigger {
  width: 1.75em;
  height: 1.75em;
}

.social-item-text {
  color: #27331b;
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
}

.span-strong {
  font-weight: 500;
}

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

.image-27 {
  width: 11.69em;
}

.nav-flex {
  grid-column-gap: 2.81em;
  grid-row-gap: 2.81em;
  justify-content: flex-start;
  align-items: center;
  padding-top: .94em;
  padding-bottom: .94em;
  display: flex;
}

.nav-inner-flex {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.is-nav-item {
  color: #27331b;
  padding: 0;
  font-size: .88em;
  line-height: 1.35;
  transition: all .3s;
}

.dropdown-toggle {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: .88em;
  line-height: 1.35;
  display: flex;
}

.nav-drop-item {
  background-color: #fff;
  padding-top: .44em;
  padding-bottom: .44em;
  font-size: .88em;
}

.section-rzut-domu {
  background-color: #fbf6f1;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.rzut-flex {
  display: flex;
}

.rzut-title-sec {
  width: 25%;
}

.rzut-right {
  width: 75%;
  display: flex;
}

.rzut-content {
  width: 65%;
}

.rzut-dane {
  width: 35%;
  padding-left: 1.56em;
}

.rzut-dane-title {
  color: #666e46;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 1.56em;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.uklad-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #e8c090;
  justify-content: space-between;
  padding-top: .63em;
  padding-bottom: .63em;
  display: flex;
}

.uklad-number {
  width: 2em;
}

.uklad-nazwa {
  flex: 1;
}

.uk-text {
  color: #666e46;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.image-28 {
  mix-blend-mode: multiply;
  width: 100%;
}

.rzut-bottom-info {
  margin-top: 2.13em;
}

.rzut-line {
  background-color: #df9b4a;
  width: 7.5em;
  height: 1px;
}

.rzut-info-text {
  color: #666e46;
  margin-top: 1.56em;
  font-size: 1em;
  line-height: 1.5;
}

.dane-suma {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 1.25em;
  display: flex;
}

.suma-text {
  color: #666e46;
  margin-bottom: 2px;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.35;
}

.suma-vaue {
  color: #666e46;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.2;
}

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

.span-bigger {
  font-size: 1.2em;
  font-weight: 700;
}

.rzut-rel {
  position: relative;
}

.rzut-item-info {
  position: absolute;
  inset: 35% auto auto 37%;
}

.rzut-item-number {
  color: #666e46;
  text-align: center;
  background-color: #fdeeda;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.35;
  display: flex;
}

.rzut-item-info-content {
  min-width: 10.63em;
  display: none;
  position: absolute;
  top: -8.4em;
  bottom: auto;
  left: -4.2em;
}

.ri-img {
  background-color: #fdeeda;
  padding: .38em;
  box-shadow: 0 32px 64px -12px #00000024;
}

.ri-line {
  background-color: #27331b;
  width: 1px;
  height: .94em;
  margin-top: .19em;
  margin-left: auto;
  margin-right: auto;
}

.ri-dot {
  background-color: #27331b;
  border-radius: 100%;
  width: .44em;
  height: .44em;
  margin-left: auto;
  margin-right: auto;
}

.image-30 {
  mix-blend-mode: multiply;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.is-zasada-items {
  grid-row-gap: 1.25em;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.zasada-item {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.zasada-item-number {
  background-color: #b55b31;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.88em;
  height: 1.88em;
  display: flex;
}

.zasada-item-number-text {
  color: #fbf6f1;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
}

.zasada-item-text {
  color: #27331b;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.5;
}

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

.sales-photo {
  margin-top: 1em;
  margin-bottom: 1em;
}

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

  .hero-info-left {
    padding-right: 7em;
  }

  .hero-info-right {
    width: 30%;
  }

  .main-subtitle {
    font-size: 1.7em;
  }

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

  .projekt-small {
    height: 25em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .projekt-big {
    width: 100%;
    position: relative;
  }

  .image-4 {
    width: 6em;
  }

  .image-4._2 {
    width: 7em;
  }

  .projekt-small-title {
    font-size: 2.1em;
  }

  .is-projekt-slider {
    aspect-ratio: auto;
  }

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

  .projekt-slide-bg {
    z-index: 9;
    height: 100%;
  }

  .projekt-slide-title {
    font-size: 2em;
  }

  .projekt-col, .projekt-col.is-right.bigger {
    width: 40%;
  }

  .image-5, .background-video {
    object-fit: cover;
    height: 25em;
  }

  .warianty-title-section {
    width: 100%;
  }

  .warianty-main {
    font-size: 3.3em;
  }

  .warianty-main.is-tech-title {
    font-size: 2.1em;
  }

  .warianty-main.is-tech-title.tp-title {
    font-size: 1.5em;
  }

  .warianty-tabs {
    margin-top: 2em;
  }

  .is-wariant-inner {
    flex-flow: wrap;
  }

  .warian-inner-left {
    width: 100%;
  }

  .wariant-nazwa {
    font-size: 2.2em;
  }

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

  .wariant-inner-right {
    width: 100%;
  }

  .wyrozniki-flex {
    grid-row-gap: 1.88em;
    flex-flow: wrap;
  }

  .wyrozniki-item {
    width: 31%;
  }

  .section-dom {
    padding-top: 1.88em;
  }

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

  .dom-left {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .dom-right {
    width: 100%;
  }

  .section-dlaczego-drewno {
    padding-top: 3em;
  }

  .is-dlaczego-slide {
    flex-flow: wrap;
  }

  .dlaczego-item-small {
    width: 100%;
  }

  .technologia-top {
    flex-flow: wrap;
  }

  .technologia-title-sec {
    width: 100%;
    padding-right: 0;
  }

  .technologia-right-info {
    width: 100%;
    margin-top: 1.9em;
  }

  .technologia-icons {
    grid-row-gap: .5em;
    flex-flow: wrap;
  }

  .techno-item {
    width: 48%;
  }

  .image-7 {
    width: 5em;
  }

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

  .title-flex.btm {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }

  .wnetrza-desc {
    width: 100%;
    margin-top: 1.56em;
  }

  .wnetrza-desc.bigger {
    width: 100%;
  }

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

  .image-8 {
    object-fit: cover;
    min-height: 30em;
  }

  .wt-title {
    font-size: 1.3em;
  }

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

  .technologie-col {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    width: 100%;
  }

  .technologie-right-col {
    width: 100%;
  }

  .image-12 {
    height: 40em;
  }

  .abs-title-text {
    font-size: 2.1em;
  }

  .dom-abs-buttons {
    margin-top: -1em;
  }

  .number-text {
    font-size: 2.6em;
  }

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

  .jtd-text-inner {
    font-size: 1.1em;
  }

  .jtd-big-number {
    font-size: 6em;
  }

  .jtd-inner-item {
    padding-left: 1em;
    padding-right: 1em;
  }

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

  .techno-pro-item {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .tp-text, .tp-text.tp-light {
    font-size: 1em;
  }

  .przekroje-col.is-full {
    width: 100%;
  }

  .przekroje-main-title {
    font-size: 3.3em;
  }

  .steico-title {
    font-size: 1.8em;
  }

  .code-embed-3 {
    width: 5.9em;
  }

  .section-termoizolacja {
    padding-top: 4em;
  }

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

  .termo-col {
    width: 100%;
  }

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

  .ss-title, .ss-subtitle {
    width: 100%;
  }

  .ss-subtitle-text {
    font-size: 1.3em;
  }

  .ss-text {
    width: 100%;
  }

  .is-popup {
    z-index: 9999;
    background-color: #fbf6f182;
    display: none;
  }

  .is-popup._2, .is-popup._4, .is-popup._5, .is-popup._6, .is-popup._7 {
    display: none;
  }

  .is-popup-inner.is-top-align {
    flex-flow: wrap;
  }

  .is-popup-inner.is-top-align.more-padding {
    grid-column-gap: 1.56em;
    grid-row-gap: 1.56em;
  }

  .is-popup-inner.is-zasada {
    width: 90%;
  }

  .popup-left-col.right-padding.isfl, .popup-right-col.isfl {
    width: 100%;
  }

  .szwedka-plyta-flex {
    flex-flow: wrap;
  }

  .szw-item-ct {
    width: 48%;
  }

  .image-20 {
    width: 5em;
  }

  .image-22 {
    object-fit: cover;
    height: 30em;
  }

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

  .faq-left {
    width: 100%;
  }

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

  .image-24 {
    max-width: 29em;
  }

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

  .kontakt-left {
    width: 30%;
  }

  .kontakt-right {
    width: 70%;
  }

  .is-kontakt-title {
    font-size: 2em;
  }

  .section-kredyt {
    padding-top: 3em;
  }

  .is-kredyt-flex {
    flex-flow: wrap;
  }

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

  .kontakt-btns {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .dodatkowe-info-flex {
    flex-flow: wrap;
  }

  .dod-title {
    width: 100%;
  }

  .dod-green {
    width: 47%;
  }

  .footer {
    padding-top: 5em;
  }

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

  .footer-copy {
    margin-top: 3em;
  }

  .footer-social-media {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1.88em;
  }

  .footer-social-item {
    max-width: 24em;
  }

  .image-27 {
    width: 9em;
  }

  .nav-flex {
    justify-content: space-between;
  }

  .nav-inner-flex {
    flex-flow: column;
    padding-top: 9em;
  }

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

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

  .rzut-title-sec, .rzut-right {
    width: 100%;
  }

  .is-wariant-slider {
    height: 100%;
  }

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

  .image-32, .image-33 {
    object-fit: cover;
    height: 30em;
  }

  .lottie-animation {
    width: 1.56em;
  }

  .menu-button {
    padding: 0;
  }

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

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

  .brand {
    z-index: 9;
  }

  .dropdown-list {
    position: static;
  }
}

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

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

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

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

  .hero-info-right {
    width: 100%;
  }

  .is-info-slider-nav {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
  }

  .info-col {
    width: 100%;
  }

  .image-3 {
    width: 17em;
  }

  .cti-text {
    font-size: 1.6em;
  }

  .section-o-projekcie {
    padding-top: 3em;
  }

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

  .projekt-item-media {
    flex-flow: wrap;
  }

  .projekt-small {
    width: 100%;
    height: 16em;
  }

  .projekt-slide-title {
    font-size: 1.8em;
  }

  .projekt-item-content {
    grid-column-gap: 1.4em;
    grid-row-gap: 1.4em;
    flex-flow: wrap;
  }

  .projekt-col {
    width: 100%;
    padding-right: 0;
  }

  .projekt-col.is-right.bigger, .projekt-col.bigger {
    width: 100%;
  }

  .projekt-col-text {
    text-align: left;
  }

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

  .warianty-main {
    font-size: 2.3em;
  }

  .tabs-menu {
    grid-column-gap: 1.1em;
    grid-row-gap: 1.1em;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .wtext {
    font-size: .9em;
  }

  .dlaczego-item-small {
    padding-top: 1.9em;
  }

  .dlaczego-item-text {
    font-size: 1em;
  }

  .technologia-title-text {
    font-size: 2.3em;
  }

  .technologia-right-info {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: wrap;
  }

  .tr-info {
    width: 100%;
  }

  .techno-item-title {
    height: 4em;
    font-size: 1.3em;
  }

  .wnetrza-tab-content {
    padding: 2em 1.3em;
  }

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

  .gallery-slide-item {
    flex-flow: row;
  }

  .slide-smaller {
    width: 50%;
  }

  .slide-bigger {
    aspect-ratio: 1;
    width: 50%;
  }

  .technologie-col {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .dom-abs-buttons {
    margin-top: 2em;
  }

  .jak-to-dziala-tabs {
    flex-flow: wrap;
  }

  .tabs-menu-3 {
    width: 100%;
  }

  .tabs-content-2 {
    width: 100%;
    margin-top: 1.56em;
  }

  .jtd-item {
    padding-right: 0;
  }

  .is-jtd-media-title {
    font-size: 1.1em;
  }

  .techno-pro-flex {
    flex-flow: wrap;
  }

  .techno-pro-col {
    width: 100%;
  }

  .techno-col-top {
    height: 7em;
  }

  .techno-col-top.is-with-values {
    height: 11em;
    padding-top: 3em;
  }

  .techno-pro-items.is-desktop {
    display: none;
  }

  .techno-pro-item.tp-value, .techno-pro-item.tp-value.green {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
    flex-flow: column;
  }

  .tp-text.is-mobile {
    display: block;
  }

  .secion-przekroje {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .przekroje-col {
    width: 100%;
  }

  .przekroje-main-title {
    font-size: 2.2em;
  }

  .section-steico {
    padding-top: 3.7em;
  }

  .steico-flex {
    grid-column-gap: 1.56em;
    grid-row-gap: 1.56em;
    flex-flow: wrap;
  }

  .steico-col {
    width: 100%;
  }

  .termo-info-left {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }

  .termo-info-text {
    font-size: 1em;
  }

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

  .ss-title.bigger, .ss-subtitle.smaller {
    width: 100%;
  }

  .is-popup-inner {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: wrap;
  }

  .is-popup-inner.is-top-align {
    padding-left: 1.3em;
    padding-right: 1.3em;
  }

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

  .is-close-popup {
    top: 1em;
    right: 1em;
  }

  .opinia-content {
    font-size: 1.5em;
  }

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

  .zr-s {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    width: 100%;
  }

  .zr-b {
    width: 100%;
  }

  .is-yt-over {
    background-image: linear-gradient(#0000, #0003 92%);
  }

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

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

  .cta-buttons, .kontakt-flex {
    flex-flow: wrap;
  }

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

  .kontakt-form-flex {
    flex-flow: wrap;
  }

  .is-form-item {
    width: 100%;
    margin-bottom: .63em;
  }

  .form-button {
    margin-top: 1em;
  }

  .kredyt-left {
    flex-flow: wrap;
  }

  .kredyt-left-content, .kredyt-left-img, .dod-green, .dod-yell {
    width: 100%;
  }

  .footer-flex {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }

  .footer-logo {
    width: 100%;
    margin-bottom: 2em;
  }

  .image-26 {
    width: 15em;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .footer-copy-flex {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
    flex-flow: column;
  }

  .footer-col {
    text-align: center;
    width: 100%;
  }

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

  .rzut-content {
    width: 100%;
  }

  .rzut-dane {
    width: 100%;
    padding-left: 0;
  }

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

  .is-zasada-items {
    flex-flow: column;
  }

  .zasada-item {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .main-subtitle {
    font-size: 1.4em;
  }

  .cti-text {
    font-size: 1.5em;
  }

  .projekt-slide-bg {
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .wyrozniki-item {
    width: 50%;
  }

  .image-6 {
    width: 3em;
    bottom: .5em;
  }

  .techno-item {
    width: 100%;
  }

  .gallery-slide-item {
    flex-flow: column;
    max-height: 100%;
  }

  .slide-smaller {
    flex: 1;
    width: 100%;
  }

  .image-9 {
    height: 25em;
  }

  .slide-bigger {
    aspect-ratio: 1;
    width: 100%;
  }

  .image-10 {
    height: 25em;
  }

  .abs-title-text {
    font-size: 2em;
  }

  .dom-abs-buttons {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .tab-jtd-content {
    padding-left: 2em;
    padding-right: 2em;
  }

  .jtd-top {
    flex-flow: wrap;
  }

  .jtd-max {
    max-width: 100%;
  }

  .jtd-big-number {
    order: -9999;
  }

  .jtd-media.media-flex {
    flex-flow: wrap;
  }

  .jtd-single-media {
    width: 100%;
  }

  .techno-col-top {
    height: 7em;
  }

  .techno-col-top.is-with-values {
    height: 10em;
    padding-top: 3em;
  }

  .prze-item {
    grid-column-gap: .63em;
    grid-row-gap: .63em;
    flex-flow: column;
  }

  .prze-img, .prze-content {
    width: 100%;
  }

  .termo-item-title {
    font-size: 1.8em;
  }

  .image-16 {
    width: 6em;
  }

  .termo-info {
    flex-flow: wrap;
  }

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

  .image-17 {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }

  .is-popup-inner {
    width: 90%;
    max-height: 92vh;
    padding-left: 1.3em;
    padding-right: 1.3em;
  }

  .is-popup-inner.is-top-align, .is-popup-inner.is-zasada {
    padding-left: 1.3em;
    padding-right: 1.3em;
  }

  .popup-left-col.right-padding.isfl {
    padding-right: 0;
  }

  .szw-item-ct {
    width: 100%;
  }

  .image-20 {
    width: 3em;
  }

  .opinia-content {
    font-size: 1.4em;
  }

  .zr-title {
    font-size: 1.8em;
  }

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

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

  .is-kontakt-title {
    font-size: 1.8em;
  }

  .image-26 {
    width: 13em;
  }
}