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

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

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

:root {
  --color--background: var(--light--background);
  --color--text: var(--light--text);
  --light--button-background: var(--swatch--accent);
  --swatch--accent: #9bd0f3;
  --swatch--light: #f0f0f0;
  --color--background-field-white: var(--light--background-field);
  --color--grey400: var(--light--grey4444);
  --color--offwhitetr: var(--light--offwhitetr);
  --color--grey50: var(--light--grey50);
  --color--grey200: var(--dark--grey200);
  --color--grey300tr: var(--dark--grey300tr);
  --swatch--gray300tr: #48484880;
  --swatch--offwhitetr: #fafafaa6;
  --light--background: var(--swatch--light);
  --color--grey100: var(--dark--grey100);
  --swatch--dark: #181818;
  --swatch--grey200: #636363;
  --swatch--gray100: #c1c1c1;
  --swatch--color: white;
  --swatch--button-tr: #9bd0f333;
  --swatch--grey4444: #444;
  --off-white-100: #fafafa;
  --dark--text: var(--swatch--light);
  --swatch--background-field-dark: #18181866;
  --swatch--grey300: #8d8d8d;
  --dark--button-background: var(--swatch--button-tr);
  --swatch--dark-2: #181818;
  --swatch--background-field-white: #ffffff4d;
  --swatch--grey50: #f0f0f0;
  --swatch--blurwhite: #f0f0f003;
  --swatch--blurdark: #18181803;
  --light--text: var(--swatch--dark);
  --light--button-text: var(--swatch--dark);
  --light--background-field: var(--swatch--background-field-white);
  --light--grey200: var(--swatch--grey200);
  --light--grey50: var(--swatch--grey50);
  --light--grey4444: var(--swatch--grey4444);
  --light--offwhitetr: var(--swatch--offwhitetr);
  --light--blurwhite: var(--swatch--blurwhite);
  --dark--background: var(--swatch--dark-2);
  --dark--button-text: var(--swatch--accent);
  --dark--background-field: var(--swatch--background-field-dark);
  --dark--grey300: var(--swatch--grey300);
  --dark--grey300tr: var(--swatch--gray300tr);
  --dark--grey100: var(--swatch--gray100);
  --dark--grey200: var(--swatch--grey4444);
  --dark--blurdark: var(--swatch--blurdark);
  --color--button-background: var(--light--button-background);
  --color--button-text: var(--light--button-text);
  --color--background-field-dark: var(--dark--background-field);
  --color--grey300: var(--dark--grey300);
  --color--blurwhite: var(--light--blurwhite);
  --line1-offset: 0px;
  --line2-offset: 0px;
  --stroke-offset: 200px;
  --stroke-dashoffset: 200px;
}

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

