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

.main-wrapper {
  font-family: azo-sans-web, sans-serif;
}

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

.section-hero-content {
  height: 100%;
  position: absolute;
  top: 0;
  left: 11%;
}

.image-2 {
  height: 100%;
}

.hero-content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2.5em;
  padding-left: 2.75em;
  padding-right: 2.75em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-3 {
  display: block;
}

.hero-text {
  color: #fff;
  font-size: 1.44em;
  line-height: 1.4;
}

.section-video {
  background-color: #eef4f6;
  padding-top: 2.69em;
  padding-bottom: 2.69em;
}

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

.section-co-wyroznia {
  background-color: #eef4f6;
  padding-top: 2.69em;
  padding-bottom: 2.69em;
}

.sec-title {
  color: #232d39;
  text-align: center;
  font-family: azo-sans-uber, sans-serif;
  font-size: 2.88em;
  font-weight: 400;
  line-height: 1.37;
}

.co-wyroznia-flex {
  flex-flow: wrap;
  margin-top: 2.19em;
  margin-left: -.5%;
  margin-right: -.5%;
  display: flex;
}

.co-wyroznia-item {
  background-color: #fff;
  width: 32.33%;
  margin-left: .5%;
  margin-right: .5%;
  padding: .94em 3.75em 2.7em;
}

.co-wyroznia-title {
  color: #232d39;
  text-align: center;
  font-size: 1.63em;
  font-weight: 700;
  line-height: 1.11;
}

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

.co-top {
  border-bottom: 1px solid #7ed2f2;
  margin-bottom: 1.56em;
  padding-bottom: 1.56em;
}

.co-text {
  color: #232d39;
  text-align: center;
  font-size: 1.06em;
  line-height: 1.5;
}

.sec-pp {
  background-color: #fff;
  margin-top: 1.5em;
  padding: 2.19em;
  display: flex;
}

.pp-left {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  padding-right: 64px;
  display: flex;
}

.pp-right {
  width: 35%;
}

.image-5 {
  width: 100%;
}

.pp-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pp-item-icon {
  flex: none;
  width: 8.94em;
}

.pp-item-content {
  padding-left: 1.38em;
}

.pp-item-title {
  color: #232d39;
  font-size: 1.63em;
  font-weight: 700;
  line-height: 1.11;
}

.pp-item-text {
  color: #232d39;
  margin-top: 1.13em;
  font-size: 1.06em;
  line-height: 1.5;
}

.section-gdzie {
  background-color: #eef4f6;
  padding-bottom: 2.69em;
}

.gdzie-content {
  background-color: #fff;
  padding-top: 2.06em;
  padding-bottom: 2.06em;
}

.gdzie-title {
  color: #232d39;
  text-align: center;
  font-size: 1.69em;
  font-weight: 700;
  line-height: 1.4;
}

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

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

.image-6 {
  width: 100%;
}

.gi-content {
  text-align: center;
  padding-top: 1.25em;
  padding-left: 2.06em;
  padding-right: 2.06em;
}

.gi-text {
  color: #232d39;
  font-size: 1.06em;
  line-height: 1.5;
}

.section-inspiruj {
  background-color: #fff;
  padding-top: 1.44em;
  padding-bottom: 1.44em;
}

.inspiruj-flex {
  grid-column-gap: 1.44em;
  grid-row-gap: 1.44em;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 1.9em;
  display: flex;
}

.inspiruj-flex.is-last {
  margin-top: 1.44em;
}

.inspiruj-item {
  width: 37%;
  position: relative;
}

.inspiruj-item._2 {
  width: 40%;
}

.inspiruj-item._3 {
  width: 23%;
}

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

