:root {
    --white: #fff;
    --blue: #00174B;
    --yellow: #E29C00;
    --rose: #F0D1B5;
    --turquoise: #68B1B7;
    --size: 16px;
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: 'fira sans', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 140%;
    color: var(--blue);
    overflow-x: hidden;
    max-width: 100vw;
}

h1, h2, h3 {
    font-family: 'Fraunces', Georgia, 'Times New Roman', Times, serif;
    font-weight: 600;
    line-height: 110%;
}

h4, h5, h6 {
    font-weight: 700;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 22px;
    line-height: 28px;
}

h4 {
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 800px) {

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 25px;
        line-height: 30px;
    }

    h4 {
        font-size: 22px;
        line-height: 28px;
    }
}

strong, .strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

blockquote {
    text-align: center;
    padding-top: calc(var(--size) * 3);
    position: relative;
}

    blockquote:after {
        content: "";
        background: url(/assets/img/blockquote.svg) no-repeat center 0;
        background-size: 580px 18px;
        position: absolute;
        top: var(--size);
        left: 0;
        right: 0;
        height: calc(var(--size) * 2);
        pointer-events: none;
    }

    blockquote p {
        font-family: 'Square Peg';
        font-size: calc(var(--size) * 2);
        line-height: 1;
    }

    blockquote .note {
        line-height: 1.2;
    }

.a .btns:last-child {
    margin-bottom: calc(var(--size) * -4);
}

ul {
    list-style: disc outside;
}

ol {
    list-style: decimal outside;
}

    ul.ul-simple, ol.ul-simple {
        list-style: none;
    }

    ul > li, ol > li {
        margin-left: calc(var(--size));
        padding-left: calc(var(--size) * 1.2)
    }

    ul.ul-simple > li, ol.ul-simple > li {
        margin-left: 0;
        padding-left: 0
    }

:is(ul.ul-gap, ol.ul-gap) > li:not(:last-child) {
    margin-bottom: var(--size);
}

:is(ul.ul-no-gap, ol.ul-no-gap) > li:not(:last-child) {
    margin-bottom: 0
}

.tc {
    text-align: center;
}

.keep {
    white-space: nowrap;
}

.mw-5 {
    max-width: calc(1180px / 12 * 5);
}

.mw-4 {
    max-width: calc(1180px / 12 * 4);
}

.mw-3 {
    max-width: calc(1180px / 12 * 3);
}

.a .mw-8 {
    max-width: calc(1180px / 12 * 8);
}

.a .mw-7 {
    max-width: calc(1180px / 12 * 7);
}

.a .mw-6 {
    max-width: calc(1180px / 12 * 6);
}

@media (min-width: 960px) {
    .mw-8 {
        max-width: calc(1180px / 12 * 8);
    }

    .mw-7 {
        max-width: calc(1180px / 12 * 7);
    }

    .mw-6 {
        max-width: calc(1180px / 12 * 6);
    }
}

blockquote > [class*='mw-'] {
    margin-left: auto;
    margin-right: auto;
}

.note {
    font-size: 12px;
    line-height: 1.3;
    font-family: 'fira sans', 'Arial', sans-serif;
}

.small {
    font-size: .8em;
    line-height: 1.3;
}

.t-white {
    color: var(--white)
}

.t-blue {
    color: var(--blue)
}

.t-yellow {
    color: var(--yellow)
}

.t-rose {
    color: var(--rose)
}

.t-turquoise {
    color: var(--turquoise)
}

.bg-white {
    background-color: var(--white)
}

.bg-blue {
    background-color: var(--blue)
}

.bg-yellow {
    background-color: var(--yellow)
}

.bg-rose {
    background-color: var(--rose)
}

.bg-turquoise {
    background-color: var(--turquoise)
}

.b {
    border-left: 4px solid #ccc;
    padding-left: calc(var(--size) * 2);
}

.b-white {
    border-color: var(--white)
}

.b-blue {
    border-color: var(--blue)
}

.b-yellow {
    border-color: var(--yellow)
}

.b-rose {
    border-color: var(--rose)
}

