@charset "UTF-8";

:root { --highlight: #005f97; --highlight-hover: #005f97; --gray: #f3f3f3; --yellow: #fab800; --yellow-hover: #fbc911; }

*, *::before, *::after {box-sizing: inherit;}
html {box-sizing: border-box;margin: 0;padding: 0;}
html {scroll-behavior: smooth;}
body {margin: 0;padding: 0;min-height: 100vh;display: flex;flex-direction: column;}
body>main {flex: 1;overflow-x:hidden;}
p {margin: 0;padding:0;}

.iconify-icon {font-family: 26px;}

/* Wrappery a helpery pro content */
:root {
    --max-content-width: 1140px;
    --content-max-width: 1140px;
    --content-max-width--extra: calc(var(--content-max-width) / 2);
    --content-padding-left: 0;
    --content-padding-right: 0;
    --content-padding-top: 100px;
    --content-padding-bottom: 100px;
    /* --content-margin-top: 36px; */
    /* --content-margin-bottom: 36px; */
    --content-margin-top: 28px;
    --content-margin-bottom: 28px;
}
.content-max-width {margin-left: auto;margin-right: auto;max-width: var(--content-max-width);}
.content-max-width--extra {max-width: var(--content-max-width--extra, 600px);margin: auto;}
.content-padding-x {padding-left: var(--content-padding-left);padding-right: var(--content-padding-right);}
.content-padding-y {padding-top: var(--content-padding-top);padding-bottom: var(--content-padding-bottom);}
.content-padding-t {padding-top: var(--content-padding-top);}
.content-padding-b {padding-bottom: var(--content-padding-bottom);}
.content-margin-y {margin-top: var(--content-margin-top);margin-bottom: var(--content-margin-bottom);}
.content-margin-t {margin-top: var(--content-margin-top);}
.content-margin-b {margin-bottom: var(--content-margin-bottom);}
.content {margin-left: auto;margin-right: auto;max-width: var(--content-max-width);padding-left: var(--content-padding-left);padding-right: var(--content-padding-right);padding-top: var(--content-padding-top);padding-bottom: var(--content-padding-bottom);}

@media screen and (max-width: 1200px) {
    :root {
        --content-padding-left: 1rem;
        --content-padding-right: 1rem;
    }
    .content-max-width {max-width: 100vw;max-width: 100dvw;}
}
@media screen and (max-width: 600px) {
    :root {
        --content-padding-left: 3%;
        --content-padding-right: 3%;
        --content-margin-top: 1rem;
        --content-margin-bottom: 1rem;
    }
}

/******************************************************************************/

.content-menu {display: grid;grid-template-areas: "menu line text";grid-template-columns: 200px auto 1fr;gap: 1em;}
.content-menu::before {content: "";grid-area: line;display: block;background: currentColor;width: 1px;height: 100%;opacity: .2;}
.content-menu__text {grid-area: text;max-width: 650px;margin:auto;}
.content-menu__left {grid-area: menu;}
.content-menu>div>h1,
.content-menu>div>.h1 {margin-top: 0;}

@media (max-width: 850px) {
    .content-menu {grid-template-columns: 1fr;grid-template-areas: "menu" "line" "text";}
    .content-menu::before {display: none;}
    .content-menu__left {position: relative;}
    .content-menu__left::before {content: "";display: block;position: absolute;left: 0;bottom: -1em;background: currentColor;width: 100%;height: 1px;opacity: .2;}
}
/******************************************************************************/

input, textarea, select { padding: 4px 5px; }
select option[disabled="disabled"] { color: #990033; }
fieldset { background: rgba(230, 230, 230, 0.25); border: 1px solid #dedede; border-radius: 5px; float: left; margin-right: 10px; padding: 5px 10px; }
fieldset legend .fa { color: #aaa; padding: 0 2px; }
fieldset legend .fa:hover { color: #444; }
.input { padding: 7px; width: calc(100% - 16px); }
.select { padding: 7px; width: 100%; }
.submit { padding: 10px; width: 100%; }
.responsive-design { font-size: 1em; }
details summary {cursor: pointer;white-space: nowrap;}

/******************************************************************************/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: oswald; font-size: 1em; }
.custom-combobox-toggle { margin: -2px 0 0 1px; padding: 8px 2px 8px 1px; }

a[href^="tel"] { color: inherit; text-decoration: none; } /*, a[href^="mail"]*/
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }

/******************************************************************************/

.highlight { color: var(--higlight); }
.highlight2 { color: var(--yellow); }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.nc { text-decoration: none; }
.nc:hover { color: #eb2332; color: #1aa9e6; }
.ui-tooltip { background: #444; border: 0; border-radius: 2px; box-shadow: none; color: #fff; font-family: oswald; font-size: 12px; }
.hidden { display: none; }
.clear { clear: both; }
.text-shadow { text-shadow: 1px 2px 3px #222; }
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.go-back { display: inline-block; margin-top: 0em; text-transform: lowercase; }

/******************************************************************************/
/* hlášky */

.msg-ok { background: #0a0; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-error { background: #c00; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-ok a, .msg-error a { color: #fff; }

/******************************************************************************/

.wrap1 { clear: both; position: relative; width: 100%;}
.wrap2 {
    /* dev */
    /* outline: 1px solid #ffc8c8;  */
}
.wrap2.is-limited {max-width: var(--max-content-width, 1280px);margin-left: auto;margin-right: auto;}
.anchor {display: block;height: 0;width: 0;}

.wrap1--core {
    position: relative;
    background-image: var(--bg-url);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    isolation: isolate;
    /* background-size: contain; */
    /* background-size: var(--bg-size, cover); */
}
.wrap1--core::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--bg-color, var(--color-bg-3));
    opacity: .90;
    z-index: -1;
}

.wrap1--core-dark {
    position: relative;
    background-image: var(--bg-url);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    isolation: isolate;
    /* background-size: contain; */
    /* background-size: var(--bg-size, cover); */
}
.wrap1--core-dark::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #22283170;
    opacity: .85;
    z-index: -1;
}

.wrap1--line {
    border-top: 1px dashed #C8C6C6;
}


.wrap1--footer {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
    padding-top: 50px;
    padding-bottom: 100px;
}
.wrap1--footer-2 {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
    padding-bottom: 2em;
    text-align: right;
}
.wrap1--about-us-1 {
    margin-top: 60px;
}
.wrap1--hr-1 {
    margin-top: 90px;
    margin-bottom: 64px;
}
.wrap1--realization-1 {
    padding-top: 33px;
    --h1-line-color: white;
}
.wrap1--realization-2 {}
.wrap1--quality-1 {
    margin-top: 86px;
    margin-bottom: 58px;
}
.wrap1--news-1 {}
.wrap1--news-2 {
    padding-top: 30px;
    padding-bottom: 52px;
}
.wrap1--services-1 {}
.wrap1--services-2 {
    margin-bottom: 80px;
}
.wrap1--bg-blue {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
}
.wrap1--bg-silver {
    background: var(--color-bg-2);
    color: var(--color-fg-2);
}
.wrap1--bg-white-silver {
    --bg-line-height: 150px;
    background-image: linear-gradient(180deg, var(--color-bg-3) var(--bg-line-height,110px), var(--color-bg-2) var(--bg-line-height,110px));
}
.wrap1-bg-blue-white {
    --bg-line-height: 76px;
    background-image: linear-gradient(0deg, var(--color-bg-3) var(--bg-line-height,110px), var(--color-bg-1) var(--bg-line-height,110px));
    color: var(--color-fg-3);
}
.wrap1--developerske-projekty {
    background-image: url(https://www.kangaroo.cz/www/stavos/www/img/logo_min_4.svg);
    background-repeat: no-repeat;
    background-size: 650px;
    background-position-y: -220px;
    background-position-x: calc(100vw / 2 + 270px);
}
.wrap1--contact-form {
    margin-top: 2em;
}

@media (max-width: 600px) {
    .wrap1--about-us-1 {
        margin-top: 2em;
    }
    .wrap1--hr-1 {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .wrap1--realization-1 {
        padding-top: 1em;
    }
    .wrap1--news-2 {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .wrap1--quality-1 {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .wrap1--services-2 {
        margin-bottom: 40px;
    }
}

/******************************************************************************/
/* Hlavička */
#wrap-head, #head {background: var(--color-bg-3);color: var(--color-fg-1);}
#head {border-bottom: 1px solid #F0E5CF;}
.head-content {--head-menu-color-1: var(--color-fg-2);--head-menu-color-2: var(--color-fg-1);display: grid;grid-template-areas: "logo menu lang social";grid-template-columns: auto 1fr auto auto;gap: 1em 4%;justify-items: end;align-items: center;padding-top: 8px;padding-bottom: 8px;position: relative;}
.head-logo {grid-area: logo;justify-self: start;}
.head-social {grid-area: social;font-size: 14px;font-weight:600;display: flex;flex-wrap: wrap;flex-direction: column;gap: 0em;}
.head-social__item {display: flex;gap: .4em;align-items: center;text-decoration-color: transparent;}
.head-social__icon {font-size: 1.6em;display: grid;}
.head-logo__img {display: block;height: 46px;max-width: 100%;}
.head-lang {display: flex;grid-area: lang;font-size: 14px;gap: 1em;justify-self: start;line-height: 1;}
.head-lang__item {display: flex;}
.head-lang__link {color: var(--head-menu-color-1);}
.head-lang__link--active {color: var(--head-menu-color-2);text-decoration: underline;}
.head-lang__link:hover {color: var(--color-fg-1);color: #fff;}
.head-menu {grid-area: menu;display: flex;align-items: baseline;color: var(--head-menu-color-1);font-size: 14px;font-weight: 600;}
.head-menu__list {display: flex;padding: 0;margin: 0;list-style: none;gap: .5em 1.5em;flex-wrap: wrap;justify-content: end;}
.head-menu__item {color: var(--head-menu-color-1);position: relative;transition: .2s color;text-transform: uppercase;line-height: 1.2;}
.head-menu__item::before,
.head-menu__item::after {content: "";display: block;/*background: var(--head-menu-color-1);*/width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;}
.head-menu__item::after {background: var(--head-menu-color-2);transform: scaleX(0);transform-origin: right;transition: .4s transform;}
.head-menu__item::after {background: currentColor;}
/* .head-menu__item--active {color: var(--head-menu-color-2);} */

.head-menu__item:hover,
.head-menu__item:focus-within {color: var(--head-menu-color-2);}

.head-menu__item--active::after,
.head-menu__item:focus-within::after,
.head-menu__item:hover::after {transform: scaleX(1);transform-origin: left;}
.head-menu__link {text-decoration: none;display: inline-block;white-space: nowrap;}
.head-menu__link {}

.head-menu__mobile-only {display: none;}
.head-menu__button {font-size: 48px;color: currentcolor;text-decoration: none;}

.head-menu__list--2 {position: absolute;z-index: 3;display: block;min-width: 250px;background: var(--color-bg-1);padding: 1em 1em;font-weight: 400;color: var(--color-fg-2);transform: scaleY(0);transform-origin: top;transition: transform;transition-duration: .2s;transition-delay: .3s;}
.head-menu__list--2.head-menu__list--active {font-weight: 500;color: var(--color-fg-1);}
.head-menu__item:hover .head-menu__list--2,
.head-menu__item:focus-within .head-menu__list--2 {transform: scaleY(1);}
.head-menu__list--2 .head-menu__item {font-size: .9em;line-height: 1;}
.head-menu__list--2 .head-menu__item::before {}
.head-menu__list--2 .head-menu__item::after {height: 1px;}
.head-menu__list--2 .head-menu__link {padding: .5em 0;display: block;}
.head-menu__list--2 .head-menu__item--active {color: var(--head-menu-color-2);font-weight: bold;}

body.menu-open .head-menu__button-icon-open {display: none;}
body:not(.menu-open) .head-menu__button-icon-close {display: none;}

#head.fixed  {position: fixed;top: 0;left: 0;right: 0;z-index: 10;box-shadow: var(--box-shadow);}
.is-scroll-direction-enabled #head.fixed  {transform: translateY(-100%);transition: .2s transform;}
.is-scroll-direction-enabled.is-scroll-top #head.fixed ,
.is-scroll-direction-enabled.is-scroll-up #head.fixed {transform: translateY(0%);}

@media (max-width: 850px) {
    .head-content {gap: 0;padding-bottom: 0;}
    .head-menu__list {display: none;}
    .head-menu__mobile-only {display: block;}
    .head-social {display: none;}

    .head-logo__img {min-width: unset;}
}
@media (max-width: 530px) {
    .head-contact {display: none;}
}

/******************************************************************************/
/* Levé menu */

#submenu li {margin-bottom: .25em;}
#submenu li.active {font-weight: bold;}
#submenu a {text-decoration: none;}
#submenu a:hover {text-decoration: underline;}

/******************************************************************************/
/* Mobilní menu */
.mobile-menu {--head-menu-color-1: var(--color-fg-2);--head-menu-color-2: var(--color-fg-1);}
.mobile-menu {display: none;position: fixed;left: 0;right: 0;bottom: 0;top: 0;/*background: #00000066;*/z-index: 99;isolation: isolate;opacity: 0;visibility: hidden;transition: opacity, visibility;transition-duration: .3s, 0s;transition-delay: 0s, .3s;}
.mobile-menu .mobile-menu__shadow {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00000066;
    opacity: 0;
    visibility: hidden;
    transition: opacity, visibility;
    transition-duration: .3s, 0s;
    transition-delay: 0s, .3s;
}
body.menu-open .mobile-menu .mobile-menu__shadow {
    opacity: 1;
    visibility: visible;
    transition: opacity, visibility;
    transition-duration: .3s, 0s;
    transition-delay: 0s, 0s;
}
.mobile-menu__content {background: var(--color-bg-2);color: var(--head-menu-color-1);display: grid;grid-template-areas: "lang lang" "logo button" "list list";grid-template-columns: 1fr auto;grid-template-rows: auto auto 1fr;min-height: 100vh;max-height: 100vh;padding: 8px 3% 0px 3%;transition: transform;transition-duration: .3s;transform: translateX(-100%);text-transform: uppercase;margin-right: 20%;}
.mobile-menu__logo {grid-area: logo;align-self: center;}
.mobile-menu__lang {grid-area: lang;justify-self: end;}
.mobile-menu__list {grid-area: list;padding: 0;margin: 0;list-style: none;margin-top: 1em;}
.mobile-menu__content>.mobile-menu__list {overflow: auto;padding-bottom: 6em;}
.mobile-menu__item {margin-bottom: .5em;font-size: 16px; font-weight: 500;}
/* .mobile-menu__item:not(:last-child) {border-bottom: 1px solid var(--head-menu-color-1);} */
.mobile-menu__item--active {color: var(--head-menu-color-2);font-weight: 500;}
.mobile-menu__item:hover {color: var(--head-menu-color-2);}

.mobile-menu__link {text-decoration: none;display: block;padding: 4px;}
.mobile-menu__button {grid-area: button;justify-self: end;}

.mobile-menu__list--2 {margin-top: 0;margin-bottom: 1em;margin-left: .5em;padding-left: .5em;border-left: 1px solid var(--head-menu-color-1);}
.mobile-menu__list--2 .mobile-menu__item {font-size: 0.9em;color: var(--head-menu-color-1);font-weight: 400;}
.mobile-menu__list--2 .mobile-menu__item:hover {color: var(--head-menu-color-2);}
.mobile-menu__list--2 .mobile-menu__item--active {color: var(--head-menu-color-2);font-weight: 500;}

body.menu-open .mobile-menu__content {transform: translateX(0%);}
body.menu-open .mobile-menu {opacity: 1;visibility: visible;transition: opacity, visibility;transition-duration: .3s, 0s;transition-delay: 0s, 0s;}
@media (max-width: 850px) {
    .mobile-menu {display: block;}
}

/******************************************************************************/
/* Rozcestník (Machines) */

.signpost__list {display: grid;grid-template-columns: repeat(auto-fill, minmax(246px, 1fr));gap: 20px;}
.signpost__item {max-width: 300px;}
.signpost__link {text-decoration-line: none;}
.signpost__link:hover {text-decoration-line: underline;}
.signpost .signpost__title {display: grid;align-items: end;}
.signpost__title {min-height: 2em;}
.signpost__img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 271/204;}
.signpost__menu {line-height: 1.625;padding-left: 16px;margin: 26px 0;}
.signpost__menu-item::marker {color: var(--color-fg-1);font-size: .6em;}
.signpost__mini-title {font-weight: bold;}
.signpost__mini+.signpost__menu {margin-top: .5em;}
@media (max-width: 600px) {
    .signpost {display: grid;justify-content: center;}
    .signpost__list {gap: 0;}
    .signpost__title {min-height: unset;}
    .signpost__img {max-height: 180px;}
    .signpost__menu {margin-top: 1em;margin-bottom: 1em;}
}
/******************************************************************************/
/* HP slider */

.slider1 {--swiper-pagination-bullet-width: 6px;--swiper-pagination-bullet-height: 6px;--swiper-pagination-bullet-inactive-color: silver;--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-color: silver;--swiper-pagination-color: white;--swiper-navigation-color: white;--swiper-pagination-bottom: 8px;display: flex;user-select: none;isolation: isolate;}
.slider1 .swiper-pagination {display: flex;align-items: center;position: absolute;justify-content: center;}
.slider1 .swiper-pagination-bullet-active {--swiper-pagination-bullet-width: 10px;--swiper-pagination-bullet-height: 10px;}
.slider1__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-1);transition: .2s filter;display: none;}
.slider1__arrow:hover {filter: brightness(0.8);}
.slider1__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider1__arrow.swiper-button-lock {opacity: 0;}
.slider1__content {width: 100%;height: 100%;}
.slider1 .swiper-slide {height: 100%;width: 100%;}
.slider1__slide {display: grid;align-items: center;}
.slider1__slide>* {grid-row: 1;grid-column: 1;}
.slider1__box {width: 100%;}
.slider1__text {background: var(--color-bg-1);color: var(--color-fg-3);padding: 1em;line-height: 1.2;font-size: 40px;text-transform: uppercase;font-weight: 800;display: inline-block;max-width: 100%;}
.slider1__img img {width: 100%;height: 100%;object-fit: cover;}

/* Jiné umístění textu - ve spod obrázku */
.slider1__slide>* {grid-row: unset;}
.slider1__box {text-align: center;padding: 0;margin-top: -2em;}

@media (max-width: 1200px) {
    .slider1__text {font-size: 3.5vw;}
}
@media (max-width: 600px) {
    .slider1__text {font-size: 20px;}
    .slider1__slide>* {grid-row: unset;}
    .slider1__box {text-align: center;padding: 0;margin-top: -2em;}
}

/******************************************************************************/
/* Slider 2 */
.slider2 {--swiper-pagination-bullet-width: 6px;--swiper-pagination-bullet-height: 6px;--swiper-pagination-bullet-inactive-color: silver;--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-color: silver;--swiper-pagination-color: white;--swiper-navigation-color: white;display: flex;user-select: none;position: relative;}
.slider2 .swiper-pagination-bullet-active {--swiper-pagination-bullet-width: 10px;--swiper-pagination-bullet-height: 10px;}
.slider2__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-3);transition: .2s filter;}
.slider2__arrow:hover {filter: brightness(.8);}
.slider2__arrow--prev {transform: translateX(-200%);margin-right: -1em;}
.slider2__arrow--next {transform: translateX(200%);margin-left: -1em;}
.slider2__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider2__arrow.swiper-button-lock {opacity: 0;}
.slider2__content {width: 100%;height: 100%;}
.slider2 .swiper-slide {height: auto;width: auto;}
.slider2__slide {display: grid;grid-template-areas: "picture . text" "picture more more";grid-template-columns: 1fr 2em 1fr;grid-template-rows: 1fr auto;}
.slider2__picture {grid-area: picture;}
.slider2__img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 274/213;}
.slider2__text {grid-area: text;line-height: 1.5;font-weight: 300;padding-bottom: 70px;}
.slider2__text ul li::marker {color: currentColor;}
.slider2__more {grid-area: more;background: var(--color-bg-2);height: var(--bg-line-height);display: grid;align-items: end;justify-items: end;max-width: 400px;}
.slider2 .swiper-pagination {bottom: calc(var(--bg-line-height) + 30px);width: 50%;display: flex;align-items: center;margin-left: calc(50% + 1em);z-index: 3;}
@media (max-width: 1280px) {
    .slider2__arrow {position: absolute;bottom: 19px;left: calc(50% + 1rem);z-index: 2;}
    .slider2__arrow--prev {transform: translateX(0);}
    .slider2__arrow--next {transform: translateX(300%);}
}
@media (max-width: 600px) {
    .slider2__slide {grid-template-areas: "picture" "text" "more";grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;}
    .slider2__picture {justify-self: stretch;}
    .slider2__img {max-height: 200px;margin-bottom: 1em;}
    .slider2 .swiper-pagination {width: 100%;margin-left: 0;justify-content: center;z-index: 1;}
    .slider2__arrow {bottom: calc(var(--bg-line-height) + 20px);left: 0;right: unset;}
    .slider2__arrow--next {right: 0;transform: none;left: unset;}
}

/******************************************************************************/
/* Slider 3 */
.slider3 {display: flex;user-select: none;}
.slider3__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-3);transition: .2s filter;}
.slider3__arrow:hover {filter: brightness(0.8);}
.slider3__arrow--prev {transform: translateX(-200%);}
.slider3__arrow--next {transform: translateX(200%);}
.slider3__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider3__arrow.swiper-button-lock {opacity: 0;}
.slider3__content {width: 100%;height: 100%;}
.slider3 .swiper-slide {height: auto;width: auto;}

.slider3__slide {display: grid;grid-template-areas: "picture text" "picture more";grid-template-columns: 1fr 1fr;grid-template-rows: 1fr auto;gap: 1em 2em;height: 100%;}
.slider3__picture {grid-area: picture;justify-self: end;}
.slider3__img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 254/210;}
.slider3__text {grid-area: text;font-size: 14px;}
.slider3__text h3, .slider3__text .h3 {font-size: 24px;}
.slider3__more {grid-area: more;height: var(--bg-line-height);}

