@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/style/fonts/manrope-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/style/fonts/manrope-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 750;
  font-display: swap;
  src: url('/style/fonts/manrope-750-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/style/fonts/manrope-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/style/fonts/manrope-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 750;
  font-display: swap;
  src: url('/style/fonts/manrope-750-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { --vk-font: 'Manrope', system-ui, -apple-system, Arial, sans-serif; }

.vk-top-label {
    float: left;
    margin: 0;
    padding-top: 8px;
    color: #625d52;
    font-size: 13px;
    font-weight: 700;
}

#firstLaneText .vk-page-heading {
    margin: 0 0 .55em;
    color: #173d64;
    font: 700 clamp(1.8rem, 3.2vw, 2.4rem)/1.15 var(--vk-font, Arial, sans-serif);
}

.vk-page-intro, .vk-subheading { line-height: 1.5; }
.vk-subheading, .vk-archive-note { color: #5a5446; }

.vk-contact-tab {
    position: fixed;
    bottom: 18px;
    right: 14px;
    z-index: 1100;
    padding: .6rem .9rem;
    border-radius: .35rem;
    background: #004992;
    color: #fff;
    font: 700 1rem/1.2 var(--vk-font, Arial, sans-serif);
    text-decoration: none;
}

.vk-contact-tab[hidden] { display: none; }
.vk-contact-tab:focus-visible, .vk-form :focus-visible { outline: 3px solid #af752b; outline-offset: 2px; }
.vk-form-area { clear: both; margin: 1.5rem 0; scroll-margin-top: 1rem; }

.vk-form, .vk-feedback {
    box-sizing: border-box;
    max-width: 100%;
    padding: clamp(1rem, 3vw, 1.5rem);
    border: 1px solid #d8d1bd;
    border-radius: .45rem;
    background: #fbfaf7;
    color: #3a3834;
    font-size: 1rem;
    line-height: 1.45;
}

.vk-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem 1rem; }
.vk-form label { display: block; margin-bottom: .65rem; font-weight: 700; min-width: 0; }

.vk-form input:not([type=checkbox]), .vk-form select, .vk-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 2.75rem;
    margin-top: .25rem;
    padding: .5rem .6rem;
    border: 1px solid #8a8373;
    border-radius: .25rem;
    background: #fff;
    color: #2d2a23;
    font: 1rem/1.3 var(--vk-font);
}

.vk-form textarea { resize: vertical; }
.vk-form .vk-check { display: flex; align-items: baseline; gap: .45rem; font-weight: 400; }
.vk-form button {
    min-height: 2.75rem;
    border: 0;
    border-radius: .25rem;
    padding: .6rem .85rem;
    background: #004992;
    color: #fff;
    cursor: pointer;
    font: 700 1rem/1.3 var(--vk-font, Arial, sans-serif);
}

.vk-form button:hover { background: #063667; }
.vk-form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.vk-feedback { margin: 8vh auto; width: min(92vw,40rem); }
.vk-feedback a { color: #004992; }

@media (max-width: 1055px) {
    .top, .header { min-width: 0; }
    #topText, #headerText, #firstLaneText, #secondLaneBlText, #secondLaneText, #secondLaneText2,
    #footerText, .siteRoad, #sddm, #social, .content {
        box-sizing: border-box;
        max-width: calc(100% - 2rem);
    }

    #firstLaneText > div, #secondLaneBlText > div, #secondLaneText > div, #secondLaneText2 > div,
    .content > div, #footerText > div {
        box-sizing: border-box;
        max-width: 100%;
    }

    #firstLaneText table, #firstLaneText iframe, #firstLaneText img, #firstLaneText object,
    .content table, .content iframe, .content img, .content object,
    #secondLaneBlText table, #secondLaneBlText img, #secondLaneText img {
        max-width: 100%;
    }

    #firstLaneText td, .content td { overflow-wrap: anywhere; }
    #firstLaneText iframe, .content iframe { box-sizing: border-box; }
    .secondLane, .footer { height: auto; background-color: #235b90; display: flow-root; }
    .secondLane { background-color: #f1eee5; }
    #footerText { padding-bottom: 4rem; overflow-wrap: anywhere; }
    .firstLane, .secondLaneBl, .content { display: flow-root; }
}

@media (max-width: 780px) {
    .top { height: auto; display: flow-root; background-color: #f5f2e8; }
    #topText { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; padding: .4rem 0; }
    .top h1, .top span, .vk-top-label { float: none; padding-top: 0; }
    .header { height: auto; min-height: 21rem; background-position: 49% top; background-size: auto 440px; }
    #examplePanel { right: 16px !important; top: 3px !important; height: auto !important; padding: .5rem; }
    #examplePanel input { max-width: 100%; box-sizing: border-box; }
    #sddm { display: flex; flex-wrap: wrap; gap: .25rem; padding-top: .6rem; }
    #sddm li { float: none; width: auto !important; background: #fffffff0; font-size: 1rem; }
    #sddm li a { padding: .35rem .5rem; }
    #sddm div { z-index: 5; max-width: calc(100vw - 2rem); box-shadow: 0 3px 12px #00254a30; }
    #sddm div a { white-space: normal; font-size: .95rem; }
    #social { margin-top: .4rem; }
    #headerText { padding: 1rem 0; }
    #headerText img { max-width: min(260px, 90%); height: auto; }
    #headerText h2 {
        box-sizing: border-box;
        width: min(100%,440px);
        margin: .75rem 0 0;
        padding: .65rem;
        background: #fffc;
        font-size: clamp(1.3rem,5vw,1.9rem);
    }
    #headerText h2 div { font-size: inherit !important; }
    .garance { float: none; margin: .5rem 0 0; }
    .garance div { position: static !important; display: inline-block; padding: .35rem .5rem !important; }
    .garance > img { display: none; }
    .garance img { max-height: 2rem; }
    .firstLane { margin-top: 0; min-height: 0; }
    #firstLaneText > div, #secondLaneBlText > div, #secondLaneText > div, #secondLaneText2 > div,
    .content > div, #footerText > div { float: none !important; width: 100% !important; padding-inline: 0 !important; }
    #firstLaneText table, .content table { float: none !important; }
    #firstLaneText .vk-wide-table { max-width: 100%; overflow-x: auto; }
    #firstLaneText img, .content img { height: auto; }
    #firstLaneText iframe { max-height: 24rem; }
    .vk-contact-tab { bottom: 10px; right: 10px; }
}

@media (max-width: 520px) {
    .vk-form-fields { grid-template-columns: 1fr; gap: 0; }
}


@media (max-width: 1055px) {
    .nabidkaBoxy, .nabidkaBoxy2 {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));
        gap: .8rem;
    }

    .nabidkaBoxy > div, .nabidkaBoxy2 > div {
        box-sizing: border-box;
        width: 100% !important;
        min-height: 0;
        height: auto !important;
        margin: 0;
        padding-bottom: .75rem;
    }
}

