@font-face {
  font-family: Montserrat;
  src: url('../fonts/Montserrat-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat;
  src: url('../fonts/Montserrat-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat;
  src: url('../fonts/Montserrat-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #f2f0eb;
  --black: #242725;
  --red: #ff5e3e;
  --grey: #d9d7d2;
}

body {
  background-color: var(--white);
  color: var(--black);
  cursor: auto;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 4.6em;
  font-weight: 300;
  line-height: 1.24;
}

h2 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 3.6em;
  font-weight: 300;
  line-height: 1.3;
}

h3 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.4;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.4;
}

h5 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.4;
}

h6 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5;
}

p {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.02em;
  font-weight: 300;
  line-height: 1.7;
}

a {
  color: var(--black);
  font-size: 1.2em;
  font-weight: 300;
  text-decoration: underline;
}

label {
  margin-bottom: 10px;
  font-size: .8em;
  font-weight: 300;
  line-height: 1;
  display: block;
}

blockquote {
  border-left: .4em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em;
  font-size: 140%;
  line-height: 1.6;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1800px;
  margin-left: 10em;
  margin-right: 10em;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
}

.container.if--navbar {
  flex-direction: row;
  justify-content: space-between;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.34em;
  padding-right: 2.34em;
}

.container.if--hero {
  margin-bottom: 20em;
}

.container.if--projekty {
  align-items: flex-start;
  width: 100%;
  margin-top: 20em;
  margin-bottom: 20em;
}

.container.if--claim {
  align-items: center;
  margin-top: 20em;
  margin-bottom: 20em;
}

.container.if--faq {
  align-items: flex-end;
  margin-top: 20em;
  margin-bottom: 20em;
}

