@charset "utf-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
:root {
    --max-content-width: 1280px;

    --content-max-width: 1280px;
    --content-padding-left: 0;
    --content-padding-right: 0;
    --content-padding-top: 36px;
    --content-padding-bottom: 36px;

    --color-bg-1: #09080d;
}
.content-max-width {margin-left: auto;margin-right: auto;max-width: var(--content-max-width);}
.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-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: 1280px) {
    :root {
        --content-padding-left: 1rem;
        --content-padding-right: 1rem;
    }
}
@media screen and (max-width: 500px) {
    :root {
        --content-padding-left: 3%;
        --content-padding-right: 3%; 
    }
}

/******************************************************************************/
:root {
    --gold: #c09a5d;
    --dark-gold: #8f7648;
    accent-color: var(--gold);
}
/* * { margin: 0; padding: 0; } */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--color-bg-1);
    /* background-image: radial-gradient(#222, #09080d); */
    color: white;
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    color-scheme: dark;
}
p { margin: 0; }
figure { margin: 0; }
a {
    color: inherit;
    text-decoration-line: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Roboto Slab', serif; transition: font-size; transition-duration: .2s;text-wrap: balance;}
h1, .h1 {
    font-weight: 300;
    font-size: 2rem;
    margin: .67em 0;
    display: block;
    line-height: 1.25;
}
h2, .h2 {
    font-weight: 300;
    font-size: 1.5rem;
    margin: .83em 0;
    display: block;
    line-height: 1.25;
}
h3, .h3 {
    font-weight: 300;
    font-size: 1.17rem;
    margin: 1em 0;
    display: block;
    line-height: 1.25;
}
h4, .h4 {
    font-weight: 300;
}

::-moz-selection { background: hsl(37deg 84% 65% / 40%); }
::selection { background: hsl(37deg 84% 65% / 40%); }

.d-none { display: none !important; }
.cursor-pinter { cursor: pointer; }
.uppercase { text-transform: uppercase; }
.velka-pismena { text-transform: uppercase; }

@media (max-width:900px) {
    h1, .h1 {
        font-size: 1.75rem;
    }
}
/******************************************************************************/

.basic-page-content {
    line-height: 1.5;
    font-weight: 300;
}
.basic-page-content--half {
    max-width: 50%;
}
.basic-page-content ul,
.basic-page-content ol {
    padding-left: 2em;
}
.basic-page-content a {
    /* color: var(--gold); */
}
.basic-page-content a:hover {
    text-decoration: underline;
}

@media only screen and (max-width:900px) {
    .basic-page-content--half {
        max-width: unset;
    }
}

/******************************************************************************/
/* debug */
.debug { /*display:none;*/background: #ebebeb /*#ff00006b*/; color:black; position: fixed; text-align: left; top: 0; bottom: 0; overflow: auto; left: 0; padding: 1rem; z-index: 100; border: 1px dashed; }

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

.wrap1--faq-b {
    background-image: linear-gradient(180deg, transparent, var(--color-bg-1, black) 3em);
    padding-top: 9em;
    padding-bottom: 6em;
}

/******************************************************************************/
/* Hlavička č.5 */
/* tpl/head/head.5.php */
.head {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas:
        "logo top"
        "logo menu"
    ;
}
.head__logo-box {
    grid-area: logo;
    margin-top: 46px;
    margin-left: 0;
}
.head__logo-img {
    width: 100%;
    max-width: 300px;
}
.head__logo-img svg {
    width: 100%;
    height: 100%;
}
.head__menu {
    grid-area: menu;
    font-size: 18px;
}
.head__top {
    grid-area: top;
    margin-top: 18px;
}

.head__menu-mobile {
    display: none;
}
@media only screen and (max-width:750px) {
    .head {
        grid-template-areas:
            "top top"
            "logo menu";
        gap: 6px;
    }
    .head__logo-box {
        margin-top: 0;
    }
    .head__logo-img {
        max-width: 220px;
    }

    .head__menu-normal {
        display: none;
    }
    .head__menu-mobile {
        display: grid;
        justify-content: end;
        margin-top: 1em;
        margin-bottom: 1em;
    }
}
/******************************************************************************/

.head__mobile-logo {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1em;
    padding-top: 1em;
}
.head__mobile-logo-img {
    max-width: 220px;
    width: 100%;
}

/******************************************************************************/
/* Vysouvací menu - mobile-menu v2 */
.mobile-menu-v2 {
    position: fixed;
    z-index: 9000;
    top: 0;
    bottom: 0;
    left: -100vw;
    height: 100vh;
    width: 100vw;
    display: block;
    background: #00000066;
    background: black;
    overflow: auto;
    opacity: 0;
    transition: opacity, left;
    transition-duration: .3s, 0s;
    transition-delay: 0s, .4s;
    visibility: hidden;
}

.mobile-menu-v2 .mobile-menu-v2__wrap {
    background-color: var(--bg-color-1);
    min-height: 100%;
}
.mobile-menu-v2 .mobile-menu-v2__wrap {
    transform: translateX(-100%);
    transition: .3s transform;
}
.is-menu-open .mobile-menu-v2 .mobile-menu-v2__wrap {
    transform: translateX(0);
}
.is-menu-open .mobile-menu-v2 {
    transition-delay: 0s;
}
.mobile-menu-v2 .p-menu {
    flex-direction: column;
}
.mobile-menu-v2 .head-logo {
    display: inline-block;
    padding-bottom: 16px;
}

@media only screen and (max-width:1000px) {

    body.is-menu-open {
        overflow: hidden;
    }
    .mobile-menu-v2 {
        visibility: visible;
    }
    .is-menu-open .mobile-menu-v2 {
        left: 0;
        opacity: 1;
    }
}

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

.button {
    --button__color-a: var(--gold);
    --button__color-b: black;
    --_color-a: var(--button__color-a);
    --_color-b: var(--button__color-b);
    --_color-c: var(--button__color-a);
    -webkit-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    background: var(--_color-a);
    display: inline-block;
    text-align: center;
    color: var(--_color-b);
    border-radius: 3em;
    padding: .5em 2em;
    font-weight: 700;
    outline: 2px solid var(--_color-c);
    outline-offset: -2px;
    transition: .2s background, .2s color;
}
.button:hover, .button:focus-within {
    --_color-a: var(--button__color-b);
    --_color-b: var(--button__color-a);
}

/* ! *****************************************************************************/
/* ! Starý bordel přenesený kvůli kompatibilitě */
/* ! *****************************************************************************/

:root {
    --button-bg: var(--gold);
    --button-fg: #000;
    --buton-bg-hover: #000;
    --buton-fg-hover: var(--gold);
}

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

.breadcrumbs-box {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.content--benefits-list {overflow: hidden;}

/******************************************************************************/
/* Modální panel - boční vyjíždějící okno */
.modal-panel {--duration: 0.3s;
    --bg-color: #000;
}

.modal-panel {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000;visibility: hidden;transition: visibility; transition-delay: var(--duration);}
.modal-panel__shadow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: black;opacity: 0;cursor: pointer;transition: var(--duration) opacity;}
.modal-panel__panel {max-width: 600px;max-width: min(600px, 100vw);width: max(50vw, 600px);background: var(--bg-color);position: absolute;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column;transform: translateX(100%);transition: var(--duration) transform;overflow: auto;    background-image: linear-gradient(135deg, transparent, hsl(0 0% 100% / .15));}
.modal-panel__panel>* {padding-left: 22px;padding-right: 22px;}
.modal-panel__head {display: flex;box-shadow: 0px 1px 1px silver;align-items: center;background:var(--bg-color);position:sticky;top:0;z-index:1;}
.modal-panel__head>* {padding-top: 14px;padding-bottom: 14px;padding-right: 18px;}
.modal-panel__title {flex: 1;}
.modal-panel__title>* {margin: 0;}
.modal-panel__close {font-size: 28px;padding-left: 8px;padding-right: 8px;cursor: pointer;position: absolute;top: 0;right: 0;}
.modal-panel__body {padding-top: 16px;padding-bottom: 16px;font-weight: 300;line-height: 1.5;}
.modal-panel__foot {padding-bottom: 160px;}

/* Otevřený panel */
.modal-panel.open {visibility: visible;transition-delay: 0s;}
.modal-panel.open .modal-panel__panel {transform: translateX(0%);}
.modal-panel.open .modal-panel__shadow {opacity: .5;}

/******************************************************************************/
/* patička */
/* ? info - Použito v patičce nepřihlášených uživatelů (foot/foot.1.php) */
#foot {
    --foot-bg: var(--gold);
    --text-color-3: white;
    --title-color-1: black;
    --title-color-2: black; 
}
#foot {background: var(--foot-bg);color: var(--text-color-3);/*min-height: calc(580px - 30px);*/padding-top: 30px;padding-bottom: 30px;flex:1;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 1.7;}
#foot ::-moz-selection {background: var(--title-color-1);color: var(--title-color-2);}
#foot ::selection {background: var(--title-color-1);color: var(--title-color-2);}

#foot a {text-decoration: none;line-height: 1.5625;}
#foot a:hover {text-decoration: underline;}

.logo-foot img {max-width: 100%;}

.wrap1--foot2 {
    margin-top: 90px;
    border-bottom: 2px solid #dadada;
    padding-bottom: 1.5em;
    font-weight: 500;
    line-height: 1.1;
}
.wrap1--foot2 p {
    max-width: 800px;
}
.wrap1--foot3 {
    margin-top: 2em;
    color: black;
}

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

/******************************************************************************/
/* checkbox */
/* 
    <label class="checkbox">
        <span class="checkbox__input">
        <input type="checkbox" id="cf-gdpr" name="cf_gdpr" value="1" required="">
        <span class="checkbox__mark">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                viewBox="0 0 74.92 59.99" xml:space="preserve"
                focusable="false"
                aria-hidden="true"
            >
                <path style="fill: currentColor;" d="M74.92,1.106L31.195,58.95l0,0c-0.928,1.163-2.322,1.394-3.485,0.466c-0.234-0.231-0.234-0.231-0.469-0.466L0.103,23.186c-0.232-0.231,0-0.462,0-0.462c0.231-0.231,0.463,0,0.463,0l28.335,20.644l0,0L73.759,0.175c0.231-0.234,0.697-0.234,0.928,0C74.92,0.405,74.92,0.871,74.92,1.106z" />
            </svg>
        </span>
        </span>
        <span class="checkbox__label">
            Text k poličku
        </span>
    </label>
*/
.checkbox {
    --mark-border-color: white;
    --mark-border: 1px solid white;
    --mark-color: #000;
    --mark-background: transparent;
    --mark-checked-color: #fff;
    --mark-checked-background: var(--gold);
    --mark-size: 1.5em;
    --mark-transition-duration: 0.3s;
}
.checkbox { color: inherit; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "input label"; position: relative; justify-content: center; align-items: center; 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: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 a {color: var(--gold);}

/******************************************************************************/
/* Input - Stále viditelný popisek (v políčku či nad políčkem)*/
/* 
    <label class="custom-input required">
        <input type="text" name="cf_name" id="cf_name" class="custom-input__input" required>
        <span class="custom-input__label">Jméno</span>
    </label>
*/
.custom-input {
    --base-size: 18px;
    --py: calc(var(--base-size) / 3);
    --px: 0;
    --line-size: 1px;
    --line-color: var(--input-line-color);
    --line-size-2: 2px;
    --line-color-2: var(--input-line-color-hover);
    --transition-duration: .3s;
    --transform-scale: .85;
}
.custom-input {display: inline-block;position: relative;margin-top:calc(var(--base-size));}
.custom-input::before, .custom-input::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: var(--line-size);background-color: var(--line-color);}
.custom-input::after {height: var(--line-size-2);background-color: var(--line-color-2);transform: scaleX(0);transition: transform, background;transition-duration: var(--transition-duration);}
.custom-input:focus-within::after {transform: scaleX(1);}
.custom-input__input {appearance: none;border: none;background-color: transparent;color: currentColor;font-size: var(--base-size);padding-top: var(--py);padding-bottom: var(--py);padding-left: var(--px);padding-right: var(--px);outline: none;width: 100%;}

.custom-input__label {position: absolute;top: var(--py);left: var(--px);transition: transform, color, top, left;transition-duration: var(--transition-duration);transform-origin: left;line-height: 1.5em;cursor: auto;white-space: nowrap;user-select: none;color:hsl(0, 0%, 75%);}
.custom-input__input:focus ~ .custom-input__label,.custom-input__input:not(:placeholder-shown) ~ .custom-input__label {top: calc(-1 * (var(--base-size)) );transform: scale(var(--transform-scale, .8));}

.custom-input__input:disabled {opacity: .8;cursor: not-allowed;}
.custom-input__input:disabled ~ * {opacity: .8;cursor: not-allowed;}

.custom-input.required .custom-input__label::after {content: "*";color: var(--gold);margin: 0 2px;}

.custom-input--password {display: flex;}
.custom-input--password .custom-input__input {}
.custom-input--password .custom-input__input[type="password"] ~ * > .icon-show-password {display: block;}
.custom-input--password .custom-input__input[type="password"] ~ * > .icon-hide-password {display: none;}
.custom-input--password .custom-input__input[type="text"] ~ * > .icon-show-password {display: none;}
.custom-input--password .custom-input__input[type="text"] ~ * > .icon-hide-password {display: block;}
.custom-input--password .custom-input__button {display: flex;align-items: center;cursor:pointer;}

select.custom-input__input {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%235e5e5c' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right center;background-size: 1em;}

/******************************************************************************/
/* Kontaktní formulář */
.mapsitna { display: none; }
#contact-form {position: relative;background: var(--bg-color-4);overflow: hidden;}
#contact-form .content {padding-top:64px;padding-bottom: 44px;}
.contact-form__background {position: absolute;right:0;left:0;bottom:0;}
.contact-form__picture {position: absolute;bottom: 0;right: -230px;z-index:-1;}

.contact-form__top-space {padding-top: 75px;background: var(--bg-color-1);}

.cf {
    --input-fg: var(--input-color);
    --input-bg: transparent;
    max-width: 54%;
    border: 1px solid hsl(0deg 0% 40%);
    background-color: #000;
    background-image: linear-gradient(45deg, transparent, hsl(0 0% 100% / .1));
    padding: 1.5em;
}
.cf__fields {display: flex;flex-direction: column;}
.cf__group-1 {display: flex;gap: 7%;}
.cf__group-1>* {flex: 1;}
@supports not (gap:1px) {
    .cf__group-1 {gap: 0px;}
    .cf__group-1>*+* {margin-left:52px;}
}
.cf__group-2 {display: grid;gap: 0 7%;grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));margin-top: 34px;}
.cf__input--phone {--label-color: hsl(0, 0%, 75%) !important;}