.inspiruj-extra-text {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  padding: .44em .75em;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ins-text {
  color: #232d39;
  text-align: center;
  font-size: .88em;
  font-weight: 300;
  line-height: 1.5;
}

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

.cta-box {
  background-image: url('../images/Rectangle-339.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #232d39;
  padding-top: 2.63em;
  padding-bottom: 2.63em;
}

.cta-title {
  color: #232d39;
  text-align: center;
  font-size: 1.69em;
  line-height: 1.5;
}

.cta-button {
  justify-content: center;
  align-items: center;
  margin-top: 1.56em;
  display: flex;
}

.is-button {
  color: #fff;
  text-align: center;
  background-color: #232d39;
  border: 1px solid #232d39;
  border-radius: 54px;
  padding: .69em 4em;
  font-size: 1.13em;
  font-weight: 500;
  transition: all .3s;
}

.is-button:hover {
  color: #232d39;
  background-color: #0000;
}

.is-button.is-submit {
  padding-left: 2em;
  padding-right: 2em;
}

.footer {
  background-image: url('../images/Rectangle-366.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2em;
  padding-bottom: 1.56em;
}

.newsletter-title {
  color: #232d39;
  font-family: azo-sans-uber, sans-serif;
  font-size: 2.88em;
  line-height: 1.4;
}

.newsletter-text {
  color: #232d39;
  font-size: 1.5em;
  line-height: 1.4;
}

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

.is-input {
  color: #232d39;
  text-align: center;
  border: 1px solid #232d39;
  border-radius: 54px;
  align-self: stretch;
  height: auto;
  margin-bottom: 0;
  font-size: 1.06em;
  font-weight: 300;
  line-height: 1.4;
}

.is-input::placeholder {
  color: #232d39;
}

.is-form-div {
  max-width: 29em;
  margin-top: 37px;
}

.footer-links {
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 12.5em;
  display: flex;
}

.is-footer-link {
  background-color: #232d39;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  transition: all .3s;
  display: flex;
}

.is-footer-link:hover {
  opacity: .77;
  background-color: #232d39;
}

.is-footer-link.no-bg {
  background-color: #0000;
}

.footer-bg {
  background-color: #232d39;
  width: 100%;
  height: 3.75em;
}

.section-kolory {
  background-color: #eef4f6;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

.kolory-box {
  background-color: #fff;
  margin-top: .88em;
  padding: 1.94em 3.25em;
  display: flex;
}

.is-kolor-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12.5%;
  display: flex;
}

.is-kolor-circle {
  border-radius: 100%;
  width: 4.63em;
  height: 4.63em;
}

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

.is-kolor-text {
  color: #232d39;
  text-align: center;
  text-transform: lowercase;
  margin-top: 6px;
  font-size: .94em;
  line-height: 1.5;
}

.section-wymiary {
  background-color: #eef4f6;
  padding-top: 2.81em;
}

.wymiar-content {
  grid-column-gap: 3.13em;
  grid-row-gap: 3.13em;
  background-color: #fff;
  width: 100%;
  display: flex;
}

.wymiary-col {
  grid-column-gap: 1.63em;
  grid-row-gap: 1.63em;
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.wymiary-col.is-img {
  padding-right: 2.81em;
  display: block;
}

.wymiary-table-title {
  color: #232d39;
  font-size: .88em;
  font-weight: 700;
  line-height: 1.5;
}

.is-tabela {
  background-color: #fff;
  border-radius: 7px;
  margin-top: .56em;
  padding: .63em;
  box-shadow: 5px 4px 25px -8px #c4d9e0;
}

.table-row {
  display: flex;
}

.table-row-item {
  border-bottom: 1px solid #7dd1f2;
  border-right: 1px solid #7dd1f2;
  width: 33.33%;
  padding: 1em;
}

.table-row-item.last {
  border-right-width: 0;
}

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

.table-row-item.is-smaller {
  width: 20%;
}

.table-row-item-text {
  color: #232d39;
  text-align: center;
  font-size: .81em;
  font-weight: 500;
  line-height: 1.5;
}

.table-row-item-text.color {
  color: #7dd1f2;
}

.table-row-item-text.is-light {
  font-weight: 300;
}

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

.image-10 {
  flex: none;
  width: 11em;
  height: auto;
  display: block;
}

.navbar {
  background-color: #fff;
  width: 100%;
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.is-nv-flex {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.is-nav-item {
  color: #000;
  text-transform: uppercase;
  padding: 0;
  font-size: .8em;
  font-weight: 500;
  transition: all .3s;
}

.is-nav-item:hover {
  color: #7dd1f2;
}

.image-11 {
  width: 6em;
}

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

@media screen and (max-width: 991px) {
  .section-hero-content {
    width: 40%;
  }

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

  .image-3 {
    width: 18em;
  }

  .hero-text {
    line-height: 1.3;
  }

  .image-4 {
    width: 8.94em;
  }

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

  .table-row-item.is4 {
    width: 25%;
  }

  .logo {
    z-index: 9;
  }

  .is-nv-flex {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    padding-top: 9em;
  }

  .menu-button {
    padding: 0;
  }

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

  .lottie-animation {
    width: 1.5em;
  }

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

@media screen and (max-width: 767px) {
  .section-hero {
    height: 80vh;
  }

  .section-hero-content {
    width: 60%;
  }

  .co-wyroznia-item {
    width: 100%;
    margin-bottom: 1.25em;
  }

  .sec-pp {
    flex-flow: wrap;
  }

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

  .pp-right {
    width: 100%;
    margin-top: 2em;
  }

  .newsletter-title {
    font-size: 2.7em;
  }

  .kolory-box {
    grid-row-gap: 1.4em;
    flex-flow: wrap;
  }

  .is-kolor-item {
    grid-row-gap: 0px;
    width: 25%;
  }

  .wymiar-content {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: wrap;
  }

  .wymiary-img {
    width: 50%;
    padding-right: 1.88em;
  }

  .wymiary-col {
    width: 50%;
  }

  .wymiary-col.is-img {
    width: 30%;
  }

  .wymiary-col.with-padding {
    padding-right: 2em;
  }

  .wymiary-col.with-padding2 {
    width: 70%;
    padding-left: 2em;
  }

  .wymiary-table-title {
    font-size: .9em;
  }

  .lottie-animation {
    width: 1.3em;
  }
}

@media screen and (max-width: 479px) {
  .section-hero-content {
    width: 90%;
    left: 5%;
  }

  .sec-title {
    font-size: 2.4em;
  }

  .pp-left {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .pp-item {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .pp-item-icon {
    margin-left: auto;
    margin-right: auto;
  }

  .pp-item-content {
    padding-left: 0;
  }

  .gdzie-item {
    width: 100%;
    margin-bottom: 1.25em;
  }

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

  .inspiruj-item, .inspiruj-item._2, .inspiruj-item._3 {
    width: 100%;
  }

  .cta-box {
    padding-left: 1.88em;
    padding-right: 1.88em;
  }

  .form-flex {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

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

  .is-kolor-item {
    width: 50%;
  }

  .wymiary-img {
    width: 100%;
    padding-right: 1em;
  }

  .wymiary-col.is-img {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
  }

  .wymiary-col.with-padding {
    width: 100%;
    padding-left: 2em;
  }

  .wymiary-col.with-padding2 {
    width: 100%;
    padding-right: 2em;
  }
}