.b-turquoise {
    border-color: var(--turquoise)
}

.pb-025 {
    padding-bottom: 0.25em;
}

.pb-05 {
    padding-bottom: 0.5em;
}

.pb-1 {
    padding-bottom: 1em;
}

.pb-2 {
    padding-bottom: 2em;
}

.pb-3 {
    padding-bottom: 3em;
}

.pb-4 {
    padding-bottom: 4em;
}

.pr-05 {
    padding-right: 0.5em;
}

.pr-1 {
    padding-right: 1em;
}

.pr-2 {
    padding-right: 2em;
}

.pr-3 {
    padding-right: 3em;
}

.pr-4 {
    padding-right: 4em;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-025 {
    margin-bottom: 0.25em;
}

.mb-05 {
    margin-bottom: 0.5em;
}

.mb-1 {
    margin-bottom: 1em;
}

.mb-2 {
    margin-bottom: 2em;
}

.mb-3 {
    margin-bottom: 3em;
}

.mb-4 {
    margin-bottom: 4em;
}

.block-with-icon .mr-1 {
    margin-right: 1em;
}

@media (min-width: 800px) {
    .mr-05 {
        margin-right: 0.5em;
    }

    .mr-1 {
        margin-right: 1em;
    }

    .mr-2 {
        margin-right: 2em;
    }

    .mr-3 {
        margin-right: 3em;
    }

    .mr-4 {
        margin-right: 4em;
    }
}

.outer-container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.container {
    max-width: calc(1180px + var(--size) * 4);
    margin: 0 auto;
    padding: 0 calc(var(--size) * 2);
}

.auto > *:not(:last-child):not([class*='mb-']) {
    margin-bottom: calc(var(--size) * 1.25);
}

.auto-1-5 > *:not(:last-child):not([class*='mb-']) {
    margin-bottom: calc(var(--size) * 1.5);
}

.auto-0-5 > *:not(:last-child):not([class*='mb-']) {
    margin-bottom: calc(var(--size) * 0.5);
}

.auto-2 > *:not(:last-child):not([class*='mb-']) {
    margin-bottom: calc(var(--size) * 2);
}

.block + .block {
    margin-top: calc(var(--size) * 4);
}

.admin-tools + .block {
    margin-top: calc(var(--size) * 4);
}

.block .block + .block {
    margin-top: calc(var(--size) * 3);
}

.columns-2,
.columns-3,
.columns-4 {
    columns: 1;
    column-gap: calc(var(--size));
}

:is(.columns-2, .columns-3, .columns-4):not([class*='mb-']) {
    margin-bottom: -2em;
}

:is(.columns-2, .columns-3, .columns-4) .bm {
    border-left: 4px solid var(--blue);
    padding-left: calc(var(--size) * 2);
}

@media (min-width: 640px) {

    .columns-3 {
        columns: 2;
    }

    .columns-4 {
        columns: 2;
    }
}

@media (min-width: 960px) {
    .columns-2 {
        columns: 2;
    }
}

@media (min-width: 1180px) {
    :is(.columns-2, .columns-3, .columns-4) .bm {
        padding-left: 0;
        border-left: 0 none;
    }

    .columns-3 {
        columns: 3;
    }

    .columns-4 {
        columns: 4;
    }
}

:is(.columns-2, .columns-3, .columns-4) > :is(div, li) {
    break-inside: avoid;
    margin-bottom: 2em;
}

.columns-gap-wide {
    column-gap: calc(var(--size) * 4);
}

    .columns-gap-wide > :is(li, div) {
        margin-bottom: calc(var(--size) * 3) !important;
    }

.grid-3 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: calc(var(--size) * 3);
    grid-row-gap: calc(var(--size) * 3);
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: calc(var(--size) * 3);
    grid-row-gap: calc(var(--size) * 3);
}

.grid-2-4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: calc(var(--size) * 2);
    grid-row-gap: calc(var(--size) * 1);
}

.grid-6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: calc(var(--size) * 3);
    grid-row-gap: calc(var(--size) * 3);
}

