@font-face {
  font-family: Jetbrainsmono Variable;
  src: url('../fonts/JetBrainsMono-Variable.ttf') format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-VariableItalic.ttf') format("truetype"), url('../fonts/JetBrainsMono-Italic.otf') format("opentype");
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Manrope Variable;
  src: url('../fonts/Manrope-Variable.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-BoldItalic.otf') format("opentype"), url('../fonts/JetBrainsMono-ExtraBoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-ExtraBold.otf') format("opentype"), url('../fonts/JetBrainsMono-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-ExtraLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jetbrainsmono;
  src: url('../fonts/JetBrainsMono-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Bold.otf') format("opentype"), url('../fonts/Manrope-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --manrope: Manrope, Arial, sans-serif;
  --jetbrain: Jetbrainsmono, Arial, sans-serif;
}

.div {
  display: none;
  position: fixed;
  inset: 0%;
}

.main {
  background-color: #f8f5f2;
}

.header {
  opacity: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  padding: 30px;
  display: flex;
  position: static;
}

.heading-kurva-velke {
  color: #fff;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 235px;
  font-weight: 600;
}

.heading-kurva-velke.biele {
  color: #fff;
  font-size: 270px;
}

.heading-2-header {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-weight: 500;
}

.heading-2-header.neni-vleky {
  color: #222;
  text-align: left;
  text-transform: none;
}

.line {
  background-color: #e5e0e0;
  height: 1px;
  padding-right: 0;
}

.diamond-star {
  color: #000;
  text-transform: uppercase;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.sekcia-1-domov {
  justify-content: center;
  align-items: center;
  height: 63vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.code-embed {
  color: #000;
  flex: 0 auto;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.div-block-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-2-velke {
  color: #000;
  text-align: center;
  width: auto;
  margin: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 51px;
}

.button-onas {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.button-077 {
  color: var(--button-077-color);
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  border: 1px #000;
  outline-style: none;
  padding: 0;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: inline-grid;
  position: relative;
}

.button-077.druhe {
  color: #333;
  font-weight: 500;
}

.button-077__bg {
  background-color: #6b6363b3;
  border-radius: 0;
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  padding: 0;
}

.button-077__bg.bez, .button-077__bg.tretie {
  background-color: #0000;
}

.button-077__bg._2 {
  background-color: #0b1012;
}

.button-077__inner {
  width: 100%;
  height: 100%;
  padding: var(--button-077-padding);
  grid-column-gap: var(--button-077-gap);
  grid-row-gap: var(--button-077-gap);
  grid-area: 1 / 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-077__text {
  color: #fff;
}

.button-077__text.inafarba {
  color: #000;
}

.button-077__icon {
  color: #fff;
  width: .875em;
  height: .875em;
}

.button-077__icon.inafarba {
  color: #000;
}

.sekcia-2-klienti {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 50px;
  padding-right: 50px;
}

.code-embed-2 {
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-weight: 400;
}

.div-block-5 {
  width: 25%;
  margin-top: 30px;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.div-block-6 {
  flex: 1;
  margin-right: 0;
  padding-right: 0;
}

.text-2-text {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 37px;
  font-weight: 500;
  line-height: 55px;
}

.div-block-7 {
  display: flex;
}

.preview-item__heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.3em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.preview-item__inner {
  color: #000;
  border-top: 1px solid #00000040;
  width: 100%;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.preview-collection {
  width: 100%;
  margin-top: .5em;
}

.preview-item {
  width: 100%;
  transition: opacity .2s;
}

.preview-follower__inner {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.preview-list {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.preview-item__col {
  flex: 1;
}

.preview-item__col.is--large {
  max-width: 45%;
}

.preview-item__col.is--small {
  max-width: 15%;
}

.preview-item__col.is--medium {
  max-width: 25%;
}

.preview-follower {
  z-index: 100;
  aspect-ratio: 1 / 1.25;
  pointer-events: none;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: 20em;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.preview-item__visual {
  aspect-ratio: 1 / 1.25;
  width: 20em;
  display: none;
  position: absolute;
  overflow: hidden;
}

.preview-item__text {
  color: #000;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2;
}

.preview-follower__label-span {
  background-color: #0000;
  border-radius: .25em;
  padding: .75em 1.25em;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 1em;
}

.preview-follower__label {
  z-index: 2;
  position: absolute;
}

.preview-container {
  width: 100%;
  max-width: 100em;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
}

.preview-item__row {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.recenzie {
  height: 110vh;
  padding-left: 30px;
  padding-right: 30px;
}

.recenzie.margin {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.footer {
  background-color: #212325;
  flex-flow: row;
  height: 90vh;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.div-block-12 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-footer-mini {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 14px;
  display: flex;
}

.text-footer-mini.men-ie {
  color: #fff;
  font-size: 12px;
}

.text-footer-mini.men-ie.stred {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  text-decoration: none;
}

.div-block-13 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-block-14 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 70%;
  display: flex;
}

.div-block-15 {
  background-color: #f8f5f2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 45vh;
  margin-top: 0;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.div-block-17 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.div-block-18 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.code-embed-3 {
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 14px;
}

.div-block-19 {
  width: 50%;
}

.text-vacsi-texrt {
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.text-span, .text-span-2 {
  line-height: 20px;
}

.div-block-20 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.demo-footer {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  font-variation-settings: "wght" 670;
  letter-spacing: -.02em;
  flex-flow: column;
  justify-content: space-between;
  min-height: 90svh;
  padding: 0 0 1em;
  font-weight: 600;
  display: flex;
  position: relative;
}

.footer-wrap__dark {
  opacity: 0;
  pointer-events: none;
  background-color: #201d1d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-footer__logo-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.demo-main {
  overflow: clip;
}

.footer-wrap {
  position: relative;
  overflow: hidden;
}

.text-font {
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 12px;
}

.bold-text {
  color: #fff;
}

.div-block-21 {
  padding-left: 0;
  padding-right: 0;
}

.sticky-features__tag {
  background-color: #ffffff1a;
  border-radius: .25em;
  margin-bottom: 1.5em;
  padding: .5em .625em;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 1em;
  line-height: 1;
}

.sticky-features__img-collection {
  width: 100%;
}

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

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

.sticky-features__wrap {
  width: 100%;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.sticky-features__img-item {
  clip-path: inset(50% round .75em);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sticky-features__text-collection {
  height: 100%;
}

.sticky-features__img-list {
  aspect-ratio: 1 / 1.3;
  width: 100%;
  position: relative;
}

.sticky-features__progress-bar {
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-color: #fff;
  transform: scale3d(0, 1, 1);
}

.sticky-feaures__col {
  background-color: #0000;
  flex: 1;
  margin-right: 0;
  padding-right: 0;
  position: relative;
}

.sticky-feaures__col.is--img {
  border-radius: .75em;
  overflow: hidden;
}

.sticky-features__text-list {
  background-color: #ffffff1a;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.sticky-features__p {
  color: #000000b3;
  margin-bottom: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.2;
}

.sticky-features__heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 1.9em;
  font-weight: 500;
  line-height: 1;
}

.sticky-features__progress-w {
  background-color: #00000026;
  height: .25em;
  position: absolute;
  bottom: auto;
  left: 0;
  right: 0;
}

.sticky-features__container {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sticky-features__text-item {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  visibility: hidden;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 27.5em;
  margin-left: auto;
  display: flex;
  position: absolute;
  right: 0;
}

.div-block-22 {
  padding-left: 20px;
  padding-right: 20px;
}

.body {
  background-color: #0000;
}

.header-kontakt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f5f2;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 50vh;
  margin-top: 0;
  padding-top: 205px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.text-block-2 {
  color: #000;
  text-align: center;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 39px;
  font-weight: 600;
  line-height: 60px;
}

.info-kontakt-wrpaper {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: column;
  height: 60vh;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.info-kontakt-wrpaper.hbs-contact-section {
  padding-left: 50px;
  padding-right: 50px;
}

.first-column-info {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: stretch;
  padding-right: 0;
  display: flex;
}

.text-1 {
  color: #000000d9;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text-1.ciarknute {
  -webkit-text-decoration: underline #0009;
  text-decoration: underline #0009;
}

.text-2 {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  -webkit-text-decoration: underline #0009;
  text-decoration: underline #0009;
}

._1 {
  width: 40%;
  padding-left: 0;
  padding-right: 0;
}

.div-block-29 {
  display: flex;
}

.accordion-css__item-bottom {
  grid-template-rows: 0fr;
  display: grid;
  position: relative;
  overflow: hidden;
}

.accordion-css__item-bottom-content {
  padding-bottom: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.accordion-css__list {
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: static;
}

.accordion-css__item-bottom-wrap {
  flex-flow: column;
  height: 100000%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accordion-css__item-icon-svg {
  width: 1em;
}

.accordion-css__item-icon {
  background-color: #0000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  transform: rotate(180deg);
}

.accordion-css__item-top {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1em 1em 0;
  display: flex;
}

.accordion-css {
  width: 61%;
  position: relative;
}

.accordion-css__item {
  background-color: #0000;
  border-radius: .5em;
  list-style: none;
}

.accordion-css__item-h3 {
  color: #212325;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 800;
  line-height: 1.3;
}

.accordion-css__item-p {
  color: #2c2c2c;
  margin-bottom: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.5;
}

.faq {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
}

.div-block-32 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-33 {
  margin-top: 30px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 30px;
  display: flex;
}

.heading-2 {
  color: #212325;
  width: auto;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 36px;
  font-weight: 600;
}

.vrchne-allpages {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  width: 93%;
  height: 23vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.vrchne-allpages._1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
}

.heading-4 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 42px;
}

.heading-4._2 {
  line-height: 52px;
}

.heading-4._2.biela {
  color: #f8f5f2;
}

.heading-4.klienti {
  color: #000;
}

.heading-4.klienti.befra {
  font-weight: 600;
}

.heading-4._3 {
  color: #000;
  font-size: 71px;
  line-height: 60px;
}

.heading-4._3._5 {
  font-size: 73px;
  font-weight: 500;
  line-height: 61px;
}

.sekcia-1-onas {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #16191b;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  padding: 205px 50px 30px;
  display: flex;
}

.sekcia-2-onas {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #16191b;
  flex-flow: column;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-39 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
  padding-top: 0;
  display: flex;
}

.jetbrainsmono-text-1 {
  color: #222;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 14px;
}

.jetbrainsmono-text-1.bold {
  color: #333;
  font-size: 17px;
  font-weight: 800;
}

.jetbrainsmono-text-1.bold.inafarba {
  color: #969292c9;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
}

.jetbrainsmono-text-1.bold.klienti1 {
  font-size: 20px;
}

.jetbrainsmono-text-1.minibold {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.jetbrainsmono-text-1.minibold.klienti1 {
  color: #000c;
}

.jetbrainsmono-text-1.mensie {
  font-size: 14px;
}

.jetbrainsmono-text-1.boldtrosku {
  font-weight: 800;
}

.jetbrainsmono-text-1.vac-itext {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.jetbrainsmono-text-1.vac-itext._2 {
  color: #000000cf;
}

.jetbrainsmono-text-1.inafarba {
  color: #9c9292;
}

.jetbrainsmono-text-1.velke {
  text-transform: uppercase;
}

.jetbrainsmono-text-1.stred {
  text-align: center;
}

.jetbrainsmono-text-1.vacsie {
  font-size: 15px;
}

.jetbrainsmono-text-1.vacsie.biela {
  color: #fff;
}

.jetbrainsmono-text-1.klienti1 {
  font-size: 17px;
}

.div-block-41 {
  justify-content: flex-end;
  width: 40%;
  display: block;
}

.heading-5 {
  color: #f8f5f2;
  letter-spacing: -2px;
  font-family: Jetbrainsmono, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.div-block-42 {
  width: 65%;
  margin-top: 0;
}

.div-block-43 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.div-block-44 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block-45 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  width: 75%;
  display: flex;
}

.text-block-4 {
  color: #f8f5f2;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-weight: 500;
}

.div-block-46 {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 80px 50px;
  display: flex;
}

.photo-bugging {
  width: 50%;
}

.div-block-48 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.div-block-48.druhe {
  padding: 0;
}

.div-block-48.tretie {
  margin-top: 45px;
}

.sekcia-3--onas {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  height: 80vh;
  display: flex;
}

.sekcia-3--onas.hbs-onas-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.sekcia-4-onas {
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 50px 80px;
}

.div-block-54 {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 30px;
  padding-right: 0;
  display: flex;
}

.div-block-55 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 69%;
}

.heading-jetsbarin {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 34px;
  font-weight: 600;
}

.heading-jetsbarin.mensie {
  font-size: 24px;
  font-weight: 500;
}

.heading-jetsbarin.mensie.klienti {
  color: #000;
  font-size: 29px;
  font-weight: 500;
}

.heading-jetsbarin.klienti2 {
  font-size: 43px;
}

.heading-jetsbarin.lap {
  font-size: 30px;
}

.heading-jetsbarin.lap._2 {
  letter-spacing: -2px;
  font-size: 36px;
}

.heading-jetsbarin.med {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.div-block-56 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: row;
  align-items: center;
  width: 70%;
  margin-top: 0;
  padding-right: 0;
}

.div-block-57 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 85px;
  display: flex;
}

.div-block-58 {
  width: 28%;
  margin-top: 0;
  padding-right: 0;
}

.div-block-59 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15px;
  padding-right: 0;
  display: flex;
}

.div-block-59.druhe {
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 130px;
}

.div-block-60 {
  width: 50%;
}

.all-pages-layout {
  height: auto;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.diamond-text-div {
  flex-flow: column;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.vrchny-div-vpages {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 30px;
  font-size: 14px;
  display: flex;
}

.div-block-63 {
  width: 70%;
}

.top-clients {
  background-color: #f8f5f2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 150px;
  padding-bottom: 30px;
  display: flex;
}

.top-clients.druhe {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-65 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 50px;
  display: flex;
}

.div-block-65.ine {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
}

.zobrazit {
  width: 31%;
  margin-top: 15px;
}

.zobrazit.dlhsie {
  width: 30%;
}

.zobrazit.dlhsie.stred {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.zobrazit.stred {
  align-items: center;
  display: flex;
}

.div-block-67 {
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 100px;
  display: flex;
}

.div-block-67.tretie {
  margin-bottom: 13px;
}

.div-block-72 {
  margin-top: 30px;
  padding-top: 0;
  display: flex;
}

.prehlad-div {
  width: 100vw;
  margin-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.heading-7 {
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.heading-7.klienti, .heading-7.klienti._2, .heading-7.klienti.hrubsie {
  color: #000;
}

.div-block-74 {
  width: 47%;
}

.div-block-75 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  padding-right: 0;
  display: flex;
}

.div-block-76 {
  width: 50%;
  padding-right: 0;
}

.scroll-image-pair, .scroll-image-pair._2, .scroll-image-pair.last {
  height: auto;
}

.scroll-image-pair__grid.one, .scroll-image-pair__grid.stred {
  align-items: center;
}

.scroll-image-pair__item.is-right, .scroll-image-pair__item.is-right.ine {
  height: auto;
}

.scroll-image-pair__item.is-right.ine.velke {
  width: 100%;
  height: auto;
}

.scroll-image-pair__item.is-right.stvrte {
  height: 55vh;
}

.scroll-image-pair__item.druheine {
  width: 101%;
  height: 50vh;
}

.scroll-image-pair__img {
  max-width: 100%;
}

.div-block-77 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin: 0;
  padding: 30px;
  display: flex;
}

.top-image {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 111vh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.top-image.hrubsie {
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.top-image.hrubsie.bez {
  padding-left: 30px;
  padding-right: 30px;
}

.image-2 {
  max-width: 100%;
  overflow: auto;
}

.image-2.lajo {
  max-width: 76%;
}

.outline-line-section {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  border: 1px solid #bebfc5;
  flex-flow: column;
  justify-content: center;
  height: 50vh;
  margin: 0;
  padding: 100px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-80 {
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}

.div-block-81 {
  padding-left: 257px;
}

.div-block-83 {
  height: 100vh;
}

.code-embed-4 {
  justify-content: flex-start;
  align-items: stretch;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
}

.v-etky-div-slui-by {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-84 {
  margin-top: 30px;
  display: flex;
}

.meno-klienta {
  margin-top: 30px;
  margin-bottom: 20px;
}

.klienti-tabulka {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-86 {
  justify-content: flex-start;
  display: flex;
}

.div-block-87 {
  width: 40%;
}

.tabulka-klienta {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  display: flex;
}

.tabulka-klienta.lajo {
  margin-bottom: 50px;
}

.tabulka-klienta.ap {
  margin-bottom: 35px;
}

.tabulka-klienta.befra {
  margin-bottom: 30px;
}

.div-block-89 {
  width: 40%;
}

.div-block-90 {
  width: 60%;
}

.div-block-91 {
  display: flex;
}

.div-block-91.druhe {
  margin-bottom: 30px;
}

.div-block-92 {
  width: 48%;
}

.div-block-92.druhe {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  display: flex;
}

.text-with-diamond {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-94 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.code-embed-5 {
  margin-top: 10px;
  padding-top: 0;
}

.div-block-95 {
  justify-content: center;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.div-block-95._2 {
  height: 158vh;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-95._2._3 {
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.ap-lift---photo4 {
  max-width: 100%;
}

.hbs-folder-services-wrapper {
  height: auto;
}

.div-block-100 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding: 150px 180px 35px;
  display: flex;
}

.div-block-100.process-hero-section {
  background-color: #f8f5f2;
  padding: 0;
}

.div-block-101 {
  border: 1px #000;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  display: flex;
}

.div-block-105 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.div-block-106 {
  width: 65%;
}

.second-coloumn-info {
  justify-content: flex-start;
  display: flex;
}

.adresa {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.zavolajte-nam.hbs-contact-main {
  text-decoration: none;
}

.div-block-108 {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.onas-photo-div {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0;
  display: flex;
  position: static;
  inset: 0%;
}

.photo-desktop {
  opacity: 1;
  filter: brightness(84%);
  max-width: 100%;
}

.transition {
  z-index: 2;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

.transition__middle {
  opacity: 0;
  background-color: #ef6322;
  position: fixed;
  inset: 0;
}

.onas-hl-photo {
  filter: brightness(80%);
  max-width: 100%;
}

.scaling-element__big-box {
  border-radius: 1em;
  width: 100%;
  position: relative;
}

.scaling-element__small-box {
  border-radius: 1em;
  width: 20em;
  position: relative;
}

.scaling-video__wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.scaling-element-video {
  grid-column-gap: 25vh;
  grid-row-gap: 25vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 25vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.scaling-video {
  will-change: transform;
  isolation: isolate;
  background-color: #0000;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translateX(0)rotate(.001deg);
}

.scaling-element-header {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 25vh 5vw 20vh;
  display: flex;
  position: relative;
}

.scaling-video__before {
  padding-top: 56.25%;
}

.resource-wrapper {
  background-color: #f8f5f2;
  position: relative;
  overflow: hidden;
}

.bg-header-image {
  position: absolute;
  inset: 0%;
}

.text-span-4, .text-span-5 {
  text-decoration: underline;
}

.heading-10 {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 67px;
}

.link {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  text-decoration: underline;
}

.site-staticstick-wrapper {
  flex-flow: row;
  justify-content: center;
  padding: 20px 50px;
}

.image-withhover {
  border-radius: 10px;
  width: 100%;
}

.text-wrapper-statictis {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-113 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  padding-top: 20px;
  display: flex;
}

.line-diamond {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.heading-11 {
  color: #000;
  margin: 0;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
}

.text-str-nka-v-hody {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-str-nkavyhody-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.podv-hody-text {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
}

.image-11 {
  border: .5px solid #e5e0e0;
  border-radius: 20px;
}

.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: auto;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text-block-5 {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
  font-size: 14px;
}

.heading-12 {
  color: #000;
  font-family: Jetbrainsmono Variable, Arial, sans-serif;
}

@media screen and (max-width: 991px) {
  .sekcia-1-domov {
    height: auto;
  }

  .div-block-3 {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .preview-item__heading {
    font-size: 2em;
  }

  .preview-item__inner {
    border: 1px #000;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .preview-item {
    width: calc(50% - .5em);
  }

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

  .preview-item__col.is--large {
    flex: none;
    order: -1;
    width: 100%;
    max-width: none;
  }

  .preview-item__col.is--small {
    text-align: right;
    max-width: 20%;
  }

  .preview-item__col.is--small.tablet--hide {
    display: none;
  }

  .preview-item__col.is--medium {
    order: -1;
    max-width: 80%;
  }

  .preview-follower {
    display: none;
  }

  .preview-item__visual {
    border-radius: .75em;
    order: -1;
    width: 100%;
    margin-bottom: 1em;
    display: block;
    position: relative;
  }

  .preview-item__row {
    grid-row-gap: .5em;
  }

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-12 {
    flex-flow: column;
    height: 15vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-footer-mini.men-ie {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    font-size: 12px;
  }

  .text-footer-mini.men-ie.stred {
    text-align: left;
    flex-flow: column;
  }

  .div-block-13 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .div-block-14 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

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

  .header-kontakt {
    padding-right: 30px;
  }

  .info-kontakt-wrpaper.hbs-contact-section {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-css {
    max-width: 55.4em;
  }

  .faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-32 {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-33 {
    padding-left: 0;
  }

  .heading-2 {
    width: auto;
    font-size: 37px;
  }

  .vrchne-allpages, .vrchne-allpages._1 {
    width: 100%;
  }

  .heading-4 {
    font-size: 36px;
  }

  .heading-4._3._5 {
    font-size: 56px;
  }

  .sekcia-1-onas {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    padding-top: 220px;
  }

  .heading-5 {
    font-size: 26px;
  }

  .div-block-42 {
    width: 92%;
  }

  .div-block-46 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sekcia-4-onas {
    height: auto;
  }

  .heading-jetsbarin.lap {
    font-size: 24px;
  }

  .top-clients {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .heading-7.klienti {
    color: #000;
  }

  .scroll-image-pair, .scroll-image-pair__item.is-right, .scroll-image-pair__item.is-right.ine {
    height: auto;
  }

  .scroll-image-pair__item.is-right.ine.velke {
    width: 100%;
    height: auto;
  }

  .scroll-image-pair__item.is-right.stvrte, .scroll-image-pair__item.druheine {
    height: auto;
  }

  .scroll-image-pair__img {
    max-width: 100%;
  }

  .top-image {
    height: 59vh;
  }

  .top-image.hrubsie {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .outline-line-section {
    height: 34vh;
  }

  .v-etky-div-slui-by {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-95._2 {
    height: auto;
  }

  .div-block-106 {
    width: 50%;
  }

  .text-wrapper-statictis {
    width: 100%;
  }

  .div-block-113 {
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .heading-kurva-velke.biele {
    font-size: 226px;
  }

  .div-block-5 {
    width: 27%;
  }

  .preview-item {
    width: 100%;
  }

  .preview-list {
    grid-row-gap: 3em;
  }

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

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-12 {
    flex-flow: column;
    justify-content: space-between;
    height: 15vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-13 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
  }

  .div-block-14 {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .demo-footer {
    padding-left: 0;
    padding-right: 0;
  }

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

  .text-font {
    text-align: center;
  }

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

  .sticky-features__scroll {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 100svh;
    padding-top: 1.25em;
    padding-bottom: 2.5em;
  }

  .sticky-features__img-list {
    aspect-ratio: 1;
  }

  .sticky-features__text-list {
    min-height: 20em;
    max-height: none;
  }

  .sticky-features__p {
    font-size: 1em;
  }

  .sticky-features__heading {
    font-size: 2.5em;
  }

  .sticky-features__container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .sticky-features__text-item {
    max-width: none;
  }

  .accordion-css__item-h3 {
    font-size: 1.2em;
  }

  .vrchne-allpages._1 {
    width: 100%;
  }

  .heading-4 {
    font-size: 36px;
  }

  .heading-4._2.biela {
    font-size: 29px;
    line-height: 45px;
  }

  .heading-4._3 {
    font-weight: 600;
  }

  .heading-4._3._5 {
    font-size: 47px;
  }

  .sekcia-1-onas {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    height: auto;
    padding-bottom: 20px;
  }

  .div-block-39 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
  }

  .jetbrainsmono-text-1.vac-itext {
    font-size: 15px;
  }

  .div-block-41 {
    width: 100%;
  }

  .heading-5 {
    font-size: 25px;
    line-height: 39px;
  }

  .div-block-42 {
    width: 100%;
  }

  .div-block-45 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 73%;
  }

  .div-block-46 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .photo-bugging {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .sekcia-4-onas {
    height: auto;
  }

  .div-block-54 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .div-block-55 {
    width: 100%;
  }

  .heading-jetsbarin {
    font-size: 28px;
  }

  .div-block-56 {
    width: 100%;
  }

  .div-block-57 {
    margin-top: 40px;
  }

  .div-block-59.druhe {
    padding-right: 43px;
  }

  .vrchny-div-vpages {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .div-block-63 {
    width: 100%;
  }

  .div-block-67 {
    align-items: center;
    padding-right: 10px;
  }

  .heading-7.klienti {
    color: #000;
  }

  .heading-7.klienti._2 {
    font-size: 21px;
  }

  .heading-7.klienti.hrubsie {
    font-size: 24px;
  }

  .div-block-74 {
    width: 100%;
  }

  .div-block-75 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .div-block-76 {
    width: 100%;
  }

  .scroll-image-pair {
    height: auto;
  }

  .top-image {
    height: 49vh;
  }

  .top-image.hrubsie {
    height: 58vh;
  }

  .top-image.hrubsie.bez {
    height: auto;
  }

  .outline-line-section {
    height: 30vh;
  }

  .div-block-95._2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .photo-desktop {
    max-width: 100%;
  }

  .scaling-element__small-box {
    width: 15em;
  }

  .text-wrapper-statictis {
    width: 100%;
  }

  .div-block-113 {
    flex-flow: column;
  }

  .heading-11 {
    font-size: 41px;
    line-height: 41px;
  }

  .text-str-nka-v-hody {
    font-size: 12px;
    font-weight: 500;
  }
}

@media screen and (max-width: 479px) {
  .header {
    height: 100vh;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .heading-2-header.neni-vleky.obchmob {
    font-size: 29px;
  }

  .sekcia-1-domov {
    padding: 50px 20px;
  }

  .code-embed {
    font-size: 13px;
  }

  .div-block-3 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-4 {
    align-items: flex-start;
  }

  .text-2-velke {
    text-align: left;
    width: 90vw;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
  }

  .button-onas {
    align-items: center;
  }

  .button-077__bg {
    background-color: #6e6e6e;
  }

  .button-077__text.inafarba.klienti {
    font-size: 13px;
  }

  .sekcia-2-klienti {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5 {
    width: 100%;
  }

  .text-2-text {
    font-size: 17px;
    line-height: 32px;
  }

  .div-block-7 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .recenzie.margin {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-12 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    flex: 0 auto;
    height: auto;
    padding-bottom: 20px;
  }

  .text-footer-mini.kontakt {
    font-size: 10px;
  }

  .div-block-13 {
    flex-flow: row;
    width: 100%;
  }

  .div-block-14 {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .div-block-15 {
    height: 45vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-17 {
    flex-flow: column;
  }

  .div-block-18 {
    width: 100%;
  }

  .code-embed-3 {
    font-size: 14px;
  }

  .div-block-19 {
    width: 100%;
  }

  .text-vacsi-texrt._2 {
    font-size: 16px;
  }

  .div-block-20 {
    height: auto;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-footer {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: .5em;
    padding-right: .5em;
  }

  .demo-footer__logo-row {
    flex: 1;
  }

  .header-kontakt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-2 {
    font-size: 28px;
    line-height: 44px;
  }

  .info-kontakt-wrpaper.hbs-contact-section {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    height: auto;
  }

  .first-column-info.hbs-contact-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .text-1 {
    font-size: 16px;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

  .text-1.ciarknute {
    font-weight: 700;
    text-decoration: underline;
  }

  .text-2 {
    color: #000;
    font-family: Jetbrainsmono Variable, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    -webkit-text-decoration: underline #0009;
    text-decoration: underline #0009;
  }

  .div-block-29.hbs-contact-label {
    justify-content: flex-start;
  }

  .accordion-css {
    width: 100%;
  }

  .accordion-css__item-h3 {
    font-size: 1.1em;
    font-weight: 800;
  }

  .accordion-css__item-p {
    color: #000000de;
    font-size: .9em;
  }

  .faq {
    height: auto;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-32 {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-33 {
    padding-left: 0;
  }

  .heading-2 {
    letter-spacing: 0;
    text-indent: 0;
    width: 94vw;
    margin-bottom: 0;
    font-size: 27px;
    font-weight: 600;
  }

  .vrchne-allpages {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
  }

  .vrchne-allpages._1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .heading-4 {
    font-size: 31px;
    font-weight: 700;
    line-height: 39px;
  }

  .heading-4._2.biela {
    font-size: 27px;
    font-weight: 600;
    line-height: 34px;
  }

  .heading-4.klienti {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
  }

  .heading-4.klienti.befra {
    font-size: 22px;
    font-weight: 600;
  }

  .heading-4._3 {
    font-size: 41px;
    font-weight: 600;
    line-height: 40px;
  }

  .heading-4._3._5 {
    font-size: 30px;
    font-weight: 600;
    line-height: 39px;
  }

  .sekcia-1-onas {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    height: auto;
    padding: 140px 20px 15px;
  }

  .div-block-39 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 0;
    font-size: 14px;
  }

  .jetbrainsmono-text-1 {
    font-size: 14px;
  }

  .jetbrainsmono-text-1.bold.inafarba {
    font-size: 12px;
  }

  .jetbrainsmono-text-1.mensie.befra, .jetbrainsmono-text-1.boldtrosku {
    font-size: 13px;
  }

  .jetbrainsmono-text-1.boldtrosku.velke.befra {
    font-size: 11px;
  }

  .jetbrainsmono-text-1.vac-itext {
    color: #212325;
    font-size: 13px;
    font-weight: 600;
  }

  .jetbrainsmono-text-1.vac-itext._2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
  }

  .jetbrainsmono-text-1.vacsie.biela {
    font-size: 13px;
  }

  .jetbrainsmono-text-1.klienti {
    font-size: 12px;
  }

  .jetbrainsmono-text-1.klienti1 {
    color: #000;
    font-size: 15px;
  }

  .jetbrainsmono-text-1.klienti1.mensie {
    font-size: 13px;
  }

  .div-block-41 {
    width: 100%;
  }

  .heading-5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Jetbrainsmono Variable, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
  }

  .div-block-43 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-44 {
    margin-top: 30px;
  }

  .div-block-45 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-4 {
    font-size: 13px;
  }

  .div-block-46 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    height: auto;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .photo-bugging {
    background-color: #0000;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .div-block-48.tretie {
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .sekcia-3--onas {
    height: 65vh;
  }

  .sekcia-3--onas.hbs-onas-section {
    height: 70vh;
    padding-left: 0;
    padding-right: 0;
  }

  .sekcia-4-onas {
    height: 130vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-54 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
  }

  .div-block-55 {
    width: 100%;
    font-weight: 400;
  }

  .heading-jetsbarin {
    letter-spacing: -1px;
    font-size: 23px;
    font-weight: 600;
    line-height: 36px;
  }

  .heading-jetsbarin.mensie {
    font-size: 20px;
    font-weight: 600;
  }

  .heading-jetsbarin.mensie.klienti {
    color: #000;
    font-size: 23px;
  }

  .heading-jetsbarin.klienti2 {
    font-size: 31px;
  }

  .heading-jetsbarin.lap {
    font-size: 23px;
  }

  .heading-jetsbarin.lap._2 {
    font-size: 26px;
  }

  .div-block-56 {
    width: 100%;
  }

  .div-block-57 {
    margin-top: 30px;
  }

  .div-block-59 {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: column;
    align-items: flex-start;
  }

  .div-block-59.druhe {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    padding-right: 10px;
  }

  .div-block-60 {
    width: 100%;
  }

  .all-pages-layout {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .vrchny-div-vpages {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
  }

  .div-block-63 {
    width: 100%;
  }

  .top-clients {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-clients.druhe {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .div-block-67 {
    padding-right: 10px;
  }

  .prehlad-div {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-7.klienti {
    color: #000;
    font-size: 21px;
    line-height: 36px;
  }

  .heading-7.klienti.hrubsie {
    font-weight: 600;
  }

  .div-block-74 {
    width: 100%;
  }

  .div-block-75 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
  }

  .div-block-76 {
    width: 100%;
  }

  .scroll-image-pair {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .scroll-image-pair._2 {
    height: auto;
  }

  .scroll-image-pair.last {
    flex-flow: row;
    justify-content: flex-start;
    height: auto;
    padding-bottom: 50px;
    display: block;
  }

  .scroll-image-pair__grid {
    flex-flow: column;
    justify-content: flex-start;
    place-items: center stretch;
    display: flex;
  }

  .scroll-image-pair__grid.one {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    place-items: center stretch;
    display: flex;
  }

  .scroll-image-pair__grid.tretieklienti {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .scroll-image-pair__item {
    width: 100px;
  }

  .scroll-image-pair__item.is-right {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .scroll-image-pair__item.is-right.ine {
    width: 100%;
    height: 412px;
    margin-top: 0;
  }

  .scroll-image-pair__item.is-right.ine.velke {
    width: 100%;
    height: 27vh;
    margin-top: 0;
  }

  .scroll-image-pair__item.is-right.stvrte {
    height: 14vh;
  }

  .scroll-image-pair__item.druheine {
    width: 100%;
    height: 27vh;
  }

  .scroll-image-pair__item.tretie {
    height: 20vh;
  }

  .scroll-image-pair__item.druheklienti {
    height: 453px;
  }

  .scroll-image-pair__item._2 {
    width: 100%;
    height: 34vh;
  }

  .scroll-image-pair__img, .scroll-image-pair__img.image-link {
    max-width: 100%;
  }

  .scroll-image-pair__img.movingmobile {
    height: 20vh;
  }

  .div-block-77 {
    padding: 10px 20px 50px;
  }

  .top-image {
    height: auto;
  }

  .top-image.hrubsie {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .top-image.hrubsie.bez {
    padding-left: 0;
    padding-right: 0;
  }

  .outline-line-section {
    border-style: none;
    border-width: 1px;
    justify-content: center;
    align-items: stretch;
    height: 35vh;
    margin-top: 0;
    padding: 0;
  }

  .div-block-81 {
    padding-left: 125px;
  }

  .v-etky-div-slui-by {
    margin-top: 0;
    padding-top: 23px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-84, .meno-klienta, .tabulka-klienta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabulka-klienta.ap {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-91 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: flex-start;
  }

  .div-block-91.druhe {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .div-block-92 {
    width: 100%;
  }

  .div-block-94 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    justify-content: center;
    align-items: stretch;
    padding-right: 0;
  }

  .div-block-95 {
    height: 39vh;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-95._2 {
    align-items: stretch;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-95._2._3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .div-block-95.imagemobap {
    height: 28vh;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .div-block-105.process-hero-inner, .div-block-108 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .photo-desktop {
    vertical-align: baseline;
  }

  .onas-hl-photo {
    max-width: 100%;
  }

  .bg-header-image {
    height: auto;
  }

  .div-block-112 {
    height: auto;
    margin-top: 19px;
  }

  .heading-10 {
    font-size: 34px;
    line-height: 42px;
  }

  .link {
    font-size: 15px;
    font-weight: 600;
  }

  .site-staticstick-wrapper {
    padding: 20px;
  }

  .text-wrapper-statictis {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    width: 100%;
  }

  .div-block-113 {
    flex-flow: column;
  }

  .heading-11 {
    font-size: 26px;
    line-height: 35px;
  }

  .text-str-nka-v-hody {
    font-size: 10px;
  }
}


@font-face {
  font-family: 'Jetbrainsmono Variable';
  src: url('../fonts/JetBrainsMono-Variable.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-VariableItalic.ttf') format('truetype'), url('../fonts/JetBrainsMono-Italic.otf') format('opentype');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Variable';
  src: url('../fonts/Manrope-Variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-BoldItalic.otf') format('opentype'), url('../fonts/JetBrainsMono-ExtraBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-ExtraBold.otf') format('opentype'), url('../fonts/JetBrainsMono-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Bold.otf') format('opentype'), url('../fonts/Manrope-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}