@media (max-width: 780px) {
    .aktualitaSeparator { max-width: 100%; }
    .aktualityVse, .content .left > a, .content .right > a { max-width: 100%; overflow-wrap: anywhere; }
    .content .left *, .content .right * { box-sizing: border-box; }
    .content .left div[style*="width:"], .content .right div[style*="width:"] { max-width: 100%; }
    .vk-wide-table { outline-offset: 2px; }
    .vk-form-area .vk-form button { position: relative; z-index: 1; }
}

@media (max-width: 780px) {
    .content { overflow-wrap: anywhere; }
    #firstLaneText .vk-wide-table table { max-width: none; }
}

.vk-static-banner {
    display: inline-block;
    max-width: 100%;
}

.vk-static-banner img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Shared typography, controls and footer */
:root {
    --vk-ink: #172942;
    --vk-navy: #0a2245;
    --vk-primary: #07346d;
    --vk-link: #174f87;
    --vk-line: #dfe7ef;
    --vk-gutter: clamp(16px, 4vw, 36px);
    --vk-wide: min(1200px, calc(100% - 2 * var(--vk-gutter)));
}

body { color: var(--vk-ink); background: #fff; font-family: var(--vk-font); }
button, input, select, textarea { font-family: var(--vk-font); }
.firstLane, .secondLaneBl, .secondLane { background: #fff; }
.firstLane { display: flow-root; }
#firstLaneText, #secondLaneBlText, .content { color: var(--vk-ink); }
.siteRoad { padding-bottom: 12px; }
#firstLaneText { font-size: 15px; line-height: 1.65; }
.vk-form, .vk-feedback {
    background: #fff;
    color: var(--vk-ink);
    border-color: var(--vk-line);
    border-radius: 10px;
}
.vk-form input:not([type=checkbox]), .vk-form select, .vk-form textarea {
    font-family: var(--vk-font);
    border-color: #a8b9cc;
}
.vk-form button, .vk-contact-tab, .vk-portal-form button {
    min-height: 44px;
    padding: .7rem 1.1rem;
    border-radius: 6px;
    background: var(--vk-primary);
    color: #fff;
    font-weight: 750;
    font-size: 14px;
}
.vk-contact-tab { display: inline-flex; align-items: center; box-sizing: border-box; }
.vk-form button:hover, .vk-contact-tab:hover, .vk-portal-form button:hover { background: #124c8a; }
.vk-form a:hover, .content a:hover, #firstLaneText a:hover, .siteRoad a:hover {
    text-decoration: underline;
    text-decoration-thickness: .09em;
    text-underline-offset: .26em;
}
.vk-form :focus-visible, .vk-contact-tab:focus-visible { outline-color: #428add; }

.vk-footer {
    box-sizing: border-box;
    display: flow-root;
    clear: both;
    background: #082e64;
    color: #fff;
    padding: clamp(35px, 5vw, 67px) 0 55px;
    font-size: 14px;
    line-height: 1.6;
}
.vk-footer *, .vk-footer *::before, .vk-footer *::after { box-sizing: border-box; }
.vk-footer-inner { width: var(--vk-wide); margin-inline: auto; }
.vk-footer-grid { display: grid; grid-template-columns: 1.06fr 1.2fr 1fr .95fr; gap: 24px clamp(22px, 4.2vw, 62px); }
.vk-footer-grid nav { min-width: 0; }
.vk-footer ul { margin: 0; padding: 0; list-style: none; }
.vk-footer li + li { margin-top: 9px; }
.vk-footer h2 { margin: 0 0 14px; font-size: 16px; font-weight: 750; }
.vk-footer a, .vk-footer #partneri a { color: #eaf3ff; text-decoration: none; overflow-wrap: anywhere; }
.vk-footer a:hover, .vk-footer #partneri a:hover, .vk-footer a:focus-visible {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #a3ccf7;
    text-underline-offset: .29em;
}
.vk-footer a:focus-visible { outline: 2px solid #a3ccf7; outline-offset: 4px; }
.vk-footer-brand { display: grid; justify-items: start; align-content: start; gap: 13px; }
.vk-footer-logo img { display: block; width: 86px; height: auto; }
.vk-footer a.vk-footer-name { color: #fff; font-size: 15px; font-weight: 750; }
.vk-footer-social { display: flex; gap: 9px; }
.vk-footer-social a {
    display: grid; place-items: center;
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #adc9e971;
    line-height: 1; font-weight: 800;
}
.vk-footer-social a:hover { background: #ffffff17; text-decoration: none; }
.vk-footer-contact {
    display: grid;
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) auto;
    align-items: center;
    gap: 16px 24px;
    border-block: 1px solid #aec5e153;
    margin-top: clamp(27px, 4vw, 47px);
    padding: 24px 0;
}
.vk-footer-contact h2 { margin-bottom: 5px; }
.vk-footer-reception { display: grid; justify-items: start; gap: 3px; min-width: 0; }
.vk-footer-reception a[href^="tel:"] { font-size: 21px; letter-spacing: -.035em; font-weight: 800; }
.vk-footer a.vk-footer-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    min-height: 46px; padding: 9px 15px; border: 1px solid #adc9e988; border-radius: 6px;
    color: #fff; font-weight: 750;
}
.vk-footer a.vk-footer-button:hover { background: #ffffff17; text-decoration: none; }
.vk-footer-arrow { width: 8px; height: 8px; border: solid currentColor; border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); }
.vk-footer .vk-footer-partners { display: flex; flex-wrap: wrap; gap: 5px 24px; align-items: baseline; padding: 17px 0; }
.vk-footer-partners h2 { margin: 0; font-size: 13px; }
.vk-footer-partners ul { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.vk-footer-partners li { font-size: 13px; }
.vk-footer-partners li + li { margin: 0; }
.vk-footer-legal {
    display: flex; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap;
    border-top: 1px solid #aec5e13d; padding-top: 13px; color: #c0d2ed; font-size: 12px;
}
.vk-footer-legal p { margin: 0; }

@media (max-width: 850px) {
    .vk-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .vk-footer-contact { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .vk-footer-button { justify-self: start; }
}
@media (max-width: 540px) {
    .vk-footer-grid { gap: 25px 17px; }
    .vk-footer-contact { grid-template-columns: 1fr; }
    .vk-footer a.vk-footer-button { width: 100%; }
    .vk-footer-legal { padding-bottom: 35px; }
}
