/* -------------- SHOWROOM ----------- */
.showroom {
  width: 100%;
}

.showroom .show-block {
  width: 100%;
  position: sticky;
  top: 0;
}

.showroom .show-block:nth-child(1) {
  z-index: 10;
}
.showroom .show-block:nth-child(2) {
  z-index: 20;
}
.showroom .show-block:nth-child(3) {
  z-index: 30;
}
.showroom .show-block:nth-child(4) {
  z-index: 40;
}
.showroom .show-block:nth-child(5) {
  z-index: 50;
}
.showroom .show-block:nth-child(6) {
  z-index: 60;
}
.showroom .show-block:nth-child(7) {
  z-index: 70;
}
.showroom .show-block:nth-child(8) {
  z-index: 80;
}
.showroom .show-block:nth-child(9) {
  z-index: 90;
}
.showroom .show-block:nth-child(10) {
  z-index: 100;
}
.showroom .show-block:nth-child(11) {
  z-index: 110;
}
.showroom .show-block:nth-child(12) {
  z-index: 120;
}
.showroom .show-block:nth-child(13) {
  z-index: 130;
}
.showroom .show-block:nth-child(14) {
  z-index: 140;
}
.showroom .show-block:nth-child(15) {
  z-index: 150;
}
.showroom .show-block:nth-child(16) {
  z-index: 160;
}
.showroom .show-block:nth-child(17) {
  z-index: 170;
}
.showroom .show-block:nth-child(18) {
  z-index: 180;
}
.showroom .show-block:nth-child(19) {
  z-index: 190;
}
.showroom .show-block:nth-child(20) {
  z-index: 200;
}

.showroom .show-block video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: 80%;
  z-index: -1;
  filter: brightness(30%);
}

@media (min-width: 767px) {
  .showroom .show-block video {
    object-position: center;
    filter: brightness(50%);
  }
}
.showroom .show-block video.vpravo {
  width: 100%;
  margin-right: auto;
  transform: translateY(-50%);
  bottom: 0;
  height: auto;
  filter: brightness(100%);
  left: 0;
  right: 0;
  top: auto;
  display: none;
  top: 50%;
}

@media (min-width: 767px) {
  .showroom .show-block video.vpravo {
    display: flex;
    width: 35%;
    margin-right: auto;
    transform: translateY(-50%);
    left: unset;
    right: 5%;
    height: auto;
    filter: brightness(100%);
  }
}
.showroom .show-block .text-overlay {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 3rem;
  z-index: 10;
}

.showroom .show-block .text-overlay h2 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 28px;
  line-height: 34px;
  color: white;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  .showroom .show-block .text-overlay h2 {
    font-size: 60px;
    line-height: 72px;
    padding-bottom: 0;
  }
}
.showroom .show-block .text-overlay p {
  color: #FFF;
  max-width: 100%;
  padding-bottom: 20%;
}

@media (min-width: 767px) {
  .showroom .show-block .text-overlay p {
    max-width: 55%;
    padding-bottom: 0;
  }
}
.whirled-bg-border-cards--cafe {
  margin-top: -80px;
}
.whirled-bg-border-cards--cafe > div {
  background-color: #eae0d0;
}
.whirled-bg-border-cards--cafe::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23eae0d0; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--cafe::before {
    height: 80px;
  }
}
.whirled-bg-border-cards--cafe::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23eae0d0; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--cafe::after {
    height: 80px;
  }
}
.whirled-bg-border-cards--green {
  margin-top: -80px;
}
.whirled-bg-border-cards--green > div {
  background-color: #dbfcf2;
}
.whirled-bg-border-cards--green::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23dbfcf2; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--green::before {
    height: 80px;
  }
}
.whirled-bg-border-cards--green::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23dbfcf2; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--green::after {
    height: 80px;
  }
}
.whirled-bg-border-cards--blue {
  margin-top: -80px;
}
.whirled-bg-border-cards--blue > div {
  background-color: #dce7f9;
}
.whirled-bg-border-cards--blue::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23dce7f9; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--blue::before {
    height: 80px;
  }
}
.whirled-bg-border-cards--blue::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23dce7f9; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--blue::after {
    height: 80px;
  }
}
.whirled-bg-border-cards--red {
  margin-top: -80px;
}
.whirled-bg-border-cards--red > div {
  background-color: #f9dce7;
}
.whirled-bg-border-cards--red::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9dce7; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--red::before {
    height: 80px;
  }
}
.whirled-bg-border-cards--red::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9dce7; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--red::after {
    height: 80px;
  }
}
.whirled-bg-border-cards--yellow {
  margin-top: -80px;
}
.whirled-bg-border-cards--yellow > div {
  background-color: #fff3cc;
}
.whirled-bg-border-cards--yellow::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff3cc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--yellow::before {
    height: 80px;
  }
}
.whirled-bg-border-cards--yellow::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 802.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff3cc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .whirled-bg-border-cards--yellow::after {
    height: 80px;
  }
}
.whirled-bg-border-cards-only-clip {
  clip-path: path('M1175.5,22.72c-151.83,0-151.83,19.17-303.66,19.17s-151.83-19.17-303.66-19.17-151.83,19.17-303.67,19.17C130.33,41.89,99.93-21.03,0,7.36v761.11c99.93-28.39,130.33,34.53,264.51,34.53,151.83,0,151.83-19.17,303.67-19.17s151.83,19.17,303.66,19.17c151.83,0,151.83-19.17,303.66-19.17,137.85,0,159.09-36.35,264.5,3.62V26.33c-105.41-39.97-126.65-3.62-264.5-3.62Z');
  overflow: hidden;
}

.hvezdicka {
  position: relative;
  display: block;
  overflow: hidden;
  clip-path: url(#rosetClip);
}
.hvezdicka img {
  width: 100%;
  height: auto;
}

.show-block h4 {
  font-size: 40px;
  line-height: 40px;
  font-family: "Raleway", sans-serif;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .show-block h4 {
    font-size: 60px;
    line-height: 60px;
    max-width: 80%;
    margin-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .show-block h4 br {
    display: none;
  }
}
.show-block p {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 22px;
  line-height: 26px;
}

/*# sourceMappingURL=blok-zaseknuti-washik.css.map */