@media (max-width: 639px) {
    .grid-2-4 {
        font-size: .8em;
        line-height: 1.3;
    }

        .grid-2-4 .small {
            display: none;
        }

        .grid-2-4 a {
            text-decoration-thickness: 1px !important;
        }
}

@media (min-width: 640px) {
    .grid-2-4 {
        grid-column-gap: calc(var(--size) * 3);
        grid-row-gap: calc(var(--size) * 3);
    }

    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-6 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 800px) {
    .grid-6 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 960px) {
    .grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1180px) {
    .grid-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .grid-2-4,
    .grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.grid-6 p {
    font-size: var(--size);
    line-height: 1.3;
}

.split {
    margin-bottom: -2em;
}

    .split > div {
        margin-bottom: 2em;
    }

@media (max-width: 799px) {
    .split .mr-2,
    .split .mr-4 {
        margin-right: 0;
    }
}

@media (min-width: 800px) {
    .split {
        display: flex;
    }

    .split-center {
        align-items: center;
    }

    .split > div {
        width: 50%
    }

    .split-7-5 > div:nth-child(1) {
        width: calc(100% / 12 * 7);
    }

    .split-7-5 > div:nth-child(2) {
        width: calc(100% / 12 * 5);
    }
}

.page-content a:not(.btn):not(.img-button) {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

.btn {
    padding: var(--size) calc(var(--size) * 2);
    border-radius: 40px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
}

.btn-secondary {
    text-decoration: underline;
    text-decoration-color: var(--yellow);
    text-decoration-thickness: calc(var(--size) / 4);
    text-underline-offset: calc(var(--size) / 2);
}

@media (hover: hover) {
    a {
        transition: all .3s;
    }

        a:not(.btn):hover {
            /* color: var(--turquoise) !important; */
            text-decoration-color: var(--yellow) !important;
        }

    .btn {
        transition: all .3s;
        transform: translateY(0);
        box-shadow: 0 0 0 #00000000;
    }

        .btn:not(.btn-secondary):hover {
            transform: translateY(-2px);
            box-shadow: 0 3px 8px #00000022;
        }

        .btn.bg-white:hover {
            background: var(--yellow);
        }

    .btn-secondary:hover {
        background: #00000011;
        text-decoration-color: var(--rose);
        /* color: var(--turquoise) */
    }
}

.img {
    display: block;
    width: 100%;
    background: var(--white);
    border: 4px solid var(--white);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
}

@media (min-width: 800px) {
    .img {
        border-width: 10px;
    }
}

.graphics {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.img-4-3 {
    aspect-ratio: 4/3;
}

.img-1-1 {
    aspect-ratio: 1/1;
}

.img-2-1 {
    aspect-ratio: 2/1;
}

.img-3-2 {
    aspect-ratio: 3/2;
}

.img-16-9 {
    aspect-ratio: 16/9;
}

.img-9-16 {
    aspect-ratio: 9/16;
}

.img-circle {
    display: block;
    width: 100%;
    background: var(--white);
    aspect-ratio: 1/1;
}

.img-fit {
    object-fit: contain;
    padding: 1em
}

.img-cover {
    object-fit: cover
}

.img-shadow {
    box-shadow: 0 20px 60px #eee;
}

@media (hover: hover) {
    .img-dimm {
        filter: grayscale(1);
        opacity: .8;
        transition: .4s all;
    }

        .img-dimm:hover {
            filter: grayscale(0);
            opacity: 1;
        }
}


.gallery img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 719px) {
    .gallery {
        display: flex;
        flex-wrap: wrap;
    }

        .gallery > div:nth-child(1) {
            width: 100%;
            margin-bottom: .4em;
        }

        .gallery > div:nth-child(2),
        .gallery > div:nth-child(3),
        .gallery > div:nth-child(4) {
            width: calc((100% - .8em) / 3)
        }

        .gallery > div:nth-child(2),
        .gallery > div:nth-child(3) {
            margin-right: .4em;
        }

        .gallery > div:nth-child(1) img {
            aspect-ratio: 16/9
        }

        .gallery > div:nth-child(2) img,
        .gallery > div:nth-child(3) img,
        .gallery > div:nth-child(4) img {
            aspect-ratio: 1/1
        }
}

@media (min-width: 720px) and (max-width: 1219px) {
    .gallery {
        display: flex;
        position: relative;
    }

        .gallery > div:nth-child(1) {
            width: 60%;
            margin-right: 1em;
        }

        .gallery > div:nth-child(2) {
            width: 20%;
            margin-right: 1em;
        }

        .gallery > div:nth-child(3) {
            position: absolute;
            width: calc(20% - 2em);
            height: calc(19vw - 2em);
            top: 0;
            right: 0;
        }

        .gallery > div:nth-child(4) {
            position: absolute;
            width: calc(20% - 2em);
            aspect-ratio: 1/1;
            bottom: 0;
            right: 0;
        }

        .gallery > div:nth-child(1) img {
            aspect-ratio: 16/9
        }

        .gallery > div:nth-child(2) img {
            aspect-ratio: 100/170
        }

        .gallery > div:nth-child(3) img {
            aspect-ratio: 1/2
        }

        .gallery > div:nth-child(4) img {
            aspect-ratio: 1/1
        }
}

@media (min-width: 1220px) {

    .gallery {
        aspect-ratio: 1180/420;
        position: relative;
    }

        .gallery > div:nth-child(1) {
            position: absolute;
            top: 0;
            left: 0;
            width: 680px;
            height: 420px
        }

        .gallery > div:nth-child(2) {
            position: absolute;
            top: 0;
            right: 200px;
            width: 279px;
            height: 420px
        }

        .gallery > div:nth-child(3) {
            position: absolute;
            top: 0;
            right: 0;
            width: 174px;
            height: 226px
        }

        .gallery > div:nth-child(4) {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 174px;
            height: 174px
        }

        .gallery img {
            position: absolute;
            width: 100%;
            height: 100%;
        }
}

.img-with-button {
    position: relative;
}

.img-button {
    position: absolute;
    font-size: 10px;
    text-decoration: none;
    top: 100%;
    right: calc(var(--size) * 4);
    font-weight: 700;
    padding: .5em 0
}

    .img-button:after {
        position: absolute;
        bottom: 0;
        left: 120%;
        width: calc(var(--size) * 2.5);
        content: "";
        aspect-ratio: 1/1;
        background: var(--white);
        border-radius: 50%;
        box-shadow: 0 4px 10px #eee;
        overflow: hidden;
    }

.icon img {
    display: block;
    width: calc(var(--size) * 4);
    aspect-ratio: 1/1;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    overflow: hidden;
}

.block-with-icon {
    display: flex;
}

    .block-with-icon > div:not(.icon) {
        flex: 1
    }

.collapsible {
    position: relative;
}

    .collapsible:after {
        content: "";
        position: absolute;
        background: url('/assets/img/collapsible.svg') no-repeat center center;
        width: 23px;
        height: 23px;
        left: -9px;
        top: 18px;
        transform: rotate(180deg);
    }

.collapsible-init {
    margin-left: calc(var(--size) * 2 + 4px)
}

    .collapsible-init button {
        font-weight: 700;
        padding: calc(var(--size)) 0;
        border-bottom: 4px dashed var(--yellow)
    }

.collapsible-content {
    display: none;
    position: relative;
}

    .collapsible-content:after {
        content: "";
        position: absolute;
        top: 100%;
        left: calc(var(--size) * 2 + 4px);
        right: 0;
        border-bottom: 4px dashed var(--yellow)
    }

.collapsible._open:after {
    transform: rotate(0deg);
}

.collapsible._open .collapsible-init button {
    border-bottom-color: transparent;
    color: var(--yellow)
}

.collapsible._open .collapsible-content {
    padding: var(--size) 0 calc(var(--size) * 3);
    display: block;
}

.a {
    padding: calc(var(--size) * 2) 0 calc(var(--size) * 3);
    margin: 0 calc(var(--size) * -2);
    background-position: bottom center;
    background-size: 100% auto;
}

.a-rose {
    background-image: url(/assets/img/area-rose.svg);
}

.a-yellow {
    background-image: url(/assets/img/area-yellow.svg);
}

.a-blue {
    background-image: url(/assets/img/area-blue.svg);
}

.page-visual {
    padding: calc(var(--size) * 9) 0 calc(var(--size) * 4);
    margin: 0 calc(var(--size) * -2) calc(var(--size) * 4);
    background-image: url(/assets/img/header.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.page-footer {
    padding: calc(var(--size) * 11) 0 calc(var(--size) * 4);
    margin-top: calc(var(--size) * 4);
    margin-bottom: var(--size);
    background-image: url(/assets/img/footer.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media (min-width: 1220px) {
    .a,
    .page-visual {
        width: 1440px;
        position: relative;
        left: -98px;
    }

    .page-footer {
        max-width: 100%;
        position: relative;
    }
}

.img-button---download:after {
    background-image: url(/assets/img/icon-download.svg);
    background-size: contain;
    background-position: bottom center;
}

.img-button---fb:after {
    background-image: url(/assets/img/fb.svg);
    background-size: contain;
}

.img-button---ig:after {
    background: url(/assets/img/ig.svg);
    background-size: contain;
}

.img-button---map:after {
    background: url(/assets/img/map.svg);
    background-size: contain;
}

.r {
    position: relative;
}

.qr:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    background: url(/images/qr.png) no-repeat center center;
    background-size: contain;
    width: 120px;
    height: 120px;
}

@media (max-width: 959px) {
    .qr {
        display: none;
    }
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: calc(var(--size) * 6);
    background: #fff;
    z-index: 1000;
}

.bignum {
    font-size: 30px;
    line-height: 1;
    font-family: 'Fraunces', Georgia, 'Times New Roman', Times, serif;
}

@media (min-width: 800px) {
    .bignum {
        font-size: 50px;
    }
}

.footer-menu li {
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
    margin-right: var(--size);
}

.footer-menu-list-2 {
    font-size: 14px;
}

    .footer-menu-list-2 li {
        margin-left: 0;
        padding-left: 0;
    }

@media (min-width: 1180px) {
    .footer-menu h4, .footer-menu ul, .footer-menu li {
        display: inline-block;
    }

    .footer-menu-list {
        border-left: 2px solid var(--rose);
        padding-left: var(--size);
        margin-left: var(--size);
        font-size: 14px;
        position: relative;
        top: -3px
    }
}

.mluvit {
    width: 290px;
    height: 96px
}

@media (min-width: 800px) {
    .mluvit {
        position: absolute;
        top: -130px;
        right: 5em
    }
}

@media (max-width: 1139.98px) {
    .page-header {
        min-height: calc(var(--size) * 5);
    }

    .page-visual {
        padding-top: calc(var(--size) * 5);
    }

        .page-visual .container {
            padding-top: calc(var(--size) * 3.5);
        }
}

/*.menu-button {
    position: fixed;
    top: calc(var(--size) * .4);
    right: calc(var(--size) * 1);
}

.menu-content {
    position: fixed;
    top: calc(var(--size) * 3.5);
    left: 0;
    right: 0;
    padding: calc(var(--size) * 2);
    padding-top: 0;
    background: var(--white);
    border-bottom: 4px solid var(--yellow);
}

    .menu-content span {
        display: block;
    }

@media only screen and (max-width: 1140px) {
    .menu-content span {
        display: inline;
    }
}

.menu-content img {
    display: none;
}

.menu-content ul {
    columns: 2;
}

.menu-content li {
    padding: calc(var(--size) * .6) 0;
    break-inside: avoid;
}

.menu-content {
    display: none;
}

    .menu-content.show {
        display: block;
    }

.menu-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-languages li {
    display: inline-block;
    padding: 0;
    margin: 0 .5em 0 0
}

    .menu-languages li:not(.menu-language-active) a {
        color: var(--rose);
    }

@media (min-width: 800px) {
    .menu-content {
        top: calc(var(--size) * 6);
    }

        .menu-content ul {
            columns: 3;
        }

    .menu-button {
        position: fixed;
        top: calc(var(--size) * 1.5);
        right: calc(var(--size) * 2);
    }
}

@media (min-width: 1140px) {
    .menu-button {
        display: none;
    }

    .menu-content {
        display: block;
        position: absolute;
        background: none;
        border: none;
        top: 0;
        left: 400px;
        right: 0;
        text-align: center;
        padding: 0;
    }

        .menu-content ul {
            display: flex;
            columns: auto;
            align-items: center;
            justify-content: flex-end;
        }

        .menu-content li {
            padding: calc(var(--size) * 1.6) 0;
            margin-left: 1em !important;
            html: not([lang="cs"]) &

{
    padding: calc(var(--size) * 1.6) 0;
}

}

.menu-content > .ul-simple > li:not(.menu-with-background):not(.menu-with-image):not(.menu-languages) {
    min-height: 102px;
}

.menu-content strong {
    white-space: nowrap;
}

.menu a {
    display: inline-block;
}

.menu-content span {
    font-weight: 700;
    font-size: 14px;
    margin-top: -5px;
}

.menu-content .menu-with-image strong, .menu-with-image span {
    display: none;
}

.menu-content .menu-with-image img {
    display: block;
}

.menu-content .menu-with-image {
    flex: 0 0 4em;
    width: 2em;
    padding: 0 var(--size);
}
    
.menu-with-background {
    background: url(/assets/img/menu-highlight.svg) no-repeat bottom center;
    background-size: 115% 115%;
    position: relative;
}

    .menu-with-background:after {
        content: "";
        pointer-events: none;
        background: url(/assets/img/menu-bulge.svg) no-repeat -10px bottom;
        top: 93%;
        left: 0;
        right: 0;
        height: 16px;
        position: absolute;
    }

@media (hover: hover) {
        .menu-content span {
            transition: all .2s ease-in-out;
        }

        .menu-content a:hover span {
            transform: translateY(-3px);
        }

        .menu-content li:not(.menu-with-background) a:hover span {
            color: var(--yellow);
        }

        .menu-with-background {
            transition: .8s all;
        }

        .menu-with-background:hover {
            background-size: 110% 110%;
        }
    }

    .menu-active a {
        position: relative;
    }

    .menu-active a:before {
        content: "";
        position: absolute;
        width: calc(var(--size) * 2);
        height: calc(var(--size) * 2);
        background: url(/assets/img/menu-active.svg) no-repeat center center;
        background-size: contain;
        left: 50%;
        top: 0;
        transform: translate(-50%, calc(var(--size) * -2.1));
    }

    html:not([lang="cs"]) .menu-active a:before {
        transform: translate(-50%, calc(var(--size) * -2.6));
    }  .menu-languages {
        position: fixed;
        right: 0;
        top: 0;
        padding: 0;
        display: flex;
        align-items: center;
        height: 4.5em;
    }

    .menu-languages li {
        display: block;
        margin: .2em .6em !important;
        padding: 0 !important;
        font-size: 16px;
        line-height: 1;
    }

    .menu-languages a {
        color: var(--yellow);
    }

    .menu-spacing-before-language {
        margin-right: 1em;
    }
}

@media (min-width: 1440px) {
    .menu-languages {
        right: calc((100vw - 1440px) / 2);
    }

    .menu-spacing-before-language {
        margin-right: 0;
    }
}*/

.block-3 {
    background: url(/assets/img/blockquote/3.svg) no-repeat center center;
}

.block-arrow {
    background: url(/assets/img/blockquote/arrow.svg) no-repeat center center;
}

.block-arrows {
    background: url(/assets/img/blockquote/arrows.svg) no-repeat center center;
}

.block-exclamation {
    background: url(/assets/img/blockquote/exclamation.svg) no-repeat center center;
}

.block-growth {
    background: url(/assets/img/blockquote/growth.svg) no-repeat center center;
}

.block-phone-blue {
    background: url(/assets/img/blockquote/phone-blue.svg) no-repeat center center;
}

.block-phone-rose {
    background: url(/assets/img/blockquote/phone-rose.svg) no-repeat center center;
}

.block-quote-blue {
    background: url(/assets/img/blockquote/quote-blue.svg) no-repeat center center;
}

.block-quote-rose {
    background: url(/assets/img/blockquote/quote-rose.svg) no-repeat center center;
}

.block-small {
    background-size: auto 90px;
}

.block-medium {
    background-size: auto 120px;
}

.block-big {
    background-size: auto 160px;
}

.block-huge {
    background-size: auto 200px;
}

.m-yellow::marker, .m-yellow li::marker {
    color: var(--yellow)
}

.m-blue::marker, .m-blue li::marker {
    color: var(--blue)
}

.m-turquoise::marker, .m-turquoise li::marker {
    color: var(--turquoise)
}

.m-rose::marker, .m-rose li::marker {
    color: var(--rose)
}

.visual {
    background: no-repeat center center;
    background-size: contain;
    position: absolute;
    display: block;
    z-index: 0;
    pointer-events: none;
}

    .visual + div {
        position: relative;
        z-index: 1;
    }

.visual-heads {
    background-image: url(/assets/img/visuals/heads.svg);
    aspect-ratio: 385/352;
    width: 320px;
    bottom: 10%;
    left: 60%
}

.visual-head {
    background-image: url(/assets/img/visuals/head.svg);
    aspect-ratio: 385/352;
    width: 320px;
    bottom: 60px;
    left: 60%
}

.visual-profem {
    background-image: url(/assets/img/visuals/profem.svg);
    aspect-ratio: 380/336;
    width: 320px;
    bottom: 0px;
    left: 60%
}

.visual-victim {
    background-image: url(/assets/img/visuals/victim.svg);
    aspect-ratio: 378/707;
    width: 320px;
    top: 160px;
    left: 60%
}

.visual-contact {
    background-image: url(/assets/img/visuals/contact.svg);
    aspect-ratio: 259/291;
    width: 260px;
    bottom: 40px;
    left: 60%
}

.visual-law {
    background-image: url(/assets/img/visuals/law.svg);
    aspect-ratio: 204/391;
    width: 150px;
    top: 160px;
    left: 60%
}

.visual-people {
    background-image: url(/assets/img/visuals/people.svg);
    aspect-ratio: 310/343;
    width: 320px;
    bottom: -10px;
    left: 60%;
}
/* .visual-project {background-image: url(/assets/img/visuals/project.svg); aspect-ratio: 296/358; width: 260px; top: 120px; left: 60%} */
.visual-book {
    background-image: url(/assets/img/visuals/book.svg);
    aspect-ratio: 335/502;
    width: 200px;
    top: 120px;
    left: 64%
}

.visual-edu {
    background-image: url(/assets/img/visuals/edu.svg);
    aspect-ratio: 211/206;
    width: 240px;
    bottom: 0;
    left: 64%
}

@media (max-width: 960px) {
    .visual {
        opacity: .2;
        left: auto;
        right: 50%;
        transform: translateX(50%);
    }

    .visual-head {
        bottom: 3vw
    }

    .visual-victim {
        width: 200px;
    }

    .visual-people {
        bottom: -37px;
    }

    .visual-edu {
        bottom: -10px;
    }
}

@media (min-width: 1180px) {
    .visual-contact {
        bottom: auto;
        top: 120px
    }

    .visual-people {
        bottom: 0;
    }

    .visual-edu {
        bottom: 20px;
    }
}

form {
}

    form input {
        background: var(--white);
        font-size: 14px;
        padding: .3em .7em;
        display: block;
        border-radius: .5em;
        width: 100%;
    }


/* str�nkovac� komponenta */
ul.pagination {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

    ul.pagination li {
        margin: 0;
        padding: 0 1rem;
    }

        ul.pagination li.page-item {
            aspect-ratio: 1/1;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 2em;
        }

    ul.pagination .status {
        width: 100%;
        margin-top: .5em;
        color: var(--turquoise)
    }

    ul.pagination li.active {
        background-color: var(--yellow) !important;
        border-radius: 50%;
    }

    ul.pagination a {
        text-decoration: none !important;
    }
/* /str�nkovac� komponenta */