.container.if--co-robie {
  z-index: 2;
  margin-top: 20em;
  margin-bottom: 20em;
  position: relative;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 0;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.c-rich-text p {
  margin-top: .5em;
  margin-bottom: 2em;
}

.c-rich-text h1, .c-rich-text h2, .c-rich-text h3 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.c-rich-text h4 {
  margin-top: .2em;
  margin-bottom: .6em;
}

.c-rich-text h5 {
  margin-top: .2em;
  margin-bottom: 1em;
}

.c-rich-text h6 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.section {
  justify-content: center;
  display: flex;
}

.hero__hero-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hero__hero-image {
  z-index: 1;
  width: 21.6em;
  max-height: 1000px;
  margin-right: 4em;
  padding-bottom: 2em;
  position: relative;
}

.nav__menu-button {
  z-index: 4000;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.69em;
  height: 4.69em;
  display: flex;
  position: fixed;
  inset: 2em 2em auto auto;
}

.nav__menu-button.w--open {
  z-index: 200;
  background-color: var(--black);
  border-radius: 100px;
}

.temp {
  background-color: #def041;
  align-items: flex-start;
  width: 100%;
  height: 2000px;
  margin-top: 480px;
  display: flex;
}

.nav__menu-slider {
  z-index: 3000;
  background-color: var(--red);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 11em;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.nav__menu-link {
  color: var(--white);
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  font-family: BioRhyme, sans-serif;
  font-size: 4em;
  font-weight: 300;
  line-height: 1.8;
  text-decoration: none;
  display: flex;
}

.cursor {
  z-index: 3000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.cursor-circle {
  border: 2px solid var(--red);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 4.39em;
  height: 4.39em;
  position: relative;
}

.hero-section__heading.if--bold {
  font-weight: 800;
}

.hero-section__heading.if--light {
  font-size: 4.5em;
}

.projekty__photo-wrapper {
  z-index: 1000;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: 0%;
}

.projekty__photo-wrapper.test {
  right: 0;
}

.projekty__photo-hover {
  filter: none;
  width: calc(20em + 15vw);
  display: none;
  position: absolute;
  box-shadow: 0 4px 20px #2427251a;
}

.hero-section__paragraph {
  margin-top: 1.76em;
}

.progresbar {
  z-index: 1700;
  background-color: var(--white);
  width: 100%;
  height: .59em;
  position: fixed;
  inset: auto 0% 0%;
}

.progresbar__bar {
  background-color: var(--red);
  width: 100%;
  height: .59em;
  position: absolute;
}

.arrow-outline {
  width: 2.93em;
  position: relative;
}

.arrow-outline.if--contact {
  margin-bottom: 2em;
}

.hero__about-heading {
  max-width: 29em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 2em;
}

.paragraph.if--about {
  max-width: 41em;
}

.paragraph.if--co-robie {
  color: var(--white);
  text-align: right;
}

.paragraph.if--projekty-top {
  font-size: 1.4em;
}

.paragraph.if--faq {
  float: right;
  color: var(--white);
  text-align: right;
  margin-bottom: 1em;
}

.paragraph.if--faq-top, .paragraph.if--co-robie-top {
  color: var(--white);
  text-align: right;
  font-size: 1.4em;
}

.paragraph.if--co-robie {
  float: right;
  margin-bottom: 1em;
}

.logo-client {
  opacity: 1;
  height: 6em;
  margin-right: 3.51em;
}

.logo-clients-wrapper {
  margin-top: 2.4em;
}

.cta-circle {
  width: 18.3em;
  position: relative;
}

.cta-circle.if--hero {
  z-index: 2;
  top: -4.9em;
  right: -4.9em;
}

.nav__menu-button-line {
  background-color: var(--black);
  width: 2.93em;
  height: .22em;
  margin-top: .44em;
  margin-bottom: .44em;
}

.heading.if--faq {
  color: var(--white);
  text-align: right;
  white-space: pre-line;
  margin-top: .1em;
}

.heading.if--contact {
  max-width: 15em;
}

.heading.if--faq-bold {
  color: var(--white);
  text-align: right;
  white-space: pre-line;
  margin-top: .1em;
  font-weight: 800;
  display: none;
  position: relative;
}

.heading.if--faq-bold:hover {
  font-weight: 800;
}

.heading.if--co-robie {
  color: var(--white);
  text-align: right;
  white-space: pre-line;
}

.heading.if--co-robie-bold {
  color: var(--white);
  text-align: right;
  white-space: pre-line;
  font-weight: 700;
  display: none;
  position: relative;
}

.dropdown__heading-wrapper {
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 54em;
  display: flex;
  position: relative;
}

.line {
  width: 100%;
  height: 1px;
}

.line.if--white {
  background-color: var(--white);
  margin-top: 1.6em;
  margin-bottom: 1.6em;
}

.line.if--white.hide {
  display: none;
}

.line.if--black.hide {
  display: none;
}

.line.if--black {
  background-color: var(--black);
  margin-top: 1.6em;
  margin-bottom: 1.6em;
}

.dropdown__paragraph {
  float: right;
  max-width: 46em;
  margin-top: 2em;
}

.arrow__wrapper {
  margin-top: 1.2em;
}

.arrow-outline-about {
  width: 2.93em;
}

.claim__heading {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  max-width: 20.1em;
  font-family: BioRhyme, sans-serif;
  font-size: 3.6em;
  font-weight: 300;
  line-height: 1.3;
}

.cta-circle-link {
  justify-content: center;
  align-items: center;
  width: 18.3em;
  max-width: 360px;
  display: flex;
  position: relative;
}

.cta-circle-link.if--co-robie {
  margin-top: 5em;
}

.contact__left-section {
  flex-direction: row;
  align-items: center;
  width: 44em;
}

.dropdown {
  z-index: 20;
  width: 100%;
}

.dropdown.if--faq.hide {
  display: none;
}

.dropdown__toggle {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.dropdown__list {
  background-color: #0000;
  overflow: hidden;
}

.dropdown__list.w--open {
  position: relative;
}

.button-cta {
  z-index: 40;
  background-color: var(--red);
  text-transform: uppercase;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 2em;
  margin-bottom: 4em;
  padding: .7em 2em;
  font-family: BioRhyme, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  transition: all .3s;
  position: relative;
}

.button-cta:hover {
  background-color: var(--black);
}

.copyright {
  z-index: 100;
  color: var(--white);
  justify-content: flex-end;
  font-size: 1.02em;
  line-height: 1;
}

.nav__menu-contact-link {
  color: var(--white);
  align-items: center;
  padding: .3em 0;
  text-decoration: none;
  display: flex;
}

.nav__menu-contact-link-wrapper {
  align-items: center;
  margin-top: 5em;
}

.nav__menu-bg {
  z-index: 100;
  opacity: 1;
  background-color: #24272580;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.navigation {
  z-index: 2000;
  position: fixed;
  inset: 0% 0% auto;
  overflow: clip;
}

.plus-fill {
  width: 2.93em;
  display: inline-block;
  position: absolute;
}

.plus-outline {
  width: 2.93em;
  position: relative;
}

.dropdown__plus-wrapper {
  margin-top: .9em;
}

.hero__about-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10em;
  display: flex;
}

.projekty__client-link {
  text-transform: uppercase;
  font-family: BioRhyme, sans-serif;
  font-size: 3.6em;
  line-height: 1.3;
  text-decoration: none;
  transition: all .2s;
}

.projekty__client-link:hover {
  font-weight: 800;
}

.projekty__client-link.hide {
  display: none;
}

.red-line {
  align-self: center;
  width: 46em;
  margin-top: .8em;
  display: block;
}

.contact-form__text-field {
  background-color: #ffffffb3;
  border: 1px solid #fbfbf9;
  margin-bottom: 0;
}

.contact__photo {
  background-image: url('../images/open.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33em;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.copyright__wrapper {
  align-items: center;
  margin-bottom: 2.5em;
  margin-right: 3em;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.polityka-link {
  margin-left: 2em;
  font-size: .8em;
  line-height: 1;
  text-decoration: none;
  display: none;
}

.contact {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.faq {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown__minus-wrapper {
  margin-top: .9em;
  display: none;
}

.minus-fill {
  width: 2.93em;
  display: inline-block;
  position: absolute;
}

.minus-outline {
  width: 2.93em;
  position: relative;
}

.claim {
  background-image: url('../images/salesman.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.claim__paragraph {
  color: var(--white);
  margin-top: 1.9em;
  font-size: 1.3em;
}

.projekty {
  justify-content: center;
  display: flex;
}

.co-robie {
  background-color: var(--red);
  justify-content: center;
  display: flex;
}

.co-robie__dropdown-wrapper {
  flex-direction: column;
  display: flex;
}

.cta__envelop-wrapper {
  z-index: 50;
  max-width: 90px;
  position: absolute;
  transform: rotate(-15deg);
}

.envelop {
  width: 4em;
  position: relative;
}

.cta-circle-wrapper {
  z-index: 0;
  align-self: flex-end;
  margin-bottom: -18em;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
}

.hero {
  flex-direction: row;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.nav__logo-wrapper {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 3.6em;
  display: flex;
  position: fixed;
  inset: 2em auto auto 2em;
}

.nav__logo-wrapper.w--current {
  z-index: 100;
  align-items: flex-start;
  height: 3.4em;
}

.logo__black {
  position: relative;
}

.logo__white {
  opacity: 0;
  display: block;
  position: absolute;
}

.scroll-lottie {
  width: 3.5em;
  position: fixed;
  inset: auto 2em 2em auto;
}

.main {
  max-width: 100vw;
  position: relative;
  overflow: clip;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.8em;
  }

  h5 {
    font-size: 1.6em;
  }

  .container {
    margin-left: 2em;
    margin-right: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.if--hero {
    margin-bottom: 15em;
  }

  .container.if--projekty, .container.if--claim, .container.if--faq, .container.if--co-robie {
    margin-top: 15em;
    margin-bottom: 15em;
  }

  .hero__hero-image {
    width: 18.4em;
    margin-left: 0;
    margin-right: 2em;
  }

  .nav__menu-slider {
    width: 100%;
    padding: 6em;
  }

  .nav__menu-link {
    font-size: 2.8em;
  }

  .cursor {
    display: none;
  }

  .hero-section__heading.if--light {
    font-size: 2.9em;
  }

  .hero-section__paragraph {
    max-width: 17.2em;
  }

  .logo-client {
    height: 5em;
    margin-right: 2.8em;
  }

  .logo-clients-wrapper {
    margin-top: 2em;
  }

  .dropdown__heading-wrapper {
    max-width: 35em;
  }

  .claim__heading {
    max-width: 15em;
    font-size: 3em;
  }

  .cta-circle-link.if--co-robie {
    width: 15em;
  }

  .copyright {
    color: var(--black);
  }

  .dropdown__plus-wrapper {
    margin-top: .3em;
  }

  .projekty__client-link {
    font-size: 2.8em;
  }

  .contact__photo {
    display: none;
  }

  .dropdown__minus-wrapper {
    margin-top: .3em;
  }

  .cta-circle-wrapper, .nav__logo-wrapper.w--current {
    position: absolute;
  }

  .logo__white {
    display: none;
  }

  .scroll-lottie {
    width: 2.5em;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.8em;
  }

  h3 {
    font-size: 1.6em;
  }

  h4 {
    font-size: 1.3em;
  }

  h5 {
    font-size: 1.1em;
  }

  p {
    font-size: .8em;
    line-height: 1.6;
  }

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

  .container.if--hero {
    margin-bottom: 10em;
  }

  .container.if--projekty, .container.if--claim, .container.if--faq, .container.if--co-robie {
    margin-top: 10em;
    margin-bottom: 10em;
  }

  .hero__hero-image {
    width: 11.4em;
    padding-bottom: 1.6em;
  }

  .nav__menu-button {
    width: 3em;
    height: 3em;
    top: 1em;
    right: 1em;
  }

  .nav__menu-slider {
    width: 100%;
    padding: 2em;
  }

  .hero-section__heading.if--light {
    font-size: 1.9em;
  }

  .hero-section__paragraph {
    font-size: .8em;
  }

  .arrow-outline.if--contact {
    width: 1.6em;
  }

  .hero__about-heading {
    font-size: 1.1em;
  }

  .paragraph.if--projekty-top, .paragraph.if--faq-top, .paragraph.if--co-robie-top {
    font-size: 1em;
  }

  .logo-client {
    height: 4em;
    margin-right: 2em;
  }

  .logo-clients-wrapper {
    margin-top: 1em;
  }

  .cta-circle.if--hero {
    width: 11em;
    top: -3.2em;
    right: -3em;
  }

  .nav__menu-button-line {
    width: 2.6em;
  }

  .dropdown__heading-wrapper {
    max-width: 27em;
  }

  .line.if--white, .line.if--black {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .dropdown__paragraph {
    max-width: 35em;
  }

  .arrow-outline-about {
    width: 1.6em;
  }

  .claim__heading {
    font-size: 2.3em;
  }

  .cta-circle-link.if--co-robie {
    width: 9em;
  }

  .contact__left-section {
    width: auto;
  }

  .button-cta {
    margin-bottom: 2em;
    font-size: 1em;
  }

  .copyright {
    font-size: .8em;
  }

  .nav__menu-contact-link-wrapper {
    margin-top: 2em;
  }

  .plus-fill, .plus-outline {
    width: 1.6em;
  }

  .dropdown__plus-wrapper {
    margin-top: .4em;
  }

  .hero__about-wrapper {
    margin-bottom: 5em;
  }

  .projekty__client-link {
    font-size: 2em;
  }

  .copyright__wrapper {
    margin-bottom: 1.5em;
    margin-right: 1em;
  }

  .dropdown__minus-wrapper {
    margin-top: .4em;
  }

  .minus-fill, .minus-outline {
    width: 1.6em;
  }

  .claim__paragraph {
    font-size: 1em;
  }

  .cta__envelop-wrapper {
    max-width: 44px;
  }

  .nav__logo-wrapper.w--current {
    width: 2.8em;
    height: 2.4em;
    top: 1em;
    left: 1em;
  }

  .scroll-lottie {
    bottom: 1em;
    right: 1em;
  }
}

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

  h5 {
    font-size: 1.3em;
  }

  .container.if--hero {
    margin-bottom: 10em;
  }

  .hero__hero-text-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .hero__hero-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .hero__hero-image {
    width: 10em;
    margin-right: 0;
    padding-bottom: 1.2em;
  }

  .nav__menu-slider {
    padding: 4em;
  }

  .nav__menu-link {
    justify-content: center;
    font-size: 2.4em;
    line-height: 2.4;
  }

  .nav__menu-link-wrapper {
    align-self: center;
  }

  .hero__about-heading {
    font-size: 1.2em;
  }

  .dropdown__heading-wrapper {
    max-width: 16em;
  }

  .line.if--white, .line.if--black {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .dropdown__paragraph {
    max-width: 15.4em;
  }

  .claim__heading {
    font-size: 2em;
  }

  .nav__menu-contact-link {
    justify-content: center;
  }

  .nav__menu-contact-link-wrapper {
    align-self: center;
  }

  .dropdown__plus-wrapper {
    margin-top: .1em;
  }

  .copyright__wrapper {
    margin-bottom: 2em;
    margin-left: 2em;
    inset: auto auto 0% 0%;
  }

  .dropdown__minus-wrapper {
    margin-top: .1em;
  }

  .cta-circle-wrapper {
    z-index: 5;
  }
}


@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}