.w-layout-hflex {
  flex-direction: row;
  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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.p-small {
  font-size: .875em;
}

.p-small.button {
  text-transform: uppercase;
  font-size: .7em;
  line-height: 1em;
}

.socials-row {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: row;
  display: flex;
}

.menu-bg {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.bg-panel {
  z-index: 0;
  background-color: #fafafa;
  border-top-left-radius: 1.25em;
  border-bottom-left-radius: 1.25em;
  position: absolute;
  inset: 0%;
}

.bg-panel.first {
  background-color: #9bd0f3;
}

.bg-panel.second {
  background-color: #fafafa;
}

.osmo-icon-svg {
  width: 8em;
}

.nav {
  z-index: 100;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu2a {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  padding-bottom: 2em;
  padding-top: calc(3 * var(--menu-padding));
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 44em;
  height: 100%;
  margin-left: auto;
  position: relative;
  overflow: auto;
}

.eyebrow {
  z-index: 1;
  color: #9bd0f3;
  -webkit-text-stroke-color: #9bd0f3;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
}

.menu-inner {
  z-index: 1;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.p-large {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
}

.p-large.white {
  color: #fafafa;
}

.p-large.button {
  text-transform: uppercase;
  font-size: 1em;
}

.menu-details {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2em;
  display: flex;
}

.menu-list-item {
  height: 4.7em;
  position: relative;
  overflow: hidden;
}

.cloneable {
  padding: var(--section-padding) var(--container-padding);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.menu-list {
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.menu-link {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  width: 100%;
  padding-top: .75em;
  padding-bottom: .75em;
  padding-left: 2em;
  text-decoration: none;
  display: flex;
}

.menu-link-heading {
  z-index: 1;
  text-transform: uppercase;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: .75;
  transition: transform .55s cubic-bezier(.65, .05, 0, 1);
  position: relative;
}

.overlay {
  z-index: 0;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  cursor: pointer;
  background-color: #1818184d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-link-bg {
  z-index: 0;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  background-color: #131313;
  transition: transform .55s cubic-bezier(.65, .05, 0, 1);
  position: absolute;
  inset: 0%;
  transform: scale3d(1, 0, 1);
}

.body {
  background-color: var(--color--background);
  color: var(--color--text);
  font-family: Satoshi, Arial, sans-serif;
}

.dd-ui {
  z-index: 110;
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
}

.code-embed-dd {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  box-shadow: 0 0 1em 1em #9bd0f3;
}

.nav-row__right {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  pointer-events: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu-button-icon {
  width: 1em;
  height: 1em;
}

.menu-button {
  z-index: 99;
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  background-color: var(--light--button-background);
  color: #181818;
  border-radius: .12em;
  justify-content: flex-end;
  align-items: center;
  margin: -1em 0 -1em -1em;
  padding: 1em 1.5em;
  display: flex;
  position: relative;
}

.icon-wrap {
  transition: transform .4s cubic-bezier(.65, .05, 0, 1);
  display: none;
}

.container {
  z-index: 1;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.container.is--full {
  max-width: 100%;
}

.header4 {
  z-index: 110;
  padding-top: var(--gap);
  position: fixed;
  inset: 0% 0% auto;
}

.nav-logo-row {
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  width: 13em;
  display: flex;
}

.nav-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-logo__icon {
  width: 1.5em;
  height: 1.5em;
}

.osmo-ui__bg3 {
  height: calc(100% + 1px + (var(--gap) * .5));
  background-color: #e3e1de;
  border-top: 1px solid #cbc8c5;
  width: 100%;
  display: none;
  position: absolute;
  bottom: 0;
}

.osmo-ui__bg3.is--header {
  height: calc(100% + 1px + var(--gap));
  border-top-style: none;
  border-bottom: 1px solid #cbc8c5;
  top: 0;
  bottom: auto;
}

.nav-logo {
  color: #f0f0f0;
  mix-blend-mode: normal;
  width: 4em;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.nav-logo:hover {
  color: #9bd0f3;
  transform: scale(.95);
}

.menu-button-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: .75em;
  display: flex;
  overflow: hidden;
}

.code-embed-css {
  pointer-events: none;
  width: 0;
  height: 0;
  transition: height .5s cubic-bezier(.77, 0, .175, 1), width .5s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.code-embed-js {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.hero {
  z-index: auto;
  background-image: url('../images/DomarackiDesign_hero.avif');
  background-position: 50% 0;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100svh;
  display: flex;
  position: static;
  overflow: hidden;
}

.website-link {
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.website-link.is--alt {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: flex-start;
  align-items: center;
  height: 1.5em;
  display: flex;
}

.cloneable-title__gradient {
  background-image: linear-gradient(270deg, #efeeec, #0000);
  width: 1em;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.cloneable-title__h1 {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.cloneable-title__nr {
  opacity: .5;
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.website-link__arrow {
  position: relative;
  overflow: hidden;
}

.header {
  padding-top: var(--gap);
  position: relative;
}

.osmo-ui__bg {
  height: calc(100% + 1px + (var(--gap) * .5));
  background-color: #e3e1de;
  border-top: 1px solid #cbc8c5;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}

.osmo-ui__bg.is--header {
  height: calc(100% + 1px + var(--gap));
  background-color: #0000;
  border-top-style: none;
  border-bottom: 1px solid #cbc8c5;
  display: none;
  top: 0;
  bottom: auto;
}

.nav_main {
  z-index: 100;
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0;
}

.website-link__arrow-svg {
  width: 1em;
  margin-top: .2em;
}

.website-link__arrow-svg.is--duplicate {
  position: absolute;
  right: 100%;
}

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

.webflow-logo-svg {
  flex-shrink: 0;
  width: 1.5em;
}

.footer {
  padding-bottom: var(--gap);
  position: relative;
}

.clone-in-webflow__p {
  margin-bottom: 0;
  font-size: 1em;
}

.clone-in-webflow {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  pointer-events: auto;
  background-color: #efeeec;
  border-radius: .25em;
  justify-content: space-between;
  align-items: center;
  width: 21.25em;
  height: 2.875em;
  margin-bottom: -1em;
  margin-right: -1em;
  padding-left: 1em;
  padding-right: .75em;
  text-decoration: none;
  display: flex;
}

.inline-link__p {
  margin-bottom: 0;
}

.cloneable-title {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  pointer-events: auto;
  display: flex;
  position: relative;
}

.code-embed-osmo {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.btn-wrap {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.btn {
  background-color: var(--swatch--accent);
  color: #181818;
  text-transform: uppercase;
  border-radius: .12em;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  padding: 1.1em 1.8em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.btn:hover {
  text-decoration: none;
}

.btn.is--secondary {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--swatch--accent);
  background-color: #9bd0f333;
  line-height: 1em;
}

.btn.is--third {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #4e9acc;
  background-color: #9bd0f34d;
}

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

.btn__text-p {
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1em;
}

.heading {
  color: var(--swatch--light);
  text-transform: uppercase;
  max-width: 32ch;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.1em;
  display: block;
}

.heading.mobile {
  display: none;
}

.hero_in_all {
  z-index: 3;
  padding: var(--container-padding);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

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

.hero_right {
  z-index: 3;
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  padding: .25em;
  position: relative;
}

.dot {
  width: 1.1em;
  margin-top: -.25em;
  margin-bottom: -.25em;
  margin-left: -.75em;
}

.video_hero {
  z-index: 10;
  border-radius: .35em;
  margin-top: 0;
  margin-bottom: -.1em;
  position: relative;
}

.video_hero_vid {
  border-radius: .35em;
  width: 12em;
  height: 21.333em;
}

.video_hero_vid.is-22 {
  width: 29vw;
  height: 37vw;
  min-height: 40vw;
  max-height: 40vw;
}

.source {
  width: 100%;
}

.g_div {
  grid-column-gap: .125em;
  grid-row-gap: .125em;
  background-color: #0000;
  border-left: 1px solid #f0f0f0;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  padding: .5em 1em;
  display: flex;
}

.g_logo {
  z-index: 4;
  width: 3.4em;
  margin-bottom: 0;
  margin-right: .25em;
  position: relative;
}

.star_img {
  z-index: 4;
  width: 1em;
  margin-bottom: -.1em;
  margin-right: .1em;
  position: relative;
}

.star_img.is-2 {
  width: .3em;
  margin-bottom: -.05em;
  margin-right: 0;
}

.review_all {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -.1em;
  margin-left: .25em;
  display: flex;
}

.r_img {
  border: .1em solid #919696;
  border-radius: 100em;
  width: 1.3em;
}

.r_img.is-2 {
  margin-left: -.6rem;
}

.spacer_m {
  height: 7em;
}

.text_r1 {
  color: #f0f0f0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
}

.text_r1.is-2 {
  color: var(--color--grey400);
  margin-bottom: -.04em;
  font-size: .35em;
}

.text_r2 {
  color: #f0f0f0;
  font-size: .75em;
  font-weight: 400;
  line-height: 1em;
}

.text_r2.is-2 {
  color: var(--color--grey400);
  font-size: .23em;
}

.text_r2.is_2 {
  margin-bottom: .06em;
}

.r_div_ocena {
  z-index: 4;
  grid-column-gap: .15em;
  grid-row-gap: .15em;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: -.2em;
  display: flex;
  position: relative;
}

.r_div_ocena.is-2 {
  grid-column-gap: .05em;
  grid-row-gap: .05em;
  margin-top: -.03em;
  margin-bottom: 0;
}

.logowhite {
  grid-row-gap: 0rem;
  max-height: 1.6rem;
  display: none;
  overflow: visible;
}

.logo {
  width: auto;
  height: 1.6rem;
  position: static;
}

.logobottom {
  width: auto;
  max-width: none;
  height: 1.6rem;
  position: absolute;
  bottom: -1.6rem;
}

.shader-wrapper {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.code-embed {
  pointer-events: auto;
  display: none;
  position: static;
  inset: 0%;
}

.heroimage {
  display: none;
}

.decor {
  z-index: 2;
  pointer-events: none;
  background-image: url('../images/GradientDDMobile2_1.avif');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40em;
  margin-top: -20em;
  margin-bottom: -20em;
  position: relative;
}

.casestudy {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: var(--swatch--light);
  padding-top: 6em;
  padding-left: var(--container-padding);
  padding-bottom: var(--container-padding);
  flex-flow: column;
  display: flex;
  position: relative;
}

.casestudy.is-2 {
  padding-top: 2em;
}

.slider_cs {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  background-color: #0000;
  flex-flow: row;
  height: 26.6em;
  display: flex;
}

.mask {
  width: 34em;
  height: 26.6em;
  padding: 0;
  overflow: visible;
}

.mask.is-2 {
  height: 25em;
}

.caaestudy_all {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--offwhitetr);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  flex-flow: column;
  width: 34em;
  height: auto;
  padding: 1em;
  display: flex;
}

.video_casestudy_vid {
  border-radius: .3em;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

.video_casestudy_vid.is-22 {
  width: 29vw;
  height: 37vw;
  min-height: 40vw;
  max-height: 40vw;
}

.video_casestudy_vid.cs_mobile {
  display: none;
}

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

.tag_text {
  background-color: var(--color--grey50);
  color: var(--color--grey200);
  border-radius: .2em;
  padding: .6em 1.25em .8em;
  font-size: .7em;
}

.cs_zp_text {
  color: #636363;
  font-size: .75em;
}

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

.image {
  background-color: var(--color--grey50);
  border-radius: 100em;
  width: 1.4em;
  height: 1.4em;
  padding: .25em;
}

.image.large {
  z-index: 1;
  background-color: #0000;
  border-radius: 0;
  width: 8em;
  height: 8em;
  margin-right: -8em;
  position: relative;
}

.image.linkedin {
  background-color: var(--color--grey300tr);
  border-radius: .2em;
  width: 1.8em;
  height: 1.8em;
  padding: .5em .55em;
}

.slide {
  width: auto;
  height: 26.6em;
  margin-right: 2em;
}

.slide-nav {
  display: none;
}

.left-arrow {
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 1.3em;
  height: 1.3em;
  margin-top: -2.4em;
  margin-bottom: 0;
  margin-right: 2.6em;
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  display: flex;
  inset: 0% 0% auto auto;
}

.left-arrow:hover {
  transform: scale(.92);
}

.right-arrow {
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 1.3em;
  height: 1.3em;
  margin-top: -2.4em;
  margin-bottom: 0;
  margin-right: 1em;
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.right-arrow:hover {
  transform: scale(.92);
}

.subheading {
  color: var(--color--text);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8em;
  font-weight: 400;
  line-height: 1em;
}

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

.icon {
  opacity: 0;
  color: var(--color--grey200);
  display: block;
}

.spacer_s {
  height: 0;
}

.web_sc {
  padding: var(--container-padding);
  min-width: auto;
  max-width: 100vw;
  display: none;
}

.strony_all {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  object-fit: contain;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.strona_img {
  width: calc(25% - .75em);
  min-width: auto;
  max-width: none;
}

.about {
  z-index: 2;
  padding-top: 8em;
  padding-bottom: 0;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  flex-flow: row;
  display: flex;
  position: relative;
}

.s_left, .s_right {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  width: 50%;
}

.text_p {
  font-size: 1.7em;
  line-height: 1.1em;
}

.services {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-top: 2em;
  padding-bottom: 0;
  padding-left: var(--container-padding);
  flex-flow: column;
  display: flex;
  position: relative;
}

.service_in_all {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--offwhitetr);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 34em;
  height: 25em;
  padding: 1.6em;
  display: flex;
}

.service_bottom {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.service_bottom.pol_pryr {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
}

.service_icon {
  width: 4em;
  height: auto;
}

.service_icon.is-2 {
  width: auto;
  height: 4em;
}

.service_icon.is-3 {
  width: auto;
  height: 4.2em;
}

.service_icon.is-4 {
  width: auto;
  height: 5.2em;
}

.service_icon.is-5 {
  width: auto;
  height: 4em;
}

.service_heading {
  text-transform: uppercase;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2em;
}

.service_p {
  color: var(--color--grey400);
  width: 39ch;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.25em;
}

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

.service_soft_icons {
  opacity: .8;
  width: 1em;
}

.service_soft_icons.ps {
  width: 1.1em;
}

.decor2 {
  z-index: 1;
  pointer-events: none;
  background-image: url('../images/DDgradient3-kopia.avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40em;
  margin-top: -20em;
  margin-bottom: -20em;
  position: relative;
}

.service_bottom-copy {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.benef {
  background-color: var(--color--background);
  color: var(--color--text);
  height: auto;
  margin-top: 6em;
}

.text_p_title {
  color: var(--color--text);
  text-transform: uppercase;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.1em;
}

.cs_movie_div_tag {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.tag_text_absolute {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #444;
  background-color: #eaeaea80;
  border-radius: .2em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: .5em 1.2em .6em;
  font-size: .7em;
  position: relative;
}

.tag_text_absolute.white {
  background-color: var(--swatch--gray300tr);
  color: var(--swatch--offwhitetr);
}

.tag_text_absolute.mobile_on {
  display: none;
}

.tabs {
  padding: var(--container-padding);
  height: 100svh;
  display: flex;
}

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

.tabs-menu {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.tab-link {
  color: #636363;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: .5em 0;
  display: flex;
}

.tab-link.w--current {
  color: var(--color--text);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: .5em 0 .5em 0;
  display: flex;
}

.tab-link-tab-2 {
  max-width: 34ch;
}

.subheading-dark {
  text-transform: uppercase;
  max-width: 20ch;
  margin-top: 10em;
  margin-bottom: auto;
  margin-left: 2.5em;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.3em;
  position: absolute;
  inset: auto;
}

.benefit_heading {
  text-transform: uppercase;
  max-width: 22ch;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
}

.tab_icon_icon {
  color: #48484880;
  background-color: #48484880;
  border-radius: 100em;
  width: 2em;
  height: 2em;
  padding: .25em;
}

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

.icon_number {
  color: #636363;
  font-size: .8em;
  font-weight: 300;
}

.tab_all {
  padding-left: 6em;
}

.tab_bottom {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.tab_video {
  border-radius: 0;
  width: auto;
  height: 100svh;
}

.tag_text_tab {
  background-color: var(--color--grey50);
  color: var(--color--grey200);
  border-radius: 100em;
  padding: .6em 1.25em .8em;
  font-size: .7em;
}

.service_p_tab {
  color: var(--color--text);
  width: 39ch;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
}

.tabs_all {
  position: static;
  top: 0;
}

.etapy {
  background-color: var(--light--background);
  padding: var(--container-padding);
  height: auto;
}

.heading_etapy {
  color: var(--color--text);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: normal;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 8em;
  line-height: 1em;
}

.wspolpraca_full {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-top: 8em;
  padding-bottom: var(--container-padding);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky_wrap {
  padding-bottom: 100vh;
  position: relative;
}

.sticky_trigger {
  height: 200vh;
}

.sticky_track {
  position: absolute;
  inset: 0%;
}

.sticky_element {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.svg {
  margin-top: 0;
  position: static;
}

.div-block {
  width: 100%;
  height: 80vh;
  position: sticky;
  top: 0;
}

.div-block-2 {
  justify-content: center;
  align-items: flex-start;
  height: 300vh;
  display: flex;
}

.etapy_div_all {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: row;
  max-width: 100vw;
  display: flex;
}

.etapy_in_all {
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #181818b3;
  border-radius: .25em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: 14em;
  padding: 1.6em;
  display: flex;
}

.etapy_heading {
  color: var(--color--text);
  text-transform: none;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
}

.etapy_p {
  color: var(--color--grey400);
  width: 39ch;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
}

.tag_text_etapy {
  color: var(--color--grey400);
  background-color: #0000;
  border-radius: 100em;
  padding: .6em 1.25em .8em 0;
  font-size: .7em;
}

.cs_down_all_etapy {
  border-top: 1px solid var(--color--grey100);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-top: 1em;
  display: flex;
}

.etapy_bottom {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.etapy_top {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.opinie {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  display: flex;
}

.opinie_left {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.opinie_right {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  width: 100%;
}

.home-logo-wrapper {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  justify-content: flex-start;
  align-items: center;
  height: 15em;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.clients-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.clients-grid.logo-animate {
  grid-column-gap: 5em;
  opacity: 1;
  flex: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.client-logo {
  opacity: .8;
  object-fit: contain;
  width: 7.5em;
  height: 7.5em;
  min-height: 7.5em;
  max-height: 7.5em;
  transition: opacity .4s;
}

.client-logo:hover {
  opacity: 1;
}

.client-logo.proceanis {
  width: 9.5em;
}

.client-logo.sportsly {
  width: 9em;
}

.client-logo.meats {
  width: 8.5em;
}

.home-logo-left-gradient {
  width: 15em;
  height: 15em;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-logo-left-gradient.right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.wspolprace {
  flex-flow: column;
  display: flex;
}

.testimoniale_in_all {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #181818b3;
  background-color: #18181866;
  border-radius: .25em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 2em 2em 1.6em;
  display: flex;
}

.test_top {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.serce_svg {
  width: 2em;
  height: 2em;
}

.testimonial_img {
  border-radius: 4em;
  width: 2.8em;
  height: 2.8em;
}

.testimonial_info {
  grid-column-gap: .15em;
  grid-row-gap: .15em;
}

.cs_down_all_testimonial {
  justify-content: space-between;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.testi_p {
  color: #c1c1c1;
  width: 23ch;
  margin-bottom: .5em;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.2em;
}

.tag_text_infod {
  color: #8d8d8d;
  background-color: #0000;
  border-radius: 100em;
  padding: 0;
  font-size: .9em;
}

.tag_text_info_name {
  color: #c1c1c1;
  background-color: #0000;
  border-radius: 100em;
  padding: 0;
  font-size: 1.1em;
}

.oblicz {
  padding-top: 8em;
  padding-bottom: 1em;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  flex-flow: row;
  display: flex;
}

.tabs_all2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100svh;
  position: sticky;
  top: 0;
}

.tabs_left {
  background-color: var(--color--background);
  padding-top: 10em;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  padding-bottom: var(--container-padding);
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
  position: static;
  top: 0;
}

.tabs_left.is-1 {
  background-color: var(--swatch--dark);
}

.tabs_right {
  width: 50%;
  overflow: hidden;
}

.kalkulator {
  z-index: 2;
  padding: var(--container-padding);
  background-color: #0000;
  position: relative;
}

.tabs_calc {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.horizontal-flex {
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.horizontal-flex.justify {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.horizontal-flex.estimate {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.checkbox-wrapper-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 32px;
  display: flex;
}

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

.form-scope {
  z-index: 3;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.checkbox-field-wrapper-2 {
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

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

.qc-p-h {
  text-align: center;
}

.qc-get-in-touch {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #111116;
  border-radius: 1rem;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.qc-get-in-touch.hide {
  display: none;
}

.submit {
  color: #2a2a2a;
  text-align: center;
  letter-spacing: -.06rem;
  background-color: #fff;
  border: 3px #fff;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3.75rem;
  padding: 15px 45px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.submit.width-auto {
  width: auto;
}

.qc-back-button {
  color: #fff;
  text-align: center;
  background-color: #2a2a2a;
  border: 1px #81818b40;
  border-radius: 40px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 15px 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  display: flex;
}

.qc-back-button.est {
  text-align: left;
  background-color: #0000;
  border: 1px solid #81818b40;
  flex: 1;
  width: auto;
  height: 100%;
  min-height: 3.75rem;
  max-height: none;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.checkbox-3 {
  border-style: none;
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.checkbox-3.w--redirected-checked {
  background-color: #000;
}

.form-end {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  place-items: center;
  padding-bottom: 32px;
  font-size: 21px;
  font-weight: 400;
  display: grid;
}

.form-end.is-2 {
  padding-bottom: 0;
}

.heading-number-text {
  color: var(--swatch--accent);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: white;
  font-size: 3rem;
  line-height: 1;
}

.form-services {
  z-index: 4;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.success-message-2 {
  text-align: center;
  background-color: #81818b40;
}

.heading-flex-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-form-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-radius: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: flex-start center;
  height: 100%;
  display: flex;
  position: relative;
}

.form-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.code-text {
  opacity: 1;
  text-align: right;
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: 32px;
}

.submit-email {
  width: 100%;
  margin-bottom: 0;
}

.quote-checkbox-2 {
  color: var(--swatch--dark);
  white-space: nowrap;
  background-color: #eaeaea;
  border: 1px #81818b40;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 24px;
  position: relative;
}

.services-h3-2 {
  text-align: center;
  letter-spacing: -.1rem;
  text-transform: uppercase;
  white-space: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.2;
}

.success-message-6 {
  width: 100%;
}

.opacity-50-percent {
  opacity: .5;
}

.content-section.bottom-border-calc {
  justify-content: center;
  align-items: center;
  padding: 20vh 2.5rem;
  display: block;
}

.form-timeline {
  z-index: 2;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.form-quote {
  z-index: 5;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #f3f3f3b3;
  border: .5px solid #ffffff80;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 20rem;
  padding: 2rem;
  display: flex;
  position: sticky;
  inset: 10rem 2rem 0% auto;
}

.result-flex {
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.result-flex.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-block-3 {
  height: 100%;
  margin-bottom: 0;
}

.vertical-flex {
  flex-direction: column;
  max-width: 100%;
  display: flex;
}

.vertical-flex.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.vertical-flex.gap-2rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 55rem;
}

.vertical-flex.gap-4rem {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  width: 55rem;
}

.vertical-flex.gap-24px {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: #f3f3f3b3;
  border: 1px solid #fff3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 4rem 6rem;
}

.question-icon {
  margin-left: 0;
}

.switch-checkbox {
  cursor: pointer;
  background-image: url('../images/Switch-button.svg'), url('../images/Switch-Track.svg');
  background-position: 50% 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  border-style: none;
  width: 60px;
  height: 80px;
  margin-top: 0;
  margin-left: 0;
  transition: all .2s;
}

.switch-checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: url('../images/Switch-button.svg'), url('../images/Switch-Track.svg');
  background-position: 50% 100%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.switch-checkbox.bottom-margin-16.w--redirected-focus {
  box-shadow: none;
}

.counter-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-field {
  background-color: #f8fff4;
  border: 1px #000;
  font-size: 48px;
  line-height: 1.5em;
}

.total-field.margin-top-16 {
  cursor: default;
  margin-top: 16px;
}

.total-field.margin-top-16.margin-mobile-0 {
  background-color: #0000;
}

.field-label {
  order: -1;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
}

.field-label.white {
  color: #fff;
}

.field-label.white.email {
  cursor: text;
  font-size: 18px;
  transition: all .2s ease-out;
  display: none;
}

.field-label.switch-label {
  color: #a7a7d3;
  order: 1;
}

.content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.round-checkbox {
  cursor: pointer;
  background-color: #1c19c84d;
  border-style: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-left: 0;
}

.round-checkbox.w--redirected-checked {
  background-color: #1c19c8;
  background-image: url('../images/fluent_checkmark-12-filled.svg');
}

.round-checkbox.w--redirected-focus {
  box-shadow: none;
}

.flex {
  display: flex;
}

.email-field {
  background-color: #0000;
  border: 1px #fff;
  border-bottom: 2px solid #fff;
}

.email-field.margin-top-16 {
  color: #fff;
  margin-top: 16px;
  padding-left: 0;
  padding-right: 27px;
  font-size: 16px;
  font-weight: 500;
}

.email-field.margin-top-16::placeholder {
  color: #fff;
}

.field-label-wrapper {
  display: flex;
}

.calc {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: auto;
  display: flex;
}

.dollar {
  font-size: 48px;
  line-height: 1.5em;
}

.text-field {
  text-align: right;
  background-color: #0000;
  border: 1px #000;
  max-width: 10rem;
  font-size: 20px;
  line-height: 1.5rem;
  display: block;
}

.text-field.square {
  color: #fff;
  text-align: center;
  background-color: #1c19c8;
  border: 1px #000;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  font-size: 24px;
  line-height: 1.2em;
}

.success-message {
  background-color: #0000;
  background-image: url('../images/star-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 500px;
}

.form-column {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.heading-2 {
  font-size: 32px;
}

.heading-2.l {
  font-size: 64px;
  line-height: 1.1em;
}

.heading-2.l.margin-bottom {
  margin-bottom: 40px;
}

.form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #1c19c8;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.counter-button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 100%;
  display: flex;
}

.answer-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.checkbox-field {
  text-align: center;
  flex-direction: column;
  order: -1;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox-field.bottom-margin-16 {
  flex-flow: row;
  order: 1;
}

.submit-button-2 {
  background-color: #0000;
  background-image: url('../images/fluent_send-28-filled.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.question-answer {
  grid-column-gap: 16px;
  opacity: 0;
  color: #fff;
  background-color: #1c19c8;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 7px;
  display: flex;
  position: absolute;
}

.p---m {
  font-size: 16px;
}

.success-wrap {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 111px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

.question-icon-wrap {
  color: #a7a7d3;
}

.question-icon-wrap:hover {
  color: #1c19c8;
}

.question-icon-wrap.photos {
  margin-right: -20px;
  padding-left: 8px;
}

.question-icon-wrap.products {
  margin-right: 0;
  padding-left: 8px;
}

.question-icon-wrap.button {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.question-icon-wrap.producer {
  justify-content: center;
  align-items: center;
  width: 5rem;
  display: flex;
}

.question-icon-wrap.gifs {
  margin-right: -20px;
  padding-left: 8px;
}

.question-icon-wrap.location {
  justify-content: center;
  width: 5rem;
  display: flex;
}

.question-wrapper {
  width: 100%;
  height: 10rem;
  margin-top: 32px;
  position: relative;
}

.p---l {
  font-size: 24px;
  line-height: 1.4em;
}

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

.email-input-wrap {
  position: relative;
}

.form-block {
  background-color: #f3f3f3b3;
  border: 1px #1c19c8;
  padding: 1.4rem;
  position: relative;
}

.form-block.center {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-block.blue {
  background-color: #1c19c8;
}

.slider_serv {
  background-color: #0000;
  flex-flow: row;
  height: 25em;
  display: flex;
}

.form-block-4 {
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
}

.tabs-menu-2 {
  grid-column-gap: .85em;
  grid-row-gap: .85em;
  border-right: 1px solid var(--color--offwhitetr);
  border-left: 1px solid var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-top: 1em;
  padding-left: 2em;
  display: flex;
}

.form_l {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0 0 .4em .4em;
  flex-flow: column;
  width: 50%;
  padding: 2em 2em 1em;
  display: flex;
}

.form_p {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border-top-style: none;
  border-top-width: 1px;
  border-top-color: var(--color--offwhitetr);
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0000;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 20vw;
  height: auto;
  margin-top: -6.5em;
  padding: 0;
  display: flex;
  position: sticky;
  top: 6em;
}

.tabs-content-2 {
  width: 100%;
  overflow: visible;
}

.question {
  flex-direction: column;
  margin-bottom: 1em;
  display: flex;
  position: relative;
  inset: 0%;
}

.radio-input {
  background-color: #f0f0f0;
  border: 1px solid #eaeaea;
  border-radius: .25em;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .2s, border-color .2s;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 #0000;
}

.radio-input:hover {
  border: 1px solid #4e9acc;
}

.radio-input:active {
  color: #4e9acc;
  background-color: #9bd0f333;
  border: 1px solid #4e9acc;
  box-shadow: 0 0 #0000;
}

.radio-input.w--redirected-checked {
  background-color: #9bd0f333;
  border: 1px solid #4e9acc;
}

.question-center-box {
  width: 100%;
  max-width: none;
}

.question-box {
  flex: 1;
}

.input-box {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  margin-bottom: .5em;
  display: flex;
}

.label {
  color: #b4b4b4;
  text-transform: uppercase;
  font-size: .6em;
  font-weight: 300;
  line-height: 1em;
}

.radio-buttons {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.section-header {
  margin-bottom: 32px;
}

.section-header.small-header {
  margin-bottom: 16px;
}

.section-header.medium-header {
  margin-bottom: 40px;
}

.checkbox_field_2 {
  cursor: pointer;
  align-items: center;
  margin-bottom: 0;
  padding-left: 32px;
  display: flex;
}

.radio-main-text {
  pointer-events: auto;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 31px;
  position: relative;
}

.radio-main-text.smaller-text {
  margin-bottom: 4px;
  font-size: 17px;
  line-height: 24px;
}

.form-2 {
  background-color: #0000;
}

.text-field-2 {
  border: 1px solid var(--swatch--light);
  color: #181818;
  background-color: #f0f0f0;
  border-radius: .25em;
  height: 4em;
  margin-bottom: .5em;
  padding: .5em 1.5em .5em 1.75em;
  font-size: .9em;
  font-weight: 400;
  line-height: 2.5em;
  transition: border-color .2s;
}

.text-field-2:active, .text-field-2:focus {
  border-color: var(--swatch--accent);
}

.text-field-2::placeholder {
  color: var(--color--grey200);
  font-size: 1em;
}

.text-field-2.is-field {
  height: 12em;
}

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

.question-wrapper-2 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.submit-button {
  color: #141414;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 45px;
  padding-right: 45px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.submit-button:hover {
  background-color: #fffc;
}

.radio-circle-box {
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  transition: border-color .2s, background-color .2s;
  display: none;
  position: absolute;
  bottom: -.5em;
}

.checkbox {
  background-color: #f0f0f0;
  border: 1px solid #eaeaea;
  border-radius: .125em;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-left: -32px;
  margin-right: .8em;
  transition: border-color .2s, background-color .2s;
}

.checkbox:hover {
  background-color: #3898ec12;
  border: 1px solid #4e9acc;
}

.checkbox.w--redirected-checked {
  background-color: #9bd0f380;
  background-image: none;
  border: 1px solid #4e9acc;
}

.checkbox-label {
  color: #181818;
  margin-bottom: 0;
  font-size: .9em;
  font-weight: 400;
  line-height: 1em;
}

.radio-button {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 6em;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.success-message-7 {
  background-color: var(--color--background-field-white);
  border: 1px solid #fff;
  padding: 14em 6em;
}

.question-center-flex {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border: 1px solid var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  border-radius: .4em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 2em;
  display: flex;
}

.radio-sub-text {
  pointer-events: auto;
  color: #636363;
  max-width: 32ch;
  font-size: .85em;
  font-weight: 300;
  line-height: 1.2em;
  position: relative;
}

.price-box {
  border: 1px none var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  border-radius: .4em;
  padding: 2em;
  position: relative;
  inset: 0 0 0 auto;
}

.price {
  margin-top: .75em;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1em;
}

.radio-buttons_2 {
  grid-column-gap: 1.2em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.heading_form_q {
  color: var(--color--text);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1em;
}

.radio-buttons3 {
  grid-column-gap: 24px;
  grid-row-gap: .5em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  margin-top: .5em;
  display: flex;
}

.tab_link_menu {
  background-color: var(--color--background);
  color: #636363;
  text-transform: uppercase;
  border-radius: .25em;
  padding: 1.1em 2em;
  font-size: .85em;
}

.tab_link_menu.w--current {
  color: #4e9acc;
  background-color: #9bd0f333;
}

.div_title_calc {
  border-top: 1px solid var(--color--offwhitetr);
  border-right: 1px solid var(--color--offwhitetr);
  border-left: 1px solid var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  border-top-left-radius: .4em;
  border-top-right-radius: .4em;
  width: 50%;
  padding-top: 2em;
  padding-left: 2em;
}

.calc_heading {
  color: #181818;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1em;
}

.left-svitch-div {
  float: left;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  color: #181818;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  line-height: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.check-triger {
  z-index: 100;
  float: none;
  opacity: 0;
  color: var(--color--text);
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
}

.div-for-svitch {
  float: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.svitch-button {
  background-color: var(--swatch--accent);
  border-radius: 40px;
  width: 34px;
  height: 20px;
  margin-top: 0;
  margin-left: 1em;
  margin-right: 0;
  padding: 2px;
  display: block;
  overflow: hidden;
}

.cerkl-button-svitch {
  float: right;
  background-color: #fafafa;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  position: relative;
}

.field-label-2 {
  float: left;
  clear: none;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

.text-block {
  height: 36px;
  line-height: 36px;
  display: inline-block;
}

.icon-2 {
  z-index: 102;
  color: #999;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-block;
  position: relative;
}

.icon-2:hover {
  color: #f7941e;
}

.question2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1em;
  display: flex;
  position: relative;
  inset: 0%;
}

.subheading_q {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: .7em;
  font-weight: 400;
  line-height: 1em;
}

.subheading_q.is-2 {
  margin-bottom: 0;
}

.subheading_q.is-2.white {
  color: var(--color--background);
}

.subheading_q.is-kontakt {
  margin-bottom: 1em;
}

.subheading_q.menu {
  color: var(--swatch--light);
  position: fixed;
  inset: auto 0% 0% auto;
}

.subheading_q.version {
  color: var(--swatch--grey200);
  text-transform: none;
  margin: var(--container-padding);
  position: fixed;
  inset: auto 0% 0% auto;
}

.left-svitch-div-2 {
  float: left;
  color: #003;
  cursor: pointer;
  padding-left: 0;
  line-height: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-for-svitch-2 {
  float: left;
  clear: none;
  border: 1px none var(--swatch--gray100);
  border-radius: 40px;
  margin-left: 1em;
}

.svitch-button-2 {
  border: 2px none var(--color--offwhitetr);
  background-color: #f0f0f0;
  border-radius: 40px;
  width: 2.8em;
  height: 1.4em;
  margin-top: 0;
  margin-right: 0;
  padding: .1em;
  display: flex;
  overflow: hidden;
}

.cerkl-button-svitch-2 {
  float: right;
  border: 1px none var(--swatch--gray100);
  background-color: #fff;
  border-radius: 10em;
  width: 1.2em;
  height: 1.2em;
  position: relative;
}

.field-label-3 {
  float: left;
  clear: none;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

.icon-3 {
  z-index: 102;
  color: #999;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-block;
  position: relative;
}

.icon-3:hover {
  color: #9bd0f3;
}

.left-svitch-div-3 {
  float: left;
  color: #003;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  line-height: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.min {
  float: left;
  color: #666;
  display: inline-block;
}

.calculator-slider-input {
  display: none;
}

.input-slider {
  float: right;
  text-align: center;
  background-color: #0000;
  border: 1px solid #00000040;
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  display: inline-block;
}

.input-slider.info {
  border-color: #0000;
  width: auto;
  padding-left: 10px;
}

.ui-slider-handle {
  color: #333;
  cursor: ew-resize;
  background-color: #323331;
  border-radius: 11px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-right: -10px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  position: absolute;
  top: -150%;
  right: auto;
}

.max {
  float: right;
  color: #666;
  display: inline-block;
}

.icon-4 {
  z-index: 102;
  color: #999;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-block;
  position: relative;
}

.icon-4:hover {
  color: #9bd0f3;
}

.ui-widget-content {
  float: none;
  background-color: #e3e3e3;
  background-image: linear-gradient(90deg, #9bd0f3, #e3e3e3 0%);
  border: 0 #1b2128;
  border-radius: 5px;
  width: 100%;
  height: 5px;
  margin-top: 20px;
  display: block;
  position: relative;
}

.div-block-info {
  width: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-3 {
  cursor: pointer;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.form-slider_text {
  visibility: hidden;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  inset: auto auto -1rem .25rem;
}

.form-slider_input {
  display: none;
}

.form_input-label {
  margin-bottom: 0;
  font-weight: 500;
}

.form_input-label.is-disabled {
  color: #f7f6f580;
  visibility: hidden;
  height: .5em;
  display: block;
}

.form_slider-field {
  margin-top: 0;
  padding-bottom: 1em;
}

.form-slider_fill {
  background-color: #f7f6f5;
  border-radius: 10rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.form-slider_wrapper {
  width: 100%;
  margin-top: .5em;
  padding-left: .2em;
}

.form-slider_handle {
  background-color: #f7f6f5;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
}

.form-slider_handle.is-disabled {
  background-color: var(--swatch--accent);
  color: #888686;
  width: 1em;
  height: 1em;
}

.form-slider_track {
  background-color: #f0f0f0;
  border-radius: 10rem;
  width: 100%;
  height: .125em;
  position: relative;
}

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

.heading_form_liczba {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1em;
}

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

.ratio_box {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  padding-left: 10px;
  display: flex;
}

.radio_all {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  margin-top: .5em;
  display: flex;
}

.rabio_label {
  text-transform: uppercase;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.radio-button-2 {
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  width: .9em;
  height: .9em;
  margin-top: 3px;
}

.radio-button-2.w--redirected-checked {
  background-color: var(--swatch--accent);
  border-style: none;
}

.liczba_produktow {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1em;
  padding-top: .4em;
  display: flex;
  position: relative;
  inset: 0%;
}

.produkty_q_all {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  display: flex;
}

.question4 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1em;
  display: none;
  position: relative;
  inset: 0%;
}

.question5 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  margin-bottom: 1em;
  display: flex;
  position: relative;
  inset: 0%;
}

.btn_form {
  color: #181818;
  text-transform: uppercase;
  background-color: #9bd0f3;
  border-radius: .25em;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 4em;
  padding: .85em 1.5em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .85em;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .825s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
  box-shadow: inset 0 0 1em .1em #ffffff40, 0 0 1em .01em #9bd0f380;
}

.btn_form:hover {
  text-decoration: none;
  transform: scale(.95);
}

.btn_form.is--secondary {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #9bd0f3;
  background-color: #9bd0f333;
  line-height: 1em;
}

.btn_form.is--third {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #4e9acc;
  background-color: #9bd0f34d;
}

.info_div_form {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border-top: 1px solid var(--swatch--gray100);
  width: 100%;
  margin-top: 1.25em;
  padding-top: .75em;
}

.wykrzynik_img {
  width: .7em;
  height: .7em;
  margin-top: .1em;
}

.wykrzynik_img.is-2 {
  width: 1em;
  height: 1em;
  margin-top: .15em;
}

.brutto_f {
  margin-top: .75em;
  font-size: .9em;
  font-weight: 400;
  line-height: 1em;
}

.infosub_text {
  pointer-events: auto;
  color: #636363;
  max-width: 48ch;
  font-size: .85em;
  font-weight: 300;
  line-height: 1.2em;
  position: relative;
}

.infosub_text.is-2, .infosub_text.is-3, .infosub_text.email {
  font-size: 1em;
}

.summit_div {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.rodo_check {
  width: 1em;
  height: 1em;
}

.checkbox-4 {
  background-color: #fafafa;
}

.checkbox_rodo {
  background-color: #f0f0f0;
  border: 1px solid #dfdfdf;
  border-radius: .125em;
  width: 1em;
  height: 1em;
  margin-top: 2px;
  margin-left: -32px;
  margin-right: .5em;
  transition: border-color .2s, background-color .2s;
}

.checkbox_rodo:hover {
  background-color: #3898ec12;
  border: 1px solid #4e9acc;
}

.checkbox_rodo.w--redirected-checked {
  background-color: #9bd0f380;
  background-image: none;
  border: 1px solid #4e9acc;
}

.checkbox_rodo_label {
  color: #636363;
  max-width: 34ch;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 400;
  line-height: 1.2em;
}

.checkbox-field-3 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 32px;
  display: flex;
}

.text_info {
  padding: var(--container-padding);
  display: flex;
}

.button_component {
  color: #171717;
  background-color: #d5fd40;
  border-radius: 100vw;
  padding: 1.38em 6em;
}

.button_component:hover {
  background-color: #c4c4c4;
}

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

.home-cta_img {
  object-fit: cover;
  border-radius: 100vw;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-size-h3 {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  max-width: 13.9em;
  margin-bottom: -.15em;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1em;
}

.home-cta_span {
  border-radius: 0;
  width: .8em;
  height: .7em;
  margin-left: .2em;
  margin-right: .2em;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.home-cta_span.span-wrapper.is-2 {
  width: 1.4em;
  height: 1.4em;
}

.button_icon {
  flex: none;
  width: 1.13em;
}

.button_text {
  font-size: 1.2em;
  line-height: 1;
}

.home-cta_span2 {
  width: 2.7em;
  height: .7em;
  margin-left: .2em;
  margin-right: .2em;
  display: inline-block;
  position: relative;
}

.span-element.is-3 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hide-this {
  display: none;
  position: relative;
  overflow: visible;
}

.home-cta_link {
  background-color: #d5fd40;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: .8em;
  height: .8em;
  transition: transform .15s, background-color .15s;
  display: flex;
}

.home-cta_link:hover {
  background-color: #c4c4c4;
  transform: scale(.92);
}

.home-cta_link-icon {
  width: 30%;
}

.home-cta_card {
  z-index: 3;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  text-align: center;
  background-color: #0000;
  border-radius: 1.88em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8em 0%;
  display: flex;
  position: absolute;
}

.home-cta_card.is-2 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 4em;
  position: relative;
}

.span_video {
  border-radius: 0;
  width: auto;
  height: .7em;
}

.kontakt {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--accent);
  background-color: var(--color--background);
  padding-top: 0;
  padding-bottom: 4em;
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
  display: flex;
}

.text_marquee {
  z-index: 1;
  background-color: var(--color--background);
  max-width: 100vw;
  margin-top: -14em;
  position: relative;
  overflow: visible;
}

.marquee_text_decor {
  width: 100%;
}

.k_left {
  width: 50%;
}

.k_right {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
}

.text-size-h3_2 {
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  max-width: 13.9em;
  margin-top: 0;
  margin-bottom: -.15em;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1em;
}

.img_span {
  width: 2.8em;
  max-width: none;
  height: auto;
}

.kontakt_dane {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.tel_text {
  font-size: 2.6em;
  line-height: 1em;
}

.tel_text.white {
  color: var(--swatch--light);
  font-size: 1.6em;
}

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

.tel_all.is-2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  border-top: 1px solid var(--color--grey100);
  padding-top: 1.5em;
}

.kontakt_dot {
  background-color: #81ef4f;
  border-radius: 100em;
  width: .45em;
  height: .45em;
}

.flex-block {
  grid-column-gap: .35em;
  grid-row-gap: .35em;
  justify-content: flex-start;
  align-items: center;
}

.email_text {
  font-size: 1.8em;
  line-height: 1em;
}

.email_text.white {
  color: var(--swatch--light);
  font-size: 1.2em;
}

.email_text.ang {
  color: var(--swatch--light);
  font-size: .9em;
  transition: color .3s cubic-bezier(.165, .84, .44, 1);
}

.email_text.ang:hover {
  color: var(--swatch--accent);
}

.form_kontakt {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border: 1px solid var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  border-radius: .4em;
  flex-flow: column;
  width: 100%;
  padding: 1.25em 2em 1em;
  display: flex;
}

.imie_naz_kontakt {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  display: flex;
}

.form-block-6 {
  width: 100%;
}

.stopka {
  z-index: 0;
  padding-bottom: var(--container-padding);
  background-image: url('../images/Stopka8.webp');
  background-position: 0 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 30em;
  margin-top: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.kontakt_in_all {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  padding: var(--container-padding);
  width: 100%;
}

.logo_footer {
  width: 5em;
}

.footer_links {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.link {
  color: var(--swatch--light);
  white-space: nowrap;
  word-break: keep-all;
  font-size: 1.1em;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
}

.link:hover {
  color: var(--swatch--color);
}

.link.is-2 {
  color: var(--swatch--accent);
  font-style: normal;
}

.footer_links_left, .footer_links_right {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tagi_cs {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  margin-bottom: .8em;
  margin-left: .8em;
  display: flex;
  position: absolute;
}

.hero_img_shader {
  display: block;
  position: absolute;
  inset: 0%;
}

.embed_js {
  position: absolute;
}

.cs_link {
  text-decoration: none;
  transition: all .825s cubic-bezier(.165, .84, .44, 1);
}

.cs_link:hover {
  transform: scale(.98);
}

.cursor {
  z-index: 99;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: none;
  background-color: #9bd0f3;
  border: 1px solid #9bd0f34d;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  transition-property: background-color, height, width;
  transition-duration: .5s, .5s, .5s;
  transition-timing-function: cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: fixed;
  overflow: hidden;
}

.cursor_text {
  color: var(--swatch--accent);
  text-align: center;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 400;
  line-height: 1em;
}

.services_link {
  text-decoration: none;
  transition: all .825s cubic-bezier(.165, .84, .44, 1);
}

.services_link:hover {
  transform: scale(.98);
}

.full-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sticky-viewbox {
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.slide-content {
  background-color: var(--color--background);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 12rem 3rem 3rem;
  display: flex;
}

.card-half {
  flex-direction: column;
  flex: 1;
  width: 50%;
  height: 301%;
  display: flex;
}

.tabs_left-2 {
  padding-top: 10em;
  padding-right: var(--container-padding);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
  position: static;
  top: 0;
}

.subheading-dark-2 {
  color: var(--color--text);
  text-transform: uppercase;
  max-width: 20ch;
  margin-top: 0;
  margin-bottom: auto;
  margin-left: 0;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.3em;
  position: static;
  inset: auto;
}

.cards-wrapper {
  border-radius: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.cards-scroller {
  border-radius: 2rem;
  height: 600vh;
  position: relative;
}

.card-image-mobile {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.benefit_heading-2 {
  color: var(--color--text);
  text-transform: uppercase;
  max-width: 22ch;
  font-size: 2em;
  font-weight: 400;
}

.card-slide {
  width: 100%;
  height: 101%;
  position: relative;
  overflow: hidden;
}

.card-slide.color-3 {
  background-color: #fafafa;
}

.card-slide.color-1 {
  color: #fff;
}

.casestudy2 {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-top: 12em;
  padding-left: var(--container-padding);
  padding-bottom: var(--container-padding);
  padding-right: var(--container-padding);
  flex-flow: column;
  display: none;
  position: relative;
}

.div_right {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
}

.heding_section {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--color--text);
  text-transform: none;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.dot2 {
  background-color: #4e9acc;
  border-radius: 100em;
  width: .4em;
  height: .4em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.dot3 {
  box-shadow: 0 0 .4em .1em var(--swatch--accent);
  background-color: #9bd0f3;
  border-radius: 100em;
  width: .2em;
  height: .2em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.filter-button {
  background-color: #0000;
  border: 1px solid #efeeec00;
  padding: 1.125em 1.5em;
  transition: border-color .2s;
  position: relative;
}

.filter-button.active {
  border-color: #efeeec4d;
  border-radius: .25em;
}

.tab-content__button {
  color: #131313;
  justify-content: center;
  align-items: center;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-decoration: none;
  transition: all .825s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
  position: relative;
}

.tab-content__button:hover {
  transform: scale(.95);
}

.tab-content__button.is-2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
}

.tab-content__heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1;
}

.filter-button__p {
  z-index: 1;
  font-size: 1.125em;
  position: relative;
}

.tab-container-top {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tab-layout-col {
  width: 50%;
  display: block;
}

.tab-layout {
  z-index: 1;
  grid-row-gap: 3em;
  flex-flow: wrap;
  width: 100%;
  min-height: 37em;
  display: flex;
  position: relative;
}

.tab-visual-wrap {
  border-radius: .5em;
  width: 100%;
  height: 42em;
  max-height: 80vh;
  position: relative;
  overflow: hidden;
}

.tab-button__bg {
  z-index: 0;
  background-color: #efeeec0f;
  border: 1px solid #efeeec14;
  border-radius: .25em;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.content-p {
  color: var(--swatch--dark);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 400;
  line-height: 1em;
}

.content-p.is-2 {
  color: var(--swatch--accent);
  line-height: 1em;
}

.cozyskasz {
  color: var(--color--text);
  padding: var(--section-padding) var(--container-padding);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: none;
  position: relative;
}

.tab-visual-item {
  visibility: hidden;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.tab-visual-item.active {
  visibility: visible;
}

.tab-layout-container {
  width: 100%;
  max-width: 36em;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1em;
  padding-bottom: 2em;
}

.tab-content-wrap {
  width: 100%;
  min-width: 24em;
  position: relative;
}

.tab-content-item {
  z-index: 1;
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  visibility: hidden;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-content-item.active {
  visibility: visible;
}

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

.tab-layout-heading {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 1;
}

.tab-image {
  object-fit: cover;
  transform-style: preserve-3d;
  border-radius: .5em;
  width: 100%;
  max-width: none;
  height: 100%;
}

.tab-image:hover {
  transform: scale3d(1none, 1none, 1none);
}

.filter-bar {
  background-color: var(--color--background-field-white);
  border: 1px solid #efeeec14;
  border-radius: .5em;
  padding: .5em;
  display: flex;
}

.tab-container {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2.5em;
  display: flex;
}

.content-button__bg {
  z-index: -1;
  background-color: var(--swatch--accent);
  box-shadow: 0 0 1em .3em var(--swatch--button-tr), inset 0 0 1em .01em #f0f0f01a;
  border-radius: .25em;
  position: absolute;
  inset: 0%;
}

.content-button__bg.is-2 {
  box-shadow: 0 0 1em .2em var(--swatch--button-tr), inset 0 0 1em .01em var(--swatch--button-tr);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #9bd0f333;
}

.stager-in-btn {
  height: auto;
  overflow: hidden;
}

.layout417_title {
  letter-spacing: -.05em;
  white-space: nowrap;
  font-size: 10em;
  font-weight: 400;
  line-height: 1em;
}

.layout417_content {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: flex;
  position: sticky;
  top: 0;
}

.layout417_title-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

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

.layout417_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 300svh;
  position: relative;
}

.layout417_card {
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  width: 40rem;
  height: 25rem;
  padding: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.layout417_card.card-3 {
  z-index: 1;
  border-color: var(--swatch--grey4444);
  background-color: #0000;
  width: 30em;
  height: auto;
  transform: rotate(6deg);
}

.layout417_card.card-2 {
  z-index: 2;
  border-color: var(--swatch--grey4444);
  background-color: #0000;
  width: 30em;
  height: auto;
  transform: rotate(3deg);
}

.layout417_card.card-1 {
  z-index: 3;
  border-color: var(--swatch--grey4444);
  background-color: #0000;
  width: 30em;
  height: auto;
}

.layout417_card.card-4 {
  border-color: var(--swatch--grey4444);
  background-color: #0000;
  width: 30em;
  height: auto;
  transform: rotate(9deg);
}

.layout417_list {
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 30rem;
  display: flex;
  position: relative;
}

.section_layout417 {
  width: 100%;
}

.container-large {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.progressive-blur_panel {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur_wrap {
  z-index: 3;
  pointer-events: none;
  width: 15em;
  height: 15em;
  min-height: auto;
  display: block;
  position: relative;
  inset: 0% 0% auto;
  overflow: clip;
  transform: rotate(270deg);
}

.progressive-blur_wrap.is-2 {
  z-index: 3;
  transform: rotate(90deg);
}

.progressive-blur_wrap.is-3 {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--swatch--light);
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: var(--off-white-100);
  padding-top: var(--container-padding);
  width: 2.8em;
  height: 8em;
  display: none;
  position: absolute;
  inset: auto auto auto 0;
}

.progressive-blur_wrap.bottom {
  z-index: 3;
  width: 100%;
  height: 24em;
  margin-top: -18em;
  transform: rotate(180deg);
}

.clutch {
  grid-column-gap: .1em;
  grid-row-gap: .1em;
  background-color: #9bd0f333;
  border: 1px solid #9bd0f34d;
  border-radius: .1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: .04em;
}

.clutch_img {
  color: var(--dark--text);
  width: auto;
  max-width: none;
  height: .3em;
  max-height: none;
}

.o_img_span {
  border: 1px solid var(--color--background-field-white);
  border-radius: 100em;
  width: .35em;
}

.o_img_span.is-2 {
  width: .3em;
}

.span_img_in {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  display: flex;
}

.clutch_l2 {
  color: var(--color--grey400);
  width: 1em;
}

.clutch_l2.is-2 {
  z-index: 4;
  color: var(--swatch--light);
  width: 3.3em;
  position: relative;
}

.clutch_l2.is-2.clutch, .clutch_l2.clutch {
  display: none;
}

.path {
  font-size: 1em;
}

.star_icon {
  color: var(--color--grey400);
  width: .32em;
}

.star_icon.is-2 {
  z-index: 4;
  color: var(--swatch--light);
  width: 1em;
  margin-left: .2em;
  margin-right: .1em;
  position: relative;
}

.star_icon.is-2.clutch, .star_icon.clutch {
  display: none;
}

.path-2 {
  color: var(--swatch--light);
}

.path-2.is-1 {
  color: var(--color--grey400);
}

.text_r3 {
  color: var(--color--grey400);
  margin-bottom: -.07em;
  font-size: .37em;
  font-weight: 400;
  line-height: 1em;
}

.text_r3.is-2 {
  color: var(--color--grey400);
  margin-bottom: -.04em;
  font-size: .35em;
}

.image_c {
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 100em;
  width: .3em;
  height: .3em;
  padding: .05em;
  position: absolute;
  inset: 0% 0% auto auto;
}

.tp_link {
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.tp_link.is_mobile_c {
  display: none;
}

.text-block-2 {
  color: var(--color--grey200);
}

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

.link-2 {
  color: var(--swatch--grey4444);
  text-decoration: none;
}

.subheading_calc {
  text-transform: none;
  max-width: none;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2em;
}

.subheading_calc.is-2 {
  margin-bottom: 0;
}

.subheading_calc.is-kontakt {
  margin-bottom: 1em;
}

.navbar {
  z-index: 97;
  padding-left: var(--container-padding);
  padding-top: var(--container-padding);
  padding-right: var(--container-padding);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  padding-top: var(--container-padding);
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.nav_button {
  width: 1.55rem;
  height: 2.5rem;
  padding: 0;
  display: block;
  position: static;
}

.nav_button.w--open {
  color: currentColor;
  background-color: #c8c8c800;
}

.hamburger_wrap {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger_line {
  height: var(--thickness);
  width: var(--width);
  flex: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.hamburger_inner {
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
  transition: transform .2s;
}

.hamburger_embed {
  position: absolute;
}

.navigation {
  z-index: 99999;
  padding: var(--container-padding);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.full-menu {
  z-index: 980;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: none;
  position: absolute;
  inset: 0%;
}

.menu {
  z-index: 990;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.menu_link {
  color: #ece0df;
  text-align: center;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 4em;
  line-height: 1.2em;
  text-decoration: none;
  transition: color .25s cubic-bezier(.645, .045, .355, 1);
}

.menu_link:hover {
  color: var(--swatch--accent);
}

.menu_reveal-animation {
  z-index: 900;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu_reveal-animation.is-columns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.menu_reveal-column {
  z-index: 910;
  background-color: var(--swatch--dark);
  width: 100%;
  height: 100%;
  position: relative;
}

.kontakt_title {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--color--background);
  padding-top: 0;
  padding-bottom: 4em;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.heading_contact {
  color: var(--color--text);
  text-transform: uppercase;
  max-width: 19ch;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1.1em;
}

.heading_contact.is-2 {
  max-width: 23ch;
  font-size: 3.4em;
}

.kontakt_img {
  background-image: url('../images/DomarackiDesign_hero2.avif');
  background-position: 50% 0;
  background-size: cover;
  border-radius: .4em;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.kontakt_img_all {
  perspective: 1000px;
  border-radius: .4em;
  justify-content: center;
  align-items: center;
  width: 13em;
  height: 19em;
  display: flex;
  overflow: hidden;
}

.kontakt_img_border {
  border: 1px solid var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  border-radius: .5em;
  padding: .4em;
}

.kontakt_img_border.ia-2 {
  z-index: 4;
}

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

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

.kontakt_info_date {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  display: flex;
}

.stopka_space {
  z-index: 0;
  pointer-events: none;
  height: 26em;
  margin-top: 0;
  position: relative;
}

.section {
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.container-2 {
  margin-left: 0;
  margin-right: 0;
}

.hamburger-menu-hm16 {
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  height: 60px;
  display: flex;
}

.hamburger-menu-hm16.w--open {
  background-color: #0000;
}

.top-bar-hm16, .middle-bar-hm16, .bottom-bar-hm16 {
  background-color: #f0f0f0;
  width: 50px;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.cross-bar-1-hm16 {
  background-color: #f0f0f0;
  width: 50px;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
  position: absolute;
  inset: 19px auto auto;
}

.cross-bar-2-hm16 {
  background-color: #f0f0f0;
  width: 50px;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
  position: absolute;
  inset: auto auto 29px;
}

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

.menu-toggle {
  z-index: 99;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  color: var(--swatch--light);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 3em;
  height: 1em;
  position: relative;
}

.menu_button {
  color: var(--swatch--light);
}

.menu-overlay {
  z-index: 98;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #181818cc;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  position: fixed;
  inset: 0%;
}

.brand {
  z-index: 99;
}

.menu-p {
  text-transform: none;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1em;
  position: absolute;
}

.menu-p:hover {
  color: #9bd0f3;
}

.menu-links {
  grid-row-gap: 0em;
  display: flex;
}

.menulink {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  color: var(--swatch--light);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: .7em 1em .6em;
  text-decoration: none;
  transition: all .65s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.menulink:hover {
  color: var(--swatch--accent);
  transform: scale(.95);
}

.menuitemfull {
  grid-column-gap: 1em;
  color: #111;
  text-transform: uppercase;
  align-items: flex-start;
  height: auto;
  max-height: none;
  padding: .7em 1em .6em;
  font-size: 1em;
  font-weight: 900;
  line-height: 1em;
  display: flex;
  position: static;
  overflow: visible;
}

.nrmenu {
  border: 1px solid var(--swatch--grey4444);
  background-color: var(--swatch--background-field-dark);
  color: var(--swatch--grey300);
  border-radius: .2em;
  margin-top: 1em;
  margin-bottom: 0;
  padding: .5em;
  font-size: .7em;
  font-weight: 100;
  line-height: 1em;
  position: relative;
}

.menu-item-div {
  grid-row-gap: 0em;
  flex-direction: column;
  justify-content: center;
  padding-top: .3em;
  padding-bottom: .4em;
  padding-left: 0;
  overflow: hidden;
}

.menuitem {
  color: var(--swatch--light);
  text-transform: none;
  min-width: auto;
  min-height: auto;
  font-size: 3em;
  font-weight: 400;
  line-height: 1em;
  display: block;
  position: static;
  overflow: visible;
}

.menuitem:hover {
  color: var(--swatch--accent);
}

.menuitembottom {
  display: block;
  position: relative;
  bottom: auto;
}

.menu-lang {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-left: 0;
  display: flex;
}

.menu-toggle-all {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: .5em;
  display: flex;
}

.menu_hamburger {
  z-index: 99;
  grid-column-gap: .36em;
  grid-row-gap: .36em;
  justify-content: center;
  align-items: flex-start;
  height: 1em;
  position: relative;
}

.lineup, .linedown {
  background-color: var(--swatch--light);
  border-radius: 2em;
  width: 1.8em;
  height: .1em;
}

.menu_en {
  color: #fff;
  text-transform: none;
  mix-blend-mode: normal;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1em;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  position: relative;
}

.menu_en:hover {
  color: #9bd0f3;
  transform: scale(.95);
}

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

.en_link {
  padding: .5em;
  text-decoration: none;
}

.menu-contact {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  margin-top: 2em;
  padding-left: 1em;
  display: none;
}

.ang_flag {
  background-image: url('../images/UK_f.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .2em;
  width: 1.3em;
  height: .85em;
}

.link_ang {
  margin: var(--container-padding);
  text-decoration: none;
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  display: none;
  position: fixed;
  inset: auto auto 0% 0%;
}

.link_ang:active {
  transform: scale(.95);
}

.copy_email {
  grid-column-gap: .35em;
  grid-row-gap: .35em;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.copy_email:hover {
  transform: scale(.98);
}

.tel_link {
  text-decoration: none;
}

.kontakt_cta {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border-top: 0 #000;
  border-bottom-style: none;
  border-bottom-width: 0;
  border-right: 0 #000;
  border-bottom-color: var(--swatch--accent);
  background-color: var(--color--background);
  padding-top: 4em;
  padding-bottom: 0;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  border-left: 0 #000;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.kontakt_cta.is-2 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 8em;
}

.kontakt_cta.is-2.bordernon {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.kontakt_cta.is-3 {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-bottom: 8em;
}

.kontakt_cta.wiadomosc {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-top: 12em;
  padding-bottom: 8em;
}

.opis_kafle {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: var(--container-padding);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.opis_kafle.case_study {
  grid-template-rows: auto auto;
}

.opis_kafel_one {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--offwhitetr);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 1.6em;
  display: flex;
}

.opis_text {
  color: var(--color--grey400);
  width: auto;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4em;
}

.opis_text.title {
  font-weight: 400;
}

.ikony_lista {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ikony_lista.is-2 {
  justify-content: flex-start;
  align-items: flex-start;
}

.ikocha_check {
  background-color: var(--dark--button-background);
  border-radius: .2em;
  width: 2em;
  padding: .4em;
}

.ikocha_check.proces {
  background-color: #9bd0f333;
}

.ikocha_check.rezultaty {
  background-color: #baf39b33;
}

.ikocha_check.wyzwania {
  background-color: #f3da9b33;
}

.opis_ikona {
  color: var(--color--grey400);
  width: auto;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
}

.opis_kafel_lista_ikon {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--offwhitetr);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 1.6em;
  display: flex;
}

.galeria {
  background-color: var(--swatch--light);
  min-height: 100vh;
}

.galeria_in {
  padding: var(--container-padding);
}

.linia_cta {
  aspect-ratio: auto;
  background-color: var(--light--button-background);
  object-fit: fill;
  width: 8em;
  height: 1px;
}

.linia_cta.is-2 {
  width: 6em;
}

.content-button__bg2 {
  z-index: -1;
  background-color: var(--swatch--accent);
  box-shadow: 0 0 1em .3em var(--swatch--button-tr), inset 0 0 1em .01em #f0f0f01a;
  border-radius: .25em;
  position: absolute;
  inset: 0%;
}

.content-button__bg2.is-2 {
  box-shadow: 0 0 1em .2em var(--swatch--button-tr), inset 0 0 1em .01em var(--swatch--button-tr);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #9bd0f333;
}

.tab-content__button2 {
  z-index: 3;
  color: #131313;
  justify-content: center;
  align-items: center;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-decoration: none;
  transition: all .825s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
  position: relative;
}

.tab-content__button2:hover {
  transform: scale(.95);
}

.tab-content__button2.is-2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
}

.macy-container {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  transition: all;
  display: grid;
}

.col {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.col._2 {
  background-color: #8ffaa1;
  height: 350px;
}

.heading-3 {
  color: #fff;
}

.col--2x {
  background-color: #5a74da;
  justify-content: center;
  align-items: center;
  width: 28vw;
  height: 250px;
  display: flex;
}

.galeria_item {
  border-radius: .4em;
}

.casestudy_podstrony {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--accent);
  background-color: var(--swatch--light);
  color: var(--swatch--light);
  padding-top: 8em;
  padding-bottom: 8em;
  padding-left: var(--container-padding);
  flex-flow: column;
  display: flex;
  position: relative;
}

.casestudy_podstrony.is-2 {
  padding-top: 2em;
}

.casestudy_next {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--accent);
  background-color: var(--swatch--light);
  padding-top: 8em;
  padding-bottom: 8em;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.caaestudy_all2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--offwhitetr);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--offwhitetr);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--offwhitetr);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--offwhitetr);
  background-color: var(--color--background-field-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  flex-flow: column;
  height: auto;
  padding: 1em;
  display: flex;
}

.left-svitch-div2 {
  float: left;
  color: #003;
  cursor: pointer;
  padding-left: 0;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.check-triger2 {
  z-index: 100;
  float: none;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
}

.div-for-svitch2 {
  float: left;
}

.svitch-button2 {
  background-color: #f7941e;
  border-radius: 40px;
  width: 34px;
  height: 20px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 2px;
  display: block;
  overflow: hidden;
}

.cerkl-button-svitch2 {
  float: right;
  background-color: #fff;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  position: relative;
}

.field-label2 {
  float: left;
  clear: none;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

.email_link {
  text-decoration: none;
}

.heading_mobile {
  color: var(--swatch--light);
  text-transform: uppercase;
  max-width: 32ch;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.1em;
  display: none;
}

.heading_mobile.mobile, .cta_button {
  display: none;
}

.cta_button.is-2 {
  display: flex;
}

.kontakt_in_all_mobile {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  padding: var(--container-padding);
  width: 100%;
  display: none;
}

.logo_footer_div {
  width: 5em;
}

.line_c {
  z-index: 4;
  background-color: var(--swatch--light);
  width: 1px;
  height: 1.6em;
  display: none;
  position: absolute;
  left: 2em;
}

.spacer_mobile {
  background-color: var(--swatch--light);
  display: none;
}

.loader {
  z-index: 9999;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  pointer-events: none;
  background-color: #181818;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.blur_loader {
  z-index: 3;
  pointer-events: none;
  width: 100vw;
  height: 18em;
  min-height: auto;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
  overflow: clip;
  transform: rotate(180deg);
}

.blur_loader.is-2 {
  z-index: 3;
  transform: rotate(90deg);
}

.blur_loader.is-3 {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--swatch--light);
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: var(--off-white-100);
  padding-top: var(--container-padding);
  width: 2.8em;
  height: 8em;
  position: absolute;
  inset: auto auto auto 2.5em;
}

.blur_loader.bottom {
  z-index: 3;
  width: 100%;
  height: 24em;
  margin-top: -20em;
  transform: rotate(180deg);
}

.blur_loader.invert {
  display: flex;
  transform: rotate(180deg);
}

.licznik_loader {
  color: var(--swatch--accent);
  margin-bottom: 0;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: 14em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: .25em;
  left: .25em;
}

.branding-budget, .wizualizacje-budget {
  margin-top: .75em;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1em;
}

.hidden_budget {
  display: none;
}

.sukces_form {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.serce_form {
  width: 1.5em;
  height: 1.5em;
}

.error {
  border-radius: .4em;
  margin-top: 1em;
  padding: 2em;
}

.text-block-3 {
  font-size: 1em;
  line-height: 1em;
}

.trustpilot {
  color: var(--swatch--light);
  width: 5.5em;
  margin-right: .25em;
  display: none;
}

.trustpilot.is-2 {
  color: var(--color--grey400);
  width: 1.6em;
  margin-right: 0;
  display: none;
}

.cookie-paragraph {
  color: var(--color--text);
  width: auto;
  max-width: 400px;
  margin-bottom: 0;
  margin-right: 20px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .85em;
  font-weight: 300;
  line-height: 1.2em;
  position: static;
}

.checkbox-label-2 {
  display: none;
}

.fs-cookie-popup {
  z-index: 40;
  border-top-style: none;
  border-top-width: 1px;
  border-top-color: var(--color--grey100);
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: var(--color--grey100);
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--grey100);
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: var(--color--grey100);
  background-color: var(--color--background);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: .4em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  max-width: 90vw;
  height: auto;
  margin-bottom: 2em;
  margin-left: 2em;
  margin-right: 2em;
  padding: 1em;
  display: flex;
  position: fixed;
  inset: auto 0 0 auto;
}

.link-privacy {
  color: #27313d;
  text-decoration: underline;
}

.checkbox-5 {
  background-color: #e4e4e4;
  background-image: url('../images/np_circle_2713168_FFFFFF.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px solid #e4e4e4;
  border-radius: 20px;
  width: 40px;
  height: 20px;
  transition: all .15s;
}

.checkbox-5.w--redirected-checked {
  border: 2px solid var(--swatch--accent);
  background-color: var(--swatch--accent);
  background-image: url('../images/np_circle_2713168_FFFFFF.svg');
  background-position: 100%;
  background-size: contain;
}

.checkbox-5.w--redirected-focus {
  box-shadow: none;
}

.cookie-tag {
  color: var(--color--text);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1em;
}

.close-button {
  width: 30px;
  height: 30px;
  transition: all .3s;
  position: absolute;
  inset: 20px 20px auto auto;
}

.close-button:hover {
  opacity: .5;
  transform: scale(1.1)rotate(180deg);
}

.button-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 1em;
  display: grid;
}

.fs-preferences-manager-wrapper {
  z-index: 40;
  background-color: #18181866;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.button {
  background-color: #27313d;
  border: 2px solid #27313d;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  font-family: PT Sans, sans-serif;
  font-weight: 400;
  transition: all .3s;
}

.button:hover {
  color: #27313d;
  background-color: #fff;
  border: 2px solid #27313d;
}

.button.deny {
  float: left;
  background-color: var(--dark--button-background);
  color: var(--color--text);
  text-align: center;
  text-transform: uppercase;
  border-style: none;
  border-radius: .4em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: .85em 1.5em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .85em;
  line-height: 1em;
}

.button.deny:hover {
  background-color: var(--swatch--button-tr);
  color: #1f445d;
}

.button.accept {
  float: left;
  color: var(--swatch--dark);
  text-align: center;
  text-transform: uppercase;
  background-color: #9bd0f3;
  border-style: none;
  border-radius: .4em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: .85em 1.5em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .85em;
  font-weight: 400;
  line-height: 1em;
  position: relative;
  box-shadow: 0 0 .1em .01em #9bd0f3cc;
}

.privacy-title {
  color: var(--color--text);
  margin-bottom: 20px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1em;
}

.preferences-link {
  color: var(--color--text);
  margin-right: 20px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .85em;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: block;
}

.preferences-link:hover {
  opacity: .5;
}

.preferences-container {
  z-index: 99;
  background-color: var(--color--background);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 2px #f1f1f1;
  border-radius: .4em;
  min-width: 500px;
  max-width: 500px;
  max-height: 1080px;
  padding: 25px;
  display: block;
  position: relative;
}

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

.fs-manager-opener {
  background-color: var(--swatch--accent);
  pointer-events: none;
  cursor: pointer;
  visibility: hidden;
  border: 1px #000;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 5px;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-manager-opener:hover {
  opacity: 1;
  transform: rotate(270deg)scale(1.1);
}

.cookies {
  z-index: 40;
  display: flex;
  position: fixed;
}

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

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--color--background-field-white);
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  margin-bottom: .25em;
  padding-bottom: 5px;
  display: grid;
}

.paragraph {
  color: var(--color--grey400);
  letter-spacing: -.01em;
  margin-top: .5em;
  margin-bottom: .5em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .75em;
  font-weight: 300;
  line-height: 1.2em;
}

.paragraph.bold {
  color: var(--color--text);
  text-align: right;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Funneldisplay, Arial, sans-serif;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.2em;
}

.cookies_img {
  width: 1.6em;
}

.cookies_title {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: .25em;
  display: flex;
}

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

.cookies_act {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  display: flex;
}

.cookie {
  z-index: 40;
  display: flex;
  position: fixed;
  inset: 0%;
}

.button-wrapper-2 {
  margin-top: 1em;
}

.margin-15 {
  margin-bottom: 15px;
}

.margin-15.white-text {
  color: var(--color--text);
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1em;
}

.right-floating-cookie {
  background-color: var(--color--background);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 10px;
  width: auto;
  padding: 1em;
  display: none;
  position: absolute;
  inset: auto 2em 2em auto;
}

.learn-more-span {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.cookie-button-blue {
  background-color: var(--swatch--accent);
  color: var(--swatch--dark);
  text-transform: uppercase;
  border-radius: .4em;
  margin-right: 20px;
  padding: .85em 2.5em;
  font-size: .85em;
}

.cookie-button-blue:hover {
  border-bottom-style: solid;
  border-bottom-color: #203492;
}

.white-text {
  color: var(--color--grey400);
  letter-spacing: -.02em;
  max-width: 42ch;
  margin-bottom: .5em;
  font-size: .85em;
  font-weight: 400;
  line-height: 1.25em;
}

.cookie-content {
  align-items: center;
  display: flex;
}

.right-cookie-image {
  align-self: flex-start;
  width: 2.2em;
  height: 2.2em;
  margin-top: .5em;
  margin-right: 1em;
}

.code-embed-2 {
  display: none;
}

.trust_link {
  text-decoration: none;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

._404 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--swatch--dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
}

.text_404 {
  color: var(--swatch--light);
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2em;
}

.subheading404 {
  color: var(--light--button-background);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
}

.loading_1 {
  color: var(--light--button-background);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 4em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
}

.g_rev {
  color: var(--swatch--light);
  width: 4em;
  margin-right: .25em;
  padding-top: .25em;
}

.g_rev.is-2 {
  color: var(--color--grey400);
  width: 1.6em;
  margin-right: 0;
}

.g_rev.is2 {
  color: var(--color--grey400);
  width: 1.2em;
  margin-right: 0;
  padding-top: .06em;
}

@media screen and (max-width: 991px) {
  .nav-logo {
    width: 6em;
  }

  .clone-in-webflow {
    margin-right: -.5em;
  }

  .btn-wrap {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .heading {
    font-size: 3.2em;
    display: none;
  }

  .heading.mobile {
    font-size: 3.8em;
    display: flex;
  }

  .heading.desc {
    display: none;
  }

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

  .hero_right {
    display: none;
  }

  .g_div {
    grid-column-gap: .35em;
    grid-row-gap: .35em;
    border-left-style: none;
    border-left-width: 0;
    padding: 1em 1.6em 1em 1em;
  }

  .review_all {
    z-index: 5;
    position: relative;
  }

  .r_img {
    width: 1.8em;
  }

  .text_r1 {
    margin-bottom: 0;
    font-size: 1.8em;
  }

  .text_r2 {
    margin-bottom: .1em;
    font-size: 1.2em;
  }

  .text_r2.is-2 {
    margin-bottom: 0;
  }

  .r_div_ocena {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .logowhite {
    max-height: 1.4rem;
  }

  .logo, .logobottom {
    height: 1.4rem;
  }

  .caaestudy_all {
    width: 38em;
  }

  .tag_text {
    font-size: .85em;
  }

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

  .image {
    width: 1.6em;
    height: 1.6em;
  }

  .subheading {
    font-size: 1em;
  }

  .s_left {
    width: 100%;
  }

  .s_right {
    display: none;
  }

  .service_in_all {
    width: 38em;
    height: 28em;
  }

  .service_bottom {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .service_icon {
    width: 5em;
  }

  .service_icon.is-2 {
    height: 5em;
  }

  .service_icon.is-3 {
    height: 5.2em;
  }

  .service_icon.is-4 {
    height: 6.2em;
  }

  .service_icon.is-5 {
    height: 5em;
  }

  .service_heading {
    font-size: 2em;
  }

  .service_p {
    font-size: 1.2em;
  }

  .service_tags {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .service_soft_icons {
    width: 1.2em;
  }

  .text_p_title {
    font-size: 1.2em;
  }

  .tag_text_absolute {
    font-size: .85em;
  }

  .margin-bottom {
    font-size: 1.4rem;
    line-height: 1;
  }

  .form-scope {
    flex-direction: column;
    display: flex;
  }

  .heading-number-text {
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    display: flex;
  }

  .form-services {
    flex-direction: column;
    display: flex;
  }

  .quote-form-wrapper {
    grid-template-columns: 1fr;
  }

  .quote-checkbox-2 {
    white-space: nowrap;
  }

  .content-section.bottom-border-calc {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .form-timeline {
    flex-direction: column;
    display: flex;
  }

  .form-quote {
    border-style: solid none none;
    border-top-color: #ffffff80;
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 1rem 0;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .vertical-flex.gap-2rem, .vertical-flex.gap-4rem, .content-wrap {
    width: 100%;
  }

  .form-column {
    width: 100%;
    padding-left: 0;
  }

  .answer-image {
    height: 10rem;
  }

  .question-answer.pet {
    z-index: 200;
    height: auto;
  }

  .question-answer.stylist {
    width: 100%;
  }

  .question-answer.products {
    opacity: 1;
  }

  .question-wrapper {
    z-index: 100;
    width: 100%;
    height: 10rem;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

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

  .form_p {
    width: 100%;
    min-width: auto;
    margin-top: -4em;
    position: relative;
  }

  .radio-input {
    border-color: var(--color--grey50);
    background-color: var(--color--background);
  }

  .radio-main-text {
    font-size: 1.6em;
  }

  .text-field-2 {
    height: 4.2em;
    padding-top: .6em;
    padding-bottom: .6em;
    font-size: 1em;
    line-height: 2.8em;
  }

  .text {
    font-size: 1.4em;
  }

  .form_branding {
    margin-bottom: 0;
  }

  .question-wrapper-2 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .radio-button {
    height: 8em;
  }

  .success-message-7 {
    padding: 14em 2em;
  }

  .radio-sub-text {
    color: var(--color--grey200);
    font-size: 1em;
  }

  .price-box {
    width: 100%;
  }

  .price {
    font-size: 3.2em;
  }

  .heading_form_q {
    font-size: 1.6em;
  }

  .tab_link_menu {
    font-size: 1em;
  }

  .div_title_calc {
    width: 100%;
  }

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

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

  .subheading_q.menu {
    position: relative;
  }

  .subheading_q.version {
    margin-bottom: 2em;
  }

  .ui-slider-handle {
    border-radius: 60px;
    transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out;
  }

  .ui-slider-handle:hover {
    background-color: #9bd0f3;
    border-radius: 60px;
    width: 40px;
    height: 40px;
    top: -400%;
    box-shadow: 0 2px 4px -3px #000;
  }

  .heading_form_liczba {
    font-size: 2.6em;
  }

  .checkboxy_all {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .rabio_label {
    font-size: 1.2em;
  }

  .radio-button-2 {
    width: 1em;
    height: 1em;
  }

  .liczba_produktow {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    display: none;
  }

  .btn_form {
    width: 50%;
    font-size: 1em;
  }

  .wykrzynik_img {
    width: .8em;
    height: .8em;
  }

  .wykrzynik_img.is-2 {
    width: 1.2em;
    height: 1.2em;
  }

  .brutto_f {
    font-size: 1.2em;
  }

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

  .infosub_text.is-2, .infosub_text.is-3, .infosub_text.email {
    font-size: 1.2em;
  }

  .checkbox_rodo {
    width: 1.2em;
    height: 1.2em;
  }

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

  .checkbox-field-3 {
    width: 50%;
  }

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

  .text-size-h3 {
    z-index: 20;
    font-size: 3.75em;
    position: static;
  }

  .hide-this {
    z-index: auto;
    display: none;
  }

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

  .text_marquee {
    justify-content: center;
    align-items: center;
    margin-top: -6em;
    display: flex;
  }

  .marquee_text_decor {
    width: auto;
    min-width: auto;
  }

  .k_left, .k_right {
    width: 100%;
  }

  .text-size-h3_2 {
    font-size: 3.3em;
  }

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

  .tel_text {
    font-size: 3.2em;
  }

  .tel_text.white {
    font-size: 2.4em;
  }

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

  .tel_all.is-2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-top: 2em;
  }

  .email_text {
    font-size: 2.3em;
  }

  .email_text.white {
    font-size: 1.8em;
  }

  .logo_footer {
    width: 6em;
  }

  .link {
    font-size: 1.2em;
  }

  .link.is-2 {
    color: var(--swatch--light);
  }

  .hero_img_shader, .cursor {
    display: none;
  }

  .slide-content {
    padding: 2rem;
  }

  .cards-wrapper {
    height: 60vh;
  }

  .heding_section {
    font-size: 2.8em;
  }

  .tab-content__button {
    height: 3.8em;
    padding-left: 1.8em;
    padding-right: 1.8em;
  }

  .tab-visual-wrap {
    height: 100%;
    max-height: none;
  }

  .content-p {
    font-size: 1em;
  }

  .tab-layout-heading {
    font-size: 2.5em;
  }

  .layout417_title {
    font-size: 7.5rem;
  }

  .layout417_content {
    height: 55em;
  }

  .layout417_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    height: 165em;
    min-height: auto;
  }

  .layout417_list {
    display: flex;
  }

  .progressive-blur_wrap.is-3 {
    border-top-style: none;
    border-top-width: 0;
    border-left-width: 0;
    width: 4em;
    height: 22em;
    margin-left: 0;
    display: flex;
    left: 8.4em;
  }

  .progressive-blur_wrap.bottom {
    height: 22em;
    margin-top: -16em;
  }

  .clutch_l2.is-2 {
    width: 5.8em;
  }

  .star_icon.is-2 {
    width: 1.7em;
  }

  .text_r3 {
    font-size: .35em;
  }

  .tp_link.is_mobile_c {
    display: none;
  }

  .subheading_calc {
    font-size: 1.4em;
  }

  .menu_link {
    font-size: 5rem;
  }

  .kontakt_title {
    z-index: 2;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -16em;
    position: relative;
  }

  .heading_contact {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4em;
  }

  .arrow_blur {
    display: none;
  }

  .kontakt_info_date {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .menu-toggle {
    height: 1.2em;
  }

  .menu-overlay {
    justify-content: center;
    align-items: flex-start;
  }

  .menu-p {
    pointer-events: auto;
    font-size: 1.4em;
  }

  .menu-p:hover {
    color: var(--swatch--light);
  }

  .menu-links {
    padding: var(--container-padding);
  }

  .menulink {
    padding-left: 0;
  }

  .menulink.w--current {
    padding-top: .9em;
    padding-bottom: .8em;
  }

  .nrmenu {
    font-size: .85em;
  }

  .menuitem {
    font-size: 3.4em;
  }

  .menu_hamburger {
    margin-top: 0;
  }

  .lineup, .linedown {
    pointer-events: auto;
    width: 2em;
  }

  .menu-contact {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    margin-top: 4em;
    padding-left: 0;
    display: flex;
  }

  .tel_link.menu {
    overflow: hidden;
  }

  .kontakt_cta.wiadomosc {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 8em;
  }

  .opis_kafle {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .linia_cta {
    display: none;
  }

  .macy-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .email_link {
    text-decoration: none;
  }

  .email_link.menu {
    padding-top: .25em;
    padding-bottom: .1em;
    overflow: hidden;
  }

  .heading_mobile {
    max-width: none;
    font-size: 3.8em;
    display: block;
  }

  .heading_mobile.mobile {
    font-size: 3.8em;
    display: flex;
  }

  .heading_mobile.desc {
    display: none;
  }

  .div_cta_in {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .cta_button {
    display: block;
  }

  .link-block {
    text-decoration: none;
  }

  .logo_footer_div {
    width: 6em;
  }

  .line_c {
    display: none;
  }

  .spacer_mobile {
    display: block;
  }

  .loader {
    display: flex;
  }

  .blur_loader {
    height: 20em;
  }

  .blur_loader.is-3 {
    width: 4em;
    height: 22em;
    margin-left: 0;
    left: 10.5em;
  }

  .licznik_loader {
    font-size: 16em;
  }

  .form_strony, .form_grafika {
    margin-bottom: 0;
  }

  .branding-budget, .wizualizacje-budget {
    font-size: 3.2em;
  }

  .trustpilot {
    z-index: 4;
    width: 8em;
    position: relative;
  }

  .trustpilot.is-2 {
    display: none;
  }

  .cookie-paragraph {
    font-size: 12px;
    line-height: 16px;
  }

  .fs-cookie-popup {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    max-width: 95%;
    display: flex;
  }

  .fs-preferences-manager-wrapper {
    display: none;
  }

  .fs-manager-opener {
    z-index: 1;
  }

  .subheading404 {
    margin-bottom: 1em;
    margin-left: 0;
    font-size: 1em;
  }

  .loading_1 {
    margin-bottom: 1em;
    margin-left: 4.5em;
    font-size: 1em;
  }

  .g_rev {
    z-index: 4;
    width: 7em;
    position: relative;
  }

  .g_rev.is2 {
    width: 1.2em;
    margin-right: 0;
    padding-top: .05em;
  }
}

@media screen and (max-width: 767px) {
  .socials-row {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .bg-panel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .menu2a {
    padding-top: calc(6 * var(--menu-padding));
    width: 100%;
  }

  .p-large.text-link {
    font-size: 1em;
  }

  .menu-list-item {
    height: 4.5em;
  }

  .menu-link-heading {
    font-size: 4em;
  }

  .dd-ui {
    position: fixed;
  }

  .nav-row__right {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .nav-logo-row {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    width: auto;
  }

  .osmo-ui__bg3 {
    display: block;
  }

  .nav-logo {
    width: 4em;
  }

  .cloneable-title__gradient {
    display: block;
  }

  .cloneable-title__h1, .cloneable-title__nr {
    font-size: .875em;
  }

  .osmo-ui__bg {
    display: block;
  }

  .nav_main {
    position: fixed;
  }

  .clone-in-webflow__p {
    display: none;
  }

  .clone-in-webflow {
    justify-content: flex-end;
    width: 100%;
    margin-right: 0;
    padding-left: .75em;
  }

  .cloneable-title {
    pointer-events: none;
    width: calc(100% - 5.25em);
    padding-left: 1em;
    position: absolute;
    overflow: hidden;
  }

  .g_div {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: .5em;
  }

  .r_img {
    width: 1.2em;
  }

  .spacer_m {
    height: 4em;
  }

  .text_r1 {
    font-size: 1.2em;
  }

  .text_r2.is_2 {
    font-size: .8em;
  }

  .casestudy {
    padding-bottom: 6em;
  }

  .slider_cs {
    justify-content: flex-start;
    align-items: flex-end;
    height: auto;
  }

  .mask {
    width: 20em;
    height: auto;
  }

  .mask.is-2 {
    height: auto;
  }

  .caaestudy_all {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    width: 20em;
    padding: .5em .5em .75em;
  }

  .tag_text {
    font-size: .55em;
  }

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

  .cs_zp_all, .cs_zp_all.tool {
    display: none;
  }

  .slide {
    height: auto;
    margin-right: 1em;
  }

  .left-arrow {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: -2em;
    inset: auto auto 0% 0%;
  }

  .right-arrow {
    margin-top: 0;
    margin-bottom: -2em;
    margin-left: 1.6em;
    inset: auto auto 0% 0%;
  }

  .subheading {
    font-size: .75em;
  }

  .about {
    padding-top: 4em;
  }

  .service_in_all {
    width: 20em;
    height: 28em;
  }

  .service_heading {
    font-size: 1.8em;
  }

  .service_p {
    width: auto;
    font-size: .9em;
  }

  .service_tags {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .text_p_title {
    font-size: 1em;
  }

  .tag_text_absolute {
    font-size: .55em;
  }

  .home-logo-wrapper {
    height: 8em;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-left: 0;
  }

  .home-logo-left-gradient {
    width: 5em;
    height: 5em;
  }

  .home-logo-left-gradient.right {
    width: 8em;
    height: 8em;
  }

  .testimoniale_in_all {
    height: 100%;
    padding: 1em 1em .8em;
  }

  .test_top {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .serce_svg {
    width: 1.2em;
    height: 1.2em;
  }

  .testimonial_img {
    width: 1.6em;
    height: 1.6em;
  }

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

  .testi_p {
    font-size: 1em;
  }

  .tag_text_infod {
    font-size: .55em;
  }

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

  .form-scope {
    padding: 0;
  }

  .container-new {
    max-width: 90vw;
  }

  .qc-get-in-touch {
    padding: 16px;
  }

  .heading-number-text {
    font-size: 2rem;
  }

  .form-services {
    padding: 0;
  }

  .services-h3-2 {
    font-weight: 400;
  }

  .content-section.bottom-border-calc {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .form-timeline {
    padding: 0;
  }

  .form-quote {
    padding: 2rem 1rem 0;
  }

  .total-field.margin-top-16 {
    align-self: stretch;
    height: 60px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 6px;
    line-height: 60px;
  }

  .flex {
    align-items: flex-end;
  }

  .dollar {
    margin-bottom: 0;
    line-height: 60px;
  }

  .answer-image {
    height: 9.5rem;
  }

  .question-answer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .question-wrapper {
    display: none;
    inset: auto 0% 0%;
  }

  .slider_serv {
    height: auto;
  }

  .tabs-menu-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .price {
    font-size: 2.8em;
  }

  .div-slide-input {
    border-top: 1px solid #e6e6e6;
    padding-top: 40px;
  }

  .btn_form {
    width: 100%;
  }

  .brutto_f {
    font-size: 1.1em;
  }

  .summit_div {
    flex-flow: column;
  }

  .checkbox-field-3 {
    width: 100%;
  }

  .text-size-h3 {
    font-size: 2.4em;
  }

  .home-cta_card {
    padding-top: 4.8em;
    padding-bottom: 4.8em;
  }

  .text-size-h3_2 {
    font-size: 2.4em;
  }

  .tel_text {
    font-size: 2.7em;
  }

  .email_text {
    font-size: 2em;
  }

  .form_kontakt {
    padding: 1em;
  }

  .imie_naz_kontakt {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-flow: column;
  }

  .stopka {
    height: 40em;
  }

  .footer_links {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer_links_left {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heding_section {
    font-size: 1.8em;
  }

  .filter-button {
    padding: .75em 1.25em;
  }

  .tab-content__button.is-hero {
    display: none;
  }

  .tab-layout-col {
    width: 100%;
  }

  .filter-bar {
    padding: .375em;
  }

  .layout417_title {
    font-size: 5.5rem;
  }

  .layout417_content {
    grid-template-rows: auto;
    grid-template-columns: 30rem;
    grid-auto-columns: 1fr;
    align-content: center;
    height: 35em;
    display: grid;
  }

  .layout417_title-wrapper {
    padding-top: 5rem;
    inset: 0% 0% auto;
  }

  .layout417_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    height: 105em;
  }

  .layout417_card {
    aspect-ratio: 3 / 2;
    width: 100%;
    height: 100%;
  }

  .layout417_card.card-3, .layout417_card.card-2, .layout417_card.card-1, .layout417_card.card-4 {
    width: 20em;
  }

  .layout417_list {
    min-height: 24.5rem;
    margin-top: 6rem;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    top: 0;
  }

  .progressive-blur_wrap.is-2 {
    width: 8em;
    height: 8em;
  }

  .progressive-blur_wrap.is-3 {
    width: 2.8em;
    height: 14em;
    left: 5.4em;
  }

  .progressive-blur_wrap.is-1 {
    width: 8em;
    height: 8em;
  }

  .navbar_wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .menu_link {
    font-size: 3rem;
  }

  .heading_contact {
    font-size: 2.9em;
  }

  .div_kontakt_text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stopka_space {
    height: 40em;
  }

  .menu-overlay {
    display: flex;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .menu-p {
    font-size: 1.2em;
  }

  .nrmenu {
    display: none;
  }

  .menuitem {
    font-size: 2em;
  }

  .lineup, .linedown {
    width: 1.4em;
  }

  .menu-contact {
    display: none;
  }

  .heading_mobile {
    font-size: 1.65em;
  }

  .loader {
    display: flex;
  }

  .blur_loader {
    height: 14em;
  }

  .licznik_loader {
    font-size: 12em;
  }

  .trustpilot {
    z-index: 4;
    width: 5em;
    position: relative;
  }

  .cookie-paragraph {
    width: 100%;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
  }

  .fs-cookie-popup {
    flex-direction: column;
    margin-bottom: 2%;
    padding: 15px;
  }

  .button-wrapper {
    grid-column-gap: 10px;
    margin-top: 0;
  }

  .preferences-container {
    min-width: 300px;
    max-width: 80vw;
  }

  .right-floating-cookie {
    max-width: 90vw;
    bottom: 10px;
    right: 10px;
  }

  .cookie-content {
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .right-cookie-image {
    width: 120px;
    height: 120px;
  }

  .loading_1 {
    margin-left: 3.3em;
  }

  .g_rev {
    z-index: 4;
    width: 5em;
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .menu2a {
    padding-top: calc(7 * var(--menu-padding));
    padding-bottom: calc(2 * var(--menu-padding));
  }

  .body {
    max-width: 100vw;
    overflow: visible;
  }

  .container {
    max-width: 100vw;
    display: block;
    overflow: visible;
  }

  .nav-logo {
    width: 4.4em;
    margin-left: 0;
    padding-left: 0;
  }

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

  .hero_left {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .video_hero {
    width: 85vw;
  }

  .video_hero_vid.is-22 {
    width: 85vw;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .g_div {
    grid-column-gap: .15em;
    grid-row-gap: .15em;
    border-left-style: none;
    border-left-width: 0;
    padding: .5em;
  }

  .r_img {
    width: 1.2em;
  }

  .spacer_m {
    height: 3.25em;
  }

  .text_r1 {
    font-size: 1em;
  }

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

  .text_r2.is-2.is_mobile_6c {
    font-size: 1em;
  }

  .text_r2.is_2 {
    margin-bottom: .05em;
  }

  .r_div_ocena.is-2.mobile_c8 {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .logowhite {
    max-height: 1.2rem;
  }

  .logo, .logobottom {
    height: 1.2rem;
  }

  .decor {
    background-position: 115% 0;
    height: 24em;
    margin-top: -12em;
    margin-bottom: -12em;
  }

  .casestudy {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    width: 100vw;
    margin-bottom: 0;
    padding-top: 5em;
    padding-bottom: 4.5em;
    overflow: hidden;
  }

  .slider_cs {
    justify-content: flex-start;
    align-items: flex-end;
    height: auto;
  }

  .mask {
    width: 20em;
    height: auto;
  }

  .mask.is-2 {
    height: auto;
  }

  .caaestudy_all {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    width: 20em;
    padding: .5em .5em .75em;
  }

  .video_casestudy_vid.is-22 {
    width: 85vw;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .video_casestudy_vid.cs_mobile {
    display: block;
  }

  .video_casestudy_vid.desc {
    display: none;
  }

  .cs_down_alll {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

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

  .tag_text {
    padding: .4em 1em .6em;
    font-size: .75em;
  }

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

  .cs_zp_all {
    grid-column-gap: .35em;
    grid-row-gap: .35em;
    display: flex;
  }

  .cs_zp_all.tool {
    display: none;
  }

  .image {
    width: 1.4em;
    height: 1.4em;
  }

  .slide {
    height: auto;
    margin-right: 1em;
  }

  .left-arrow {
    justify-content: center;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-bottom: -1.5em;
    margin-right: 0;
    display: flex;
    inset: auto auto 0 0;
  }

  .right-arrow {
    width: 1.2em;
    height: 1.2em;
    margin: 0 0 -1.5em 1.4em;
    display: flex;
    inset: auto auto 0% 0%;
  }

  .subheading {
    font-size: .85em;
  }

  .image-2 {
    width: .6em;
  }

  .about, .about.podstrona {
    padding-top: 4em;
  }

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

  .services {
    width: 100vw;
    padding-bottom: 5em;
    overflow: hidden;
  }

  .service_in_all {
    width: 20em;
    height: 25em;
    padding: 1em;
  }

  .service_icon {
    width: 3.5em;
  }

  .service_icon.is-2 {
    height: 3.5em;
  }

  .service_icon.is-3 {
    height: 3.8em;
  }

  .service_icon.is-4 {
    height: 4.7em;
  }

  .service_icon.is-5 {
    height: 3.5em;
  }

  .service_heading {
    margin-top: 0;
    margin-bottom: .25em;
    font-size: 1.7em;
    line-height: 1em;
  }

  .service_p {
    width: auto;
    margin-bottom: .5em;
    font-size: 1em;
  }

  .service_tags {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: wrap;
  }

  .decor2 {
    background-position: 0%;
  }

  .text_p_title {
    font-size: 1em;
  }

  .tag_text_absolute {
    padding: .4em 1em .5em;
    font-size: .75em;
  }

  .tag_text_absolute.white {
    padding-top: .3em;
    padding-bottom: .4em;
    font-size: .75em;
  }

  .tag_text_absolute.mobile {
    display: none;
  }

  .tag_text_absolute.mobile_on {
    display: block;
  }

  .opinie {
    max-width: 100vw;
    overflow: visible;
  }

  .home-logo-wrapper {
    grid-column-gap: 2.25em;
    grid-row-gap: 2.25em;
    height: 12em;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .clients-grid.logo-animate {
    grid-column-gap: 2.25em;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0;
  }

  .client-logo {
    object-position: 0% 50%;
    width: 6.5em;
  }

  .client-logo.proceanis {
    width: 8.2em;
  }

  .client-logo.sportsly {
    width: 8em;
  }

  .client-logo.meats {
    width: 7em;
  }

  .home-logo-left-gradient {
    justify-content: flex-start;
    align-items: center;
    width: 8em;
    height: 12em;
    display: flex;
  }

  .home-logo-left-gradient.right {
    justify-content: center;
    align-items: center;
    width: 12em;
    height: 12em;
  }

  .testimoniale_in_all {
    height: 100%;
    padding: 1em;
  }

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

  .serce_svg {
    width: 1.2em;
    height: 1.2em;
  }

  .testimonial_img {
    width: 2em;
    height: 2em;
  }

  .testimonial_info {
    grid-column-gap: .15em;
    grid-row-gap: .15em;
  }

  .cs_down_all_testimonial {
    margin-top: 0;
  }

  .testi_p {
    letter-spacing: -.015em;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.18em;
  }

  .tag_text_infod {
    font-size: .75em;
    line-height: 1em;
  }

  .tag_text_info_name {
    font-size: 1em;
    line-height: 1em;
  }

  .kalkulator {
    max-width: 100vw;
  }

  .horizontal-flex.estimate {
    justify-content: space-between;
  }

  .qc-p-h {
    display: none;
  }

  .submit.width-auto {
    width: 100%;
  }

  .qc-back-button.est {
    text-align: center;
  }

  .form-end.is-2 {
    padding-bottom: 16px;
  }

  .quote-form-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .quote-checkbox-2 {
    border-radius: 2rem;
    padding: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .services-h3-2 {
    letter-spacing: -.065rem;
    flex: none;
    font-size: 1.7rem;
  }

  .content-section.bottom-border-calc {
    padding-top: 4rem;
  }

  .form-quote {
    padding: 1.5rem 2rem 1rem 1rem;
    inset: auto 0% 0%;
  }

  .vertical-flex.gap-2rem {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .vertical-flex.gap-24px {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 2.5rem 1.5rem;
  }

  .total-field.margin-top-16 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .total-field.margin-top-16.margin-mobile-0 {
    margin-top: 0;
  }

  .text-field {
    max-width: 5rem;
  }

  .answer-image {
    height: 8rem;
  }

  .heading-2.l.margin-bottom {
    font-size: 40px;
  }

  .form {
    grid-template-columns: 1fr 1fr;
  }

  .question-wrapper {
    display: block;
  }

  .slider_serv {
    height: auto;
  }

  .tabs-menu-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1em;
    padding-right: 1em;
  }

  .form_l {
    grid-column-gap: 1.1em;
    grid-row-gap: 1.1em;
    padding: 2em 1em 1em;
  }

  .radio-buttons {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .radio-main-text {
    margin-bottom: .1em;
    font-size: 1.4em;
    line-height: 1.3em;
  }

  .radio-button {
    height: 8em;
  }

  .success-message-7, .question-center-flex {
    padding-left: 1em;
    padding-right: 1em;
  }

  .radio-sub-text {
    font-size: .85em;
    line-height: 1.2em;
  }

  .price-box {
    padding-left: 1em;
    padding-right: 1em;
  }

  .price {
    font-size: 2.2em;
  }

  .radio-buttons_2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .heading_form_q {
    font-size: 1.3em;
  }

  .tab_link_menu {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div_title_calc {
    padding-top: 2em;
    padding-left: 1em;
  }

  .left-svitch-div {
    float: left;
    flex: 1;
    display: block;
  }

  .question2 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .subheading_q {
    font-size: .85em;
  }

  .subheading_q.menu {
    font-size: .75em;
  }

  .subheading_q.version {
    margin-bottom: 2em;
    padding-left: 0;
    font-size: .75em;
    left: .5em;
  }

  .left-svitch-div-2 {
    float: left;
    flex: 1;
    display: block;
  }

  .div-for-svitch-2 {
    border-color: var(--swatch--light);
    background-color: #eaeaea;
  }

  .left-svitch-div-3 {
    float: left;
    flex: 1;
    display: flex;
  }

  .ui-widget-content {
    background-color: #e3e3e3;
  }

  .form_input-label.is-disabled {
    font-size: 1em;
    line-height: 1em;
  }

  .form_slider-field {
    width: 36%;
  }

  .heading_form_liczba {
    letter-spacing: -.02em;
    font-size: 1.7em;
  }

  .rabio_label {
    font-size: 1.2em;
  }

  .radio-button-2 {
    width: 1em;
    height: 1em;
  }

  .liczba_produktow {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    margin-bottom: 1.25em;
    display: none;
  }

  .produkty_q_all {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-flow: column;
  }

  .btn_form {
    width: 100%;
  }

  .wykrzynik_img.is-2 {
    width: 1em;
    height: 1em;
  }

  .brutto_f, .infosub_text.is-2, .infosub_text.is-3, .infosub_text.email {
    font-size: 1em;
  }

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

  .checkbox-field-3 {
    width: 100%;
  }

  .button_component {
    padding-left: 3em;
    padding-right: 3em;
  }

  .text-size-h3 {
    text-align: left;
    font-size: 3em;
  }

  .home-cta_span {
    width: .7em;
    margin-left: 0;
    margin-right: .4em;
    overflow: visible;
  }

  .home-cta_span2, .hide-this {
    display: none;
  }

  .home-cta_card {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text_marquee {
    margin-top: -2em;
    overflow: hidden;
  }

  .kontakt_dane {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .tel_text {
    font-size: 2.4em;
  }

  .tel_text.white {
    font-size: 1.4em;
  }

  .tel_all {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .tel_all.is-2 {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    padding-top: 1em;
  }

  .email_text {
    font-size: 1.8em;
  }

  .email_text.white {
    font-size: 1em;
  }

  .email_text.ang {
    font-size: .85em;
  }

  .form_kontakt {
    padding-top: 1.25em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .imie_naz_kontakt {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
  }

  .stopka {
    background-position: 48% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 34em;
  }

  .kontakt_in_all {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    display: none;
  }

  .logo_footer {
    justify-content: space-between;
    align-items: center;
    width: 6.2em;
    display: flex;
  }

  .footer_links {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .link {
    font-size: 1.2em;
  }

  .link.is-2 {
    color: var(--swatch--accent);
  }

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

  .footer_links_right {
    margin-top: 2em;
  }

  .hero_img_shader {
    display: none;
  }

  .sticky-viewbox {
    height: auto;
    position: relative;
    top: auto;
  }

  .slide-content {
    min-height: 40vh;
    padding: 1.5rem;
  }

  .card-half {
    flex: 0 auto;
    width: 100%;
    height: auto;
  }

  .card-half.right {
    display: none;
  }

  .cards-wrapper {
    flex-direction: column;
    height: auto;
  }

  .cards-scroller {
    height: auto;
  }

  .card-image-mobile {
    max-height: 20vh;
    display: block;
  }

  .card-slide {
    border-radius: 2rem;
    margin-bottom: 2rem;
  }

  .heding_section {
    font-size: 1.8em;
    line-height: 1.2em;
  }

  .tab-content__button {
    height: 3.6em;
    padding-left: 1.4em;
    padding-right: 1.4em;
  }

  .tab-content__button.is-2 {
    display: flex;
  }

  .tab-content__button.is-hero {
    display: none;
  }

  .content-p {
    font-family: Satoshi, Arial, sans-serif;
    font-size: .9em;
  }

  .layout417_title {
    font-size: 3.25rem;
  }

  .layout417_content {
    grid-template-columns: 1fr;
    height: 45em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .layout417_component {
    grid-template-columns: 1fr;
    height: 135em;
  }

  .layout417_card.card-3, .layout417_card.card-2, .layout417_card.card-1, .layout417_card.card-4 {
    width: 20em;
  }

  .layout417_list {
    min-height: 100svh;
    margin-top: 3rem;
  }

  .section_layout417, .container-large {
    max-width: 100vw;
  }

  .progressive-blur_wrap.is-2 {
    width: 12em;
    height: 6em;
    margin-right: -6em;
  }

  .progressive-blur_wrap.is-3 {
    border-top-style: none;
    border-top-width: 0;
    border-left-width: 0;
    width: 2.2em;
    height: 16em;
    left: 5.2em;
  }

  .progressive-blur_wrap.bottom {
    height: 18em;
    margin-top: -12em;
  }

  .progressive-blur_wrap.is-1 {
    width: 12em;
    min-width: 12em;
    height: 6em;
    left: -3em;
  }

  .clutch.is_mobile_c2 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    border-radius: .4em;
    padding: .85em 1em;
  }

  .o_img_span {
    width: .5em;
  }

  .clutch_l2.is-2 {
    width: 3em;
  }

  .clutch_l2.is_mobile_c3 {
    width: 5em;
  }

  .star_icon.is-2 {
    width: 1em;
  }

  .star_icon.is_mobile_c4 {
    width: 1.5em;
  }

  .text_r3.is_mobile_c5 {
    font-size: 1.6em;
  }

  .image_c.is_moble_7c {
    width: 1.4em;
    height: 1.4em;
    margin-bottom: 3em;
    inset: auto 7.5em auto auto;
  }

  .tp_link.is_mobile_c {
    width: auto;
    margin-top: 1.4em;
    display: flex;
  }

  .subheading_calc {
    font-size: 1.2em;
  }

  .navbar_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .kontakt_title {
    margin-top: -8em;
  }

  .heading_contact {
    font-size: 2.8em;
    line-height: 1.05em;
  }

  .heading_contact.is-2 {
    font-size: 2.8em;
  }

  .kontakt_img_border.ia-2 {
    z-index: 3;
    position: relative;
  }

  .div_kontakt_text {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .kontakt_info_date {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .stopka_space {
    height: 30em;
  }

  .menu-overlay {
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }

  .brand, .brand.w--current {
    padding-left: 0;
  }

  .menu-p {
    pointer-events: auto;
    font-size: 1em;
  }

  .menu-p:hover {
    pointer-events: none;
    color: var(--swatch--light);
  }

  .menu-links {
    grid-row-gap: 0em;
  }

  .menulink {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    padding-top: .3em;
    padding-bottom: .2em;
  }

  .menulink.w--current {
    padding-top: .3em;
    padding-bottom: .2em;
  }

  .menuitemfull {
    grid-column-gap: 1rem;
    height: 3.8rem;
    max-height: 3.8rem;
  }

  .nrmenu {
    padding: .2em;
    font-size: .5em;
    display: none;
  }

  .menuitem {
    font-size: 1.6em;
    line-height: 1.1em;
  }

  .menu-lang {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .menu-toggle-all {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .menu_hamburger {
    grid-column-gap: .38em;
    grid-row-gap: .38em;
    margin-top: 0;
  }

  .lineup, .linedown {
    pointer-events: auto;
    width: 1.8em;
  }

  .menu-contact {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    margin-top: 2em;
  }

  .ang_flag {
    width: 1em;
    height: .7em;
  }

  .kontakt_cta.wiadomosc {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 4em;
  }

  .opis_kafel_one {
    padding: 1em;
  }

  .opis_text.title {
    margin-bottom: .25em;
  }

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

  .ikocha_check {
    background-color: #9bd0f31a;
    margin-top: .15em;
  }

  .ikocha_check.proces {
    background-color: #9bd0f326;
  }

  .ikocha_check.rezultaty {
    background-color: #baf39b26;
  }

  .ikocha_check.wyzwania {
    background-color: #f3da9b26;
  }

  .opis_ikona {
    font-size: 1.2em;
    line-height: 1.3em;
  }

  .opis_kafel_lista_ikon {
    padding: 1em;
  }

  .macy-container {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .col.empty_col {
    display: none;
  }

  .casestudy_podstrony, .casestudy_next {
    padding-top: 6em;
  }

  .caaestudy_all2 {
    padding: .5em .5em .75em;
  }

  .left-svitch-div2 {
    float: left;
    flex: 1;
    display: block;
  }

  .heading_mobile {
    letter-spacing: -.02em;
    margin-top: 0;
    font-size: 1.75em;
    line-height: 1.125em;
    display: block;
  }

  .kontakt_in_all_mobile {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    display: flex;
  }

  .logo_footer_div {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .spacer_mobile {
    background-color: var(--swatch--light);
    width: 100%;
    min-width: 100%;
    height: 4em;
    min-height: 4em;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .spacer_mm {
    width: 4em;
    height: 4em;
  }

  .loader {
    height: 100%;
    display: flex;
  }

  .blur_loader {
    height: 10em;
  }

  .blur_loader.is-2 {
    width: 12em;
    height: 6em;
    margin-right: -6em;
  }

  .blur_loader.is-3 {
    width: 2.2em;
    height: 16em;
    left: 6.8em;
  }

  .blur_loader.is-1 {
    width: 12em;
    min-width: 12em;
    height: 6em;
    left: -3em;
  }

  .licznik_loader {
    font-size: 10em;
    bottom: .15em;
    left: .15em;
  }

  .branding-budget, .wizualizacje-budget {
    font-size: 2.2em;
  }

  .sukces_form {
    flex-flow: column;
  }

  .trustpilot {
    z-index: 4;
    position: relative;
  }

  .trustpilot.is-2 {
    width: 8em;
    display: none;
  }

  .cookie-paragraph {
    max-width: none;
    margin-bottom: .25em;
    margin-right: 0;
    font-size: 12px;
  }

  .fs-cookie-popup {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 90%;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding: 15px;
    display: grid;
  }

  .cookie-tag {
    margin-bottom: 2px;
  }

  .close-button {
    top: 10px;
    right: 10px;
  }

  .button-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .fs-preferences-manager-wrapper {
    align-items: flex-start;
    padding-top: 5vw;
    overflow: scroll;
  }

  .button.deny, .button.accept {
    margin-right: 0;
  }

  .privacy-title {
    margin-bottom: 10px;
  }

  .preferences-link {
    margin-right: 0;
  }

  .preferences-container {
    padding: 15px;
  }

  .cookies_title {
    margin-bottom: -.5em;
  }

  .cookie {
    display: block;
    position: fixed;
    inset: auto 0% 0% auto;
  }

  .button-wrapper-2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .margin-15.white-text {
    margin-top: 0;
    margin-bottom: .35em;
    font-size: 1.4em;
  }

  .right-floating-cookie {
    width: auto;
    max-width: none;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .cookie-button-blue {
    text-align: center;
    border-radius: .4em;
    width: 100%;
    margin-bottom: -1em;
    margin-right: 10px;
    padding: 1em 10px;
    font-size: 1em;
    line-height: 1em;
  }

  .cookie-content.mobile-vertical {
    flex-direction: column;
  }

  .right-cookie-image {
    width: 2.2em;
    height: 2.2em;
    margin-top: 0;
    margin-bottom: 1em;
    margin-right: 0;
  }

  .text_404 {
    font-size: 1.3em;
  }

  .subheading404 {
    margin-bottom: 1em;
    margin-left: 0;
    font-size: .85em;
  }

  .loading_1 {
    margin-bottom: 1em;
    margin-left: 2em;
    font-size: .85em;
  }

  .g_rev {
    z-index: 4;
    width: 3.6em;
    padding-top: .35em;
    position: relative;
  }

  .g_rev.is-2 {
    width: 8em;
  }

  .g_rev.is2 {
    width: 5em;
    padding-top: .4em;
  }
}

#w-node-_22c15184-7541-4492-192e-a86c46084d43-01277741, #w-node-_22c15184-7541-4492-192e-a86c46084d44-01277741, #w-node-_22c15184-7541-4492-192e-a86c46084d46-01277741, #w-node-_22c15184-7541-4492-192e-a86c46084d47-01277741, #w-node-_22c15184-7541-4492-192e-a86c46084d48-01277741, #w-node-_22c15184-7541-4492-192e-a86c46084d49-01277741, #w-node-_22c15184-7541-4492-192e-a86c46084d4a-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833762-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833763-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833765-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833766-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833767-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833768-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833769-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00ea-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00eb-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00ed-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00ee-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00ef-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00f0-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00f1-01277741 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944a9-fe3944a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944ab-fe3944a0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944ad-fe3944a0 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944bf-fe3944a0, #w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944c8-fe3944a0, #w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944d1-fe3944a0, #w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944da-fe3944a0 {
  place-self: center end;
}

@media screen and (max-width: 767px) {
  #w-node-_22c15184-7541-4492-192e-a86c46084d47-01277741, #w-node-_118136fd-49e6-0130-4fe0-aa6002833766-01277741, #w-node-_8e389a8c-4f87-d2a6-a99d-c67c4b3a00ee-01277741 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944a8-fe3944a0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944a9-fe3944a0 {
    place-self: auto;
  }

  #w-node-_2037c1eb-8c66-90b1-c6eb-40b6fe3944ad-fe3944a0 {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: end;
  }
}


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