.cf__input {--py: 8px;color: var(--input-fg);font-size: 18px;margin-top: 50px;--line-color:hsl(0, 0%, 50%);--line-color-2:var(--gold);}
.cf__input-value {color: inherit;caret-color: var(--gold);}
.cf__input-label {color: hsl(0, 0%, 75%);user-select: none;}
.cf__input :invalid:not(:placeholder-shown) {color: red;}

.checkbox.cf__input{margin-top:26px;margin-bottom:26px;}

.cf__submit {padding: 0.75em 2.5em;}
 
@media only screen and (max-width:850px) {
    .contact-form__background {display: none;}
    .contact-form__top-space {display:none;}

    .cf {max-width: 100%;}
    .cf__input-value {padding-bottom: var(--py);}
}

@media only screen and (max-width:450px) {
    .cf__group-1 {flex-direction: column;gap: 0;}
    .cf__input {margin-top:36px;}
}

/******************************************************************************/
/* Loading */
.is-loading {position: relative;}
.is-loading::after {content: "";display: block;color: #f3f3f3;border: 0.3em solid currentColor;border-top-color: transparent;border-radius: 50%;width: 1em;height: 1em;animation: spin 1s infinite;animation-timing-function: cubic-bezier(0.75, 0.29, 0.13, 0.63);position: absolute;top: 50%;left: 50%;z-index:1;}
.is-loading::before {content: "";display: block;background: black;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .1;z-index:1;}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/******************************************************************************/
/* Účet - info */
.ac-box {
    /* --input-line-color: white;
    --input-line-color-hover: var(--gold);
    --bg-color-4: transparent; */
}
.ac-box {display: flex;flex-wrap: wrap;--ml: 24px;--mb: 24px;margin-left: calc(-1 * var(--ml));}
.ac-box>* {width: 50%;box-sizing: border-box;border-left: var(--ml) solid transparent;border-bottom: var(--mb) solid transparent;}
.ac-box>.ac-box__item--full {width: 100%;}

.ac-box__item-content {
    background: var(--bg-color-4);
    padding: 20px;
    border-radius: 4px;
    /* box-shadow: 1px 1px 3px -2px white; */
    border: 1px solid hsl(0deg 0% 50%);
    background-image: linear-gradient(45deg, transparent, hsl(0 0% 100% / .07));
}
.ac-box__space {display: block; margin: 0; padding: 0; height: var(--mb);}
.ac-box__item-legend {margin-top: 8px;}
.ac-box__title {margin: 0 0 .25em 0;}

.ac-box hr {border: none;height: 1px;background: var(--input-line-color);margin-top: 1em;margin-bottom: 1em;}

@media screen and (max-width: 1000px) {
    .ac-box>* {width: 100%;}
}

/******************************************************************************/
/* Přihlašovací formulář - login */
.login-form .ac-box {justify-content: center;}
.login-form .ac-box__item {max-width: none;width: auto;}
.login-form__input {width: 300px;}

@media only screen and (max-width: 350px) {
    .login-form__input {width: 100%;}
}

/******************************************************************************/
/* Zapomenuté heslo formulář */
.forgot-password-form {}
.forgot-password-form {display: flex;flex-direction: column;align-items: flex-start;}
.forgot-password-form>*+* {margin-top: 24px;}

.forgot-password-form__input {--transform-scale: .9;width: 260px;}

/******************************************************************************/
/* Registrační formulář */
.registration-form {}
.registration-form__input {
    margin-top: calc(var(--base-size) + 4px) !important;
    --label-color: hsl(0, 0%, 75%) !important;
}

/******************************************************************************/
/* Alert */
/* TODO Alert by bylo potřeba předělat - netýká se fixních v hlavičce, ale klasických zpráv */
.alert, .msg-ok, .msg-error {position: relative;padding: 0.75rem 1.25rem;border: 1px solid transparent;border-radius: 0.25rem;font-size:1rem;}
.alert {display: flex;overflow: hidden;}
.alert__left {flex: 1;align-items: center;}
.alert__right {display: flex;align-items: center;}
.alert__right>*+* {margin-left: 8px;}

.alert-primary {color: #004085;background-color: #cce5ff;border-color: #b8daff;}
.alert-secondary {color: #383d41;background-color: #e2e3e5;border-color: #d6d8db;}
.alert-success, .msg-ok {color: #155724;background-color: #d4edda;border-color: #c3e6cb;}
.alert-danger, .msg-error {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;}
.alert-warning {color: #856404;background-color: #fff3cd;border-color: #ffeeba;}
.alert-info {color: #0c5460;background-color: #d1ecf1;border-color: #bee5eb;}

.alert-primary ::selection {background-color: #85c1ff;}
.alert-secondary ::selection {background-color: #c1c1c1;}
.alert-success ::selection, .msg-ok::selection, .msg-ok ::selection {background-color: #93d1a2;}
.alert-danger ::selection, .msg-error::selection, .msg-error ::selection {background-color: #ff949e;}
.alert-warning ::selection {background-color: #f3d165;}
.alert-info ::selection {background-color: #82cddb;}

.alert__button {appearance: none;background: none;border: none;display: inline-block;font-size: 1.5em;/*position: absolute;top: .6rem;right: .5rem;*/cursor: pointer;opacity: .5;transition: .2s opacity;}
.alert__button:hover, .alert__button:focus {opacity: 1;}
.alert__button.alert__button--text {font-size: 1em;/* border: 1px solid currentColor; */padding: .3em .5em;border-radius: 4px;box-shadow: 0 0 2px 0px currentColor;}

.alert--fixed-top {position: fixed;top: 1em;left: 1em;right: 1em;transition: .2s transform;}
.alert--fixed-bottom {position: fixed;bottom: 1em;left: 1em;right: 1em;transition: .2s transform;}

.alert--fixed-bottom.show {transform: translateY(0px);}
.alert--fixed-bottom.hide {transform: translateY(200%);}

.alert--fixed-top.show {transform: translateY(0px);}
.alert--fixed-top.hide {transform: translateY(-200%);}

.alert--timer {border-bottom: none;}
.alert--timer::after {content: "";background: black;position: absolute;bottom: 0px;left: 0;height: 3px;opacity: .5;width: var(--progress, 0%);transition: width var(--duration, 1s) linear;}

.alert--full { border-width: 1px; border-style: solid; box-sizing: border-box;}
.alert--full .alert { border-width: 0px; }
.wrap-alert-fixed {position: fixed;left: 0;right: 0;top: 0;z-index: 5;}

/******************************************************************************/
/* HP - Benefity */
#hp-benefits {}
#hp-benefits .content {padding-bottom: 0px;padding-top: 80px;}

.hp-benefits {--mt: 2rem;--ml: 5rem;--pt:0px;--tmp-pt: 3em;}
.hp-benefits {font-size: 25px;font-weight: 500;display: flex; flex-wrap: wrap;margin-top: calc(16px - var(--mt) - var(--pt));margin-left: calc(-1 * var(--ml));padding-bottom: 130px;}
.hp-benefits>* {box-sizing: border-box;width: 25%;border: solid transparent;border-width: var(--mt) 0 0 var(--ml);padding-top:var(--pt);}
.hp-benefits>:nth-child(n+5) {padding-top: var(--tmp-pt);}

.hp-benefits__link {display:block;text-decoration: none;color: var(--title-color-1);transition: .2s color, .2s transform;}
.hp-benefits__link:hover, .hp-benefits__link:focus {color: var(--title-color-2);}
    
.hp-benefits__image {position: relative;display: block;padding-top: 100%;margin-bottom: 14%;overflow: hidden;}
.hp-benefits__image .hp-benefits__img {width: 100%;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;image-rendering: -webkit-optimize-contrast;}

.hp-benefits__title {text-align: center;}
.hp-benefits__item--no-img .hp-benefits__title {height: 100%;background: var(--gold);color: currentColor;display: flex;justify-content: center;align-items: center;margin: 0;}

.hp-benefits__image::after {content: "";background: linear-gradient(90deg, transparent, #ffffff6b);position: absolute;transition: top,left;transition-duration: 0s;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.5) rotate(45deg);top: -110%;left: -110%;}
.hp-benefits__link:hover .hp-benefits__image::after, .hp-benefits__link:focus .hp-benefits__image::after {left: 110%;top: 110%;transition-duration: 1.5s;}

@media only screen and (max-width: 1320px) {
    .hp-benefits {--ml: 2rem;--tmp-pt: 0px;}
    .hp-benefits__image {margin-bottom: 10%}
}
@media only screen and (max-width:950px) {
    .hp-benefits>* {width: 33.333%;}
}
@media only screen and (max-width:850px) {
    .hp-benefits {padding-bottom:64px;}
}
@media only screen and (max-width:800px) {
    .hp-benefits {--ml: 1rem;}
}
@media only screen and (max-width:625px) {
    .hp-benefits {--ml: 1rem;margin-top: 0;font-size: 22px;}
    .hp-benefits>* {width: 50%;}
    .hp-benefits__image {margin-bottom: 6%}
}
@media only screen and (max-width:400px) {
    .hp-benefits {justify-content:center;}
    .hp-benefits>* {width: 80%;transition:.2s width;}
}
@media only screen and (max-width:350px) {
    .hp-benefits>* {width: 90%;}
}
@media only screen and (max-width:300px) {
    .hp-benefits>* {width: 96%;}
}

/* Animace */
.hp-benefits__item.anim--able {
    --duration: .5s;
    --delay: .2s;
}
.hp-benefits__item.anim--able .hp-benefits__link {transform: scale(0);transform-origin: bottom center; transition: .2s color, var(--duration) transform; transition-delay: 0s, var(--delay);}
.hp-benefits__item.anim--able.anim--show .hp-benefits__link {transform: scale(1);}

/******************************************************************************/
/* Benefity - seznam karet */
/* ? info - Výpis benefitů pro nepřihlášené uživatele */
.card-h {--ml:20px;}
.card-h {margin-bottom: 20px;font-weight: 300;}

.card-h__content {display: flex;margin-left: calc(-1 * var(--ml));}
/* .card-h.card-h--right .card-h__content {flex-direction: row-reverse;} */
.card-h__content>* {border-left: var(--ml) solid transparent;}
.card-h__image-box, .card-h__text-box {display: flex;align-items: center;justify-content: center;}

.card-h.card-h--left .card-h__image-box--2 {visibility: hidden;}
.card-h.card-h--right .card-h__image-box--1 {visibility: hidden;}

.card-h__img {max-width: 250px;}

@media only screen and (max-width:1000px) {
    .card-h--left .card-h__image-box--2 {display:none;}
    .card-h--right .card-h__image-box--1 {display:none;}

}
@media only screen and (max-width:625px) {
    .card-h__content {flex-direction: column;margin-left: 0;}
    .card-h.card-h--right .card-h__content {flex-direction: column-reverse;margin-left: 0;}
    
    .card-h__content>* {border-left: none;border-bottom: var(--ml) solid transparent;}
}

/* Animace */
.card-h.anim--able {
    --duration: .5s;
    --delay: 0s;
}
.card-h.anim--able .card-h__image-box {opacity: 0;transform: translate(100%, 100%);transition: opacity, transform;transition-duration: var(--duration);transition-delay: var(--delay);}
.card-h.anim--able .card-h__text-box {opacity: 0;transform: translate(100%, 100%);transition: opacity, transform;transition-duration: var(--duration);transition-delay: var(--delay);}
.card-h.anim--able.anim--show .card-h__image-box {opacity: 1;transform: translate(0, 0);}
.card-h.anim--able.anim--show .card-h__text-box {opacity: 1;transform: translate(0, 0);}

.card-h.card-h--right.anim--able .card-h__image-box {transform: translate(-100%, 100%);}
.card-h.card-h--right.anim--able .card-h__text-box {transform: translate(-100%, 100%);}
.card-h.card-h--right.anim--able.anim--show .card-h__image-box {transform: translate(0, 0);}
.card-h.card-h--right.anim--able.anim--show .card-h__text-box {transform: translate(0, 0);}


/* ! Experimental */

/* Turn cross-document view-transitions on */
/*
@view-transition {
    navigation: auto;
}
::view-transition-group(root) {
    animation-duration: 0.5s;
}
@keyframes move-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes move-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
::view-transition-old(root) {
    animation: .25s ease-in both move-out;

}
::view-transition-new(root) {
    animation: .25s ease-in both move-in;
}
*//******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/page_section/page_section.css */


/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/c_input/c_input.css */
/******************************************************************************/
/* Input - Stále viditelný popisek (v políčku či nad políčkem)*/
/* 
    <label class="c-input required">
        <input type="text" name="cf_name" id="cf_name" class="c-input__input" required>
        <span class="c-input__label">Jméno</span>
    </label>
*/
.c-input {
    --base-size: 18px;
    --py: calc(var(--base-size) / 3);
    --px: 0;
    --line-size: 1px;
    --line-color: var(--input-line-color, hsl(0deg 0% 60%));
    --line-size-2: 2px;
    --line-color-2: var(--input-line-color-hover, #c09a5d);
    --transition-duration: .3s;
    --transform-scale: .85;
    --require-color: var(--gold, #c09a5d);
    --label-color: currentColor;
}
.c-input {display: inline-block;position: relative;margin-top:calc(var(--base-size));width:100%;}
.c-input::before, .c-input::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: var(--line-size);background-color: var(--line-color);}
.c-input::after {height: var(--line-size-2);background-color: var(--line-color-2);transform: scaleX(0);transition: transform, background;transition-duration: var(--transition-duration);}
.c-input:focus-within::after {transform: scaleX(1);}
.c-input__input {appearance: none;border: none;background-color: transparent;font-size: var(--base-size);padding-top: var(--py);padding-bottom: var(--py);padding-left: var(--px);padding-right: var(--px);outline: none;width: 100%;color: currentColor;}

.c-input__label {position: absolute;top: var(--py);left: var(--px);transition: transform, color, top, left;transition-duration: var(--transition-duration);transform-origin: left;line-height: 1.5em;cursor: auto;white-space: nowrap;user-select: none;color:var(--label-color);pointer-events:none;}
.c-input__input:focus ~ .c-input__label,
.c-input__input:not(:placeholder-shown) ~ .c-input__label,
.c-input__input:-webkit-autofill ~ .c-input__label
{top: calc(-1 * (var(--base-size)) );transform: scale(var(--transform-scale, .8));}

.c-input__input:disabled {opacity: .8;cursor: not-allowed;}
.c-input__input:disabled ~ * {opacity: .8;cursor: not-allowed;}

.c-input.required .c-input__label::after {content: "*";color: var(--require-color);margin: 0 2px;}

.c-input--password {display: flex;}
.c-input--password .c-input__input {}
.c-input--password .c-input__input[type="password"] ~ * > .icon-show-password {display: block;}
.c-input--password .c-input__input[type="password"] ~ * > .icon-hide-password {display: none;}
.c-input--password .c-input__input[type="text"] ~ * > .icon-show-password {display: none;}
.c-input--password .c-input__input[type="text"] ~ * > .icon-hide-password {display: block;}
.c-input--password .c-input__button {display: flex;align-items: center;cursor:pointer;}

select.c-input__input {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%235e5e5c' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right center;background-size: 1em;padding-right: 1em;}
select.c-input__input option {color: black;}

.c-input__input:-webkit-autofill,
.c-input__input:-webkit-autofill:hover, 
.c-input__input:-webkit-autofill:focus {
    /* -webkit-text-fill-color: currentColor; */
    /* -webkit-box-shadow: 0 0 0px 1000px red inset; */
    /* transition: background-color 5000s ease-in-out 0s; */
}

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/c_input_b/c_input_b.css */
/******************************************************************************/
/* Input - Stále viditelný popisek (v políčku či nad políčkem)*/
/* 
    <label class="c-input-b c-input-b--password required">
        <input type="password" name="password_actual" id="password_actual" class="c-input-b__input" placeholder=" " required="">
        <span class="c-input-b__label ">Původní heslo</span>
        <span class="c-input-b__button js-password-button">
            <i class="fas fa-eye icon-show-password"></i>
            <i class="fas fa-eye-slash icon-hide-password"></i>
        </span>
        <span class="c-input-b__error ">Minimální délka hesla je 8 znaků a musí obsahovat malá a veklá písmena, číslo a speciální znak</span>
    </label>
*/
.c-input-b {
    --base-size: 18px;
    --py: calc(var(--base-size) / 3);
    --px: 0;
    --line-size: 1px;
    --line-color: var(--input-line-color, hsl(0deg 0% 60%));
    --line-size-2: 2px;
    --line-color-2: var(--input-line-color-hover, #c09a5d);
    --transition-duration: .3s;
    --transform-scale: .85;
    --require-color: var(--gold, #c09a5d);
    --label-color: currentColor;
    --error-color: hsl(0deg 100% 50%);
    --error-ok-color: hsl(120deg 100% 40%);
}
.c-input-b {
    display: inline-grid;
    position: relative;
    margin-top:calc(var(--base-size));
    grid-template-columns: 1fr auto;
    width: 100%;
}
.c-input-b__input {
    grid-row: 1;
    grid-column: 1;
    
    appearance: none;
    border: none;
    background-color: transparent;
    font-size: var(--base-size);
    line-height: 1;
    padding-top: var(--py);
    padding-bottom: var(--py);
    padding-left: var(--px);
    padding-right: var(--px);
    outline: none;
}
.c-input-b__input:disabled {opacity: .8;cursor: not-allowed;}
.c-input-b__input:disabled ~ * {opacity: .8;cursor: not-allowed;}

.c-input-b__label {
    grid-row: 1;
    grid-column: 1;

    position: absolute;
    top: var(--py);
    left: var(--px);
    transition: transform, color, top, left;
    transition-duration: var(--transition-duration);
    transform-origin: left;
    line-height: 1.5em;
    cursor: auto;
    white-space: nowrap;
    user-select: none;
    pointer-events: none;
    color: var(--label-color);
}
.c-input-b__input:focus ~ .c-input-b__label,
.c-input-b__input:not(:placeholder-shown) ~ .c-input-b__label 
{
    top: calc(-1 * (var(--base-size)) );
    transform: scale(var(--transform-scale, .8));
}
.c-input-b.required .c-input-b__label::after {
    content: "*";
    color: var(--require-color);
    margin: 0 2px;
}


.c-input-b__button {
    grid-row: 1;
    grid-column: 2;
}
.c-input-b__error {
    grid-row: 3;
    grid-column: 1 / -1;
    
    font-size: .7em;
    line-height: 1;
    margin-top: .5em;
}
.c-input-b__input:invalid ~ .c-input-b__error {
    color: var(--error-color, red);
}
.c-input-b__input:not(:invalid) ~ .c-input-b__error {
    color: var(--error-ok-color, lime);
    display: none;
}

/* START - Validace hesla */
.c-input-b__input.valid-length-8 ~ .c-input-b__error .valid-length-8,
.c-input-b__input.valid-small-char ~ .c-input-b__error .valid-small-char,
.c-input-b__input.valid-big-char ~ .c-input-b__error .valid-big-char,
.c-input-b__input.valid-number ~ .c-input-b__error .valid-number 
{ color: var(--error-ok-color, lime); }
/* END - Validace hesla */

.c-input-b::before, .c-input-b::after {
    grid-row: 2;
    grid-column: 1 / -1;
    
    content: "";
    display: block;
    height: var(--line-size);
    background-color: var(--line-color);
}
.c-input-b::after {
    height: var(--line-size-2);
    background-color: var(--line-color-2);
    transform: scaleX(0);
    transition: transform, background;
    transition-duration: var(--transition-duration);
}
.c-input-b:focus-within::after {transform: scaleX(1);}

.c-input-b--password .c-input-b__input[type="password"] ~ * > .icon-show-password {display: block;}
.c-input-b--password .c-input-b__input[type="password"] ~ * > .icon-hide-password {display: none;}
.c-input-b--password .c-input-b__input[type="text"] ~ * > .icon-show-password {display: none;}
.c-input-b--password .c-input-b__input[type="text"] ~ * > .icon-hide-password {display: block;}
.c-input-b--password .c-input-b__button {display: flex;align-items: center;cursor:pointer;}

select.c-input-b__input {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%235e5e5c' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right center;background-size: 1em;padding-right: 1em;}
select.c-input-b__input option {color: black;}

.c-input-b__input:-webkit-autofill,
.c-input-b__input:-webkit-autofill:hover, 
.c-input-b__input:-webkit-autofill:focus {
    /* -webkit-text-fill-color: currentColor; */
    /* -webkit-box-shadow: 0 0 0px 1000px red inset; */
    /* transition: background-color 5000s ease-in-out 0s; */
}

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/ac_card/ac_card.css */
/******************************************************************************/

.ac-card {
    background: var(--bg-color-4, inherit);
    padding: 20px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px -2px black;
    border: 1px solid #dfdfdf;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/ac_card/ac_card_v2.css */
/******************************************************************************/

.ac-card {
    background: var(--bg-color-4, inherit);
    padding: 20px;
    border-radius: 4px;
    /* box-shadow: 1px 1px 3px -2px white; */
    border: 1px solid hsl(0deg 0% 50%);
    background-image: linear-gradient(45deg, transparent, hsl(0 0% 100% / .07));
}
.ac-card__title {
    margin: 0 0 .25em 0;
}/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/article_breadcrumbs/article_breadcrumbs.css */

.article-breadcrumbs {
    --article-breadcrumbs__color-a: #9C9B9B;
    --article-breadcrumbs__color-b: #000000;
    font-size: 15px;
}
.article-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    color: var(--article-breadcrumbs__color-a);
}
.article-breadcrumbs__list>:not(:last-child)::after {
    content: "|";
    display: inline-block;
    padding: 0 12px;
}
.article-breadcrumbs__item {
    color: var(--article-breadcrumbs__color-a);
    text-decoration: none;
}
.article-breadcrumbs__item:hover {
    color: var(--article-breadcrumbs__color-b);
}
.article-breadcrumbs__item:last-child {
    color: var(--article-breadcrumbs__color-b);
}


/* Temné zobrazení */
.logout .article-breadcrumbs {
    --article-breadcrumbs__color-a: hsl(0, 0%, 75%);
    --article-breadcrumbs__color-b: var(--gold);
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/msg_list_a/msg_list_a.css */
/******************************************************************************/

.msg-list-a:not(:empty) {
    margin-top: 1em;
    margin-bottom: 1em;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/transport_a/transport_a.css */

.transport-a {
    margin: 64px 0 64px 0;
}
.transport-a__list {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    grid-gap: 16px;
    align-items: center;
}
.transport-a__item {
    /* box-shadow: 0px 0px 4px -1px #878787; */
    border: 1px solid #D9D9D9;
    padding: 16px;
}
.transport-a__card {
    display: grid;
    justify-content: center;
    align-items: center;
}
.transport-a__card-img {
    height: 64px;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/transport_b/transport_b.css */

.transport-b {
    max-width: 100%;
}
.transport-b__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1px;
    background: #e6e6e6;
}
.transport-b__item {
    flex: 1;
    min-width: 200px;
    padding: 2em;
    box-sizing: border-box;
    display: grid;
    justify-items: center;
    gap: 1em;
    background: white;
}
.transport-b__icon {color: var(--bg-color-3);}
.transport-b__icon svg {height: 96px;max-width: 110px;}
.transport-b__label {
    max-width: 21ch;
    text-align: center;
    /* outline: 1px dashed; */
    font-size: 18px;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/transport_c/transport_c.css */

.transport-c__list {
    display: flex;
    flex-wrap: wrap;
}
.transport-c__item {
    flex: 1;
    text-align: center;
    min-width: 300px;
    box-sizing: border-box;
    margin: 1em;
}
.transport-c__icon svg {height: 4em;}
.transport-c__item--left {text-align: left;}

@media (max-width: 600px) {
    .transport-c__item {
        min-width: unset;
    }
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/search_input_a/search_input_a.css */

.search-input-a {
    --magnify-width: 1.5em;
    --clean-width: 1.5em;
    --border-color: hsl(0deg 0% 85%);
}

.search-input-a__inside {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-width: 600px;
    /* margin: auto; */
}
.search-input-a__inside:focus-within {
    outline: 1px solid;
}

.search-input-a__box {
    display: flex;
    flex-direction: row-reverse;
}
.search-input-a__search-text {
    position: relative;
    flex: 1;
    font-size: 20px;
}
.search-input-a__search-icon {
    font-size: 1em;
    display: grid;
    align-items: center;
    justify-items: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1.5em;
    /* outline: 1px dashed red; */
}
.search-input-a__search-input {
    appearance: none;
    background: transparent;
    outline: none;
    /* outline: 1px dashed; */
    border: none;
    font-size: 1em;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-top: .3em;
    padding-bottom: .3em;
    padding-left: var(--magnify-width);
    padding-right: var(--clean-width);
}
.search-input-a__button {
    appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: var(--button-bg);
    color: var(--button-fg);
    transition: .2s color, .2s background-color;
    font-weight: bold;
}
.search-input-a__button:hover {
    background-color: var(--buton-bg-hover);
    color: var(--buton-fg-hover);
}
.search-input-a__button--search {
    padding: 0 12px;
}
.search-input-a__button--clean {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: grid;
    align-items: center;
    justify-items: center;
    font-size: 1em;
    width: var(--clean-width);
    /* outline: 1px dashed red; */
    background-color: transparent;
    color: currentColor;
}
.search-input-a__search-input:placeholder-shown ~ .search-input-a__button--clean {
    display: none;
}


/* Temné zobrazení */
.logout .search-input-a__button--search {
    border-left: 2px solid var(--gold);
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_modal_panel/help_modal_panel.css */

.help-modal-panel__open {
    user-select: none;
}
.help-modal-panel__open:hover {
    cursor:pointer;
    filter: drop-shadow(1px 0px 0px currentColor);
}

.help-modal-panel__iframe {
    width: 100%;
    height: 100%;
}

.help-modal-panel .modal-panel__body {
    flex: 1;
}
.help-modal-panel .modal-panel__foot {
    padding-bottom: 0;
}
.help-modal-panel .modal-panel__body img {
    max-width: 100% !important;
    height: auto !important;
}
.help-modal-panel .modal-panel__body iframe {
    max-width: 100% !important;
}

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_search/help_search.css */

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_tooltip/help_tooltip.css */

.help-tooltip {
    --top: 0;
    --left: 0;
    --translate-x: 0%;
    --translate-y: -100%;
    cursor: help;
    position: relative;
    user-select: none;
    pointer-events: auto;
}

.help-tooltip--top {
    --top: 0%;
    --translate-y: -100%;
}
.help-tooltip--bottom {
    --top: 100%;
    --translate-y: 0%;
}
.help-tooltip--center-y {
    --top: 50%;
    --translate-y: -50%;
}
.help-tooltip--right {
    --left: 0%;
    --translate-x: 0%;
}
.help-tooltip--left {
    --left: 100%;
    --translate-x: -100%;
}
.help-tooltip--center-x {
    --left: 50%;
    --translate-x: -50%;
}

.help-tooltip__help {
    display: none;
    user-select: text;
    position: absolute;
    width: max-content;
    top: var(--top, 0);
    left: var(--left, 0);
    z-index: 1000;
    transform: translate(var(--translate-x, 0), var(--translate-y, 0));
    font-size: 11px;
    line-height: 1.3em;
    padding: .5em;
    background: hsl(0deg 0% 95%);
    color: hsl(0deg 0% 0%);
    border: 1px solid hsl(0deg 0% 80%);
}
.help-tooltip:hover .help-tooltip__help {
    display: block;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_tooltip_b/help_tooltip_b.css */

.help-tooltip-b {
    --cursor: help;
    cursor: var(--cursor, help);
    user-select: none;
    pointer-events: auto;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_article/help_article.css */

.help-article__breadcrumbs-box {
    margin-top: 46px;
    margin-bottom: 1rem;
}

.help-article main img {
    max-width: 100% !important;
    height: auto !important;
    margin-block: 1rem;
    filter: drop-shadow(0px 0px 1px gray);
}
.help-article main iframe {
    max-width: 100% !important;
    /* height: auto !important; */
}
.help-article footer {
    margin-top: 30px;
}

.help-article h1:target::before,
.help-article h2:target::before,
.help-article h3:target::before,
.help-article h4:target::before,
.help-article h5:target::before,
.help-article h6:target::before 
{
    content: "▷ ";
}

.help-article--aside {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: 
        "header header"
        "aside main"
        "footer footer"
    ;
}
.help-article aside {
    grid-area: aside;
    font-weight: 300;
    line-height: 1.5;
}
.help-article header {grid-area: header;}
.help-article main {
    grid-area: main;
    font-weight: 300;
    line-height: 1.5;
}
.help-article footer {grid-area: footer;}

@media screen and (max-width: 680px) {
    .help-article--aside {
        grid-template-columns: 1fr;
        grid-template-areas: 
            "header"
            "aside"
            "main"
            "footer"
        ;
    }
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_table_of_content/help_table_of_content.css */

.help-table-of-content {
    position: sticky;
    top: var(--site-header__height, 0);
    transition: .2s top;
    font-size: 16px;
    margin-top: 30px;
    margin-right: 24px;
}

.help-tablo-of-content__title {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 17px;
}

.help-table-of-content__group {
    padding-left: 8px;
    margin-bottom: 8px;
}
.help-table-of-content__group--0 {
    padding-left: 0;
}

.help-table-of-content__item::before {
    content: "•";
    display: inline-block;
    padding-right: 4px;
}

.help-table-of-content__link {
    text-decoration: none;
}
.help-table-of-content__link:hover {
    text-decoration: underline;
}/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/help_article_preview/help_article_preview.css */

.help-article-preview {
    display: flex;
    align-items: center;
    box-shadow: black 0px 0px 1px;
    padding: 14px;
    margin-bottom: 8px;
    text-decoration: none;
    background: white;
}
.help-article-preview:hover, .help-article-preview:focus-within {
    filter: brightness(0.95);
}

.help-article-preview__picture {
    width: 72px;
    margin-right: 14px;
    outline: 1px dashed;
}
.help-article-preview__img {
    width: 100%;
    height: 100%;
}
.help-article-preview__main {
    flex: 1;
}
.help-article-preview__title {
    /* font-weight: bold; */
    font-size: 18px;
    margin-bottom: 4px;
}
.help-article-preview__perex {
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 300;
}


/* Temné zobrazení */
.logout .help-article-preview {
    box-shadow: white 0px 0px 1px;
    background: inherit;
    background-image: linear-gradient(45deg, transparent, hsl(0 0% 100% / .07));
}
.logout .help-article-preview__picture {
    background: white;
}/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/pagination_b/pagination_b.css */

.pagination-b__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination-b__item {
    text-decoration: none;
    color: currentColor;
    font-size: 1.25em;
    padding: 0 .3em;
    display: inline-block;
    opacity: .6;
}

.pagination-b__item--active {
    font-weight: bold;
    opacity: 1;
}

.pagination-b__item:hover {
    opacity: 1;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/layout_2cols/layout_2cols.css */
/******************************************************************************/

.layout-2cols {
    --space: 24px;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: var(--space);
    gap: var(--space);
}

.layout-2cols--1-1 {grid-template-columns: 1fr 1fr;}

.layout-2cols--2-1 {grid-template-columns: 2fr 1fr;}
.layout-2cols--3-1 {grid-template-columns: 3fr 1fr;}

.layout-2cols--1-2 {grid-template-columns: 1fr 2fr;}
.layout-2cols--1-3 {grid-template-columns: 1fr 3fr;}

.layout-2cols--align-start {align-items: start;}
.layout-2cols--align-center {align-items: center;}
.layout-2cols--align-end {align-items: end;}

.layout-2cols__space {padding-top: var(--space, 24px);}
.layout-2cols__span {grid-column: 1/-1;}

@media screen and (max-width: 1000px) {
    .layout-2cols {grid-template-columns: 1fr;}
}
@media screen and (max-width: 900px) {
    .layout-2cols {--space: 16px;}
}

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/faq_a/faq_a.css */

.faq_a {}
.faq-a__item {
    --margin-left: 40px;
    display: grid;
    padding: 2em;
}
.faq-a__item:not(:last-child) {
    border-bottom: 1px solid #ececec;
}
.faq-a__title {
    cursor: pointer;
    user-select: none;
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    position: relative;
    padding-left: var(--margin-left);
}
.faq-a__title::before {
    --size: 10px;
    content: "";
    border: var(--size) solid transparent;
    border-left: var(--size) solid var(--color-prim);
    position: absolute;
    top: .1em;
    left: 0;
    transform-origin: 0% 50%;
    transition: .3s transform;
}
.faq-a__item--open .faq-a__title::before {
    transform: rotate(90deg);
}
.faq-a__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: .3s grid-template-rows;
}
.faq-a__item--open .faq-a__content {
    grid-template-rows: 1fr;
}
.faq-a__content>div {
    overflow: hidden;
    margin-left: var(--margin-left);
    font-size: 1em;
    font-weight: 300;
    line-height: 1.4;
}
.faq-a__content>div::before {
    content:"";
    display: block;
    height: 1em;
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/menu_f/menu_f.css */

/* Menu - Levá strana */
.menu-f {
    --menu-f__fg: white;
    --menu-f__bg: transparent;
    --menu-f__fg-active: white;
    --menu-f__bg-active: transparent;
    --menu-f__fg-hover: #c09a5d;
    --menu-f__bg-hover: transparent;
    font-size: 18px;
}
.menu-f__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 26px;
}
.menu-f__list > *+* {
    margin-left: 1.25em;
}
.menu-f__item {
    display: grid;
    justify-items: center;
    margin-bottom: 8px;
    margin-top: 8px;
}
.menu-f__item::after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background: var(--gold);
    margin-top: 6px;
    transform: scaleX(0);
    transform-origin: right;
    transition: .3s transform;
}
.menu-f__item.active::after, 
.menu-f__item:hover::after,
.menu-f__item:focus-within::after
{
    transform: scaleX(1);
    transform-origin: left;
}
.menu-f__link {
    transition: .2s color;
}
.menu-f__link:hover, .menu-f__link:focus-within {
    background-color: var(--menu-f__bg-hover);
    color: var(--menu-f__fg-hover);
}
.menu-f__link.active {
    background-color: var(--menu-f__bg-active);
    color: var(--menu-f__fg-active);
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/menu_f_mobile/menu_f_mobile.css */

/* Menu - Levá strana */
.menu-f-mobile {
    --menu-f-mobile__fg: white;
    --menu-f-mobile__bg: transparent;
    --menu-f-mobile__fg-active: white;
    --menu-f-mobile__bg-active: transparent;
    --menu-f-mobile__fg-hover: #c09a5d;
    --menu-f-mobile__bg-hover: transparent;
    font-size: 18px;
    padding-bottom: 100px; 
}
.menu-f-mobile__list {
    list-style: none;
    display: grid;
    justify-content: center;
    justify-items: start;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 26px;
}
.menu-f-mobile__list .menu-f-mobile__list {
    font-size: 0.8em;
    padding-left: 1em;
    border-left: 1px solid;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.menu-f-mobile__item {
    display: grid;
    justify-items: start;
    margin-bottom: 8px;
    margin-top: 8px;
}
.menu-f-mobile__link::after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background: var(--gold);
    margin-top: 6px;
    transform: scaleX(0);
    transform-origin: right;
    transition: .3s transform;
}
.menu-f-mobile__link.active::after, 
.menu-f-mobile__link:hover::after,
.menu-f-mobile__link:focus-within::after
{
    transform: scaleX(1);
    transform-origin: left;
}
.menu-f-mobile__link {
    transition: .2s color;
}
.menu-f-mobile__link.active {
    background-color: var(--menu-f-mobile__bg-active);
    color: var(--menu-f-mobile__fg-active);
}
.menu-f-mobile__link:hover, .menu-f-mobile__link:focus-within {
    background-color: var(--menu-f-mobile__bg-hover);
    color: var(--menu-f-mobile__fg-hover);
}


/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/menu_g/menu_g.css */

/* Menu - Levá strana */
.menu-g {
    --menu-g__color-a: white;
    --menu-g__color-b: #c09a5d;
    --menu-g__bg: transparent;
    /* font-size: 18px; */
    transition: .2s font-size;
}
.menu-g__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
.menu-g__list > *+* {
    margin-left: 1.75em;
}
.menu-g__link {
    --_fg-top: var(--menu-g__color-b);
    --_fg-bottom: var(--menu-g__color-a);
    --_fg-transition-duration: .2s;
    display: grid;
    grid-template-rows: 1fr auto;
    justify-items: center;
    height: 100%;
}
.menu-g__link:hover, .menu-g__link:focus-within {
    --_fg-top: var(--menu-g__color-a);
    --_fg-bottom: var(--menu-g__color-b);
}
.menu-g__link__icon {
    display: grid;
    justify-items: center;
    align-items: center;
    color: var(--_fg-top);
    transition: var(--_fg-transition-duration, 0) color;
}
.menu-g__link__icon--text {
    font-size: 1.125em;
}
.menu-g__link__svg svg {
    height: 2.7em;
}
.menu-g__link__svg svg path {
    fill: currentColor !important;
    transition: var(--_fg-transition-duration, 0) fill;
}
.menu-g__link__text {
    font-weight: 300;
    font-size: 0.875em;
    color: var(--_fg-bottom);
    transition: var(--_fg-transition-duration, 0) color;
}
.menu-g__link.active .menu-g__link__text::after {
    content: "△\00a0";
    display: inline;
}

@media only screen and (max-width: 600px) {
    .menu-g {font-size: 15px;}
}
@media only screen and (max-width: 500px) {
    .menu-g {font-size: 14px;}
}
@media only screen and (max-width: 400px) {
    .menu-g {font-size: 13px;}
}
@media only screen and (max-width: 300px) {
    .menu-g {font-size: 12px;}
}
@media only screen and (max-width: 250px) {
    .menu-g {font-size: 11px;}
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/contact_box_a/contact_box_a.css */

.contact-box-a {
    --contact-box-a__color-a: white;
    --contact-box-a__color-b: var(--gold, #c09a5d);
    --contact-box-a__color-c: var(--dark-gold, #8f7648);
    --_bg-color: var(--contact-box-a__color-b);
    --_icon-color: var(--contact-box-a__color-c);
    color: var(--contact-box-a__color-a);
    position: fixed;
    top: 0;
    right: 0;
    pointer-events: none;
    filter: drop-shadow(0px 0px 1px hsl(0deg 0% 0% / .5));
}
.contact-box-a__item {
    background: var(--_bg-color);
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 1em 0 1em .5em;
    gap: 8px;
    transition: .5s transform;
    pointer-events: auto;
}
.contact-box-a__item:nth-child(2n) {
    --_bg-color: var(--contact-box-a__color-c);
    --_icon-color: var(--contact-box-a__color-b);
}
.contact-box-a__item .contact-box-a__item__svg path {
    fill: var(--_icon-color) !important;
}
.contact-box-a__item__svg {
    width: 2.375em;
}
.contact-box-a__item__text {
    font-size: 0.875em;
    line-height: 1.6em;
    min-width: 0;
    padding-right: 28px;
}
.contact-box-a__item__text p {
    margin: 0;
}
.contact-box-a__item:hover {
    transform: translateX(0);
}

@media only screen and (max-width: 1800px) {
    .contact-box-a__item {
        transform: translateX(calc(100% - 3em));
    }
}
@media only screen and (max-width: 1450px) {
    .contact-box-a {
        top: unset;
        bottom: 0em;
        z-index: 2;
        display: none;
    }
}
@media only screen and (max-width: 750px) {
    .contact-box-a {font-size: 14px;}
}
@media only screen and (max-width: 600px) {
    .contact-box-a {font-size: 13px;}
}
@media only screen and (max-width: 500px) {
    .contact-box-a {font-size: 12px;}
}

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/menu_icon_a/menu_icon_a.css */

.menu-icon-a {}
.menu-icon-a {font-size: 2.25em;color: inherit; cursor:pointer;}
.menu-icon-a .menu-icon-a__open {display: block;}
.menu-icon-a .menu-icon-a__close {display: none;}
.is-menu-open .menu-icon-a .menu-icon-a__open {display: none;}
.is-menu-open .menu-icon-a .menu-icon-a__close {display: block;}


/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/scroll_box_b/scroll_box_b.css */

.scroll-box-b {
    background: #c09a5d;
    /* color: #453c34; */
    color: #3A322C;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 20px;
    font-weight: 200;
    padding: 1em 0;
    text-align: center;
    opacity: 1;
    transition: .5s opacity, .5s transform;
    z-index: 2;
}
body:not(.is-scroll-top) .scroll-box-b {
    transform: translateY(101%);
    opacity: 0;
}
.scroll-box-b__icon {
    display: inline-grid;
    border: 1px solid currentColor;
    height: 2.5em;
    width: 1em;
    border-radius: 1em;
    box-sizing: border-box;
    vertical-align: middle;
    justify-items: center;
    align-items: center;
    margin-right: .25em;
    margin-left: .25em;
    overflow: hidden;
}
.scroll-box-b__icon span {
    background: currentColor;
    width: .5em;
    height: .5em;
    display: inline-block;
    border-radius: 100%;
    animation: scroll-box-b__scroll-wheel 2s ease-in-out infinite;
    box-shadow: 0px -4em 0px 0px currentColor;
    transform: translateY(0%);
}
@keyframes scroll-box-b__scroll-wheel {
    0%, 10% {
        transform: translateY(0%);
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    75% {
        opacity: 1;
    }
    90%, 100% {
        transform: translateY(80px);
        opacity: 1;
    }
}


@media only screen and (max-width: 500px) {
    .hp-.scroll-box-b {font-size: 16px;}
}
/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/hp_intro/hp_intro.css */


.hp-intro { /* wrap1 */
    --hp-intro__color-a: var(--gold);
    --hp-intro__color-b: black;
}
.hp-intro__background { /* wrap2--background */
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
    display: grid;
    justify-content: center;
}
.hp-intro__background img {
    max-width: 2000px;
}
.hp-intro__content { /* hp-intro */
    display: grid;
    justify-items: end;
    overflow: hidden;
}
.hp-intro__top { /* hp-intro-top */
    font-size: 14px;
    text-align: right;
}
.hp-intro__top__row { /* hp-intro-top__row */
    text-transform: uppercase;
    font-weight: 100;
    padding: 0;
    margin: 26px 0;
    line-height: 1em;
}
.hp-intro__top__row--big { /* hp-intro-top__row--big */
    font-size: 3.75em;
}
.hp-intro__top__row--medium { /* hp-intro-top__row--medium */
    font-size: 1.875em;
}
.hp-intro__top__row--1 { /* hp-intro-top__row--1 */
    margin-right: 4.666em;
}
.hp-intro__top__row--2 { /* hp-intro-top__row--2 */
    margin-right: 5em;
}
.hp-intro__bottom { /* hp-intro-bottom */
    --line-weight: 2px;
    --line-color: white;
    --line-width: 12px;
    color: var(--hp-intro__color-a);
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.hp-intro__bottom__body { /* hp-intro-bottom__body */
}
.hp-intro__bottom__text { /* hp-intro-bottom__text */
    position: relative;
    padding-left: 14px;
    padding-top: 10px;
    display: block;
    width: 164px;
}
.hp-intro__bottom__text::before {
    content: "";
    display: block;
    background: var(--line-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--line-weight);
}
.hp-intro__bottom__text::after {
    content: "";
    display: block;
    background: var(--line-color);
    position: absolute;
    top: 0;
    left: calc(var(--line-weight) / 2);
    width: var(--line-width);
    height: var(--line-weight);
    transform: translateX(-50%);
}
.hp-intro__bottom p {
    margin: 0;
}
.hp-intro__bottom__button { /* hp-intro-bottom__button */
    --_color-a: var(--hp-intro__color-a);
    --_color-b: var(--hp-intro__color-b);
    --_color-c: var(--hp-intro__color-a);
    cursor: pointer;
    background: var(--_color-a);
    display: inline-block;
    text-align: center;
    color: var(--_color-b);
    border-radius: 3em;
    padding: 6px 34px;
    font-weight: 700;
    margin-top: 16px;
    margin-left: var(--line-width);
    outline: 2px solid var(--_color-c);
    outline-offset: -2px;
    transition: .2s background, .2s color;
}
.hp-intro__bottom__button:hover, .hp-intro__bottom__button:focus-within {
    --_color-a: var(--hp-intro__color-b);
    --_color-b: var(--hp-intro__color-a);
}

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

/* animace */
.hp-intro__top.anim--able .hp-intro__top__row {
    opacity: 0;
    transform: translateX(100%);
}
.hp-intro__top.anim--able.anim--show .hp-intro__top__row {
    --duration: 1s;
    --delay: 0s;
    opacity: 1;
    transform: translateX(0%);
    transition: 1s all;
    transition-duration: var(--duration, 0s);
    transition-delay: var(--delay, 0s);
}

.hp-intro__bottom.anim--able > .hp-intro__bottom__body {
    opacity: 0;
    transform: translateY(100%);
}
.hp-intro__bottom.anim--able.anim--show > .hp-intro__bottom__body {
    --duration: 1s;
    --delay: 1s;
    opacity: 1;
    transform: translateX(0%);
    transition: 1s all;
    transition-duration: var(--duration, 0s);
    transition-delay: var(--delay, 0s);
}

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

@media only screen and (max-width: 900px) {
    .hp-intro__background {
        opacity: .7;
    }
    .hp-intro__bottom__text {
        background: hsl(0deg 0% 0% / 50%);
    }
}
@media only screen and (max-width: 750px) {
    .hp-intro__top {font-size: 10px;}
}
@media only screen and (max-width: 500px) {
    
    .hp-intro__top {
        text-align: center;
        justify-self: center;
    }
    .hp-intro__top__row--1 {margin-right: 0;}
    .hp-intro__top__row--2 {margin-right: 0;}
}
@media only screen and (max-width: 400px) {
    .hp-intro__top {font-size: 8px;}
    .hp-intro__top__row {margin-block: 20px;}
}

/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/v2/faq_b/faq_b.css */


/* section {
    background-image: linear-gradient(180deg, transparent, black 3em);
    padding-top: 4em;
    padding-bottom: 4em;
} */

.faq-b__item {
    --bg-position-x: -20vw;
    display: grid;
    grid-template-rows: auto 1fr;
    transition: grid-template-rows, opacity;
    transition-duration: .3s;
    overflow: hidden;
}

.faq-b__item--close {
    grid-template-rows: auto 0fr;
}
.faq-b__item--close .faq-b__body {
    opacity: 0;
}
.faq-b__item--close .faq-b__indicator::before {
    transform: rotate(180deg);
}
.faq-b__item--close .faq-b__indicator::after {
    transform: rotate(90deg);
}

.faq-b__head {
    display: flex;
    align-items: center;
    gap: 1em;
    padding: 0 1em;
    transition: .3s background;
    background-image: linear-gradient(to right, #c09a5d, transparent);
    background-repeat: no-repeat;
    background-position-x: var(--bg-position-x, -20vw);
    cursor: pointer;
    position: relative;
    isolation: isolate;
    border-top: 1px solid transparent;
}

.faq-b__indicator {
    display: inline-grid;
    height: 1em;
    width: 1em;
    justify-items: center;
    align-items: center;
}
.faq-b__indicator::before, .faq-b__indicator::after {
    content: "";
    background: currentColor;
    width: 1em;
    height: 2px;
    display: block;
    grid-row: 1;
    grid-column: 1;
    transform: rotate(0deg);
    transition: transform .5s ease;
}
.faq-b__question {
    font-weight: 300;
    margin: .5em 0;
    transition: .2s transform;
}

.faq-b__head:hover {
    --bg-position-x: 0;
}
.faq-b__head:hover .faq-b__question {
    transform: translateX(.5em);
}

.faq-b__body {
    font-size: .95em;
    font-weight: 300;
    line-height: 1.4;
    overflow: hidden;
    /* background-image: linear-gradient(90deg, hsl(0deg 0% 10%) , transparent); */
    background-image: linear-gradient(-90deg, transparent, hsl(0 0% 100% / .07));
    background-repeat: no-repeat;
    background-position-x: var(--bg-position-x, -20vw);
    opacity: 1;
    transition: .3s opacity;
    align-self: start;
    overflow: hidden;
}
.faq-b__body>div {
    padding: 1em 3em 1em 3em;
}
.faq-b a {
    color: hsl(37deg 44% 60%);
    text-decoration: none;
}
.faq-b a:hover {
    text-decoration: underline;
}

/* ************************************** */
/* Styl v2 */
.faq-b--v2 .faq-b__item {
    --bg-position-x: 0;
    margin-bottom: 1.5em;
}
.faq-b--v2 .faq-b__head {
    border: 1px solid hsl(0deg 0% 50%);
    border: 1px solid hsl(37deg 44% 55% / .7);
    background-image: linear-gradient(-45deg, transparent, hsl(37deg 44% 55% / 0.7));
}
.faq-b--v2 .faq-b__question {
    margin: .75em 0;
}
.faq-b--v2 .faq-b__body {
    border: 1px solid hsl(0deg 0% 50% / .7);
    background-image: linear-gradient(-45deg, transparent, hsl(0 0% 50% / 0.15));
    border-top: 0;
}
.faq-b__body>div {
    padding: 1.5em 3em 1.5em 3em;
}

/* **************************************** */
/* Vypnutí animací */
.faq-b--no-anim .faq-b__item,
.faq-b--no-anim .faq-b__head,
.faq-b--no-anim .faq-b__question,
.faq-b--no-anim .faq-b__body,
.faq-b--no-anim .faq-b__indicator::before, 
.faq-b--no-anim .faq-b__indicator::after
{
    transition-duration: 0s !important;
}/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/my_captcha/my_captcha.css */
.my-captcha {
    --my-captcha__bg: #222;
    --my-captcha__fg: #fff;
    --my-captcha__border-color: #484848;
    --my-captcha__border-width: 2px;

    --my-captcha__button-bg: #fcfcfc;
    --my-captcha__button-bg-hover: #efefef;
    --my-captcha__button-border-color: #c3c3c3;
    --my-captcha__button-border-color-hover: #b6b6b6;
    --my-captcha__button-border-width: 2px;
}

.my-captcha.light {
    --my-captcha__bg: #f9f9f9;
    --my-captcha__fg: #000;
    --my-captcha__border-color: #d3d3d3;
    --my-captcha__border-width: 2px;

    --my-captcha__button-bg: #fcfcfc;
    --my-captcha__button-bg-hover: #efefef;
    --my-captcha__button-border-color: #c3c3c3;
    --my-captcha__button-border-color-hover: #b6b6b6;
    --my-captcha__button-border-width: 2px;
}
.my-captcha.dark {
    --my-captcha__bg: #222;
    --my-captcha__fg: #fff;
    --my-captcha__border-color: #484848;
    --my-captcha__border-width: 2px;

    --my-captcha__button-bg: #fcfcfc;
    --my-captcha__button-bg-hover: #efefef;
    --my-captcha__button-border-color: #c3c3c3;
    --my-captcha__button-border-color-hover: #b6b6b6;
    --my-captcha__button-border-width: 2px;
}

.my-captcha {
    display: inline-grid;
    grid-template-columns: auto 1fr auto;
    position: relative;
    min-height: 70px;

    color: var(--my-captcha__fg);
    background: var(--my-captcha__bg);
    border: var(--my-captcha__border-width) solid var(--my-captcha__border-color);
    border-radius: 4px;
    padding: .25em 1em;
    gap: .5em 1em;
    font-weight: normal;
}

.my-captcha__button-box, 
.my-captcha__text-box,
.my-captcha__image-box 
{
    display: grid;
    justify-items: center;
    align-items: center;
}

.my-captcha__button,
.my-captcha__loading,
.my-captcha__success,
.my-captcha__fail,
.my-captcha__input
{
    display: grid;
    justify-items: center;
    align-items: center;
    grid-row: 1;
    grid-column: 1;
}

.my-captcha__button {
    --size: 2.5em;
    width: var(--size);
    height: var(--size);
    cursor: pointer;
    appearance: none;
    background: var(--my-captcha__button-bg);
    border: var(--my-captcha__button-border-width) solid var(--my-captcha__button-border-color);
    border-radius: 4px;
}
.my-captcha__button:hover {
    background: var(--my-captcha__button-bg-hover);
    border-color: var(--my-captcha__button-border-color-hover)
}
.my-captcha__loading {}
.my-captcha__success {}
.my-captcha__fail {}

.my-captcha__image img {max-width: 48px;max-height: 48px;object-fit: contain;}
.my-captcha__image svg {max-width: 48px;max-height: 48px;}

.my-captcha__image-label {
    font-size: .7em;
    opacity: .7;
    line-height: 1;
}

/* Input - pseudo-hidden*/
.my-captcha__input {
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    appearance: none;
}


/* Změna stavu */
.my-captcha:not(.ready) .my-captcha__button {visibility: hidden;}
.my-captcha:not(.loading) .my-captcha__loading {visibility: hidden;}
.my-captcha:not(.success) .my-captcha__success {visibility: hidden;}
.my-captcha:not(.fail) .my-captcha__fail {visibility: hidden;}


/* Default */
.my-captcha__default-success {font-size: 2em;}
.my-captcha__default-fail {font-size: 2em;}

.my-captcha__default-loading {position: relative;}
.my-captcha__default-loading::after {
    content: "";
    display: block;
    color: currentColor;
    border: 0.3em solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    animation: my-captcha__spin 1s infinite;
    animation-timing-function: cubic-bezier(0.75, 0.29, 0.13, 0.63);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}
@keyframes my-captcha__spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Zpráva o brandu reCAPTCHA a skrytí odznaku */
/* https://developers.google.com/recaptcha/docs/faq */
.my-captcha__reCAPTCHA {
    grid-column: 1 / -1;
    font-size: 9px;
    max-width: 230px;
    text-align: center;
    line-height: 1.2;
}
.grecaptcha-badge {
    display: none;
}/******************************************************************************/
/** Projekt: KF */
/** Soubor: /tpl/comp/site_footer_b/site_footer_b.css */

/* Patička */

.site-footer-b {
    --site-footer-b__fg-color: var(--footer-1-fg-color, white);
    --site-footer-b__bg-color: var(--footer-1-bg-color, transparent);
    --site-footer-b__title-fg-color: var(--footer-1-title-fg-color, black);
    --site-footer-b__title-bg-color: var(--footer-1-title-bg-color, transparent);
    /* --site-footer-b__link-fg-color: var(--footer-1-link-fg-color, transparent); */
    /* --site-footer-b__link-bg-color: var(--footer-1-link-bg-color, transparent); */
    /* --site-footer-b__link-fg-color-hover: var(--footer-1-link-fg-color-hover, transparent); */
    /* --site-footer-b__link-bg-color-hover: var(--footer-1-link-bg-color-hover, transparent); */
    /* --site-footer-b__icon-fg-color: var(--footer-1-icon-fg-color, transparent); */
}
.site-footer-b {
    display: grid;
    grid-template-areas:
        "logo address contact . sitemap maybe";
    grid-template-columns: auto auto auto 1fr auto auto;
    gap: 0em 5%;
    align-items: start;
    color: var(--site-footer-b__fg-color, transparent);
    background-color: var(--site-footer-b__bg-color, transparent);
}
.site-footer-b__logo-box {
    grid-area: logo;
}
.site-footer-b__address-box {
    grid-area: address;
}
.site-footer-b__contact-box {
    grid-area: contact;
}
.site-footer-b__sitemap-box {
    grid-area: sitemap;
}
.site-footer-b__maybe-box {
    grid-area: maybe;
}

.site-footer-b__address-box, .site-footer-b__contact-box, .site-footer-b__sitemap-box, .site-footer-b__maybe-box {
    margin-top: 2em;
}
.site-footer-b__address-box, .site-footer-b__contact-box {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 12px;
    align-items: center;
}
.site-footer-b__address-box svg, .site-footer-b__contact-box svg {
    max-width: 19px;
    max-height: 20px;
    vertical-align: middle;
}
.site-footer-b__title {
    font-weight: 800;
    color: var(--site-footer-b__title-fg-color, black);
    background-color: var(--site-footer-b__title-bg-color, transparent);
}
.site-footer-b__logo-box img {
    max-height: 90px;
    max-width: 180px;
    object-fit: contain;
}

@media only screen and (max-width: 1450px) {
    .site-footer-b {
        grid-template-areas:
            "logo address sitemap maybe"
            "logo contact sitemap maybe"
            ". contact sitemap maybe"
            ". contact sitemap maybe"
        ;
        grid-template-columns: auto;
        justify-content: space-evenly;
    }
}
@media only screen and (max-width: 1050px) {
    .site-footer-b {
        grid-template-areas:
            "logo sitemap maybe"
            "address sitemap maybe"
            "contact sitemap maybe"
        ;
    }
}
@media only screen and (max-width: 750px) {
    .site-footer-b {
        grid-template-areas:
            "logo sitemap "
            "address sitemap "
            "contact maybe"
            "contact maybe"
        ;
    }
}
@media only screen and (max-width: 550px) {
    .site-footer-b {
        grid-template-areas:
            "logo"
            "address"
            "contact"
            "sitemap"
            "maybe"
        ;
    }
    .site-footer-b__link {
        display: inline-block;
        margin-bottom: 2px;
    }
    .site-footer-b__item a {
        padding: 4px 0;
        display: inline-block;
    }
} /* cached */