@media (max-width: 1280px) {
    .slider3__arrow--prev {transform: translateX(0);margin-right: 8px;}
    .slider3__arrow--next {transform: translateX(0);margin-left: 8px;}
}
@media (max-width: 600px) {
    .slider3__slide {grid-template-areas: "picture" "text" "more";grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;}
    .slider3__picture {justify-self: stretch;}
    .slider3__img {max-height: 200px;}
}
/******************************************************************************/
/* Slider v4 - foto galerie */
.slider4 {
    display: flex;
    user-select: none;
    padding-top: 44px;
    padding-bottom: 44px;
    --swiper-theme-color: black;
    --swiper-pagination-bullet-size: 6px;
}
.slider4__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-1);transition: .2s filter;}
.slider4__arrow:hover {filter: brightness(0.8);}
/* .slider4__arrow--prev {transform: translateX(-200%);} */
/* .slider4__arrow--next {transform: translateX(200%);} */
.slider4__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider4__arrow.swiper-button-lock {opacity: 0;display: none;}
.slider4__content {width: 100%;height: 100%;}
.slider4 .swiper-slide {height: auto;width: auto;display: grid;align-items: center;}
.slider4__img {width: 100%;height: auto;object-fit: contain;}

@media (max-width: 1280px) {
    /* .slider4__arrow--prev {transform: translateX(0);margin-right: 8px;} */
    /* .slider4__arrow--next {transform: translateX(0);margin-left: 8px;} */
}
@media (max-width: 800px) {
    .slider4__img {max-height: 300px;}
}
/******************************************************************************/
/* Slider v5 - slider_projects */
.slider5 {isolation: isolate;}
.slider5 .swiper-pagination {display: none;}
.slider5__slide {display: grid;}
.slider5__image {position: relative;}
.slider5__picture {position: relative;display: block;}
.slider5__picture::before {content: "";display: block;padding-top: calc(640 / 1140 * 100%);}
.slider5__img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;}
.slider5__arrows {display: flex;position: absolute;bottom: 0;left: 50%;}
.slider5__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: #fff;background: #646464;transition: .2s filter, .2s background;padding: .3rem 4rem;}
.slider5__arrow--prev {background: #9d9d9d;}
.slider5__arrow:hover {background: #000;}
.slider5__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider5__arrow.swiper-button-lock {opacity: 0;}
.slider5__box {justify-self: center}
.slider5__title a {color: var(--color-fg-1);}
.slider5__title > * > * {font-size: 24px;/* text-decoration: underline solid; */margin: 2rem 0;}
.slider5__text {font-size: 14px;}
.slider5__buttons {margin-top: 2rem;margin-bottom: 2rem;}

@media (max-width: 850px) {
    .slider5__arrows {transform: translateX(-50%);}
}
@media (max-width: 400px) {
    .slider5__arrow {padding: .3rem 1rem;font-size: 26px;}
}

/******************************************************************************/
/* Divě ohraničený box (Quality) */
.box-outlined {position: relative;padding-bottom: 2em;}
.box-outlined::before {content: "";position: absolute;border: 1px solid #b9b9b9;inset: 0;top: 128px;z-index: -1}
.box-outlined__text {margin: 0 15%;padding: 0 1em;background: var(--color-bg-3);text-align: center;}
.box-outlined__photos {display: flex;flex-wrap: wrap;justify-content: center;gap: max(9%, 1em);padding-top: 2em;}
.box-outlined__photos img {max-height: 340px;box-shadow: 0 0 4px hsl(0deg 0% 0% / 20%);}
@media (max-width: 600px) {
    .box-outlined__text {margin-left: 5%;margin-right: 5%;}
}
/******************************************************************************/
/* Rozcestník Služby HP */
.signpost-services__list {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;}
.signpost-services__item {display: grid;grid-template-rows: auto 1fr auto;padding: 1.5em;}
.signpost-services__item:nth-child(2n) {background: var(--color-bg-2);}
.signpost-services__image {overflow: hidden;display: block;}
.signpost-services__image img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 4/3;transition: .3s transform;}
.signpost-services__image img:hover {transform: scale(1.1) rotate(6deg);transition-duration: 2s;transition-timing-function: linear;}
.signpost-services__title {font-size: 24px;color: var(--color-fg-1);text-transform: uppercase;text-decoration-thickness: 1px;text-decoration-line: none;display: inline-block;margin-top: 1rem;margin-bottom: 1rem;justify-self: start;align-self: start;}
.signpost-services__title:hover {text-decoration-thickness: 1px;text-decoration-line: underline;}

@media (max-width: 900px) {
    .signpost-services__list {grid-template-columns: repeat(2, 1fr);}
    .signpost-services__item:nth-child(n) {background: transparent;}
    .signpost-services__item:nth-child(4n-2), .signpost-services__item:nth-child(4n-1) {background: var(--color-bg-2);}
}
@media (max-width: 650px) {
    .signpost-services__item {padding: 1em;}
}
@media (max-width: 600px) {
    .signpost-services__title {font-size: 20px;}
}
@media (max-width: 500px) {
    .signpost-services__list {grid-template-columns: repeat(1, 1fr);grid-auto-rows: auto;}
    .signpost-services__item:nth-child(n) {background: transparent;}
    .signpost-services__item:nth-child(2n) {background: var(--color-bg-2);}
}

/******************************************************************************/
/* Počítadlo */
.wrap1--numbers {background-color: #d29504;position: relative;isolation: isolate;}
.wrap1--numbers::before {content: ' ';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.1;background-image: var(--img, url("https://www.gebeshuber.cz/www/img/tmp/stroj.png"));background-repeat: no-repeat;background-size: cover;background-position: center;}
.counter-box {display: grid;grid-template-columns: 1fr auto;}

.counter-box__picture {display: none;width: 340px;margin-top: -64px;}
.counter-box__img {width: 100%;height: auto;}

.counter-box__counters {display: grid;grid-auto-flow: column;align-items: center;gap: 1em;margin: 4em 0;}
.counter-box__counter {display: grid;justify-items: center;}
.counter-box__number {font-weight: 900;font-size: 4.2em;}
.counter-box__text {text-transform: uppercase;font-weight: 600;font-size: 1.25em;text-align: center;}
@media (max-width: 850px) {
    .counter-box {grid-template-columns: 1fr;}
    .counter-box__counters {grid-auto-flow: row;}
    .counter-box__picture {width: 300px;margin-top: -150px;margin-left: -96px;}
}

/******************************************************************************/
/* Patička */
.wrap1--foot-1 {
    --content-padding-top: 110px;
    --content-padding-bottom: 64px;
    background: var(--color-bg-4);
    color: white;
}
.foot-1 { display: grid; grid-template-areas: "col1 col2 col3"; grid-template-columns: 1fr 1fr 1fr; font-size: 15px; line-height: 1.7;}
.foot-1__col--1 { grid-area: col1;}
.foot-1__col--2 { grid-area: col2;}
.foot-1__col--3 { grid-area: col3;}
.foot-1__col { display: flex; flex-direction: column;}
.foot-1__col:not(:first-child) { padding-left: 40px;}
.foot-1__logo-wrap {margin-bottom: 30px;}
.foot-1__logo-wrap img {max-width: 100%;}
.foot-1 a { color: inherit;}
.foot-1__space { flex: 1; min-height: 2rem;}
.foot-1__copyright {margin-top: 16px;}
.foot-1__col--3 .foot-1__title { font-weight: 500;}
.foot-1__menu { }
.foot-1__menu a { text-decoration: none;}
.foot-1__menu a:hover,.foot-1__menu a:focus-within { text-decoration: underline;}
.foot-1__menu ul { margin: 0; padding: 0;  padding-left: 16px; list-style: disc outside;}
.foot-1__menu li::before { content: none;}

.foot-1__social {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0;
}
.foot-1-social__item {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    text-decoration: none;
    transition: .2s color, .2s transform;
}
.foot-1-social__item:hover {
    color: var(--color-fg-1);
    /* transform: scale(1.3); */
}
.foot-1-social__icon {
    font-size: 26px;
    position: relative;
    width: 1em;
    height: 1em;
    display: grid;
    justify-items: center;
    align-items: center;
    margin-right: 1em;
}

.foot1-kangaroo {
    font-size: 15px;
    margin-top: 80px;
    padding-top: 20px;
    border-top: 1px solid currentColor;
}
.foot1-kangaroo a {text-decoration: none;}
.foot1-kangaroo a:hover {text-decoration: underline;}
.foot1-kangaroo div {display: flex;flex-wrap: wrap;display: inline-block;}
.foot1-kangaroo div a {margin-left: .3em;}
.foot1-kangaroo div a:before {content: "|";margin-right: .3em}


@media (max-width: 850px) {
    .wrap1--foot-1 {
        --content-padding-top: 40px;
    }
    .foot-1 {
        grid-template-areas: "col1 col1" "col2 col3";
        grid-template-columns: 1fr 1fr;
        gap: 3rem 1rem;
    }
    /* .foot-1__col.foot-1__col--1 {
        border-top: 1px solid #a2a6a7;
        padding-top: 1rem;
    } */
    /* .foot-1__col.foot-1__col--2 {
        padding: 0;
        border: none;
    } */
}
@media (max-width: 500px) {
    .foot-1 {
        grid-template-areas: "col1" "col2" "col3";
        grid-template-columns: 1fr;
        gap: 3rem 1rem;
    }
    /* .foot-1__col.foot-1__col--2 {
        border-top: 1px solid #a2a6a7;
        padding-top: 1rem;
    } */
    /* .foot-1__col.foot-1__col--3 {
        padding: 0;
        border: none;
        flex-direction: row;
        flex-wrap: wrap;
    } */
    /* .foot-1__menu {
        margin-bottom: 0;
        margin-right: 2rem;
    } */
}

.foot1-kangaroo {
    font-size: 15px;
    margin-top: 80px;
    padding-top: 20px;
    border-top: 1px solid currentColor;
}
.foot1-kangaroo a {text-decoration: none;}
.foot1-kangaroo a:hover {text-decoration: underline;}
.foot1-kangaroo div {display: flex;flex-wrap: wrap;display: inline-block;}
.foot1-kangaroo div a {margin-left: .3em;}
.foot1-kangaroo div a:before {content: "|";margin-right: .3em}

/******************************************************************************/
/* FAQ Section */
.faq-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.faq-section__right {padding-left: 6em;}

@media (max-width: 900px) {
    .faq-section {gap: 16px;}
    .faq-section__right {padding-left: 0;}
}

@media (max-width: 620px) {
    .faq-section {gap: 32px; grid-template-columns: 1fr;}
}

/******************************************************************************/
/* FAQ */

.faq__item { display: grid; grid-template-rows: auto 1fr; transition: grid-template-rows, opacity; transition-duration: .3s; overflow: hidden;}
.faq__item--close { grid-template-rows: auto 0fr;}
.faq__item--close .faq__body { opacity: 1;}
.faq__item--close .faq__indicator::before { transform: rotate(180deg);}
.faq__item--close .faq__indicator::after { transform: rotate(90deg);}
.faq__head { display: flex; align-items: center; gap: 1em; padding: 0 2em; transition: .3s background; background: #F7F6F2; cursor: pointer; position: relative; isolation: isolate; border-top: 1px solid transparent;user-select: none;}
.faq__indicator { display: inline-grid; height: 1em; width: 1em; justify-items: center; align-items: center;}
.faq__indicator::before,.faq__indicator::after { content: ""; background: currentColor; width: 1em; height: 1px; display: block; grid-row: 1; grid-column: 1; transform: rotate(0deg); transition: transform .5s ease;}
.faq__question { margin: .5em 0; transition: .2s transform; font-size: 18px; font-weight: 700; text-transform: uppercase; flex: 1;}
.faq__head:hover .faq__question { transform: translateX(.5em);}
.faq__body { background: #FFFFFFD1; opacity: 1; transition: .3s opacity; align-self: start; overflow: hidden;}
.faq__body>div { padding: 1em 3em 1em 2em;}
/* Vypnutí animací */
.faq--no-anim .faq__item,.faq--no-anim .faq__head,.faq--no-anim .faq__question,.faq--no-anim .faq__body,.faq--no-anim .faq__indicator::before,.faq--no-anim .faq__indicator::after { transition-duration: 0s !important;}

/******************************************************************************/
/* Icon grid */
.icon-grid { color: white; height: 100%; padding-top: 32px;}
.icon-grid__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 32px; height: 100%;}
.icon-grid__item { display: grid; justify-items: center; align-items: self-start; grid-template-rows: auto 1fr; gap: 18px; text-transform: uppercase; text-align: center; font-weight: 500; font-size: 18px;}
.icon-grid svg { height: 50px;}

@media (max-width: 620px) {
    .icon-grid {padding-top: 0;}
}

/******************************************************************************/
/* Blog section */
.blog-section {
    display: grid;
    grid-template-columns: 1fr 2fr;
}
.blog-section__left {
    padding-right: 100px;
}

@media (max-width: 800px) {
    .blog-section {
        grid-template-columns: 1fr;
    }
    .blog-section__left {
        padding: 0;
        padding-bottom: 30px;
    }
}

/******************************************************************************/
/* Blog - Rozcestník */
.wrap1--blog-list-title {
    padding-top: 16px;
    padding-bottom: 16px;
}
.blog-list-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.blog-list-section__articles {
    padding-right: 100px;
}

@media (max-width: 900px) {
    
    .blog-list-section {
        grid-template-columns: 1fr;
    }
    .blog-list-section__articles {
        padding-right: 0;
        padding-bottom: 36px;
    }
}

/******************************************************************************/
/* Blog List */
.blog-list__list { display: grid; gap: 30px;}
.blog-list__item a { text-decoration: none;}
.blog-list__item { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center;}
.blog-list__picture { display: grid; position: relative; grid-row: 1; grid-column: 1; overflow: hidden;}
.blog-list__picture::before { content: ""; display: block; padding-top: calc(231 / 347 * 100 * 1%);}
.blog-list__img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.9999; transition: .3s opacity, .3s transform;}
.blog-list__item-title, h2.blog-list__item-title { font-family: "Open sans", sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; line-height: 1.4; transition: .3s opacity, .3s transform;}
.blog-list__item-date { margin-top: -2em; color: #a3a3a3; padding-bottom: 16px; font-size: 14px; line-height: 1; font-weight: 300;}
.blog-list__item-date-icon { vertical-align: middle; font-size: 20px; padding-right: 8px;}
/* Hover */
.blog-list__item:hover .blog-list__img { transform: scale(1.1); opacity: .8;}
.blog-list__item:hover .blog-list__item-title { opacity: .8;}


@media (max-width: 550px) {
    .blog-list__item {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .blog-list__item-date {
        margin-top: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/******************************************************************************/
/* Blog List Mini */
.blog-list-mini__list { display: grid; gap: 20px;}
.blog-list-mini__item a { text-decoration: none;}
.blog-list-mini__item { display: grid; grid-template-columns: 100px 2fr; gap: 25px; align-items: center;}
.blog-list-mini__picture { display: grid; position: relative; grid-row: 1; grid-column: 1; overflow: hidden;}
.blog-list-mini__picture::before { content: ""; display: block; padding-top: calc(100 / 100 * 100 * 1%);}
.blog-list-mini__img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.9999; transition: .3s opacity, .3s transform;}
.blog-list-mini__item-title, h2.blog-list-mini__item-title { font-family: "Open sans", sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; line-height: 28px; transition: .3s opacity, .3s transform;}
.blog-list-mini__item-date { margin-top: -2em; color: #a3a3a3; padding-bottom: 16px; font-size: 14px; line-height: 1; font-weight: 300;}
.blog-list-mini__item-date-icon { vertical-align: middle; font-size: 20px; padding-right: 8px;}
/* Hover */.blog-list-mini__item:hover .blog-list-mini__img { transform: scale(1.1); opacity: .8;}
.blog-list-mini__item:hover .blog-list-mini__item-title { opacity: .8;}

/******************************************************************************/
/* Blog List Mini */
.blog-article { display: grid; grid-template-columns: 1fr 2fr;}
.blog-article__aside { padding-right: 100px;}
.blog-article__prop { padding-bottom: 30px;}
.blog-article__prop-title { color: var(--color-fg-1); font-weight: 500; text-transform: uppercase; font-size: 14px;}
.blog-article__prop-value { font-size: 16px;}

@media (max-width: 1200px) {
    .blog-article__aside {
        padding-right: 30px;
    }
}
@media (max-width: 900px) {
    .blog-article {
        grid-template-columns: 1fr;
    }
    .blog-article__aside {
        grid-row: 2;
    }
}

/******************************************************************************/
.blog__contact-list  {
    display: grid;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
}
a.blog__contact-item {
    color: var(--color-fg-1);
    display: flex;
    gap: .4em;
    align-items: center;
    text-decoration-color: transparent;
    position: relative;
}
.blog__contact-item:not(:last-child)::after {
    content: "";
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
}
.blog__contact-icon {
    font-size: 1.6rem;
    display: grid;
}
.blog__contact-item:hover {
    color: var(--color-fg-2);
}


/******************************************************************************/
/* Nabídky */
.page--property_offers iframe {
    width: 100% !important;
}
.page--property_offers .content-table-list td {
    column-count: 2;
}
@media (max-width: 650px) {
    .page--property_offers .content-table-list td {
        column-count: 1;
    }
}

/* Nabídky - dolní text */
.property-offers-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6em;
}
.property-offers-bottom__article {
    grid-column: 2/-1;
}
@media (max-width: 900px) {
    .property-offers-bottom {gap: 2em;}
}
@media (max-width: 650px) {
    .property-offers-bottom__article {
        grid-column: 1;
    }
    .property-offers-bottom {grid-template-columns: 1fr; gap: 1em;}
}

/******************************************************************************/
/* Nabídky realit - Rozcestník */
.property-offers-list a {
    text-decoration: none;
}
.property-offers-list__picture {
    display: grid;
    position: relative;
    grid-row: 1;
    grid-column: 1;
    overflow: hidden;
}
.property-offers-list__picture::before {
    content: "";
    display: block;
    padding-top: calc(231 / 347 * 100 * 1%);
}
.property-offers-list__img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9999;
    transition: .3s opacity, .3s transform;
}
.property-offers-list__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 38px;
}
.property-offers-list__item {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
.property-offers-list__item[data-stav_prodeje]::after {
    content: attr(data-stav_prodeje);
    position: absolute;
    color: white;
    background: hsl(0deg 0% 50% / 0.5);
    display: block;
    padding: 8px 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    font-family: "Playfair Display", serif;
    font-size: 24px;
    line-height: 1;
    opacity: .9;
    box-shadow: 0px 0px 20px -4px white;
    pointer-events: none;
}
.property-offers-list__item-title {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Open Sans';
    margin: 16px 0 8px 0;
}
.property-offers-list__item-bottom {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}
.property-offers-list__item-bottom>div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
}
.property-offers-list__pa-icon svg {
    width: 1em;
    height: 1em;
    font-size: 20px;
}

/* Hover */
.property-offers-list__item:hover .property-offers-list__img { transform: scale(1.1); opacity: .8;}

/******************************************************************************/
.property-offers-bottom__contact-list  {
    display: grid;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
}
a.property-offers-bottom__contact-item {
    color: var(--color-fg-1);
    display: flex;
    gap: .4em;
    align-items: center;
    text-decoration-color: transparent;
    position: relative;
}
.property-offers-bottom__contact-item:not(:last-child)::after {
    content: "";
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
}
.property-offers-bottom__contact-icon {
    font-size: 1.6rem;
    display: grid;
}
.property-offers-bottom__contact-item:hover {
    color: var(--color-fg-2);
}

/******************************************************************************/
.property-offers-block {
    position: absolute;
    top: 16px;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: right;
}
.property-offers-block__content {
    display: inline-block;
    background: var(--color-bg-3);
    padding: 30px 40px;
    box-shadow: 0px 0px 30px 0px rgba(192, 192, 192, 0.5);
    text-align: left;
}
.property-offers-block__item {
    font-size: 14px;
}
.property-offers-block__icon {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 16px;
    color: var(--color-fg-1);
}
.property-offers-block__buttons {
    margin-top: 16px;
}

/******************************************************************************/
/* Služby */
.wrap1--nase-sluzby, .wrap1--sluzby {--content-padding-bottom: 0;background: #e9e9e9;padding-bottom: 5em;}

.services__item {--__color-title: var(--color-fg-1);--__color-text: inherit;--__color-left: #fff;--__color-right: #fff;overflow: hidden;background: linear-gradient(to right, var(--__color-left) 51%, var(--__color-right) 51%);}
.services__item:nth-child(2n) {background: linear-gradient(to right, var(--__color-left) 49%, var(--__color-right) 49%);}
.services__item:nth-child(8n + 1) {--__color-title: #fff;--__color-text: #fff;--__color-left: #2b3245;--__color-right: #e9e9e9;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 2) {--__color-title: var(--color-fg-1);--__color-text: inherit;--__color-left: #e9e9e9;--__color-right: #fff;}
.services__item:nth-child(8n + 3) {--__color-title: #fff;--__color-text: #fff;--__color-left: #02428a;--__color-right: #e9e9e9;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 4) {--__color-title: #fff;--__color-text: #fff;--__color-left: #e9e9e9;--__color-right: #4b4b4b;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 5) {--__color-title: var(--color-fg-1);--__color-text: inherit;--__color-left: #fff;--__color-right: #e9e9e9;}
.services__item:nth-child(8n + 6) {--__color-title: #fff;--__color-text: #fff;--__color-left: #e9e9e9;--__color-right: #2b3245;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 7) {--__color-title: #fff;--__color-text: #fff;--__color-left: #02428a;--__color-right: #e9e9e9;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 8) {--__color-title: #fff;--__color-text: #fff;--__color-left: #e9e9e9;--__color-right: #4b4b4b;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__body {display: grid;grid-template-columns: 1fr 1fr;grid-template-areas:"right left";}
.services__item:nth-child(2n) .services__body {grid-template-areas:"left right";}
.services__right {grid-area: right;display: grid;grid-template-rows: 1fr auto;padding: 2em 3em 2em 0em;}
.services__item:nth-child(2n) .services__right {padding: 2em 0em 2em 3em;}
.services__left {grid-area: left;display: grid;}
.services__picture {display: grid;position: relative;}
.services__picture::before {content: "";padding-top: calc(368 / 570 * 100 * 1%);}
.services__img {position: absolute;width: 100%;height: 100%;object-fit: cover;background: var(--__color-right);}
.services__item:nth-child(2n) .services__img {background: var(--__color-left);}
.services__content {font-size: 14px;color: var(--__color-title)}
.services h1, .services h2, .services h3, .services h4, .services .h1, .services .h2,  .services .h3,  .services .h4 {font-size: 24px;font-weight: normal;margin-bottom: .5em;margin-top: .5em;color: var(--__color-title);}
/* Služby Možnost změnit na full image */
.services__item--full-image {position: relative;}
.services__item--full-image .services__picture {position: absolute;width: 50%;top: 0;bottom: 0;left: 50%}
.services__item--full-image:nth-child(2n) .services__picture {left: 0%}

@media (max-width: 1200px) {
    .services {--content-padding-left: 0;--content-padding-right: 0;}
    .services__item:nth-child(2n+1) .services__right {padding-left: 1em;}
    .services__item:nth-child(2n) .services__right {padding-right: 1em;}
}
@media (max-width: 650px) {
    .services__item {background: var(--__color-left);}
    .services__item:nth-child(2n) {background: var(--__color-right);}
    .services__body, .services__item:nth-child(2n) .services__body {grid-template-columns: 1fr;grid-template-areas: "right" "left";padding: 2em 0;}
    .services__item:nth-child(2n+1) .services__right {padding: 1em;}
    .services__item:nth-child(2n) .services__right {padding: 1em;}
}


/******************************************************************************/
/* Reference */
.wrap1--reference {background: #e9e9e9;}
.references__list {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 4em .5em;}
.references__item {text-decoration: none;font-size: 14px;}
.references__picture {display: grid;position: relative;}
.references__picture::before {content: "";display: block;padding-top: calc(234 / 374 * 100 * 1%);}
.references__img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.references__content {margin-top: 1em;}
.references__buttons {margin-top: 4em;margin-bottom: 2em;}

/******************************************************************************/
/* Reference v2 */
.wrap1--reference-v2 { /* --content-padding-top: .5rem; */ --content-padding-bottom: 0rem;}
.wrap1--reference-v2 .wrap1 { --content-padding-top: 2rem; --content-padding-bottom: 2rem;}
.wrap1--reference-bg-silver { background: var(--color-bg-2); color: var(--color-fg-2);}
.references2__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 3rem 2rem;}
.references2__item { text-decoration: none; font-size: 14px; border: 1px solid #ccc; padding: 1.25rem; display: grid; grid-template-rows: auto auto 1fr auto; background: #fff;}
.references2__picture { display: grid; position: relative; overflow: hidden;}
.references2__picture::before { content: ""; display: block; padding-top: calc(234 / 374 * 100 * 1%); background: var(--color-bg-2);}
.references2__img { position: absolute; width: 100%; height: 100%; object-fit: cover;}
.references2__content { margin-top: 2.5em;}
.references2__title h2 { margin-top: 0; margin-bottom: 0; min-height: calc(2em * 1.25); margin-bottom: 1rem;}
.wrap1--reference-bg-silver .references2__item { border: none;}

@supports (grid-template-rows: subgrid) {
    .references2__list {
        grid-template-rows: auto auto 1fr auto;
    }
    .references2__item {
        grid-row: span 4;
        display: grid;
        grid-template-rows: subgrid;
        gap: 0;
    }
}

/******************************************************************************/
/* Reference v3 */
.wrap1--reference-v3 {
    --content-padding-bottom: 1rem;
}
.wrap1--reference-v3 .wrap1 {
    --content-padding-top: 0rem;
    --content-padding-bottom: 2rem;
} 
.references3__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 3rem 1.5rem;
}
.references3__item {
    text-decoration: none;
    font-size: 14px;
    display: grid;
    text-align: center;
}
.references3__picture {
    display: grid;
    position: relative;
    overflow: hidden;
}
.references3__picture::before {
    content: "";
    display: block;
    padding-top: calc(234 / 374 * 100 * 1%);
}
.references3__img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.references3__title h2 {
    margin-bottom: .75em;
    text-transform: uppercase;
}
.references3__buttons {margin-top: 1rem;}


@supports (grid-template-rows: subgrid) {
    .references3__list {
        grid-template-rows: auto auto 1fr auto;
    }
    .references3__item {
        grid-row: span 4;
        display: grid;
        grid-template-rows: subgrid;
        gap: 0;
    }
}


/******************************************************************************/
/* Kariera */
.career-list {display: grid; gap: 3em;}
.career {display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: "left right";font-size: 14px;}
.career:nth-child(2n) {grid-template-areas:"right left";}
.career__left {grid-area: left;}
.career__right {grid-area: right;display: grid;grid-template-rows: 1fr auto;}
.career:nth-child(2n+1) .career__right {padding-left: 4em;}
.career:nth-child(2n) .career__right {padding-right: 4em;}
.career h1, .career h2, .career h3, .career h4, .career .h1, .career .h2, .career .h3, .career .h4 {font-size: 24px;font-weight: normal;color: var(--color-fg-1);margin-bottom: 1em;}
.career__picture {display: grid;/* margin: auto; */}
.career__img {width: 100%;height: auto;object-fit: cover;}

@media (max-width: 800px) {
    .career {grid-template-columns: 1fr;grid-template-areas: "right" "left";gap: 1em;}
    .career:nth-child(2n+1) .career__right {padding-left: 0em;}
    .career:nth-child(2n) .career__right {padding-right: 0em;}
    .career__picture {max-width: 400px;}
    .career__right {padding-left: 0;}
}

/******************************************************************************/
/* Kontaktni formular */
/* .cf-wrap {border: 1px solid #9d9d9d;padding-top: 2rem;padding-bottom: 4rem;margin-bottom: 4rem;}
.cf-wrap {background-image: url(https://www.kangaroo.cz/www/stavos/www/img/logo_min_4.svg);background-repeat: no-repeat;background-size: 650px;background-position-y: -200px;background-position-x: -200px;}
.cf {overflow: hidden;max-width: 500px;margin: auto;padding: 0;font-size: 16px;padding: 0 1em;}
.cf__body {}
.cf__col--info {}
.cf__label {display: grid;margin-bottom: 2.2rem;line-height: 1;gap: .5rem;}
.cf__label:focus-within {color: var(--color-fg-1);}
.cf__label span::after {}
.cf__label input {appearance: none;border: none;outline: none;color: inherit;background: inherit;padding: 0.6em;border: 1px solid currentColor;}
.cf__label textarea {appearance: none;border: none;outline: none;color: inherit;background: inherit;padding: 0;border: 1px solid currentColor;padding: .6em;resize: vertical;}
.cf__col--text .cf__label {grid-template-columns: 1fr;}
.cf__foot-checkbox {display: grid;margin-bottom: 2.2rem;}
.cf .checkbox {--mark-checked-color: var(--color-fg-3);--mark-checked-background: var(--color-bg-1);--mark-size: 1.2em;}
.cf .checkbox__label {font-size: 14px;} */

.wrap1--contact-form {
    background-color: #f7f6f2;
}

/* Kontaktni formular - Levá vs pravá */
.cf-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6em;
}
.cf-wrap__right {
    grid-column: 2/-1;
    margin-bottom: 80px;
}
@media (max-width: 900px) {
    .cf-wrap {gap: 2em;}
}
@media (max-width: 650px) {
    .cf-wrap__right {
        grid-column: 1;
    }
    .cf-wrap {grid-template-columns: 1fr; gap: 1em;}
}
/* Kontaktni formular */

.cf { overflow: hidden; margin: auto; padding: 0; font-size: 16px;}
.cf__body {}
.cf__col--info { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; margin-top: 24px;}
.cf__label { display: grid; margin-bottom: 24px; line-height: 1; gap: .5rem;}
.cf__label>span { font-weight: 500;}
.cf__label.required>span::after { content: " *"; color: red;}
.cf__label:focus-within { color: var(--color-fg-1);}
.cf__label span::after {}
.cf__label input { appearance: none; border: none; outline: none; color: inherit; background: inherit; padding: 0.6em 1em; border: 1px solid #222; background: #f6f7fa; transition: .3s background; font-size: 14px;}
.cf__label input:focus-within { background: white;}
.cf__label textarea { appearance: none; border: none; outline: none; color: inherit; background: inherit; padding: .6em 1em; resize: vertical; border: 1px solid #222; background: #f6f7fa; transition: .3s background; font-size: 14px;}
.cf__label textarea:focus-within { background: white;}
.cf__col--text .cf__label { grid-template-columns: 1fr;}
.cf__foot-checkbox { display: grid; margin-bottom: 2.2rem;}
.cf .checkbox { --mark-checked-color: var(--color-fg-3); --mark-checked-background: var(--color-bg-1); --mark-size: 1.2em;}
.cf .checkbox__label { font-size: 14px;}
.cf_submit { text-transform: uppercase;}

@media (max-width: 500px) {
    .cf__col--info {
        grid-template-columns: 1fr;
    }
}

/******************************************************************************/
.hero {
    --height: 600px;
    position: relative;
    z-index: -1;
    overflow: hidden;
    height: var(--height);
}
.hero__picture {
    display: grid;
    justify-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
}
.hero__img {
    width: 100%;
    object-fit: cover;
    /*min-height: 240px;max-height: 240px;*/
    /* max-width: fit-content; */
    height: var(--height);
}

/* .hero[data-stav_prodeje]::after {
    content: attr(data-stav_prodeje);
    position: absolute;
    color: white;
    background: hsl(0deg 0% 50% / 0.5);
    display: block;
    padding: 8px 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    font-family: "Playfair Display", serif;
    font-size: 24px;
    line-height: 1;
    opacity: .9;
    box-shadow: 0px 0px 20px -4px white;
    pointer-events: none;
} */

/******************************************************************************/

.history {display: grid;grid-template-columns: 1fr 1fr;position: relative;gap: 0 54px;}
.history::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);background: silver;width: 1px;bottom: 0;top: 10px;}
.history__item:nth-child(2n) {text-align: left;}
.history__item:nth-child(2n+1) {text-align: right;}
.history__item::before {content: "";display: block;background: var(--color-fg-1);border-radius: 100%;height: 13px;width: 13px;position: absolute;left: 50%;transform: translateX(-50%);}
.history__item--empty::before {content: none;display: none;}
.history__item>:nth-child(1) {font-size: 24px;color: var(--color-fg-1);}
.history__item>:nth-child(2) {font-weight: bold;text-transform: uppercase;}
.history__item--2008 {margin-top: 1em;}
.history__item--2020 {margin-top: 6em;}
.history__item--2021 {margin-top: -2em;}
/******************************************************************************/
.wrap1--machine-box--0 {margin-top: 60px;}
.wrap1--machine-box--1 {background: var(--color-bg-2);padding-top: 100px;padding-bottom: 30px;}
.wrap1--machine-box--last {margin-bottom: 50px;}
.image-bg {display: grid;grid-template-columns: 1fr 1fr;gap: 2em;min-width: 0;width: 100%;}
.image-bg__picture {display: flex;justify-content: end;min-width: 0;}
.wrap1--machine-box--1 .image-bg__picture {grid-column: 2;justify-content: start;}
.machine-box__2col {display: grid;grid-template-columns: 1fr 1fr;gap: 2em;}
.machine-box__2col>* {grid-column: 2;}
.wrap1--machine-box--1 .machine-box__2col>* {grid-column: 1;}
.wrap2--machine-box {display: grid;}
.wrap2--machine-box>* {grid-column: 1;grid-row: 1;}
.machine-box__title {padding-bottom: 1em;font-size: 30px;color: var(--color-fg-1);text-transform: uppercase;text-decoration-thickness: 1px;text-decoration-line: none;}
.machine-box__title:hover {text-decoration-thickness: 1px;text-decoration-line: underline;}
.machines-list__title {font-size: 18px;text-decoration-thickness: 1px;margin-bottom: 8px;display: inline-block;}
.machines-list__item {padding: 16px 0;font-size: 14px;}
.machines-list__item:not(:last-child) {border-bottom: 1px solid silver;}
.machines-list__item:first-child {border-top: 1px solid silver;}
.machines-list__item--perex {padding-top: 0;padding-bottom: 3em;}
.machines-list__item--perex:first-child {border-top: none;}

.machines-list--noone-has-perex {border-top:1px solid silver;}
.machines-list--noone-has-perex .machines-list__item {border-top: none;border-bottom: none;padding: 0;margin: 1.5em 0;}
.machines-list__more {margin-top: 8px;text-align: right;}
.machines-list__more__link {color: var(--color-fg-1);}

.machines-list--one-row .machines-list__item {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 0 1em;}
.machines-list--one-row .machines-list__title {margin-bottom: 0;}


@media (max-width: 850px) {
    .machine-box__2col {grid-template-columns: 1fr;}
    .machine-box__2col>* {grid-column: auto;}
    .wrap2--machine-box>* {grid-column: auto;grid-row: auto;}

    .image-bg {grid-template-columns: 1fr;}
    .image-bg__picture {justify-content: center;margin-bottom: 1em;}
    .wrap1--machine-box--0 {margin-top: 30px;margin-bottom: 30px;}
    .wrap1--machine-box--1 {padding-top: 30px;padding-bottom: 30px;}
    .wrap1--machine-box--1 .image-bg__picture {grid-column: auto;justify-content: center;}
    .image-bg__img {max-height: 300px;width: 100%;object-fit:contain;}
}
@media (max-width: 600px) {
    .wrap1--machine-box--0 {margin-top: 2em;margin-bottom: 2em;}
    .wrap1--machine-box--1 {padding-top: 2em;padding-bottom: 2em;}
    .machine-box__title {padding-bottom: .5em;font-size: 24px;}
    .machines-list__title {font-size: 20px;margin-bottom: 0;}
    .machines-list--noone-has-perex .machines-list__item {padding: 0;margin: 1em 0;}
}

/******************************************************************************/

.wrap1--machine-box2 {padding-top: 24px;padding-bottom: 60px;}
.wrap1--machine-box2--0, .wrap1--machine-box2--0 .zvyrazneni {background: var(--highlight-hover);color:#fff;}

.machine-box2__2col {display: grid;grid-template-areas: "photo text";grid-template-columns: 1fr 1fr;align-items: center;}
.wrap1--machine-box2--1 .machine-box2__2col {grid-template-areas: "text photo";}

.machine-photos {grid-area: photo;display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}
.machine-photo__picture {display: grid;align-items: center;justify-content: center;}
.machine-photo__img {max-width: 100%;height: auto;max-height: 450px;object-fit: scale-down; width: 100px;}
.machine-photos>:first-child {grid-column: 1/-1;}

.machine-text {--margin-beetween: min(90px, 15%);grid-area: text;margin-left: var(--margin-beetween, 90px);}

.wrap1--machine-box2--1 .machine-text {margin-right: var(--margin-beetween, 90px);margin-left: 0;}
@media (max-width: 1200px) {
    .machine-text {--margin-beetween: 5%;}
}
@media (max-width: 700px) {
    .machine-box2__2col {grid-template-areas: "text" "photo";grid-template-columns: 1fr;gap: 1em;}
    .wrap1--machine-box2--1 .machine-box2__2col {grid-template-areas: "text" "photo";}
    .machine-text {--margin-beetween: 0;}
}
@media (max-width: 600px) {
    .wrap1--machine-box2 {padding-top: 1em;padding-bottom: 2em;}
}

/******************************************************************************/
/* Aktuality - Slider */

.wrap1--slider-news {margin-top: 64px;margin-bottom: 180px;}
.slider-news {--swiper-pagination-bullet-horizontal-gap: 8px;--swiper-pagination-bullet-size: 12px;--swiper-pagination-color: #d39603;--news-tag-color-1: #fff;--news-tag-color-2: #d29504;}
.slider-news__head {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 2em;margin-bottom: 2em;}
.slider-news__pagination.swiper-pagination-horizontal {position: static;width: unset;}
.slider-news .swiper-pagination-bullet {border-radius: 0;}

.slider-news .swiper-slide {height: unset;}
.slider-news__slide {display: grid;grid-template-columns: 1fr;grid-template-rows: auto auto 1fr auto;height: 100%;gap: 2em;}

.slider-news__slide-head {position: relative;}
.slider-news__picture {display: flex;position: relative;overflow: hidden;padding: 33.33%;}
.slider-news__img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;}

.slider-news__picture {--news-picture-color-1: #182744;background: var(--news-picture-color-1);background-image: url("https://www.gebeshuber.cz/www/img/tmp/logo_2.png");background-repeat: no-repeat;background-size: 500px;background-position: left -236px top -20px;}
.swiper-slide:nth-child(2n) .slider-news__picture {background-position: right -270px top -20px;}

.slider-news .slider-news__slide-title {margin-top: 0;margin-bottom: 0;}

.slider-news__tag {display: grid;grid-auto-flow: column;position: absolute;right: 0;top: 2em;isolation: isolate;}
.slider-news__tag-content {text-transform: uppercase;font-weight: 300;color: var(--news-tag-color-1);background: var(--news-tag-color-2);line-height: 1;padding: .5em 1em;}
.slider-news__tag::before {content: "";display: block;width: 2em;background: var(--news-tag-color-2);transform: skew(34deg);margin-right: -1em;height: calc(100%);z-index: -1;/* transform: translateX(0px); */}
/* .slider-news__tag::before {content: "";display: block;width: 1em;background-image: linear-gradient(to bottom left, var(--news-tag-color-2) 50%, transparent 50%);transform: translateX(0px);} */

.slider-news__text {--line: 6;max-height: calc(var(--line) * 1.25em);line-height: 1.25;overflow: hidden;text-overflow: ellipsis;}
@media (max-width: 600px) {
    .wrap1--slider-news {margin-bottom: 100px;}
}

/* Optimalizace problikávání při načtení */
.slider-news__content:not(.swiper-initialized) .swiper-slide {width: 32%;margin-right: 2%;}
@media (max-width: 1000px) {
    .slider-news__content:not(.swiper-initialized) .swiper-slide {width: 47%;margin-right: 3%;}
}
@media (max-width: 600px) {
    .slider-news__content:not(.swiper-initialized) .swiper-slide {width: 100%;margin-right: 0%;}
}

/******************************************************************************/
/* Aktuality - seznam */
.news-list a { border-bottom: 1px solid transparent; display: inline-block; text-decoration: none; }
.news-list a:hover { border-bottom: 1px solid #000; color: #000; }
.news-list a .date {margin-right: 25px;display: inline-block;width: 9ch;}
.news-list a .more { color: #999; }

/******************************************************************************/
/* Foto galerie - Mřížka */
.gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1em;}
.gallery-grid__figure {margin: 0;padding: 0;}
.gallery-grid__picture {display: block;position: relative;max-height: 250px;}
.gallery-grid__picture::before {content: "";padding-top: 100%;display: block;}
.gallery-grid__img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

/* ! *****************************************************************************/
/* ! *****************************************************************************/

@keyframes shake1 {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake2 {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-10deg); }
    20% { transform: rotate(10deg); }
    30% { transform: rotate(0deg); }
    40% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    60% { transform: rotate(0deg); }
    70% { transform: rotate(-10deg); }
    80% { transform: rotate(10deg); }
    90% { transform: rotate(0deg); }
    100% { transform: rotate(-10deg); }
}

/******************************************************************************/
/* obsah */

#homepage #content { display: none; }
#homepage h1 {
    margin-top: 0em;
    margin-bottom: 0em;
    --h1-line-height: 0.75;
}
@media (min-width: 1200px) {
    #homepage h1 {
        --h1-font-size: 88px;
        --h1-line-height: 0.75;
    }
}

/* #breadcrumbs { margin-bottom: 1em; } */
#breadcrumbs {background: transparent;border: none;padding: 0;margin-top: 2em;font-size:14px;}
#breadcrumbs>* {margin: 0 4px;}
#breadcrumbs>:last-child {color: var(--color-fg-1); }
#breadcrumbs a:hover, #breadcrumbs a:focus {color: var(--color-prim);}

#content { margin: auto; padding: 8px 0; }
#content .text { line-height: 1.75em; font-weight: var(--fw-light); }

#content.view-menu-left .content { background: url('../img/bg_content.png') 225px 0 repeat-y; }

/******************************************************************************/
/* pomocná kotva; řeší zafixované menu */

.anchor { position: absolute; top: -100px; }

/******************************************************************************/
/* obsah - levá + pravá strana */

.wrap-left.view-menu-left { display: inline-block; padding-right: 25px; vertical-align: top; width: 200px; }
.wrap-right.view-menu-left { display: inline-block; padding-left: 25px; vertical-align: top; width: calc(100% - 250px); }

#content .wrap-left ul { margin-top: 0; }

/******************************************************************************/
/* fotografie */

.wrap-photo { display: flex;flex-wrap: wrap;justify-content: center;text-align: center; }
.wrap-photo { margin: 1rem 0; }
.wrap-photo img { max-width: 100%; max-height: 15rem; object-fit: contain; }

.photo { display: inline-block; margin: 5px; }
.photo img { height: auto; vertical-align: top; width: 147px; }
.photo:hover img { opacity: 0.95; }

.photo-product { display: inline-block; margin: 1em 28px 8px 0; }
.photo-product .title { font-weight: 300; margin-bottom:.5em; }
.photo-product img {width: 240px;height: 240px;object-fit: cover;}

/******************************************************************************/
/* mapa */

#map-title { }
#map-title .content { font-size: 50px; font-weight: bold; padding: 100px 0; text-align: center; }

#map { position: relative; text-align: center; overflow: hidden; margin: 2em 0;}
/* #map>div {margin-top: -59px;} */
#map .wrap2 { width: 100%; }
#map .content { padding: 0; }

#google-maps { }
#google-maps iframe { pointer-events: none; z-index: -1; }

/******************************************************************************/

/******************************************************************************/
/* Contact form */

/* #contact-form { background: #3b3330; color: #eee; } */
#contact-form { background-color: var(--contact-form-bg-color); color: var(--contact-form-fg-color-prim); margin-top: 3rem;padding-top: 2rem; }
#contact-form a { color: var(--contact-form-fg-color-link); }


#contact-form .content>* { flex: 1 1 0px; }
#contact-form .content img { object-fit: cover; width: 100%; height: 100%; max-height: 57em; max-width: 100vw; }
.mapsitna { display: none; }

.wrap-contact-form { padding: 2rem 0 2rem 0; }

.contact-form2 { display: flex; flex-direction: column; /* padding: 2em; */ }
.contact-form2 .basic { display: grid; grid-template-columns: 1fr 1fr; justify-items: right; grid-gap: 0 10vw;font-size: 14px; }
.contact-form2 input[type="submit"] {color: var(--contact-form-submit-fg-color);background-color: var(--contact-form-submit-bg-color);width: min-content;margin-left: auto;padding: .7rem 4rem;text-transform: capitalize;font-size: inherit;font-weight: unset;border-radius: var(--contact-form-submit-radius);appearance: none;-moz-appearance: none;-webkit-appearance: none;font-weight: 400;}
.contact-form2 input[type="submit"] {filter: var(--hp-filter-shadow-dark);transition: 0.3s transform, 0.3s background-color;}
.contact-form2 input[type="submit"]:hover, .contact-form2 input[type="submit"]:focus {transform: scale(1.1);background-color: var(--contact-form-submit-bg-color-hover);}

.contact-form2 .basic * { color: var(--contact-form-fg-color-prim); }
.contact-form2 .basic label { width: 100%; border-bottom: 1px solid var(--contact-form-line-color); display: flex; white-space: nowrap; padding: 2rem 0 .1rem 0; }
/* .contact-form2 .required::before { content: '* '; } */
.contact-form2 .not-required > span::after { content: '* '; }
.contact-form2 label > span { font-weight: 500; }
.contact-form2 .basic > label > span { min-width: 130px; }
.contact-form2 .basic label span { padding: 0 .5em 0 .1em; }
.contact-form2 .basic input,
.contact-form2 .basic textarea {border: none;border-radius: unset;width: 100%;height: 1.5em;background-color: transparent;appearance: none; -moz-appearance: none; -webkit-appearance: none;padding-top: 0;padding-bottom: 0;resize: vertical;}
.contact-form2 .basic .textarea {grid-column: 2;grid-row: 1/5;}
.contact-form2 .checkbox { align-self: flex-end; margin: 3rem 0 2rem 0; max-width: 50%; }

.contact-form2 .basic input, .contact-form2 .basic textarea {height: 100%;padding: 0;}
.contact-form2 .basic label.textarea {flex-direction: column;}
.contact-form2 .basic label span {opacity: 0.5;text-transform: uppercase;font-size: 1em;}
.contact-form2 input[type="submit"] {font-weight: 400;text-transform: uppercase;}

.contact-form2 .additional { display: flex; margin: 3rem 0 2rem 0; justify-content: space-between;font-size: 14px; }
.contact-form2 .additional .checkbox { margin: 0; }
.contact-form2 .additional .legend { text-transform: uppercase; }
.contact-form2 span, .contact-form2 .basic label span { font-weight: 600;}

/* checkbox */
.checkbox {
    --mark-border-color: var(--contact-form-line-color);
    --mark-border: 1px solid var(--mark-border-color);
    --mark-color: #000;
    --mark-background: transparent;
    --mark-checked-color: #fff;
    --mark-checked-background: var(--color-prim);
    --mark-size: 1.5em;
    --mark-transition-duration: 0.3s;
}
.checkbox { color: inherit; display: inline-grid; grid-template-columns: auto 1fr; grid-template-areas: "input label"; position: relative; justify-content: center; align-items: center; gap: 0.8em;grid-gap: 0.8em; cursor: pointer; }
.checkbox__input { box-sizing: content-box; grid-area: input; display: grid; grid-template-areas: "mark"; width: var(--mark-size); height: var(--mark-size); border: var(--mark-border, 1px solid currentColor); color: var(--mark-color, currentColor); background: var(--mark-background, transparent); box-shadow: inset 0px 0px 0.1em var(--mark-border-color); }
.checkbox__mark { grid-area: mark; transition: color, background-color; transition-duration: var(--mark-transition-duration); height: var(--mark-size);}
.checkbox__mark > * { opacity: 0; transform: scale(0); transform-origin: left bottom; transition: opacity, transform; transition-duration: var(--mark-transition-duration); }
.checkbox__mark svg { width: 100%; height: 100%; }
.checkbox__input input { grid-area: mark; width: 100%; height: 100%; margin: 0; padding: 0; z-index: -10; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.checkbox__input input:focus ~ .checkbox__mark {outline: 2px solid;}

.checkbox input:focus { border: none; outline: none; }
.checkbox input:focus + .checkbox__mark, .contact-form2 input[type="submit"]:focus { outline: var(--default-focus-outline); }
.checkbox__input input:checked + .checkbox__mark { color: var(--mark-checked-color); background-color: var(--mark-checked-background); }
.checkbox__input input:checked + .checkbox__mark > * { opacity: 1; transform: scale(1); }
.checkbox__label{user-select:none;}


/* Pomocné */

.f-weight { font-weight: 700; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.5rem !important; }
.m-2 { margin: 1rem !important; }
.m-3 { margin: 1.5rem !important; }
.m-4 { margin: 2rem !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important;}
.mx-1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-2 { margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.mx-4 { margin-left: 2rem !important; margin-right: 2rem !important;}

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.5rem !important; }
.ml-2 { margin-left: 1rem !important; }
.ml-3 { margin-left: 1.5rem !important; }
.ml-4 { margin-left: 2rem !important; }

.mr-0 { margin-right: 0 !important;}
.mr-1 { margin-right: 0.5rem !important;}
.mr-2 { margin-right: 1rem !important;}
.mr-3 { margin-right: 1.5rem !important;}
.mr-4 { margin-right: 2rem !important;}

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-2 { margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-1 { margin-bottom: 0.5rem !important;}
.mb-2 { margin-bottom: 1rem !important;}
.mb-3 { margin-bottom: 1.5rem !important;}
.mb-4 { margin-bottom: 2rem !important;}

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.5rem !important; }
.mt-2 { margin-top: 1rem !important; }
.mt-3 { margin-top: 1.5rem !important; }
.mt-4 { margin-top: 2rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.5rem !important; }
.p-2 { padding: 1rem !important; }
.p-3 { padding: 1.5rem !important; }
.p-4 { padding: 2rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important;}
.px-1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-2 { padding-left: 1rem !important; padding-right: 1rem !important;}
.px-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.px-4 { padding-left: 2rem !important; padding-right: 2rem !important;}

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.5rem !important; }
.pl-2 { padding-left: 1rem !important; }
.pl-3 { padding-left: 1.5rem !important; }
.pl-4 { padding-left: 2rem !important; }

.pr-0 { padding-right: 0 !important;}
.pr-1 { padding-right: 0.5rem !important;}
.pr-2 { padding-right: 1rem !important;}
.pr-3 { padding-right: 1.5rem !important;}
.pr-4 { padding-right: 2rem !important;}

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.py-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-2 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important;}

.pb-0 { padding-bottom: 0 !important;}
.pb-1 { padding-bottom: 0.5rem !important;}
.pb-2 { padding-bottom: 1rem !important;}
.pb-3 { padding-bottom: 1.5rem !important;}
.pb-4 { padding-bottom: 2rem !important;}
.pb-5 { padding-bottom: 2.5rem !important;}
.pb-6 { padding-bottom: 3rem !important;}
.pb-7 { padding-bottom: 3.5rem !important;}
.pb-8 { padding-bottom: 4rem !important;}

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.5rem !important; }
.pt-2 { padding-top: 1rem !important; }
.pt-3 { padding-top: 1.5rem !important; }
.pt-4 { padding-top: 2rem !important; }
.pt-5 { padding-top: 2.5rem !important; }
.pt-6 { padding-top: 3rem !important; }
.pt-7 { padding-top: 3.5rem !important; }
.pt-8 { padding-top: 4rem !important; }

.line-height-1 { line-height: 1em }
.line-height-1-1 { line-height: 1.1em }
.line-height-1-2 { line-height: 1.2em }

    
/******************************************************************************/
/* TinyMCE Responsive */
@media only screen and (max-width: 900px), (max-device-width: 900px) {
    /* tabulka - ceník */
    .table-price-list { width: 100%; }
    
    /* tabulka - adresa */
    .table-address, .table-address thead, .table-address tbody, .table-address tr, .table-address tr th, .table-address tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
    .table-address tr td { margin-bottom: 1em; padding: 0 !important; }
    .table-address tr td:last-child { margin-bottom: 0; }
    
    .table-opening-hours { display: table; margin-bottom: 1.5em; }
    .table-opening-hours thead { display: table-header-group; }
    .table-opening-hours tbody { display: table-row-group; }
    .table-opening-hours tr { display: table-row; }
    .table-opening-hours tr td { display: table-cell; padding: 0 15px !important; }
    
    /* tabulka - kontakty */
    .table-contacts, .table-contacts thead, .table-contacts tbody, .table-contacts tr, .table-contacts tr th, .table-contacts tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
    .table-contacts tr td { margin-bottom: 2em; padding: 0 !important; }
    .table-contacts tr:last-child td:last-child { margin-bottom: 0; }
}
    
@media only screen and (max-width: 770px), (max-device-width: 770px) {
    /* responzivní tabulka */
    .responzivni-tabulka, .responzivni-tabulka thead, .responzivni-tabulka tbody, .responzivni-tabulka tr, .responzivni-tabulka tr th, .responzivni-tabulka tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
    .responzivni-tabulka tr td { margin-bottom: 1em; padding: 0 !important; }
    .responzivni-tabulka tr:last-child td:last-child { margin-bottom: 0; }
}