:root {
  --100: white;
  --900: #0f172a;
  --accent-light: #ffe6ed;
  --600: #64748b;
  --200: #f7f7f7;
  --300: #f0f0f0;
  --700: #455366;
  --800: #263142;
  --accent: #bf1546;
  --400: #ebebeb;
  --recred: #e20d19;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  background-color: var(--100);
  color: var(--900);
  font-family: Geist;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  color: var(--900);
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kola;
  font-size: 4.75rem;
  font-weight: 400;
  line-height: 1;
}

h2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1.1;
}

h3 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kola;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kola;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25;
}

h6 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25;
}

p {
  opacity: .82;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  color: var(--900);
  letter-spacing: -.01em;
  font-weight: 500;
  text-decoration: none;
  transition: transform .25s, opacity .25s;
  display: inline-block;
}

a:hover {
  opacity: .84;
}

a:active {
  transform: scale(.98);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 0;
}

li {
  letter-spacing: .015em;
  margin-bottom: .25rem;
  margin-left: 1.5rem;
  padding-left: 1.25rem;
}

label {
  margin-bottom: .5rem;
  font-weight: 500;
  display: block;
}

strong {
  font-weight: 600;
}

blockquote {
  background-color: var(--accent-light);
  color: var(--900);
  border: .0625rem #000;
  border-radius: .75rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2.5rem;
  font-family: Geist;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

figcaption {
  color: var(--600);
  text-align: center;
  letter-spacing: .015em;
  margin-top: .75rem;
  font-size: .875rem;
}

.text-input {
  background-color: var(--200);
  color: var(--900);
  border: .125rem solid #0000;
  border-radius: .5rem;
  min-height: 3.5rem;
  margin-bottom: 0;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: border .25s, background-color .25s;
}

.text-input:hover {
  background-color: var(--300);
}

.text-input:focus {
  border: .125rem solid var(--700);
}

.text-input::placeholder {
  color: var(--700);
}

.paragraph {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.9;
}

.paragraph.large {
  color: var(--800);
  font-family: Work Sans, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7;
}

.paragraph.large._600px {
  text-align: center;
  width: 700px;
  margin-top: 0;
  font-size: 1.2rem;
  line-height: 1.7;
}

.paragraph.large.white {
  color: var(--100);
  text-align: center;
  width: 580px;
  font-weight: 300;
}

.paragraph.datum {
  color: var(--700);
  text-align: center;
  text-transform: none;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 5px;
  font-weight: 600;
  display: flex;
}

.paragraph.popis-harmonogrm {
  color: var(--900);
  text-align: center;
  font-family: Yeseva One, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.paragraph.popis-extra {
  color: var(--800);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: .9rem;
}

.paragraph.vyherce {
  color: var(--accent);
  margin-top: .5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
}

.paragraph.perex-hero {
  color: var(--800);
  font-family: Work Sans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
}

.paragraph.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading {
  font-family: Geist;
}

.heading.medium {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.heading.medium.center {
  color: var(--accent);
  text-align: center;
  text-transform: none;
  margin-top: 1.6rem;
  margin-bottom: 2.3rem;
  padding-bottom: 10px;
  font-family: Yeseva One, sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
}

.heading.extra-small {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.25;
}

.heading.extra-large {
  color: var(--accent);
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Yeseva One, sans-serif;
  font-size: 3.7rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading.extra-large.center {
  text-align: center;
}

.heading.extra-large.center.red {
  color: var(--accent);
}

.heading.extra-large.center.white {
  color: var(--100);
}

.heading.large {
  letter-spacing: -.01em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Yeseva One, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.text-box {
  max-width: 43.75rem;
}

.text-box._600px {
  max-width: 37.5rem;
  min-height: 4rem;
}

.field-label {
  color: var(--900);
  font-size: 1rem;
  font-weight: 500;
}

.section {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8rem 5rem;
  display: flex;
}

.section.banner {
  background-color: var(--200);
  background-color: var(--accent-light);
  text-align: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .75rem;
  line-height: 1.3;
  display: none;
}

.section.accent {
  background-color: var(--accent);
}

.section.accent-light {
  background-color: var(--accent-light);
}

.section.accent-light.no-padd {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.section.secondary {
  background-color: var(--200);
  color: var(--100);
}

.section.overflow-hidden {
  background-color: #d1dfe8;
  padding-top: 9rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.text-color-light-purple {
  color: var(--accent-light);
}

.container-large {
  z-index: 9999;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-large.centred {
  margin-left: auto;
  margin-right: auto;
}

.nav-link {
  color: var(--900);
  border-radius: 100rem;
  align-items: center;
  min-height: 2.25rem;
  padding: 0 1rem;
  font-family: Work Sans, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1;
  transition: transform .25s, background-color .25s, opacity .25s;
  display: flex;
}

.nav-link:hover {
  background-color: var(--200);
  opacity: .84;
}

.nav-link.w--current {
  z-index: 1;
  background-color: var(--accent-light);
  color: var(--accent);
}

.nav-link.w--current:hover {
  opacity: 1;
}

.nav {
  z-index: 4000;
  background-color: var(--100);
  justify-content: space-between;
  align-items: center;
  height: 4.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-right: -.25rem;
  display: flex;
}

.logo {
  color: var(--900);
  width: 100px;
  margin-bottom: 0;
  padding-left: 0;
  display: inline-block;
  position: static;
}

.logo:hover {
  opacity: .72;
}

.logo.w--current {
  width: 125px;
}

.nav-container {
  z-index: 0;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: 100rem;
  height: 100%;
  padding-bottom: 0;
  padding-left: 5rem;
  padding-right: 5rem;
  display: flex;
  position: relative;
}

.logo-wrapper {
  grid-column-gap: 3rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer-link {
  color: var(--900);
  flex: none;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.footer-link.small {
  color: var(--700);
  margin-left: auto;
  margin-right: auto;
  font-family: Work Sans, sans-serif;
  font-size: .8125rem;
}

.centre {
  margin-left: auto;
  margin-right: auto;
}

.button {
  background-color: var(--accent);
  background-image: repeating-radial-gradient(circle farthest-corner at 100% 50%, var(--recred), var(--accent));
  color: var(--100);
  text-align: center;
  text-transform: uppercase;
  border-radius: 6.25rem;
  flex: none;
  min-height: 3.5rem;
  padding: 1rem 1.75rem;
  font-family: Work Sans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  transition: transform .25s, opacity .25s;
}

.button:hover {
  opacity: .88;
}

.button:active {
  transform: scale(.98);
}

.text-color-700 {
  color: var(--700);
}

.grid-footer-bottom {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: center start;
  width: 100%;
  display: flex;
}

.social-proof-logos-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-proof-logo {
  max-width: 8rem;
  max-height: 1.5rem;
}

.nav-menu-button {
  padding: 0;
}

.actions-wrapper {
  grid-column-gap: .75rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.card-item {
  background-color: var(--100);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3rem 3rem 2rem;
  position: relative;
}

.card-item.large {
  padding: 5rem 5rem 1rem;
}

.footer-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.footer-column.right {
  justify-content: flex-end;
  align-items: center;
}

.centre-text {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Yeseva One, sans-serif;
  display: flex;
}

.header-content-top {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-color-accent {
  color: var(--accent);
}

.hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.text-color-accent-light {
  color: var(--accent-light);
}

.hero-image-wrapper {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  min-width: 50vw;
  height: 100%;
  position: relative;
  overflow: visible;
}

.header-layout {
  z-index: 800;
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.nav-gradient-underline {
  background-image: linear-gradient(45deg, var(--200), var(--accent) 44%, var(--recred) 99%);
  width: 100%;
  height: .3rem;
  position: absolute;
  bottom: 0;
}

.header-description-wrapper {
  text-align: left;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  margin-right: auto;
  display: flex;
}

.gradient-divider {
  background-image: linear-gradient(45deg, var(--accent), #f6faad 34%, #beff6f 56%, #1ba37f 63%, #6466ff);
  width: 100%;
  height: 8rem;
  display: none;
}

.corner-cuts-wrapper {
  pointer-events: none;
  position: absolute;
  inset: -1px;
}

.corner-cut-top-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.corner-cut-top-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.corner-cut-bottom-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.corner-cut-bottom-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.header-content-bottom {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.header-description {
  text-align: left;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 220px;
  display: flex;
}

.corner-cut-header {
  pointer-events: none;
  color: var(--100);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -1px auto -1px -1px;
}

.button-secondary {
  background-color: var(--900);
  color: var(--100);
  text-align: center;
  text-transform: uppercase;
  border-radius: 6.25rem;
  flex: none;
  min-height: 3.5rem;
  padding: 1rem 1.75rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: transform .25s, opacity .25s;
}

.button-secondary:hover {
  opacity: .88;
}

.button-secondary:active {
  transform: scale(.98);
}

.button-secondary.small {
  background-color: var(--accent);
  border-radius: 100rem;
  min-height: 2.25rem;
  padding: .5625rem 1.6rem .5625rem 2rem;
  font-size: .8125rem;
}

.button-secondary.small.hide-mobile-portrait {
  letter-spacing: .1em;
  flex-flow: column;
  padding-right: 2rem;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
  display: flex;
}

.button-secondary.small.hide-mobile-portrait.w--current {
  letter-spacing: .1em;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.footer-flex-container-top {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid var(--400);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  justify-items: start;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  font-family: Work Sans, sans-serif;
  display: flex;
}

.partners-layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.spacer-24 {
  text-transform: uppercase;
  background-color: #0000;
  width: 1.5rem;
  height: 1.5rem;
}

.spacer-32 {
  background-color: #0000;
  border-radius: .375rem;
  width: 2rem;
  height: 2rem;
}

.spacer-64 {
  background-color: #0000;
  width: 4rem;
  height: 4rem;
}

.spacer-80 {
  background-color: #0000;
  width: 5rem;
  height: 5rem;
}

.header-title {
  max-width: 50rem;
}

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

.text-span-2 {
  font-size: 1.5rem;
}

.code-embed {
  height: 800px;
}

.logo-receptar {
  width: 200px;
  margin-top: -130px;
  margin-right: 20px;
  position: absolute;
  top: 0%;
  left: auto;
  right: 0%;
}

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

.image-5 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-6 {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-7 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-8 {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-2 {
  background-color: #ffe6ed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  display: flex;
}

.obal-podmenu-kategorie {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 910px;
  height: 150px;
  display: grid;
}

.dlazdice-menu-kategorie {
  background-color: var(--accent);
  color: var(--100);
  border-radius: 17px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 70px;
  font-family: Work Sans, sans-serif;
  line-height: 1.9;
  display: flex;
  box-shadow: 1px 3px 3px #0003;
}

.text-block {
  text-align: center;
  line-height: 1.1;
}

.obal-harmonogram-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  align-items: center;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.harmonogram---pic {
  background-image: url('../images/kruh.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 170px;
  display: flex;
}

.iko1 {
  width: 70px;
  margin-bottom: 13px;
  margin-left: -1px;
}

.iko-4 {
  width: 55px;
  margin-bottom: 12px;
  margin-left: -1px;
}

.iko5, .iko3 {
  width: 80px;
  margin-bottom: 13px;
  margin-left: -1px;
}

.iko2 {
  width: 70px;
  margin-bottom: 23px;
  margin-left: -1px;
}

.text-harmonogram-obal {
  width: 200px;
  margin-top: -20px;
  margin-left: 0;
  padding: 0 10px;
}

.link {
  color: var(--accent);
}

.aligment--flex-harmo {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.aligment--flex-harmo.ikona1 {
  display: none;
}

.pece-o-zahradu {
  background-color: var(--100);
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  position: relative;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.slide-nav {
  font-family: Yeseva One, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  bottom: 20px;
}

.section-heading {
  color: var(--600);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 45px;
}

.lightbox-link-m-1 {
  width: 100%;
  height: 100%;
}

.obsah-sl-01-01 {
  background-image: url('../images/h1_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.slider-menhart {
  border-radius: 20px;
  height: 700px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obsah-sl-01-2 {
  background-image: url('../images/h2_1.avif');
  background-position: 23%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-01-3 {
  background-image: url('../images/h4_1.avif');
  background-position: 60%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox-link-m-01 {
  width: 100%;
  height: 100%;
}

.icon-2 {
  right: auto;
}

.wrapper-slider-01 {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.paragraph-light {
  opacity: 1;
  color: var(--800);
  margin-bottom: 1rem;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.lightbox-link-m-1-3 {
  width: 100%;
  height: 100%;
}

.man--grid {
  grid-column-gap: 45px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1.5fr;
  grid-auto-flow: column;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.button-2 {
  background-color: var(--accent);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 12px 25px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-2:active {
  background-color: #43464d;
}

.button-2.m-hidd {
  cursor: pointer;
  border-radius: 70px;
  padding: 15px 30px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.button-2.m-hidd:hover {
  background-color: var(--recred);
}

.logo-2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.logo-2.minusmargin {
  margin-top: -1px;
  margin-bottom: -30px;
  margin-left: -10px;
}

.obsah-sl-01 {
  background-image: url('../images/h3_1.avif');
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.youtube {
  border-radius: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

.right-arrow {
  inset: 0% 0% 0% auto;
}

.obal---male-medajlonky {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mini-med {
  background-color: var(--accent-light);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  padding: 32px 28px 21px;
  display: flex;
}

.text-block-2 {
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.4;
}

.nadp-med {
  color: var(--accent);
  text-align: center;
  padding-top: 0;
  padding-bottom: 10px;
  font-family: Yeseva One, sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.1;
}

.zahradni-technika {
  background-color: var(--100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  display: flex;
  position: relative;
}

.text-pic-grid {
  grid-column-gap: 45px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1.5fr;
  grid-auto-flow: column;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.husqwarna---medajlonek {
  margin-bottom: 140px;
}

.lightbox-link-husq-1 {
  width: 100%;
  height: 100%;
}

.text-block-3 {
  color: var(--600);
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1.9em;
  font-family: Yeseva One, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
}

.zahradnictv-hobby-markety, .zahradni-naradi {
  background-color: var(--100);
  flex-flow: column;
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  display: flex;
  position: relative;
}

.vybaveni-zahrady {
  background-color: var(--100);
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  position: relative;
}

.bydleni-a-stavba {
  background-color: var(--100);
  flex-flow: column;
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  display: flex;
  position: relative;
}

.hobby {
  background-color: var(--100);
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  position: relative;
}

.zvirata {
  background-color: var(--100);
  flex-flow: column;
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  display: flex;
  position: relative;
}

.zdravi {
  background-color: var(--100);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  display: flex;
  position: relative;
}

.udrzitelnost {
  background-color: var(--100);
  max-width: 1050px;
  margin-bottom: 60px;
  padding: 40px;
  position: relative;
}

.slider-compo {
  border-radius: 20px;
  height: 700px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.wrapper-slider-compo {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.obsah-sl-02-01 {
  background-image: url('../images/compo-1n.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox---compo--01 {
  width: 100%;
  height: 100%;
}

.obsah-sl-02-02 {
  background-image: url('../images/compo-3n.avif');
  background-position: 60%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox---compo--02 {
  width: 100%;
  height: 100%;
}

.obsah-sl-02-03 {
  background-image: url('../images/compo-4n.avif');
  background-position: 100%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox---compo--03 {
  width: 100%;
  height: 100%;
}

.obsah-sl-02-04 {
  background-image: url('../images/compo-2n.avif');
  background-position: 60%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox---compo--04 {
  width: 100%;
  height: 100%;
}

.obsah-sl-02-05 {
  background-image: url('../images/compo_600x400_5.avif');
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox---compo--05 {
  width: 100%;
  height: 100%;
}

.forestina-grid {
  grid-column-gap: 45px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1.5fr 1fr;
  grid-auto-flow: column;
  align-items: center;
  max-width: 1200px;
  margin: 90px auto 140px;
  position: relative;
}

.obal---male-medajlonky-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-9 {
  border-radius: 20px;
  width: 720px;
  margin: 0 auto 40px;
  overflow: hidden;
}

.slider-forestina {
  background-color: var(--100);
  border-radius: 20px;
  height: 680px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obsah-sl-03-01 {
  background-image: url('../images/foto_areál-Mnichov-budova-s_1.avif');
  background-position: 70%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-03-02 {
  background-image: url('../images/foto_areál-Horazdovice-s.avif');
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-03-03 {
  background-image: url('../images/produkt_Hosticky_hnuj_6kg-lr_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.obsah-sl-03-04 {
  background-image: url('../images/produkt_Hosticky-substrat-zahradnicky-70l-20200116-m.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.lightbox---forestina-01, .lightbox---forestina-02, .lightbox---forestina-03, .lightbox---forestina-04 {
  width: 100%;
  height: 100%;
}

.wrapper-slider-moravo {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.slider-moravoseed {
  border-radius: 20px;
  height: 700px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.lightbox---moravoseed-01, .lightbox---moravoseed-02, .lightbox---moravoseed-03, .lightbox---moravoseed-04, .lightbox---moravoseed-05 {
  width: 100%;
  height: 100%;
}

.obsah-sl-04-01 {
  background-image: url('../images/moravoseed-1_1.avif');
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-04-02 {
  background-image: url('../images/Předpěstování-sadby-1.avif');
  background-position: 30%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-04-03 {
  background-image: url('../images/Sklad-osiv.avif');
  background-position: 23%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-04-04 {
  background-image: url('../images/Test-klíčivosti.avif');
  background-position: 60%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.obsah-sl-02-05-copy {
  background-image: url('../images/Molekulární-laboratoř.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.link-2 {
  color: var(--accent);
}

.slider-titan {
  background-color: var(--100);
  border-radius: 20px;
  height: 700px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obsah-sl-titan-1 {
  background-image: url('../images/Tango-PLUS-23-f.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.obsah-sl-titan-2 {
  background-image: url('../images/Sedlacka-lazura.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.obsah-sl-titan-3 {
  background-image: url('../images/Sedlacka-24.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.obsah-sl-titan-4 {
  background-image: url('../images/Lazurit-PLUS.-23.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.obsah-sl-tian-5 {
  background-image: url('../images/rocko.avif');
  background-position: 30%;
  background-size: cover;
  width: 100%;
  height: 700px;
}

.lightbox-link-tit-01, .lightbox-link-tit-2, .lightbox-link-tit-3, .lightbox-link-tit-4, .lightbox-link-titan-5 {
  width: 100%;
  height: 100%;
}

.table-holder {
  z-index: 0;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.wrapper-slider-detecha {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.slider-detecha {
  background-color: var(--100);
  border-radius: 20px;
  height: 600px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obsah-sl-detecha-1 {
  background-image: url('../images/IReceptar-Poctive-inz-800x600.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.obsah-sl-detecha-2 {
  background-image: url('../images/IReceptar-Karbolineum-inz-800x600.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.obsah-sl-detecha-3 {
  background-image: url('../images/IReceptar-Detastop-800x600.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.obsah-sl-detecha-4 {
  background-image: url('../images/IReceptar-Superkov-inz-800x600.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.obsah-sl-detecha-5 {
  background-image: url('../images/IReceptar-Epoxyban-inz-800x600.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.lb-link-detecha-1, .lb-link-detecha-2, .lb-link-detecha-3, .lb-link-detecha-4, .lb-link-detecha-5 {
  width: 100%;
  height: 100%;
}

.slider-dm {
  background-color: var(--100);
  border-radius: 20px;
  height: 500px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obsah-sl-dm-01 {
  background-image: url('../images/banner_600x400_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
}

.obsah-sl-dm-02 {
  background-image: url('../images/banner_600x400_2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
}

.obsah-sl-dm-03 {
  background-image: url('../images/banner_600x400_3N.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
}

.obsah-sl-dm-04 {
  background-image: url('../images/banner_600x400_medailonek_3.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
}

.lightbox-link-dm-1, .lightbox-link-dm-2, .lightbox-link-dm-3, .lightbox-link-dm-4 {
  width: 100%;
  height: 100%;
}

.obal-ceny {
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  max-width: 1119px;
  margin: 20px auto;
  display: flex;
}

.cena-1 {
  background-color: var(--100);
  color: var(--900);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 31%;
  padding: 20px 20px 34px;
  display: flex;
  position: relative;
}

.div-block {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.heading-cena {
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
}

.div-block-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.obal-ceny-2radek {
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cena-50 {
  background-color: var(--100);
  color: var(--900);
  justify-content: center;
  align-items: center;
  width: 31%;
  padding: 30px 20px 20px;
  display: flex;
  position: relative;
}

.cena-50-copy {
  background-color: var(--100);
  color: var(--900);
  justify-content: center;
  align-items: center;
  width: 64%;
  padding: 20px;
  display: flex;
  position: relative;
}

.div-block-3 {
  width: 80%;
}

.link-3 {
  color: var(--accent);
  text-align: center;
  width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.button-mobil {
  background-color: var(--accent);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 12px 25px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: none;
}

.button-mobil:hover {
  color: #fff;
  background-color: #32343a;
}

.button-mobil:active {
  background-color: #43464d;
}

.logo-receptar-mobil {
  width: 200px;
  margin-top: -130px;
  margin-right: 20px;
  display: none;
  position: absolute;
  top: 0%;
  left: auto;
  right: 0%;
}

.hlasovaci-sekce {
  background-color: var(--accent-light);
  color: var(--900);
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-vyherci-obal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 1000px;
  max-width: 1200px;
  margin-top: 1rem;
  display: grid;
}

.obal-vyherce {
  background-color: var(--accent-light);
  text-align: center;
  border-radius: 20px;
  padding: 1.3rem;
}

.vitezove-klienti {
  justify-content: center;
  align-items: center;
  display: none;
}

.text-span-5 {
  font-size: 2.7rem;
}

.aboslutn-vitez {
  background-color: var(--accent-light);
  border-radius: 30px;
  width: 800px;
  margin-top: 100px;
  margin-bottom: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.heading-vitez {
  color: var(--accent);
  text-align: center;
  border-radius: 30px;
  font-family: Geist;
  font-size: 2.1rem;
}

.paragraph-vitez {
  text-align: center;
  width: 470px;
  margin: 1.1rem auto 0;
  font-family: Geist;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
}

.lottie-animation {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-6 {
  color: var(--900);
  font-size: 1.5rem;
  font-weight: 700;
}

.image-10 {
  width: 150px;
  padding-top: 15px;
}

.div-block-5 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.kat {
  color: var(--accent);
  font-size: 1rem;
  font-weight: 600;
}

.heading-uvod {
  color: var(--700);
  margin-bottom: .6rem;
  font-family: Yeseva One, sans-serif;
  font-size: 1.8rem;
  line-height: 1.7;
}

.vid--hero-wrap {
  z-index: 400;
  width: 700px;
  height: 100%;
  position: absolute;
  inset: 0% 7% 0% auto;
}

.background-video {
  background-image: linear-gradient(-90deg, #d1dfe8, #fff0 15%), linear-gradient(90deg, #d1dfe8, #fff0 17%);
  height: 700px;
}

.div-block-6 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.heading-cena-subtext {
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.image-11 {
  z-index: 10000;
  width: 120px;
  position: absolute;
  inset: 4% 0% auto auto;
}

.text-block-5 {
  font-family: Work Sans, sans-serif;
}

.container-large-harm {
  z-index: 4;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer-sec {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8rem 5rem;
  display: flex;
}

.uvod-sekce {
  padding-top: 98px;
  padding-bottom: 98px;
}

.obal-text-uvod {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-in-text {
  border: 1px solid var(--600);
  background-color: var(--100);
  color: var(--600);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 6.25rem;
  flex: none;
  min-height: 3.5rem;
  margin-top: 42px;
  padding: 1rem 1.75rem;
  font-family: Work Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: all .3s, transform .25s, opacity .25s;
}

.button-in-text:hover {
  border-color: var(--recred);
  background-color: var(--accent);
  opacity: 1;
  color: var(--100);
}

.button-in-text:active {
  transform: scale(.98);
}

.image-kap-uvod {
  border-radius: 20px;
  width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.nadpis-medajlonek-big {
  color: var(--900);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Yeseva One, sans-serif;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.text-span-7 {
  white-space: nowrap;
  word-break: normal;
}

.obal-text-hlasovani {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.div-block-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.obsah-sl-gardena-01 {
  background-image: url('../images/CB-450654.avif');
  background-position: 30%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lightbox---gardena-01 {
  width: 100%;
  height: 100%;
}

.obsah-sl-gardena-02 {
  background-image: url('../images/CG-178218.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lightbox---gardena-02 {
  width: 100%;
  height: 100%;
}

.obsah-sl-gardena-03 {
  background-image: url('../images/WU-215962.avif');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lightbox---gardena-03 {
  width: 100%;
  height: 100%;
}

.obsah-sl-gardena-04 {
  background-image: url('../images/LY-762651.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lightbox---gardena-04 {
  width: 100%;
  height: 100%;
}

.wrapper-slider-gardena {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.gardena-grid {
  grid-column-gap: 45px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr;
  grid-auto-flow: column;
  align-items: center;
  max-width: 1200px;
  margin: 90px auto 140px;
  position: relative;
}

.slider-gardena {
  background-color: var(--100);
  border-radius: 20px;
  height: 490px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obal---male-medajlonky-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.slider-druchema {
  background-color: var(--100);
  border-radius: 20px;
  height: 600px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.obsah-sl-detecha-1-copy {
  background-image: url('../images/motiv---600-x-400-px.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.lb-link-detecha-1-copy {
  width: 100%;
  height: 100%;
}

.obsah-sl-detecha-2-copy {
  background-image: url('../images/Herkules-komplet.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.lb-link-detecha-2-copy {
  width: 100%;
  height: 100%;
}

.obsah-sl-detecha-3-copy {
  background-image: url('../images/Herkules-30-g.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.lb-link-detecha-3-copy {
  width: 100%;
  height: 100%;
}

.obsah-sl-detecha-4-copy {
  background-image: url('../images/Herkules-130-g.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
}

.lb-link-detecha-4-copy {
  width: 100%;
  height: 100%;
}

.sokrates---medajlonek-copy {
  margin-bottom: 140px;
}

.wrapper-slider-sokrates {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 3.5rem;
  }

  .paragraph.large._600px {
    width: 85%;
  }

  .heading.medium.center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading.extra-large {
    font-size: 4rem;
  }

  .heading.large {
    font-size: 2.5rem;
  }

  .section {
    width: 100%;
    padding: 6rem 4rem;
  }

  .section.overflow-hidden {
    padding-top: 3rem;
  }

  .nav-link {
    margin: .25rem 0;
  }

  .nav-menu {
    border-bottom: .0625rem solid var(--400);
    background-color: var(--100);
    align-items: flex-start;
    width: 100vw;
    min-width: 100vw;
    margin-right: 0;
    padding: 1rem 3.125rem 2rem;
  }

  .nav-container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .footer-link {
    text-align: center;
  }

  .button {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
  }

  .grid-footer-bottom {
    flex-flow: column;
  }

  .social-proof-logos-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-menu-button {
    flex-direction: row;
    justify-content: center;
    margin-left: 1rem;
    margin-right: -.5rem;
    padding: 0;
    display: flex;
  }

  .nav-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon-line-bottom {
    background-color: var(--900);
    border-radius: .0625rem;
    width: 1.75rem;
    height: .1875rem;
    margin-top: .25rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-top {
    background-color: var(--900);
    border-radius: .0625rem;
    width: 1.75rem;
    height: .1875rem;
    margin-bottom: .25rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .card-item {
    padding: 2.5rem;
  }

  .footer-column {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .hero-image-wrapper {
    top: 120px;
  }

  .header-description {
    margin-right: 4rem;
  }

  .button-secondary {
    position: relative;
  }

  .footer-flex-container-top {
    flex-flow: column;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
  }

  .partners-layout {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .footer-column-logo {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .obal-podmenu-kategorie {
    grid-template-columns: 1fr 1fr 1fr;
    width: 85%;
    height: auto;
  }

  .obal-harmonogram-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .pece-o-zahradu {
    max-width: 740px;
  }

  .paragraph-light {
    text-align: left;
  }

  .man--grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .button-2 {
    justify-content: center;
  }

  .button-2.m-hidd {
    display: none;
  }

  .obal---male-medajlonky {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .mini-med {
    width: 210px;
  }

  .zahradni-technika {
    max-width: 740px;
    margin-top: 10px;
  }

  .text-pic-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .husqwarna---medajlonek {
    width: 100%;
  }

  .zahradnictv-hobby-markety, .zahradni-naradi, .vybaveni-zahrady, .bydleni-a-stavba, .hobby, .zvirata, .zdravi, .udrzitelnost {
    max-width: 740px;
  }

  .forestina-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .obal---male-medajlonky-5 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .obal-ceny {
    flex-flow: column;
  }

  .cena-1 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .obal-ceny-2radek {
    flex-flow: column;
  }

  .cena-50, .cena-50-copy {
    width: 100%;
    margin-bottom: 20px;
  }

  .button-mobil {
    justify-content: center;
    margin-top: -35px;
    margin-bottom: 45px;
    display: flex;
  }

  .logo-receptar-mobil {
    display: none;
  }

  .grid-vyherci-obal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: 600px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .obal-vyherce {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .aboslutn-vitez {
    width: 700px;
  }

  .kat {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  .footer-sec {
    width: 100%;
    padding: 6rem 4rem;
  }

  .button-in-text {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
  }

  .gardena-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .obal---male-medajlonky-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sokrates---medajlonek-copy {
    width: 100%;
  }
}

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

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  .heading.medium {
    font-size: 2rem;
  }

  .heading.extra-large {
    font-size: 3.25rem;
  }

  .heading.large {
    font-size: 2.5rem;
  }

  .section {
    padding: 5rem 3rem;
  }

  .section.banner {
    display: block;
  }

  .container-large {
    width: 100%;
  }

  .nav-link.w--current {
    background-position: 0%;
  }

  .nav-menu {
    border-right: .0625rem solid var(--300);
    background-color: var(--100);
    -webkit-backdrop-filter: blur(.375rem);
    backdrop-filter: blur(.375rem);
    margin-right: 0;
  }

  .nav-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .logo-wrapper {
    display: flex;
  }

  .grid-footer-bottom {
    flex-flow: column wrap;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .social-proof-logos-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-item.large {
    padding: 3rem;
  }

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

  .footer-column.right {
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-image-wrapper {
    aspect-ratio: 16 / 9;
    width: 93vw;
    min-width: 93vw;
    top: 0;
  }

  .header-description-wrapper {
    width: 100%;
  }

  .header-content-bottom {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .header-description {
    margin-right: 0;
  }

  .footer-flex-container-top {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

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

  .spacer-24, .spacer-32 {
    height: 2.5rem;
  }

  .spacer-64, .spacer-80 {
    width: 3.5rem;
    height: 3.5rem;
  }

  .footer-column-logo {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .obal-podmenu-kategorie {
    height: auto;
  }

  .obal-harmonogram-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pece-o-zahradu {
    max-width: 100%;
  }

  .man--grid {
    width: 500px;
  }

  .button-2.m-hidd {
    display: none;
  }

  .obal---male-medajlonky {
    grid-template-columns: 1fr 1fr;
    place-content: center;
    max-width: 550px;
  }

  .mini-med {
    width: 230px;
  }

  .zahradni-technika {
    max-width: 100%;
    margin-top: 20px;
  }

  .text-pic-grid {
    max-width: 550px;
  }

  .obal---male-medajlonky-5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .table-holder {
    width: 100%;
  }

  .button-mobil {
    width: 350px;
    margin: -45px auto 45px;
    display: flex;
  }

  .logo-receptar-mobil {
    display: none;
  }

  .grid-vyherci-obal {
    min-width: 500px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .aboslutn-vitez {
    width: 500px;
  }

  .heading-vitez {
    font-size: 1.9rem;
  }

  .paragraph-vitez {
    width: 430px;
  }

  .container-large-harm {
    width: 100%;
  }

  .footer-sec {
    padding: 5rem 3rem;
  }

  .obal---male-medajlonky-6 {
    grid-template-columns: 1fr 1fr;
    place-content: center;
    max-width: 550px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.625rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: .875rem;
  }

  p {
    font-size: .9375rem;
  }

  li {
    padding-left: .75rem;
  }

  blockquote {
    padding-left: 1.5rem;
  }

  .text-input {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
  }

  .paragraph {
    font-size: 1.1rem;
  }

  .paragraph.large {
    font-size: 1.0625rem;
  }

  .paragraph.large._600px {
    font-size: 1.1rem;
  }

  .paragraph.large.white {
    width: 80%;
  }

  .paragraph.perex-hero {
    font-size: 1.0625rem;
  }

  .heading.medium {
    font-size: 1.75rem;
  }

  .heading.medium.center {
    width: 100%;
    font-size: 2.4rem;
    line-height: .9;
  }

  .heading.medium.center.smaller {
    font-size: 1.8rem;
  }

  .heading.extra-large {
    font-size: 2.5rem;
  }

  .heading.extra-large.center {
    font-size: 2.2rem;
  }

  .heading.extra-large.center.mobil-small {
    margin-bottom: 1.3rem;
    font-size: 1.6rem;
  }

  .heading.extra-large.center.mobil-small.white {
    font-size: 2.1rem;
  }

  .heading.large {
    font-size: 2.125rem;
  }

  .section {
    padding: 3.5rem 2.5rem;
  }

  .section.accent, .section.accent-light.no-padd {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section.overflow-hidden {
    padding-bottom: 16.6rem;
    overflow: hidden;
  }

  .section.vyhra {
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-menu {
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }

  .nav-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .footer-link {
    font-size: .875rem;
  }

  .button {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .9rem;
  }

  .text-color-700 {
    font-size: .875rem;
  }

  .grid-footer-bottom {
    grid-template-columns: 1fr;
  }

  .social-proof-logos-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 1.25rem;
  }

  .card-item {
    border-radius: 1rem;
    padding: 2rem;
  }

  .card-item.large {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 1rem;
  }

  .footer-column {
    grid-column-gap: 1.25rem;
    grid-row-gap: .5rem;
  }

  .header-content-top {
    padding-top: 85px;
    position: relative;
  }

  .hero-image {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .corner-cuts-wrapper.text-color-accent, .corner-cuts-wrapper.text-color-accent-light {
    display: none;
  }

  .header-description {
    padding-right: 0;
  }

  .corner-cut-header {
    display: none;
  }

  .button-secondary {
    font-size: 1rem;
  }

  .button-secondary.small.hide-mobile-portrait {
    display: none;
  }

  .footer-flex-container-top {
    grid-row-gap: 1.5rem;
    grid-auto-columns: 1fr;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }

  .spacer-24 {
    height: 1.1rem;
  }

  .spacer-64, .spacer-80 {
    width: 3rem;
    height: 3rem;
  }

  .footer-column-logo {
    grid-column-gap: 1.25rem;
    grid-row-gap: .5rem;
  }

  .logo-receptar {
    width: 100px;
    margin-top: -580px;
    margin-right: 30px;
    display: none;
    inset: 0% 0% auto auto;
  }

  .obal-podmenu-kategorie {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-columns: 1fr 1fr;
  }

  .text-block {
    font-size: .8rem;
  }

  .obal-harmonogram-grid {
    grid-template-columns: 1fr;
  }

  .pece-o-zahradu {
    border-radius: 20px;
    width: 90%;
  }

  .home-section-wrap {
    margin-bottom: 0;
  }

  .section-heading {
    text-align: left;
    font-size: 1.4rem;
  }

  .section-heading.mensi {
    font-size: 1.2rem;
    line-height: 27px;
  }

  .obsah-sl-01-01 {
    background-position: 0%;
    height: 100%;
  }

  .slider-menhart {
    height: 260px;
    margin-top: 25px;
  }

  .obsah-sl-01-2 {
    height: 100%;
  }

  .icon {
    margin-left: 0;
    font-size: 45px;
  }

  .obsah-sl-01-3 {
    height: 100%;
  }

  .icon-2 {
    margin-right: 0;
    font-size: 45px;
    right: 0;
  }

  .wrapper-slider-01 {
    margin-top: -65px;
  }

  .paragraph-light {
    text-align: left;
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .man--grid {
    flex-flow: column;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
  }

  .button-2 {
    text-align: center;
  }

  .button-2.m-hidd {
    vertical-align: baseline;
    display: none;
  }

  .logo-2 {
    margin-top: 10px;
    margin-left: 0;
    margin-right: auto;
  }

  .obsah-sl-01 {
    height: 100%;
  }

  .youtube {
    margin-bottom: 20px;
  }

  .obal---male-medajlonky {
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .mini-med {
    flex-flow: column;
  }

  .zahradni-technika {
    border-radius: 20px;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-pic-grid {
    flex-flow: column;
    display: flex;
  }

  .husqwarna---medajlonek {
    margin-bottom: 10px;
  }

  .zahradnictv-hobby-markety, .zahradni-naradi {
    border-radius: 20px;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .vybaveni-zahrady {
    border-radius: 20px;
    width: 90%;
  }

  .bydleni-a-stavba, .hobby, .zvirata, .zdravi {
    border-radius: 20px;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .udrzitelnost {
    border-radius: 20px;
    width: 90%;
  }

  .slider-compo {
    height: 260px;
  }

  .wrapper-slider-compo {
    order: 1;
    margin-bottom: 20px;
  }

  .obsah-sl-02-01 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-02-02, .obsah-sl-02-03, .obsah-sl-02-04, .obsah-sl-02-05 {
    height: 100%;
  }

  .forestina-grid {
    flex-flow: column;
    margin-top: 40px;
    margin-bottom: 0;
    display: flex;
  }

  .obal---male-medajlonky-5 {
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slider-forestina {
    height: 250px;
    margin-top: -35px;
    margin-bottom: 10px;
  }

  .obsah-sl-03-01 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-03-02, .obsah-sl-03-03, .obsah-sl-03-04 {
    height: 100%;
  }

  .wrapper-slider-moravo {
    margin-top: -20px;
    margin-bottom: 20px;
  }

  .slider-moravoseed {
    height: 250px;
  }

  .obsah-sl-04-01 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-04-02, .obsah-sl-04-03, .obsah-sl-04-04, .obsah-sl-02-05-copy {
    height: 100%;
  }

  .slider-titan {
    height: 260px;
    margin-top: 25px;
  }

  .obsah-sl-titan-1 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-titan-2, .obsah-sl-titan-3, .obsah-sl-titan-4, .obsah-sl-tian-5 {
    height: 100%;
  }

  .wrapper-slider-detecha {
    margin-top: -65px;
  }

  .slider-detecha {
    height: 250px;
  }

  .obsah-sl-detecha-1 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-detecha-2, .obsah-sl-detecha-3, .obsah-sl-detecha-4, .obsah-sl-detecha-5 {
    height: 100%;
  }

  .slider-dm {
    height: 250px;
  }

  .obsah-sl-dm-01 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-dm-02, .obsah-sl-dm-03, .obsah-sl-dm-04 {
    height: 100%;
  }

  .cena-1 {
    border-radius: 20px;
  }

  .heading-cena {
    font-size: 1.5rem;
  }

  .cena-50, .cena-50-copy {
    border-radius: 20px;
  }

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

  .link-3 {
    width: 100%;
    line-height: 1.7;
  }

  .button-mobil {
    text-align: center;
    border-radius: 40px;
    margin-top: 0;
    margin-bottom: 60px;
    font-family: Work Sans, sans-serif;
    font-weight: 300;
    display: flex;
  }

  .logo-receptar-mobil {
    width: 100px;
    margin-top: -20px;
    margin-right: -25px;
    display: flex;
    inset: 0% 0% auto auto;
  }

  .grid-vyherci-obal {
    min-width: 300px;
    max-width: 300px;
    margin-left: auto;
  }

  .obal-vyherce {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .aboslutn-vitez {
    width: 290px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-vitez {
    width: auto;
    font-size: 1.1rem;
  }

  .div-block-5 {
    width: auto;
  }

  .heading-uvod {
    font-size: 1.4rem;
  }

  .vid--hero-wrap {
    width: 100%;
    height: 300px;
    inset: auto 0% 0%;
  }

  .background-video {
    height: 300px;
  }

  .heading-cena-subtext {
    font-size: 1.5rem;
  }

  .image-11 {
    display: none;
  }

  .footer-sec {
    padding: 3.5rem 2.5rem;
  }

  .obal-text-uvod {
    width: 80%;
  }

  .button-in-text {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .9rem;
  }

  .nadpis-medajlonek-big {
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .obal-text-hlasovani {
    width: 90%;
  }

  .obsah-sl-gardena-01 {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-gardena-02, .obsah-sl-gardena-03, .obsah-sl-gardena-04 {
    height: 100%;
  }

  .wrapper-slider-gardena {
    order: 1;
    margin-bottom: 20px;
  }

  .gardena-grid {
    flex-flow: column;
    margin-top: 40px;
    margin-bottom: 0;
    display: flex;
  }

  .slider-gardena {
    height: 250px;
    margin-top: -35px;
    margin-bottom: 10px;
  }

  .obal---male-medajlonky-6 {
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .slider-druchema {
    height: 250px;
  }

  .obsah-sl-detecha-1-copy {
    background-position: 0%;
    height: 100%;
  }

  .obsah-sl-detecha-2-copy, .obsah-sl-detecha-3-copy, .obsah-sl-detecha-4-copy {
    height: 100%;
  }

  .text-block-6 {
    font-family: Work Sans, sans-serif;
    font-weight: 300;
  }

  .text-block-7, .text-block-8, .text-block-9, .text-block-10, .text-block-11, .text-block-12, .text-block-13, .text-block-14 {
    font-size: .8rem;
  }

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

  .sokrates---medajlonek-copy {
    margin-bottom: 10px;
  }

  .wrapper-slider-sokrates {
    margin-top: -65px;
  }
}

#w-node-b5ce9ca9-9795-d3ad-ee8f-2334c1b71dae-448932ff {
  justify-self: center;
}

#w-node-b5ce9ca9-9795-d3ad-ee8f-2334c1b71db8-448932ff {
  justify-self: end;
}

#w-node-_05c97b58-b1ac-eabe-afbc-3861dce3b03d-448932ff, #w-node-ea2abd82-4321-adbd-c086-de981a476235-448932ff {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_550f1d65-508e-2b34-f3c5-91961ad06a65-448932ff {
  place-self: center;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee000-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee010-448932ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1c1-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1b5-448932ff {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12169-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12175-448932ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee02b-448932ff, #w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee030-448932ff, #w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee035-448932ff {
  justify-self: center;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee03a-448932ff {
  place-self: center;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee03f-448932ff {
  justify-self: center;
}

#w-node-_6fbc2773-f372-6664-b4a2-83e5cb3d6012-448932ff, #w-node-_3b40eeaa-1de1-17d7-4c41-2bd83d6d61ae-448932ff {
  place-self: center;
}

#w-node-_197640ef-6e79-6f77-62a8-63e0a656a8ad-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_197640ef-6e79-6f77-62a8-63e0a656a8c1-448932ff {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc56d-448932ff, #w-node-_9b154ef3-080a-b89f-efc4-48a063c0af5b-448932ff {
  place-self: center;
}

#w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc547-448932ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc537-448932ff, #w-node-_99f46502-d152-ad7a-09ba-6f2ce1361eff-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_99f46502-d152-ad7a-09ba-6f2ce1361f0f-448932ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8d6358a3-2989-02ad-af27-2e953d0475db-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8d6358a3-2989-02ad-af27-2e953d0475ea-448932ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6f0ca32d-9cdf-c86a-156b-6d21122293f2-448932ff, #w-node-_44f12044-4256-6445-e709-f672046be10e-448932ff {
  place-self: center;
}

#w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35dff-448932ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e0f-448932ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e35-448932ff {
  place-self: center;
}

#w-node-fe1141ca-2802-9366-a369-332a5c411487-448932ff, #w-node-_7c995d15-ec16-8ba7-e66a-5c16b9fbd3d4-448932ff, #w-node-f7ef3d2e-7a3e-ed28-5ba1-4f3f5a0763f3-448932ff {
  place-self: start center;
}

#w-node-fe97a256-0f68-9361-0c32-b17b56734e82-448932ff {
  place-self: center;
}

#w-node-_36e5f1c0-90b7-2f32-e03b-1cd41a8cc37b-448932ff {
  place-self: start center;
}

#w-node-abad23f6-3206-d95e-518e-2548f4c4699b-f4c46996 {
  justify-self: center;
}

#w-node-abad23f6-3206-d95e-518e-2548f4c469b0-f4c46996 {
  justify-self: end;
}

#w-node-_2afd3faf-73a0-55ac-580e-c33a9afe7f57-d9e3b064 {
  justify-self: center;
}

#w-node-_2afd3faf-73a0-55ac-580e-c33a9afe7f61-d9e3b064 {
  justify-self: end;
}

#w-node-_05c97b58-b1ac-eabe-afbc-3861dce3b03d-d9e3b064, #w-node-_7586c490-d108-eb40-4ef7-3a9b9eba7483-d9e3b064, #w-node-ea2abd82-4321-adbd-c086-de981a476235-d9e3b064 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b53ed9b1-0a5a-b85f-843a-7347d1c5a9c3-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b53ed9b1-0a5a-b85f-843a-7347d1c5a9d9-d9e3b064 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_550f1d65-508e-2b34-f3c5-91961ad06a65-d9e3b064 {
  place-self: center;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee000-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee010-d9e3b064 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1c1-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1b5-d9e3b064 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12169-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12175-d9e3b064 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee03a-d9e3b064, #w-node-_6fbc2773-f372-6664-b4a2-83e5cb3d6012-d9e3b064, #w-node-_3b40eeaa-1de1-17d7-4c41-2bd83d6d61ae-d9e3b064 {
  place-self: center;
}

#w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc537-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc547-d9e3b064 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc56d-d9e3b064, #w-node-_9b154ef3-080a-b89f-efc4-48a063c0af5b-d9e3b064 {
  place-self: center;
}

#w-node-_99f46502-d152-ad7a-09ba-6f2ce1361eff-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_99f46502-d152-ad7a-09ba-6f2ce1361f0f-d9e3b064 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_99f46502-d152-ad7a-09ba-6f2ce1361f35-d9e3b064, #w-node-_6f0ca32d-9cdf-c86a-156b-6d21122293f2-d9e3b064, #w-node-_44f12044-4256-6445-e709-f672046be10e-d9e3b064 {
  place-self: center;
}

#w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35dff-d9e3b064 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e0f-d9e3b064 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e35-d9e3b064 {
  place-self: center;
}

#w-node-fe1141ca-2802-9366-a369-332a5c411487-d9e3b064, #w-node-_7c995d15-ec16-8ba7-e66a-5c16b9fbd3d4-d9e3b064, #w-node-f7ef3d2e-7a3e-ed28-5ba1-4f3f5a0763f3-d9e3b064 {
  place-self: start center;
}

#w-node-fe97a256-0f68-9361-0c32-b17b56734e82-d9e3b064 {
  place-self: center;
}

#w-node-_36e5f1c0-90b7-2f32-e03b-1cd41a8cc37b-d9e3b064 {
  place-self: start center;
}

@media screen and (max-width: 991px) {
  #w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee000-448932ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee010-448932ff, #w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1c1-448932ff {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1b5-448932ff, #w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12169-448932ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12175-448932ff, #w-node-_197640ef-6e79-6f77-62a8-63e0a656a8ad-448932ff {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_197640ef-6e79-6f77-62a8-63e0a656a8c1-448932ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc547-448932ff {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc537-448932ff, #w-node-_99f46502-d152-ad7a-09ba-6f2ce1361eff-448932ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_99f46502-d152-ad7a-09ba-6f2ce1361f0f-448932ff {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_8d6358a3-2989-02ad-af27-2e953d0475db-448932ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8d6358a3-2989-02ad-af27-2e953d0475ea-448932ff {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35dff-448932ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e0f-448932ff {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b53ed9b1-0a5a-b85f-843a-7347d1c5a9c3-d9e3b064 {
    order: -9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b53ed9b1-0a5a-b85f-843a-7347d1c5a9d9-d9e3b064 {
    order: 9999;
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee000-d9e3b064 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9e94c421-e4db-bfc3-5e5c-d8643bfee010-d9e3b064, #w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1c1-d9e3b064 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7fc485c2-1bc0-35b2-475b-f4b72a74c1b5-d9e3b064, #w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12169-d9e3b064 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_24f86ca4-1918-d3f2-c756-f24cb0b12175-d9e3b064 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc537-d9e3b064 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4857cf87-51f7-7059-dd6e-ae2e2b7fc547-d9e3b064 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_99f46502-d152-ad7a-09ba-6f2ce1361eff-d9e3b064 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_99f46502-d152-ad7a-09ba-6f2ce1361f0f-d9e3b064 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35dff-d9e3b064 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e0f-d9e3b064 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e30-448932ff, #w-node-dc1b4651-e17d-54ec-8ae3-7cdf65d35e30-d9e3b064 {
    align-self: center;
  }
}