@charset "UTF-8";
/*!
Project: ZLINFEST.CZ
Version: 4.0.15
Author: Emersion Software
*/ @layer framework, utils;

@layer framework {
    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    main {
        display: block
    }

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

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

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

    a {
        background-color: transparent
    }

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

    b, strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -0.25em
    }

    sup {
        top: -0.5em
    }

    img {
        border-style: none
    }

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

    button, input {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

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

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

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

    fieldset {
        padding: 0.35em 0.75em 0.625em
    }

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

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=checkbox], [type=radio] {
        box-sizing: border-box;
        padding: 0
    }

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

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

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

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    template {
        display: none
    }

    [hidden] {
        display: none
    }

    :root {
        --ff-default: "BrownPro",Arial,sans-serif;
        --ff-extra: "BrownPro",Arial,sans-serif;
        --fw-light: 300;
        --fw-regular: 400;
        --fw-bold: 700;
        --fw-ultra: 800;
        --fz-default: 0.9375rem;
        --lh-default: 1.6;
        --w-container: 1600px;
        --p-container: 1em;
        --c-default: #000;
        --c-title: #000;
        --bg-body: #eee;
        --bg-default: #fff;
        --bg-default-hover: #eee;
        --dim: 100,100,100;
        --bg-header: #fff;
        --bg-section: #eee;
        --bg-box: #eee;
        --bg-footer: #000000;
        --c-footer: #d9dbe1;
        --c-footer-link: #eff3f4;
        --c-footer-link-hover: #79be15;
        --c-primary: #FFD600;
        --c-primary-hover: #FFD600;
        --c-secondary: #f00;
        --c-secondary-hover: #f00;
        --c-success: #198754;
        --c-danger: #dc3545;
        --c-warning: #ffc107;
        --c-info: #0dcaf0;
        --c-grey-light: #f3f3f3;
        --c-grey: #777;
        --c-grey-dark: #333;
        --bg-menu: #f5f5f5;
        --bg-menu-hover: #ddd;
        --bg-submenu: #FFD600;
        --c-menu: #000;
        --c-menu-hover: #444;
        --c-link: #000;
        --c-link-hover: #000;
        --c-link-dark: #000;
        --c-link-dark-hover: #000;
        --c-link-light: #fff;
        --c-link-light-hover: #fff;
        --c-button: #000;
        --c-button-hover: #000;
        --c-button-white: #fff;
        --c-button-white-hover: #fff;
        --c-button-black: #000;
        --c-button-black-hover: #000;
        --tr-even: #eff3f4;
        --tr-odd: #eaefef;
        --tr-hover: #e1e8ea;
        --c-facebook: #3d5a98;
        --c-twitter: #000;
        --c-instagram: #ae2eb1;
        --c-linkedin: #0077b5;
        --c-youtube: #f70000;
        --c-rss: #f39808;
        --c-disable: #888;
        --c-invalid: #f00;
        --border: #000;
        --v-space: 4em;
        --v-space-md: 3em;
        --v-space-sm: 2.5em;
        --h-space: 3em;
        --h-space-md: 1.75em;
        --h-space-sm: 1em;
        --radius: 0;
        --button-height: 3em;
        --frm-border: #000;
        --frm-bg: #eff3f5;
        --frm-line-height: 1.5;
        --frm-padding: .72rem;
        --frm-radius: 0;
        --font-shift: .01em;
        --bg-placeholder: #f2f2f2;
        --bg-cookies: rgba(255,255,255,1);
        --c-cookies: #444;
        --fz-cookies: .9375rem;
        --p-cookies-btn: 15px 30px;
        --br-cookies-btn: 3px;
        --b-cookies-btn: #ccc;
        --c-cookies-btn: #000;
        --bg-cookies-btn: #f7f7f7;
        --bg-cookies-btn-hover: #f7f7f7;
        --b-cookies-btn-ok: #000;
        --c-cookies-btn-ok: #fff;
        --bg-cookies-btn-ok: #000;
        --bg-cookies-btn-ok-hover: #222;
        --h-cookies-toggle: 32px;
        --c-cookies-toggle: #444;
        --c-cookies-toggle-on: #FFD600
    }

    @font-face {
        font-family: "BrownPro";
        font-style: normal;
        font-weight: 400;
        src: local(""),url("../fonts/subset-brownpro-regular.woff2") format("woff2");
        font‑display: swap
    }

    @font-face {
        font-family: "BrownPro";
        font-style: normal;
        font-weight: 700;
        src: local(""),url("../fonts/subset-brownpro-bold.woff2") format("woff2");
        font‑display: swap
    }

    .c-primary {
        color: var(--c-primary) !important
    }

    .c-secondary {
        color: var(--c-secondary) !important
    }

    .c-success {
        color: var(--c-success) !important
    }

    .c-danger {
        color: var(--c-danger) !important
    }

    .c-warning {
        color: var(--c-warning) !important
    }

    .c-info {
        color: var(--c-info) !important
    }

    .bg-primary {
        background-color: var(--c-primary) !important
    }

    .bg-secondary {
        background-color: var(--c-secondary) !important
    }

    .bg-success {
        background-color: var(--c-success) !important
    }

    .bg-danger {
        background-color: var(--c-danger) !important
    }

    .bg-warning {
        background-color: var(--c-warning) !important
    }

    .bg-info {
        background-color: var(--c-info) !important
    }

    .navy {
        color: #001F3F !important
    }

    .blue {
        color: #0074D9 !important
    }

    .aqua {
        color: #7FDBFF !important
    }

    .teal {
        color: #39CCCC !important
    }

    .olive {
        color: #3D9970 !important
    }

    .green {
        color: #2ECC40 !important
    }

    .lime {
        color: #01FF70 !important
    }

    .yellow {
        color: #FFDC00 !important
    }

    .orange {
        color: #FF851B !important
    }

    .red {
        color: #FF4136 !important
    }

    .fuchsia {
        color: #F012BE !important
    }

    .purple {
        color: #B10DC9 !important
    }

    .maroon {
        color: #85144B !important
    }

    .white {
        color: #fff !important
    }

    .silver {
        color: #ddd !important
    }

    .gray {
        color: #aaa !important
    }

    .dark-gray {
        color: #444 !important
    }

    .black {
        color: #000 !important
    }

    .bg-navy {
        background-color: #001F3F !important
    }

    .bg-blue {
        background-color: #0074D9 !important
    }

    .bg-aqua {
        background-color: #7FDBFF !important
    }

    .bg-teal {
        background-color: #39CCCC !important
    }

    .bg-olive {
        background-color: #3D9970 !important
    }

    .bg-green {
        background-color: #2ECC40 !important
    }

    .bg-lime {
        background-color: #01FF70 !important
    }

    .bg-yellow {
        background-color: #FFDC00 !important
    }

    .bg-orange {
        background-color: #FF851B !important
    }

    .bg-red {
        background-color: #FF4136 !important
    }

    .bg-fuchsia {
        background-color: #F012BE !important
    }

    .bg-purple {
        background-color: #B10DC9 !important
    }

    .bg-maroon {
        background-color: #85144B !important
    }

    .bg-white {
        background-color: #fff !important
    }

    .bg-gray {
        background-color: #aaa !important
    }

    .bg-silver {
        background-color: #ddd !important
    }

    .bg-dark-gray {
        background-color: #444 !important
    }

    .bg-black {
        background-color: #000 !important
    }

    .cf:after {
        display: block;
        content: "";
        clear: both
    }

    .dim {
        opacity: 1;
        transition: opacity 0.15s ease-in
    }

        .dim:focus, .dim:hover {
            opacity: 0.75;
            transition: opacity 0.15s ease-in
        }

        .dim:active {
            opacity: 0.8;
            transition: opacity 0.15s ease-out
        }

    .grow {
        -moz-osx-font-smoothing: grayscale;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: transform 0.25s ease-out
    }

        .grow:focus, .grow:hover {
            transform: scale(1.1)
        }

        .grow:active {
            transform: scale(0.9)
        }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1010
    }

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1010
    }

    .sticky {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .hstack {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: stretch
    }

    .vstack {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-self: stretch
    }

    .invisible {
        position: absolute;
        top: -1000px;
        left: 0;
        width: 1px;
        height: 1px;
        overflow: hidden
    }

    .hidden-focus:not(:focus) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0
    }

    .link-stretch:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: ""
    }

    .bg-image-holder {
        position: relative;
        overflow: hidden
    }

    .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: transform 3s ease
    }

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

    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .vr {
        display: inline-block;
        align-self: stretch;
        width: 1px;
        min-height: 1em;
        background-color: var(--c-default)
    }

    .dbg {
        background: yellow !important;
        color: #000 !important;
        border: 1px solid red !important
    }

    * {
        box-sizing: border-box
    }

    html {
        font-size: 100%;
        scroll-behavior: smooth
    }

    @media screen and (max-width:991px) {
        html {
            font-size: 92%
        }
    }

    @media screen and (max-width:767px) {
        html {
            font-size: 85%
        }
    }

    body {
        margin: 0;
        padding: 0;
        background-color: var(--bg-body);
        color: var(--c-default);
        font-size: var(--fz-default);
        font-family: var(--ff-default);
    }

    button, input, select, table, textarea {
        font-size: var(--fz-default);
        font-family: var(--ff-default)
    }

    .wl-lg, .wl-md, .wl-sm, .wl-xl, .wl-xxl {
        margin-left: auto;
        margin-right: auto
    }

    .wl-sm {
        max-width: 450px
    }

    .wl-md {
        max-width: 640px
    }

    .wl-lg {
        max-width: 1040px
    }

    .wl-xl {
        max-width: 1280px
    }

    .wl-xxl {
        max-width: 1600px
    }

    .page {
        width: 100%;
        height: 100%;
        overflow: auto
    }

    .body-holder, .page-holder {
        display: block;
        max-width: 1600px;
        background-color: var(--bg-default);
        margin: auto;
        display: flow-root
    }

    .my-container {
        max-width: var(--w-container);
        margin: auto;
        padding: 0 var(--p-container)
    }

        .my-container:after {
            display: block;
            content: "";
            clear: both
        }

        .my-container .my-container {
            padding: 0
        }

    .content, .footer, .header {
        position: relative
    }

        .content:after, .footer:after, .header:after {
            display: block;
            content: "";
            clear: both
        }

    .slider {
        clear: both;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        margin-left: var(--h-space);
        padding: 0;
        position: relative;
        overflow: hidden
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .slider {
            margin-left: var(--h-space-md)
        }
    }

    @media screen and (max-width:767px) {
        .slider {
            margin-left: var(--h-space-sm)
        }
    }

    .logo {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 0.75em;
        text-decoration: none
    }

        .logo:hover {
            opacity: 0.8
        }

    .v-space {
        padding-top: var(--v-space);
        padding-bottom: var(--v-space)
    }

    .h-space {
        padding-left: var(--h-space);
        padding-right: var(--h-space)
    }

    .a-space {
        padding: var(--v-space) var(--h-space)
    }

    .content {
        padding: 0 var(--h-space) var(--v-space)
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .content {
            padding: var(--v-space-md) var(--h-space-md)
        }
    }

    @media screen and (max-width:767px) {
        .content {
            padding: var(--v-space-sm) var(--h-space-sm)
        }
    }

    h1, h2, h3, h4, h5, h6 {
        color: var(--c-title);
        margin: 1.5em 0 0.3em 0;
        line-height: 1.2em;
        font-family: var(--ff-extra);
        font-weight: var(--fw-bold)
    }

    h1 {
        font-size: 2.75rem
    }

    h2 {
        font-size: 2.25rem
    }

    h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1.25rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }

    .section {
        font-size: 6rem
    }

    .subsection {
        font-size: 3.25rem
    }

    .section, .subsection {
        color: var(--c-title);
        font-weight: bold;
        margin: 0 0 0.25em 0;
        padding: 0;
        line-height: 1;
        text-transform: uppercase
    }

    @media screen and (max-width:767px) {
        .section {
            font-size: 2.5rem
        }

        .subsection {
            font-size: 1.75rem
        }
    }

    dl, ol, p, td, th, ul {
        line-height: var(--lh-default)
    }

    ol, p, ul {
        margin: 0 0 0.7em 0
    }

    abbr, acronym {
        cursor: help;
        padding-bottom: 1px;
        border-bottom: 1px dashed #000
    }

    code, kbd, pre {
        font-family: Inconsolata,Consolas,monospace
    }

        pre code {
            display: block;
            margin: 0;
            padding: 1em;
            border: 1px solid #ddd;
            background: var(--c-grey-light)
        }

    pre {
        width: 100%;
        max-height: 400px;
        overflow: auto;
        white-space: pre-wrap
    }

    blockquote {
        margin: 3em 0;
        padding: 2em 0 2em 5em;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

        blockquote p {
            font-size: 3rem;
            margin-bottom: 0.8rem;
            font-weight: bold;
            line-height: 120%;
            position: relative
        }

            blockquote p:before {
                content: "“";
                font-size: 7rem;
                position: absolute;
                top: 0.15em;
                left: -0.65em
            }

            blockquote p:after {
                content: "“";
                font-size: 3rem;
                position: relative
            }

    @media screen and (max-width:767px) {
        blockquote {
            padding: 1em 0 1em 3em
        }

            blockquote p {
                font-size: 1.75rem
            }

                blockquote p:before {
                    font-size: 4rem
                }

                blockquote p:after {
                    font-size: 2rem
                }
    }

    ins {
        color: #0f0
    }

    del {
        color: #f00;
        text-decoration: line-through
    }

    cite {
        font-style: italic;
        color: #666
    }

    caption {
        color: #555
    }

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

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    .hr, hr {
        clear: both;
        border-bottom: 0;
        border-top: 1px dotted #ccc;
        border-right: 0;
        border-left: 0;
        margin: 1.5em 0;
        min-height: 0;
        height: 1px
    }

    .hr--alt1 {
        border-style: solid
    }

    .hr--alt2 {
        border-style: dashed
    }

    .hidden {
        display: none
    }

    a {
        color: var(--c-link);
        text-decoration: underline
    }

        a:hover {
            color: var(--c-link-hover);
            text-decoration: none
        }

    ul {
        margin: 0.4em 0 0.4em 12px;
        padding: 0;
        list-style-type: square
    }

    ol {
        margin: 0.4em 0 0.4em 17px;
        padding: 0
    }

    ul li::marker {
        color: var(--c-primary)
    }

    .ul-arrows, .ul-checks {
        padding: 0;
        margin: 0 0 0.7em 0;
        list-style: none
    }

        .ul-arrows li, .ul-checks li {
            margin: 0;
            padding: 0
        }

            .ul-arrows li:before, .ul-checks li:before {
                display: inline-block;
                width: 0.75em;
                height: 0.75em;
                content: "";
                margin-right: 0.5em;
                background-repeat: no-repeat;
                background-position: center
            }

            .ul-checks li:before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>')
            }

            .ul-arrows li:before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>')
            }

    .ul-no {
        padding: 0;
        margin: 0 0 0.7em 0;
        list-style: none
    }

    .ul-chrono {
        padding: 0;
        margin: 0 0 0.7em 0;
        list-style: none
    }

        .ul-chrono li {
            margin: 5px
        }

            .ul-chrono li > span {
                padding-right: 1em
            }

        .ul-chrono span {
            display: table-cell
        }

    .ul-centered {
        padding: 0;
        margin: 0 0 0.7em 0;
        text-align: center;
        list-style-position: inside;
        list-style: none
    }

        .ul-centered li {
            padding: 0 1em
        }

    .ul-inline {
        padding: 0;
        margin: 0 0 0.7em 0;
        list-style: none
    }

        .ul-inline li {
            display: inline-block;
            padding: 0 1em 0 0
        }

    .ol-numbers {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .ol-numbers li {
            counter-increment: step-counter;
            position: relative;
            margin: 0 0 0 2em
        }

            .ol-numbers li:before {
                position: absolute;
                left: -2em;
                top: 0;
                content: counter(step-counter);
                margin-right: 0.5em;
                background-color: #eee;
                color: #000;
                width: 1.5em;
                height: 1.5em;
                font-weight: bold;
                text-align: center;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 99em
            }

    .figure {
        display: inline-block;
        margin: 0
    }

    .figure__caption {
        font-style: italic;
        color: #444;
        padding: 0.5em 0
    }

    a img.img, img.img {
        border: 0;
        background: transparent;
        line-height: 0;
        padding: 0
    }

        a img.img:focus, a img.img:hover {
            border: 0
        }

    .imgl {
        display: block;
        float: left;
        clear: left;
        margin: 0.4em 2em 1.5em 0
    }

    .imgr {
        display: block;
        float: right;
        clear: right;
        margin: 0.4em 0 1.5em 2em
    }

    .imgc {
        display: block;
        margin: 0.4em auto 1.5em auto
    }

    .rwd-image {
        display: block;
        width: 100% !important;
        height: auto !important
    }

    @media screen and (max-width:767px) {
        .imgc, .imgl, .imgr {
            float: none;
            clear: both;
            width: 100%;
            height: auto;
            margin-left: 0;
            margin-right: 0
        }
    }

    .formatted {
        border-collapse: collapse;
        border-width: 0px
    }

        .formatted caption {
            padding: 1em 0;
            text-align: left
        }

        .formatted th {
            text-align: left
        }

        .formatted td, .formatted th {
            vertical-align: top;
            border-top: 2px solid rgba(var(--dim),0.2);
            border-bottom: 2px solid rgba(var(--dim),0.2);
            background: transparent
        }

        .formatted th {
            color: var(--c-title);
            padding: 1em 0.5em;
            font-weight: var(--fw-bold)
        }

        .formatted td {
            padding: 0.5em
        }

        .formatted tr:nth-of-type(2n) {
            background-color: rgba(var(--dim),0.1)
        }

        .formatted tr:hover {
            background-color: #fef8c1
        }

    @media screen and (max-width:767px) {
        .formatted {
            overflow-x: auto;
            display: block
        }
    }

    button, fieldset, input[type=date], input[type=email], input[type=file], input[type=password], input[type=text], legend, select, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 0;
        box-sizing: border-box
    }

    input[type=date], input[type=email], input[type=file], input[type=password], input[type=text], select, textarea {
        border: 1px solid var(--frm-border);
        background-color: #fff;
        color: #000;
        line-height: var(--frm-line-height);
        padding: var(--frm-padding);
        border-radius: var(--frm-radius)
    }

    textarea {
        height: auto;
        padding: var(--frm-padding);
        line-height: var(--frm-line-height)
    }

        input[type=date]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus {
            border: 1px solid #aaa;
            background-color: #FFFBD4;
            outline: none;
            box-shadow: 0 0 0 2px rgba(0,0,0,0.15)
        }

    input[type=checkbox], input[type=radio] {
        margin-right: 0.5em
    }

    select {
        background-image: url(img/select.svg);
        background-repeat: no-repeat;
        background-position: center right 0.75rem
    }

    .range {
        display: inline-block;
        margin-top: 0.75em
    }

    .range-chosen {
        display: inline-block;
        width: 3em;
        margin: 0.75em 2em 0 0;
        padding: 0 0.2em;
        background-color: #eee;
        text-align: center;
        border-radius: var(--frm-radius)
    }

    .input-pseudo {
        text-align: left;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .readonly {
        color: var(--c-disable) !important;
        background: #eee !important
    }

    ::placeholder {
        color: #777;
        font-style: italic
    }

    .input-checkbox, input[type=button], input[type=submit], option {
        -webkit-appearance: none
    }

    .form {
        padding: 2em;
        background-color: #fff;
        border: 4px solid #eee
    }

    .form__legend {
        margin: 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold)
    }

    .form__item {
        margin: 1em 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        border: 0px solid green
    }

    .form__label, legend {
        display: flex;
        width: 100%;
        font-size: 1rem;
        margin: 0.5em 0;
        border: 0px solid red
    }

    .form__check, .form__radio {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0.5em 0
    }

    .form__check--inline, .form__radio--inline {
        display: inline-flex;
        margin-right: 1em
    }

    .toggle {
        cursor: pointer;
        display: inline-block
    }

    .toggle-switch {
        display: inline-block;
        background: #ccc;
        border-radius: 16px;
        width: 58px;
        height: 32px;
        position: relative;
        vertical-align: middle;
        transition: background 0.25s
    }

        .toggle-switch:after, .toggle-switch:before {
            content: ""
        }

        .toggle-switch:before {
            display: block;
            background: #fff;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 4px;
            left: 4px;
            transition: left 0.25s
        }

    .toggle-checkbox:checked + .toggle-switch {
        background: var(--c-primary)
    }

        .toggle-checkbox:checked + .toggle-switch:before {
            left: 30px
        }

    .toggle-checkbox {
        position: absolute;
        visibility: hidden
    }

    .toggle-label {
        margin-left: 5px;
        position: relative;
        top: 2px
    }

    .form__range {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1em
    }

    .form__slide {
        flex: 1 0 0%;
        position: relative
    }

    label.required:after {
        content: "*";
        color: #f00;
        margin-left: 0.25em
    }

    .form :disabled {
        opacity: 0.5
    }

    @media screen and (max-width:767px) {
        .form {
            padding: 1em
        }
    }

    .frm fieldset {
        background-repeat: no-repeat;
        background-position: top left;
        border: 1px solid #eee;
        margin: 0 0 2em 0;
        padding: 1.5em;
        border-radius: var(--frm-radius)
    }

    .frm p {
        clear: both;
        margin: 1em 0;
        padding: 0;
        vertical-align: middle;
        line-height: 1.6;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        border: 0px solid red
    }

        .frm p span {
            width: 35%;
            padding: var(--frm-padding);
            text-align: right;
            flex-shrink: 0;
            border: 0px solid green
        }

        .frm p.thin span {
            padding: var(--frm-padding);
            padding-top: 0;
            padding-bottom: 0
        }

        .frm p label {
            margin-right: 1em;
            padding: 0
        }

        .frm p span > label {
            margin-right: 0
        }

    @media screen and (max-width:767px) {
        .frm fieldset {
            padding: 1em
        }

        .frm p {
            margin: 0.5em 0;
            flex-wrap: wrap
        }

            .frm p span {
                width: 100%;
                text-align: left
            }

        .frm input.inp, .frm select, .frm textarea {
            width: 100% !important
        }
    }

    .button, input.button {
        padding: 0.85rem 1rem;
        margin: 0;
        border-radius: 0
    }

    .button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 2px solid var(--c-button);
        background: var(--c-button);
        color: #fff;
        height: fit-content;
        width: fit-content;
        min-width: max-content;
        font-weight: bold;
        line-height: 110%;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase
    }

        .button:hover {
            color: #fff;
            border-width: 2px;
            border-color: var(--c-button);
            text-decoration: none
        }

    .button--o, .button--o:hover {
        border-color: var(--c-button);
        background: transparent;
        color: var(--c-button)
    }

    .button--white, .button--white:hover {
        border-color: #fff;
        background: #fff;
        color: #000
    }

    .button--white-o, .button--white-o:hover {
        border-color: #fff;
        background: transparent;
        color: #fff
    }

    .button--success, .button--success:hover {
        border-color: var(--c-success);
        background: var(--c-success)
    }

    .button--danger, .button--danger:hover {
        border-color: var(--c-danger);
        background: var(--c-danger)
    }

    .button--warning, .button--warning:hover {
        border-color: var(--c-warning);
        background: var(--c-warning)
    }

    .button--info, .button--info:hover {
        border-color: var(--c-info);
        background: var(--c-info)
    }

    .button--disabled, .button--disabled:hover {
        border-color: #ccc;
        background: #ccc;
        color: #fff;
        cursor: default
    }

    .button + .button {
        margin-left: 0.5em
    }

    .link-arrow {
        font-weight: bold;
        line-height: 120%;
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        cursor: pointer;
        text-decoration: none;
        border: none;
        color: var(--c-default)
    }

        .link-arrow:hover {
            border: 0
        }

        .link-arrow:after {
            content: "";
            height: 1em;
            width: 1em;
            position: relative;
            left: 0;
            margin-left: 1em;
            pointer-events: none;
            mask: url(img/link-arrow.svg) no-repeat bottom center;
            mask-size: contain;
            transition: all 0.5s ease;
            background: #000
        }

    .link-arrow--white {
        color: #fff
    }

        .link-arrow--white:after {
            background: #fff
        }

    .link-arrow + .link-arrow {
        margin-left: 2rem
    }

    .link-arrow:empty:after {
        margin-left: 0;
        height: 1rem;
        width: 1rem;
        margin-top: 0.7em
    }

    .link-ext:after, .menu-ext a:after {
        content: "";
        display: inline-block;
        position: relative;
        width: 1em;
        height: 1em;
        margin-left: 0.35em;
        top: 2px;
        mask: url(img/link-ext.svg) no-repeat bottom center;
        mask-size: contain;
        background: #000
    }

    .ico-play {
        content: "";
        display: inline-block;
        width: 4em;
        height: 4em;
        mask: url(img/play.svg) no-repeat bottom center;
        mask-size: contain;
        background: #fff
    }

    .link-area:hover .ico-play, a:hover .ico-play {
        background: var(--c-primary) !important
    }

    .cssmenu {
        background: transparent
    }

        .cssmenu, .cssmenu .menu-button, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none;
            line-height: 1;
            display: block
        }

            .cssmenu:after, .cssmenu > ul:after {
                content: ".";
                display: block;
                clear: both;
                visibility: hidden;
                line-height: 0;
                height: 0
            }

            .cssmenu .menu-button {
                display: none
            }

            .cssmenu > ul > li {
                float: left;
                margin-right: 25px
            }

                .cssmenu > ul > li > a {
                    text-decoration: none;
                    color: var(--c-menu);
                    font-weight: var(--fw-bold);
                    font-family: var(--ff-extra);
                    padding: 0.7em 0;
                    font-size: 1rem;
                    border-bottom: 6px solid transparent
                }

            .cssmenu ul ul {
                position: absolute;
                left: -9999px;
                z-index: 1000;
                width: 100%;
                background: var(--bg-submenu);
                padding: 2.5em;
                display: grid;
                grid-template-columns: repeat(4,1fr);
                row-gap: 0;
                column-gap: 4em
            }

                .cssmenu ul ul li {
                    height: 0;
                    transition: all 0.25s ease
                }

            .cssmenu li:hover > ul {
                left: 0
            }

                .cssmenu li:hover > ul > li {
                    height: auto
                }

            .cssmenu li:focus-within > ul {
                left: 0
            }

                .cssmenu li:focus-within > ul > li {
                    height: auto
                }

            .cssmenu ul ul ul {
                margin-left: 100%;
                top: 0
            }

            .cssmenu ul ul li a {
                padding: 0.75em 0;
                width: 100%;
                font-size: 1.25rem;
                text-decoration: none;
                color: var(--c-menu);
                border-bottom: 1px solid #000
            }

    @media screen and (min-width:768px) {
        .nav-top {
            display: block !important
        }

        .cssmenu > ul > li > a:hover {
            color: var(--c-menu-hover);
            border-bottom: 6px solid var(--c-primary)
        }

        .cssmenu > ul > li:hover > a {
            border-bottom: 6px solid var(--c-primary)
        }

        .cssmenu ul ul {
            column-gap: 2em
        }

            .cssmenu ul ul ul {
                display: none
            }
    }

    @media screen and (max-width:767px) {
        .nav-top-holder {
            clear: both;
            float: none
        }

        .cssmenu, .cssmenu .menu-button, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a {
            position: relative
        }

            .cssmenu ul {
                width: 100%;
                display: none;
                margin-top: 1em
            }

                .cssmenu ul ul {
                    display: block;
                    display: none;
                    column-count: unset;
                    padding: 1.5rem;
                    padding-right: 0
                }

                    .cssmenu ul ul ul {
                        padding: 0 0 2rem 0
                    }

                .cssmenu ul li {
                    width: 100%;
                    margin: 0;
                    padding: 0
                }

                .cssmenu li:hover > ul > li, .cssmenu ul ul li {
                    height: auto
                }

            .cssmenu > ul > li {
                float: none
            }

            .cssmenu ul li a {
                width: 100%;
                border-bottom: 0;
                background: var(--bg-menu);
                color: var(--c-menu);
                padding: 1.25rem 1.5rem;
                line-height: 1;
                font-size: 1.25rem;
                border-top: 1px solid #ddd
            }

            .cssmenu ul ul li a {
                width: 100%;
                border-bottom: 0;
                background: var(--bg-submenu);
                color: var(--c-menu);
                padding: 1.25rem 0rem;
                line-height: 1;
                font-size: 1.25rem;
                font-weight: bold;
                border-top: 0;
                border-bottom: 1px solid #000
            }

            .cssmenu ul ul ul li a {
                padding: 1rem 0rem;
                font-size: 1rem;
                font-weight: normal;
                border: 0
            }

            .cssmenu ul ul li.active > a, .cssmenu ul ul li:hover > a {
                color: var(--c-menu-hover)
            }

            .cssmenu ul ul li a {
                padding-left: 0;
                padding-right: 50px
            }

            .cssmenu ul ul ul li a {
                padding-left: 0;
                padding-right: 50px
            }

            .cssmenu ul ul ul ul li a {
                padding-left: 0;
                padding-right: 50px
            }

            .cssmenu ul ul, .cssmenu ul ul ul, .cssmenu.align-right ul ul {
                position: relative;
                left: 0;
                width: 100%;
                margin: 0;
                text-align: left
            }

                .cssmenu ul ul > li.has-sub > a:after, .cssmenu ul ul > li.has-sub > a:before, .cssmenu > ul > li.has-sub > a:after, .cssmenu > ul > li.has-sub > a:before {
                    display: none
                }

            .cssmenu .menu-button:after {
                position: absolute;
                top: 22px;
                right: 17px;
                display: block;
                height: 4px;
                width: 20px;
                border-top: 2px solid var(--c-primary);
                border-bottom: 2px solid var(--c-primary);
                content: ""
            }

            .cssmenu .menu-button:before {
                position: absolute;
                top: 16px;
                right: 17px;
                display: block;
                height: 2px;
                width: 20px;
                background: var(--c-primary);
                content: ""
            }

            .cssmenu .menu-button.menu-opened:after {
                top: 23px;
                border: 0;
                height: 2px;
                width: 15px;
                background: var(--c-primary);
                transform: rotate(45deg)
            }

            .cssmenu .menu-button.menu-opened:before {
                top: 23px;
                background: var(--c-primary);
                width: 15px;
                transform: rotate(-45deg)
            }

            .cssmenu .submenu-button {
                position: absolute;
                z-index: 99;
                right: 0;
                top: 0;
                display: block;
                border-left: 1px solid #ddd;
                height: 100%;
                width: 48px;
                cursor: pointer
            }

                .cssmenu .submenu-button.submenu-opened {
                    background: var(--c-primary)
                }

            .cssmenu ul ul .submenu-button {
                background: transparent;
                border: 0
            }

            .cssmenu ul ul .submenu-button {
                height: 100%;
                width: 48px
            }

            .cssmenu .submenu-button:after {
                position: absolute;
                top: 18px;
                right: 19px;
                content: "";
                display: inline-block;
                width: 10px;
                height: 10px;
                border-left: 1px solid #000;
                border-bottom: 1px solid #000;
                transform: rotate(-45deg);
                transition: all 0.3s ease
            }

            .cssmenu .submenu-button.submenu-opened:after {
                transform: rotate(135deg)
            }

            .cssmenu .submenu-button.submenu-opened:before {
                display: none
            }
    }

    .subnav {
        display: grid;
        grid-template-columns: 1.25fr 1fr;
        gap: 2em;
        margin: 0;
        padding: 0;
        border-top: 2.75rem solid var(--c-primary);
        margin-left: var(--h-space)
    }

    .subnav__items {
        background: var(--c-primary);
        padding: 2em;
        display: flex;
        align-items: flex-end
    }

        .subnav__items > div {
            width: 100%
        }

    .submenu {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        row-gap: 0;
        column-gap: 2em;
        margin: 0;
        padding: 0
    }

        .submenu li {
            list-style-type: none;
            list-style-image: none;
            font-size: 1rem;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 0.5em
        }

        .submenu a {
            display: flex;
            flex-flow: row;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start;
            height: 100%;
            text-decoration: none
        }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .subnav {
            margin-left: var(--h-space-md)
        }
    }

    @media screen and (max-width:767px) {
        .subnav {
            grid-template-columns: 1fr;
            margin-left: var(--h-space-sm);
            border: 0;
            gap: 1em;
            padding-top: var(--v-space-sm)
        }
    }

    .crumbs {
        clear: both
    }

    .crumbs__list {
        margin: 0;
        padding: 0;
        border-bottom: 0px dotted #dedede
    }

    .crumbs__item {
        margin: 0;
        padding: 1.5em 0 3em;
        display: inline-block;
        list-style-type: none;
        list-style-image: none;
        font-size: 0.875rem;
        line-height: 1;
        text-transform: uppercase
    }

        .crumbs__item:before {
            display: inline-block;
            content: "/";
            padding: 0 0.8em;
            color: var(--c-primary)
        }

        .crumbs__item a {
            padding: 0;
            text-decoration: none
        }

        .crumbs__item:first-child:before {
            display: none
        }

    .tabs {
        display: flex;
        flex-wrap: wrap
    }

        .tabs > input[type=radio] {
            position: absolute;
            width: 1px;
            height: 1px;
            clip: 1;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            white-space: nowrap
        }

            .tabs > input[type=radio]:checked + label {
                background: #f8f8f8
            }

                .tabs > input[type=radio]:checked + label + .tabpanel {
                    display: block
                }

        .tabs > label {
            order: 1;
            display: block;
            padding: 0.8em 1.4em;
            margin-right: 0.2em;
            cursor: pointer;
            background: #eee
        }

            .tabs > label span {
                vertical-align: middle
            }

            .tabs > label:focus, .tabs > label:hover {
                background: #e4e4e4
            }

        .tabs .tabpanel {
            order: 99;
            flex-grow: 1;
            width: 100%;
            display: none;
            padding: 2em 1.5em;
            background: #f8f8f8
        }

    @media (max-width:767px) {
        .tabs .tabpanel, .tabs > label {
            order: initial
        }

        .tabs > label {
            width: 100%;
            margin-right: 0;
            margin-top: 0.2rem
        }
    }

    .accordion__item {
        margin-bottom: 3px
    }

    .accordion__title {
        margin: 0;
        padding: 0;
        background: #f2f2f2;
        cursor: pointer
    }

        .accordion__title:hover {
            background: #eee
        }

    .accordion__content .accordion__title {
        background: #fff;
        border: 1px solid #eee
    }

    .accordion__button {
        all: inherit;
        border: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0.5em 1em;
        font-weight: bold;
        font-size: 1.125rem
    }

        .accordion__button:after {
            content: "";
            width: 10px;
            height: 10px;
            border-left: 2px solid #444;
            border-bottom: 2px solid #444;
            transform: rotate(-45deg)
        }

        .accordion__button:focus {
            outline: 2px solid #ccc
        }

        .accordion__button[aria-expanded=true]:after {
            transform: rotate(135deg)
        }

    .accordion__content {
        transition: max-height 0.35s
    }

    .accordion__content {
        margin: 0;
        padding: 1em
    }

    [aria-expanded=true] .vert {
        display: none
    }

    [aria-expanded] rect {
        fill: currentColor
    }

    .dd-nav {
        position: relative
    }

        .dd-nav button {
            background: transparent;
            align-items: center;
            border: 1px solid transparent;
            display: flex;
            cursor: pointer
        }

            .dd-nav button:after {
                content: "";
                border-bottom: 1px solid #000;
                border-right: 1px solid #000;
                width: 0.35em;
                height: 0.35em;
                margin-left: 0.5em;
                transform: rotate(45deg)
            }

        .dd-nav ul {
            position: absolute;
            top: 100%;
            z-index: 1030;
            display: none;
            list-style-type: none;
            margin: 0;
            padding: 0
        }

        .dd-nav li {
            margin: 0;
            padding: 0
        }

        .dd-nav a {
            border: 0;
            display: block;
            text-decoration: none
        }

    .dd-nav--theme button {
        background: var(--c-grey-light);
        color: var(--c-link);
        padding: 0.5em
    }

        .dd-nav--theme button:hover, .dd-nav--theme button[aria-expanded=true] {
            color: var(--c-link-hover)
        }

    .dd-nav--theme ul {
        min-width: 200px;
        border: 1px solid #ddd
    }

    .dd-nav--theme li {
        border-bottom: 1px solid #fff
    }

        .dd-nav--theme li:last-child {
            border: 0
        }

    .dd-nav--theme a {
        background-color: var(--c-grey-light);
        color: var(--c-default);
        padding: 0.35em 1em
    }

        .dd-nav--theme a:focus, .dd-nav--theme a:hover {
            background-color: #e4e4e4
        }

    .vh {
        position: absolute !important;
        clip: rect(1px,1px,1px,1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }

    .ddm {
        position: relative;
        display: inline-block
    }

        .ddm label {
            display: inline-block
        }

        .ddm ul {
            list-style-type: none;
            margin: 0;
            padding: 0
        }

        .ddm [data-opens-menu] {
            line-height: 1;
            text-align: left;
            border: 0;
            padding: 0.33rem 0.5rem;
            text-decoration: none
        }

        .ddm [type=checkbox]:focus + [data-opens-menu] {
            outline: none
        }

        .ddm [role=menu] {
            position: absolute;
            left: 0;
            z-index: 10;
            display: none
        }

        .ddm :checked ~ [role=menu] {
            display: block
        }

        .ddm [role=menu] a {
            line-height: 1;
            text-align: left;
            border: 0;
            padding: 0.33rem 0.5rem;
            text-decoration: none
        }

        .ddm [role=menu] a {
            display: block;
            min-width: 100%;
            white-space: nowrap
        }

            .ddm [role=menu] a:focus {
                outline: none
            }

        .ddm [data-opens-menu] {
            background: black;
            color: #fff;
            cursor: pointer
        }

    [type=checkbox]:focus + [data-opens-menu], [type=checkbox]:hover + [data-opens-menu] {
        background: #f00
    }

    .ddm [role=menu] {
        left: calc(50% - 75px);
        width: 150px
    }

        .ddm [role=menu] a {
            background: #f4f4f4;
            color: var(--c-default);
            text-align: center
        }

            .ddm [role=menu] a:focus, .ddm [role=menu] a:hover {
                background: #eee
            }

    .toggle-more-state {
        display: none
    }

    .toggle-more-target {
        opacity: 0;
        max-height: 0;
        font-size: 0
    }

    .toggle-more-state:checked ~ .toggle-more-wrap .toggle-more-target {
        opacity: 1;
        font-size: inherit;
        max-height: 99em
    }

    .toggle-more-state ~ .toggle-more-trigger:before {
        content: "zobrazit více"
    }

    .toggle-more-state:checked ~ .toggle-more-trigger:before {
        content: "zobrazit méně"
    }

    .toggle-more-trigger {
        cursor: pointer;
        display: inline-block;
        padding: 0 0.5em;
        color: #666;
        font-size: 0.9em;
        line-height: 2;
        border: 1px solid #ddd;
        border-radius: 0.25em
    }

    .info-box {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 500px;
        min-height: 250px;
        margin-left: -250px;
        margin-top: -125px;
        border: 1px solid #eee;
        background-color: #fff;
        background: rgba(255,255,255,0.95);
        padding: 25px;
        z-index: 9999;
        font-size: 120%;
        text-align: center;
        overflow: auto
    }

    .button-info-box {
        margin-top: 25px
    }

    @media screen and (max-width:767px) {
        .info-box {
            left: 0;
            margin-left: 0;
            width: 100%
        }
    }

    .tooltip {
        cursor: pointer;
        position: relative
    }

        .tooltip span {
            position: absolute;
            bottom: calc(100% + 15px);
            left: 50%;
            background-color: #ddd;
            border-radius: 5px;
            color: #000;
            padding: 0.5em;
            text-transform: none;
            transition: all 0.5s ease;
            width: 160px;
            margin-left: -80px;
            line-height: 1.4;
            font-size: 0.75rem
        }

            .tooltip span:after {
                position: absolute;
                bottom: -5px;
                left: 50%;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #ddd;
                content: " ";
                font-size: 0;
                line-height: 0;
                margin-left: -5px;
                width: 0
            }

            .tooltip span, .tooltip span:after {
                opacity: 0;
                pointer-events: none;
                text-align: center
            }

        .tooltip:focus span, .tooltip:focus span:after, .tooltip:hover span, .tooltip:hover span:after {
            opacity: 1;
            transition: all 0.75s ease
        }

    @media screen and (max-width:767px) {
        .tooltip span {
            display: none
        }
    }

    .pager {
        clear: both;
        margin: 2em 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        display: flex;
        justify-content: center
    }

        .pager li {
            list-style-type: none;
            list-style-image: none;
            margin: 0 0.3em;
            font-size: 1.125rem
        }

            .pager li a {
                display: block;
                text-decoration: none;
                color: var(--c-default);
                padding: 0.5em 0.8em;
                border: 1px solid var(--c-grey-light);
                line-height: 1
            }

                .pager li a.current-page {
                    border: 1px solid var(--c-grey)
                }

                .pager li a:hover {
                    border: 1px solid var(--c-grey);
                    color: var(--c-default)
                }

    .overlay {
        height: 0;
        width: 100vw;
        position: fixed;
        z-index: 1030;
        left: 0;
        top: 0;
        background-color: rgba(255,255,255,0.95);
        overflow-x: hidden;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .overlay__close {
        position: absolute;
        top: 10px;
        right: 28px;
        font-size: 3.5rem;
        line-height: 1;
        text-decoration: none;
        color: var(--c-link);
        cursor: pointer
    }

        .overlay__close:hover {
            color: var(--c-link-hover)
        }

    .overlay__content {
        width: 100%
    }

    #scroll-top {
        position: fixed;
        z-index: 1080;
        right: 1em;
        bottom: 1em;
        width: 3em;
        height: 3em;
        margin: 0;
        padding: 0;
        line-height: 0;
        background: var(--bg-default);
        border: none;
        opacity: 0;
        transition: opacity 0.4s linear;
        cursor: pointer
    }

        #scroll-top svg {
            width: 1em;
            fill: var(--c-link)
        }

        #scroll-top:hover svg {
            fill: var(--c-link-hover)
        }

        #scroll-top.is-visible {
            opacity: 1
        }

    .fulltext {
        display: none;
        padding: 0
    }

    .fulltext-holder {
        max-width: 900px;
        padding: 1em;
        margin: auto
    }

    .fulltext input.inp {
        width: 75%;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 1em;
        font-size: 1.25rem;
        color: #999;
        vertical-align: middle;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .fulltext button {
        width: 25%;
        height: 2.5em;
        line-height: 2.5em;
        background-color: var(--c-button);
        padding: 0 0.5em;
        font-size: 1.25rem;
        color: #fff;
        cursor: pointer;
        border: none;
        overflow: hidden;
        vertical-align: middle;
        border-radius: var(--frm-radius);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

        .fulltext button:hover {
            background-color: var(--c-button-hover);
            color: #fff
        }

    @media screen and (max-width:767px) {
        .fulltext-holder {
            max-width: 90%;
            margin-left: auto
        }

        .fulltext input.inp {
            width: 70%;
            font-size: 1.25rem
        }

        .fulltext button {
            width: 30%;
            font-size: 1.25rem
        }

            .fulltext button span {
                display: none
            }
    }

    #results {
        margin: 0
    }

        #results dt {
            font-size: 1.25rem;
            font-weight: var(--fw-bold);
            font-family: var(--ff-extra)
        }

        #results dd {
            margin: 0.2em 0 1.3em 0
        }

        #results dt span {
            display: block;
            color: #888;
            font-weight: var(--fw-regular)
        }

        #results .exp {
            background: #dcdcdc;
            font-weight: var(--fw-bold)
        }

    .articles--fx {
        display: flex;
        flex-flow: row;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .articles--fx .article {
            width: 47%;
            border: 0
        }

    @media screen and (max-width:767px) {
        .articles--fx .article {
            width: 100%
        }
    }

    .article {
        border-bottom: 1px dotted #ddd;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

        .article:last-child {
            border-bottom: 0
        }

    .article__image {
        margin-right: 25px;
        width: 100%;
        max-width: 175px;
        height: auto;
        float: left
    }

    .article__content {
        display: table-cell
    }

    .article__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0
    }

    .article__title {
        margin: 0.25em 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold)
    }

    .article__perex p {
        margin-bottom: 0
    }

    .article hr {
        margin: 20px 0
    }

    .article-top {
        border-bottom: 1px dotted #ddd;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .article-top__image {
        margin-bottom: 20px;
        width: 100%;
        height: auto
    }

    .article-top__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0
    }

    .article-top__title {
        margin: 0.25em 0;
        padding: 0;
        font-size: 1.75rem;
        font-weight: var(--fw-bold)
    }

    .article-top__perex p {
        margin-bottom: 0
    }

    .articles-list {
        margin: 0;
        padding: 0
    }

        .articles-list li {
            list-style-type: none;
            list-style-image: none;
            border-bottom: 1px dotted #ccc;
            padding: 15px 0
        }

    .articles-list__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0;
        line-height: 1
    }

    .articles-list__title {
        margin: 5px 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold);
        line-height: 1
    }

    .articles-card {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5em
    }

    .article-card {
        background: #fff
    }

    .article-card__image {
        display: block;
        width: 100%;
        height: auto
    }

    .article-card__content {
        padding: 1.5em
    }

    .article-card__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0
    }

    .article-card__title {
        margin: 3px 0 8px 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold)
    }

    .article-card__perex p {
        margin-bottom: 0
    }

    @media screen and (max-width:767px) {
        .articles-card {
            grid-template-columns: 1fr
        }
    }

    .article-detail__image {
        margin-right: 30px;
        width: 100%;
        max-width: 40%;
        height: auto;
        float: left
    }

    .article-detail__content {
        display: table-cell
    }

    .article-detail__date {
        color: #444;
        font-size: 1rem;
        padding: 0;
        margin: 0
    }

    .article-detail__title {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 2rem;
        font-weight: var(--fw-bold)
    }

    .article-detail hr {
        margin: 30px 0
    }

    .articles-slider {
        margin: 0;
        padding: 0
    }

        .articles-slider li {
            list-style-type: none;
            list-style-image: none;
            padding: 0;
            margin: 0
        }

    @media screen and (max-width:767px) {
        .article-detail__image, .article-top__image, .article__image {
            margin: 0 0 20px 0;
            width: 100%;
            max-width: 100%;
            float: none
        }
    }

    .event {
        border-bottom: 1px dotted #ddd;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

        .event:last-child {
            border-bottom: 0
        }

    .event__image {
        margin-right: 25px;
        width: 100%;
        max-width: 175px;
        height: auto;
        float: left
    }

    .event__content {
        display: table-cell
    }

    .event__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0
    }

    .event__title {
        margin: 0.25em 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold)
    }

    .event__perex p {
        margin-bottom: 0
    }

    .event-top__date {
        font-size: 0.875rem
    }

    .event-top__title {
        margin: 10px 0;
        padding: 0;
        font-size: 1.75rem;
        font-weight: var(--fw-bold)
    }

    .event-top__image {
        padding: 0 30px 0 0
    }

    .events-list {
        margin: 0;
        padding: 0
    }

        .events-list li {
            list-style-type: none;
            list-style-image: none;
            border-bottom: 1px dotted #ccc;
            padding: 15px 0
        }

    .events-list__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0;
        line-height: 1
    }

    .events-list__title {
        margin: 5px 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold);
        line-height: 1
    }

    .events-card {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5em
    }

    .event-card {
        background: #fff
    }

    .event-card__image {
        width: 100%;
        height: auto
    }

    .event-card__content {
        padding: 1.5em
    }

    .event-card__date {
        font-size: 0.875rem;
        padding: 0;
        margin: 0
    }

    .event-card__title {
        margin: 0.25em 0;
        padding: 0;
        font-size: 1.25rem;
        font-weight: var(--fw-bold)
    }

    .event-card__perex p {
        margin-bottom: 0
    }

    @media screen and (max-width:767px) {
        .events-card {
            grid-template-columns: 1fr
        }
    }

    .event-detail__date {
        font-size: 1rem;
        padding: 0;
        margin: 0
    }

    .event-detail__image {
        margin-right: 30px;
        width: 100%;
        max-width: 40%;
        float: left
    }

    .event-detail__content {
        display: table-cell
    }

    .event-detail__title {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 2rem;
        font-weight: var(--fw-bold)
    }

    .event-detail hr {
        margin: 30px 0
    }

    #action-organizer, #action-venue {
        padding: 20px
    }

    @media screen and (max-width:767px) {
        .event-detail__image, .event-top__image, .event__image {
            margin: 0 0 20px 0;
            width: 100%;
            max-width: 100%;
            float: none
        }
    }

    .mail fieldset {
        padding: 2em 0;
        border: 0
    }

    .mail input {
        border-color: #fff
    }

    .gallery {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(5,1fr);
        grid-auto-rows: 200px
    }

    .gallery__item {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden
    }

    .gallery__item--wide {
        grid-column: span 2
    }

    .gallery__item--tall {
        grid-row: span 2
    }

    .gallery__item--big {
        grid-column: span 2;
        grid-row: span 2
    }

    .gallery__image {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .gallery__title {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: block;
        padding: 0.5em 1em;
        background: rgba(0,0,0,0.7);
        color: #fff;
        opacity: 0;
        transition: all 0.5s ease
    }

    .gallery--titled .gallery__title {
        opacity: 1
    }

    .gallery__item:hover .gallery__title {
        transition: all 0.5s ease;
        opacity: 1
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .gallery {
            grid-template-columns: repeat(4,1fr);
            grid-auto-rows: 160px
        }
    }

    @media screen and (max-width:767px) {
        .gallery {
            grid-template-columns: repeat(2,1fr);
            grid-auto-rows: 160px
        }
    }

    .flashContainer {
        position: relative;
        overflow: hidden
    }

    .progressBar {
        display: none;
        position: absolute;
        width: auto;
        height: 8px;
        left: 20px;
        right: 105px;
        bottom: 20px;
        background-color: #141414;
        overflow: hidden;
        cursor: pointer
    }

        .progressBar .elapsed {
            position: absolute;
            width: 0;
            height: 100%;
            background-color: #1fa2f6;
            border-right: 1px solid #49AFF0
        }

    .controlDiv {
        background-image: url(img/youtube/youtube-controls.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 106px;
        height: 102px;
        cursor: pointer;
        top: 50%;
        left: 50%;
        margin: -53px 0 0 -51px
    }

        .controlDiv.play {
            background-position: 0 0
        }

        .controlDiv.pause {
            background-position: 0 -9999px
        }

        .controlDiv.replay {
            background-position: 0 -204px
        }

    .flashContainer:hover .controlDiv.pause {
        background-position: 0 -102px
    }

    .flashContainer.playing:hover .progressBar {
        display: block
    }

    .sitemap {
        margin: 0;
        padding: 0
    }

        .sitemap li {
            margin: 1em 0;
            padding: 0;
            font-size: 1rem;
            list-style-type: none;
            list-style-image: none;
            font-weight: var(--fw-bold)
        }

            .sitemap li:before {
                display: inline-block;
                width: 0.75em;
                height: 0.75em;
                content: "";
                margin-right: 0.35em;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>')
            }

        .sitemap ul li {
            font-size: 0.875rem;
            margin: 0.5em 0 0.5em 1em;
            padding: 0;
            font-weight: var(--fw-regular)
        }

    .cookies-splash {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 9999991;
        overflow: hidden
    }

    .cookies-splash--2 {
        z-index: 9999993
    }

    .cookies {
        background-color: var(--bg-cookies);
        color: var(--c-cookies);
        font-size: var(--fz-cookies)
    }

    .cookies-bar {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: fixed;
        z-index: 9999992;
        padding: 20px;
        text-align: center;
        box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.25)
    }

    .cookies-bar__holder {
        margin: auto;
        max-width: 600px
    }

    .cookies-bar__title {
        font-size: 1.35rem;
        margin: 0 0 10px 0;
        color: var(--c-cookies-title)
    }

    .cookies-win-stage {
        width: 100%;
        max-width: 700px !important;
        max-height: 90% !important;
        background-color: var(--bg-cookies);
        box-shadow: 0 0 9px 0 rgba(0,0,0,0.25)
    }

    .cookies-win {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        max-width: 700px;
        max-height: 90%;
        z-index: 9999994;
        display: flex;
        flex-direction: column;
        background-color: var(--bg-cookies);
        box-shadow: 0 0 9px 0 rgba(0,0,0,0.25)
    }

    .cookies-win__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #000;
        padding: 20px 20px 10px;
        border-bottom: 0px solid #ccc
    }

    .cookies-win__content {
        height: 70%;
        max-height: 100%;
        overflow-y: auto;
        padding: 20px
    }

    .cookies-win__footer {
        padding: 20px 20px 25px;
        border-top: 1px solid #ccc
    }

    .cookies__name {
        font-size: 1.375rem;
        margin: 0;
        padding: 0;
        font-weight: bold;
        color: #000
    }

    .cookies__title {
        font-size: 1.125rem;
        margin: 0;
        padding: 0;
        font-weight: bold;
        color: #000
    }

    .cookies__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px
    }

    .cookies__close {
        height: 32px
    }

        .cookies__close:hover {
            color: #777
        }

    .cookies__toggle {
        height: var(--h-cookies-toggle);
        color: var(--c-cookies-toggle)
    }

    .cookies__toggle--on {
        color: var(--c-cookies-toggle-on)
    }

    .cookies__buttons {
        display: flex;
        align-content: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 15px
    }

    .cookies-btn {
        border: solid 1px var(--b-cookies-btn);
        background-color: var(--bg-cookies-btn);
        color: var(--c-cookies-btn);
        display: inline-flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding: var(--p-cookies-btn);
        margin: 5px 0;
        border-radius: var(--br-cookies-btn);
        outline: none;
        cursor: pointer;
        transition: 0.5s all ease;
        line-height: 1;
        text-decoration: none
    }

        .cookies-btn:hover {
            border: solid 1px #000;
            background-color: var(--bg-cookies-btn-hover);
            color: var(--c-cookies-btn);
            text-decoration: none
        }

    .cookies-btn--ok {
        border: solid 1px var(--b-cookies-btn-ok);
        background-color: var(--bg-cookies-btn-ok);
        color: var(--c-cookies-btn-ok);
        font-weight: bold
    }

        .cookies-btn--ok:hover {
            border: solid 1px var(--bg-cookies-btn-ok-hover);
            background-color: var(--bg-cookies-btn-ok-hover);
            color: var(--c-cookies-btn-ok)
        }

    .cookies-btn--bar {
        margin: 4px
    }

    .cookies-btn--wide {
        width: 49%;
        padding-left: 15px;
        padding-right: 15px
    }

    .cookies-more-state {
        display: none
    }

    .cookies-more-target {
        opacity: 0;
        max-height: 0;
        font-size: 0
    }

    .cookies-more-state:checked ~ .cookies-more-wrap .cookies-more-target {
        display: block;
        opacity: 1;
        font-size: inherit;
        max-height: 99em
    }

    .cookies-more-state ~ .cookies-more-trigger:before {
        content: "Zobrazit více"
    }

    .cookies-more-state:checked ~ .cookies-more-trigger:before {
        content: "Zobrazit méně"
    }

    html[lang=en] .cookies-more-state ~ .cookies-more-trigger:before {
        content: "Show more"
    }

    html[lang=en] .cookies-more-state:checked ~ .cookies-more-trigger:before {
        content: "Show less"
    }

    .cookies-more-trigger {
        cursor: pointer;
        display: inline-block;
        padding: 0 0.5em;
        font-size: 0.9em;
        line-height: 2;
        border: 1px solid var(--b-cookies-btn);
        border-radius: 0.25em
    }

        .cookies-more-trigger:hover {
            border: 1px solid #000
        }

    @media screen and (max-width:767px) {
        .cookies-bar {
            padding: 25px 17px
        }

        .cookies-win-stage {
            max-height: 100% !important
        }

        .cookies-win {
            max-height: 100%
        }

        .cookies-win__content, .cookies-win__footer, .cookies-win__header {
            padding: 15px
        }

        .cookies__buttons {
            margin-top: 0
        }

        .cookies-btn--wide {
            width: 100%
        }
    }

    [data-view] {
        position: relative
    }

    [data-type=inline] {
        display: inline
    }

    [data-type=block] {
        display: block
    }

    .bar {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.6em;
        flex-grow: 0;
        flex-shrink: 0;
        width: 100%;
        height: 3em;
        padding: 0 0.85rem 0 0.85rem;
        overflow: hidden
    }

    .space {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        height: 100%;
        overflow: auto
    }

    .desktop {
        background-color: #F1EBE5
    }

    .desktop-top {
        z-index: 66666
    }

    .desktop-bar {
        padding: 0;
        background-color: #F28536;
        color: white
    }

    .desktop-bar-button, a:hover.desktop-bar-button {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 0;
        flex-shrink: 0;
        width: 3em;
        height: 3em;
        background-color: #515151;
        color: white;
        cursor: pointer
    }

    .desktop-bar-switch {
        display: flex;
        gap: 0.6em;
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        align-items: center;
        width: 100%
    }

    .layer {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        overflow: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 55555
    }

    .splashscreen {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: red;
        top: 0;
        left: 0
    }

    .max {
        width: 100% !important;
        height: 100% !important
    }

    .window {
        background-color: #F1EBE5;
        border: solid 1px rgb(177,160,144)
    }

    .desktop-bar-switch a {
        color: #515151
    }

        .desktop-bar-switch a.active {
            color: white
        }

    .desktop-bar-switch .icon {
        font-size: 2rem
    }

    .ep-icon {
        font-size: 1.5rem
    }

    .system-bar {
        height: 2rem;
        background-color: #515151;
        color: white
    }

        .system-bar a {
            color: white
        }

            .system-bar a:hover {
                color: orange
            }

    .top-bar {
        background-color: #F28536;
        color: white
    }

    @-webkit-keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }
    }

    @keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }
    }

    .ticker-bar {
        position: relative;
        margin-left: var(--h-space)
    }

    .ticker-holder {
        overflow: hidden;
        border-bottom: 3px solid #000
    }

    .ticker-wrap {
        width: 100%;
        overflow: hidden;
        background-color: #000;
        padding-left: 0%;
        box-sizing: content-box;
        padding-left: 100%
    }

    .ticker {
        display: inline-block;
        white-space: nowrap;
        padding-right: 100%;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 25s;
        animation-duration: 25s
    }

    .ticker__item {
        display: inline-block;
        padding: 0.5em 3em 0.5em 0.5em;
        font-size: 1.125rem;
        color: #fff
    }

    .ticker__item--name {
        font-size: 1.375rem
    }

    .ticker__live {
        position: absolute;
        z-index: 900;
        right: 0;
        bottom: -2.75rem;
        background: #f00;
        color: #fff;
        min-width: 260px;
        height: 2.75rem;
        font-size: 1.125rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 0.75em;
        text-transform: uppercase;
        text-decoration: none
    }

    .ticker__icon {
        fill: #fff;
        margin-right: 0.7em;
        height: 1em
    }

    .ticker__live:hover {
        color: #fff
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .ticker-bar {
            margin-left: var(--h-space-md)
        }
    }

    @media screen and (max-width:767px) {
        .ticker-bar {
            margin-left: var(--h-space-sm)
        }

        .ticker__live {
            min-width: auto;
            font-size: 1rem
        }
    }

    .hero {
        display: flex;
        border: 1px solid #000;
        border-top: 0;
        aspect-ratio: 1560/849;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .hero-1 {
        align-items: flex-end;
        justify-content: flex-start;
        background-image: linear-gradient(180deg,rgba(0,0,0,0) 30%,rgb(0,0,0) 100%);
        color: #fff
    }

    .hero-1__content {
        max-width: 750px;
        padding: 3em
    }

    .hero-1__info {
        display: flex;
        align-items: center;
        gap: 1.5em;
        margin: 0 0 1em 0;
        padding: 0;
        font-size: 0.75rem
    }

    .hero-1__genre {
        display: inline-block;
        font-weight: bold;
        background: #000;
        padding: 0.25em 0.5em;
        border-radius: 0.3em;
        text-transform: uppercase
    }

    .hero-1__title, .hero-2__title, .hero-3__title {
        margin: 0;
        padding: 0;
        font-size: 5rem;
        font-weight: var(--fw-bold);
        line-height: 1;
        text-transform: uppercase
    }

        .hero-1__title a {
            text-decoration: none;
            color: #fff
        }

    .hero-1__desc, .hero-2__desc, .hero-3__desc {
        max-width: 550px;
        margin: 1em 0;
        padding: 0;
        font-size: 1rem;
        line-height: 1.4
    }

    .hero-1__btn, .hero-2__btn, .hero-3__btn {
        margin: 0;
        padding: 0;
        line-height: 1.4
    }

    .hero-2 {
        align-items: center;
        justify-content: flex-start
    }

    .hero-2__content {
        max-width: 75%;
        padding: 3em
    }

    .hero-3 {
        justify-content: flex-start
    }

    .hero-3__content {
        align-self: center;
        flex-basis: 46%;
        padding: 3em
    }

    .hero-3__title {
        font-size: 4rem
    }

    .hero-3__bg {
        flex-grow: 1
    }

    @media screen and (min-width:768px) and (max-width:1200px) {
        .hero-1__title, .hero-2__title, .hero-3__title {
            font-size: 2rem
        }
    }

    @media screen and (max-width:767px) {
        .hero {
            min-height: 400px;
            aspect-ratio: unset
        }

        .hero-1__info {
            flex-wrap: wrap
        }

            .hero-1__info span {
                white-space: nowrap
            }

        .hero-1__title, .hero-2__title, .hero-3__title {
            font-size: 1.75rem
        }

        .hero-1__content, .hero-2__content {
            max-width: 100%;
            padding: 1.75em
        }

        .hero-3__content {
            flex-basis: 75%;
            padding: 2em
        }
    }

    .news {
        display: grid;
        grid-template-columns: repeat(6,1fr);
        grid-template-rows: repeat(3,auto);
        border-top: 1px solid #000;
        border-left: 1px solid #000
    }

    .news__item {
        grid-column: span 2;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        padding: 2em;
        position: relative
    }

    .news__image {
        display: block;
        width: 100%;
        height: auto
    }

    .news__title {
        font-size: 2rem;
        margin: 0.5em 0 0.35em 0;
        padding: 0
    }

        .news__title a {
            color: inherit;
            text-decoration: none
        }

    .news__date {
        color: #666;
        font-size: 0.875rem;
        margin: 0;
        padding: 0
    }

    .news--hp .news__item:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(180deg,rgba(0,0,0,0) 30%,rgb(0,0,0) 100%)
    }

    .news--hp .news__item:first-child {
        grid-column: span 4;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: flex-end
    }

        .news--hp .news__item:first-child .news__holder {
            z-index: 2
        }

    .news--hp .news__item:nth-child(n+6) {
        grid-column: span 3;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 2em
    }

        .news--hp .news__item:nth-child(n+6) .news__image {
            width: 100%;
            max-width: 30%
        }

    .news--hp .news__item:nth-child(n+7) .news__image {
        display: none
    }

    @media screen and (max-width:767px) {
        .news {
            grid-template-columns: 1fr
        }

        .news__item {
            grid-area: auto;
            grid-column: span 1 !important;
            padding: 1.5em
        }
    }

    .detail {
        margin-top: 7em
    }

    .detail__header {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        align-items: end;
        gap: 5em
    }

    .detail__title {
        font-size: 5rem;
        margin-top: 0;
        text-transform: uppercase;
        line-height: 1.1
    }

    .detail__date, .detail__perex {
        font-size: 1.25rem;
        line-height: 150%
    }

    .detail__extra {
        border-left: 1px solid #ddd;
        padding-left: 3em
    }

    .detail__tags {
        margin: 0 0 1.5rem 0;
        padding: 0;
        list-style: none
    }

        .detail__tags li {
            display: inline-block;
            margin: 0;
            padding: 0
        }

    .detail .tag {
        font-size: 12px
    }

    .detail__desc {
        font-size: 0.875rem;
        margin-bottom: 1.5rem
    }

    .detail__days {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
        font-size: 0.875rem;
        margin-bottom: 1.5rem
    }

        .detail__days strong {
            font-size: 1rem
        }

    .detail__buttons {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 2em
    }

    .detail__button {
        position: relative
    }

    .detail__2cols {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 5em
    }

    .detail__image {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3em 0
    }

    .detail__play {
        width: 7em;
        height: 7em;
        fill: rgba(0,0,0,0.8)
    }

    .detail__image:hover .detail__play {
        fill: var(--c-primary)
    }

    .detail__author {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1.5em;
        border-bottom: 1px solid #000;
        padding-bottom: 1.5em;
        margin-bottom: 1.5em
    }

    .detail__photo {
        width: 5em;
        aspect-ratio: 1/1;
        background-color: var(--bg-placeholder);
        border-radius: 100%
    }

    .detail__name {
        font-size: 2rem;
        margin: 0;
        padding: 0;
        line-height: 1.2
    }

    .detail__links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1.5em
    }

    .detail__icon {
        width: auto;
        height: 1.5em
    }

        .detail__icon:hover {
            filter: invert(30%)
        }

    @media screen and (max-width:767px) {
        .detail {
            margin-top: 3em
        }

        .detail__header {
            grid-template-columns: 1fr;
            gap: 2em
        }

        .detail__title {
            font-size: 2.25rem
        }

        .detail__extra {
            border: 0;
            border-top: 1px solid #ddd;
            padding: 2em 0 0 0
        }

        .detail__2cols {
            grid-template-columns: 1fr;
            gap: 3em
        }

        .detail__col:first-child {
            order: 2
        }
    }

    .follow {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border: 1px solid #000
    }

    .follow__item {
        position: relative;
        padding: 2em;
        display: flex;
        align-items: center;
        gap: 2em
    }

        .follow__item:hover {
            background-color: #eee
        }

    .follow__item--l {
        border-right: 1px solid #000;
        justify-content: flex-start
    }

    .follow__item--r {
        justify-content: flex-end;
        text-align: right
    }

    .follow__image {
        flex-shrink: 0;
        width: 10em;
        height: 10em;
        border-radius: 100%
    }

    .follow__date {
        font-size: 0.875rem
    }

    .follow__title {
        font-size: 2.625rem;
        margin: 0;
        padding: 0;
        text-transform: uppercase
    }

        .follow__title a {
            color: var(c-link);
            text-decoration: none
        }

    @media screen and (max-width:767px) {
        .follow__item {
            padding: 1em
        }

        .follow__image {
            display: none
        }

        .follow__title {
            font-size: 1em
        }
    }

    .discovery {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        padding-left: var(--h-space);
        height: 100%;
        min-height: 520px;
        position: relative;
        display: flex;
        flex-direction: column
    }

    .discovery__playlink {
        display: block;
        padding: 1.75em;
        border: 1px solid #fff;
        border-radius: 100%;
        position: absolute;
        top: calc(50% - 3em);
        left: calc(50% - 3em);
        z-index: 2;
        width: 6em;
        height: 6em
    }

    .discovery__play {
        width: 100%;
        height: 100%
    }

    .discovery__curtain {
        background: linear-gradient(90deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 50%);
        padding: 5em 0 5em 3em;
        height: 100%;
        flex: 1
    }

    .discovery__content {
        max-width: 35%
    }

    .discovery__icon {
        width: 5em;
        height: 5em;
        position: absolute;
        top: calc(50% - 2.5em);
        left: calc(50% - 2.5em);
        z-index: 20000
    }

    .discovery__section {
        text-transform: uppercase;
        font-size: 1rem;
        margin: 0;
        padding: 0
    }

    .discovery__title {
        color: #fff;
        font-size: 2.875rem;
        margin: 0 0 0.35em 0;
        padding: 0;
        text-transform: uppercase;
        line-height: 110%
    }

        .discovery__title a {
            color: inherit;
            text-decoration: none
        }

    .discovery__data {
        text-transform: uppercase;
        font-size: 0.75rem
    }

    .discovery__desc {
        font-size: 1rem;
        margin-bottom: 2em
    }

    .discovery__days {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
        font-size: 0.875rem
    }

        .discovery__days strong {
            font-size: 1rem
        }

    .discovery__link {
        text-align: center;
        margin-top: 1em
    }

    @media screen and (min-width:768px) and (max-width:1200px) {
        .discovery__content {
            max-width: 100%;
            padding-right: 3em
        }

        .discovery__playlink {
            position: relative;
            top: 0;
            left: 0;
            width: 4em;
            height: 4em;
            margin-top: 2em;
            padding: 0.75em
        }
    }

    @media screen and (max-width:767px) {
        .discovery {
            padding-left: 0;
            min-height: 400px
        }

        .discovery__playlink {
            position: relative;
            top: 0;
            left: 0;
            width: 4em;
            height: 4em;
            margin-top: 2em;
            padding: 0.75em
        }

        .discovery__content {
            max-width: 100%
        }

        .discovery__curtain {
            background: linear-gradient(90deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);
            padding-left: 1.75em
        }

        .discovery__desc {
            display: none
        }
    }

    .dcarousel {
        z-index: 2
    }

    .dcarousel__slide {
        aspect-ratio: 16/9
    }

    .dcarousel__curtain {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 40%);
        color: #fff;
        padding: 1em;
        z-index: 2;
        display: flex;
        align-items: flex-end
    }

    .dcarousel__content {
        align-self: flex-end;
        line-height: 1
    }

    .dcarousel__title {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 0.2em;
        text-transform: uppercase
    }

        .dcarousel__title a {
            color: inherit;
            text-decoration: none
        }

    .dcarousel__desc {
        font-size: 0.75rem;
        text-transform: uppercase
    }

    .dcarousel__days {
        font-size: 0.75rem;
        margin-top: 0.75em
    }

    .dstrip {
        background: linear-gradient(90deg,#eee 0%,#fff 50%);
        display: flex;
        padding: 1.5em 0
    }

    .dstrip__text {
        width: 15em;
        padding: 0 2em
    }

    .dstrip__title {
        font-size: 1rem;
        margin: 0;
        padding: 0
    }

    .dstrip__strip {
        flex: 1
    }

    @media screen and (max-width:767px) {
        .dstrip {
            flex-wrap: wrap
        }

        .dstrip__text {
            width: 100%;
            padding: 0 2em
        }
    }

    .jury {
        display: grid;
        grid-template-rows: auto;
        border-top: 1px solid #000;
        border-left: 1px solid #000
    }

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

    .jury--5 {
        grid-template-columns: repeat(6,1fr)
    }

    .jury__item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 2em;
        background-color: #fff;
        padding: 2em;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        position: relative
    }

        .jury__item:hover {
            background: #f5f5f5
        }

    .jury__item--info {
        background: #f5f5f5;
        display: block
    }

    .jury--3 .jury__item--info {
        grid-column: span 3
    }

    .jury--5 .jury__item--info {
        grid-column: span 6
    }

    .jury--5 .jury__item--half {
        grid-column: span 3
    }

    .jury--5 .jury__item--third {
        grid-column: span 2
    }

    .jury__photo {
        width: 100%;
        height: auto;
        max-width: 130px;
        border-radius: 100%
    }

    .jury__title {
        font-size: 2.625rem;
        margin: 0 0 0.35em 0;
        padding: 0
    }

    .jury__desc {
        font-size: 1.125rem;
        margin: 0;
        padding: 0
    }

    .jury__name {
        font-size: 2rem;
        margin: 0;
        padding: 0
    }

        .jury__name a {
            color: inherit;
            text-decoration: none
        }

    .jury__about {
        font-size: 0.875rem;
        margin: 0;
        padding: 0
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .jury--3 .jury__item, .jury--5 .jury__item--third {
            flex-direction: column;
            align-items: start
        }
    }

    @media screen and (max-width:767px) {
        .jury {
            grid-template-rows: auto
        }

        .jury__item {
            padding: 1.5em
        }

        .jury--3 .jury__item {
            grid-column: span 3
        }

        .jury--5 .jury__item {
            grid-column: span 6
        }

        .jury__photo {
            max-width: 100px
        }
    }

    .juror {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 5em;
        margin-top: 3em
    }

    .juror__photo {
        width: 100%;
        aspect-ratio: 1/1;
        background-color: var(--bg-placeholder);
        border-radius: 100%;
        margin-bottom: 3em
    }

    .juror__follow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #000;
        padding-top: 1.5em
    }

    .juror__followme {
        font-size: 1.25rem;
        font-weight: bold
    }

    .juror__links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1.5em
    }

    .juror__icon {
        width: auto;
        height: 1.5em
    }

        .juror__icon:hover {
            filter: invert(30%)
        }

    .juror__name {
        font-size: 5.5rem;
        margin-top: 0;
        line-height: 1
    }

    .juror__status {
        font-size: 1.125rem
    }

    .juror__perex {
        font-size: 1.375rem;
        line-height: 150%
    }

    @media screen and (max-width:767px) {
        .juror {
            grid-template-columns: 1fr;
            gap: 2em
        }

        .juror__photo {
            width: 100%;
            max-width: 260px
        }

        .juror__name {
            font-size: 3rem
        }
    }

    .filter {
        border: 1px solid #000;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 2em
    }

    .filter__item {
        padding: 2em
    }

    .filter__item--days {
        width: 50%
    }

    .filter__item--hours {
        width: 50%
    }

    .filter__item--tags {
        width: 100%;
        padding-top: 0
    }

    .filter__item--search {
        width: 100%;
        background: #eee;
        border-top: 1px solid #000
    }

    .filter__title {
        font-size: 1.125rem;
        margin: 0 0 1em 0;
        padding: 0
    }

    .filter__summary {
        cursor: pointer;
        margin: 0
    }

        .filter__summary::-webkit-details-marker {
            color: #00ACF3;
            font-size: 125%;
            margin-right: 2px
        }

        .filter__summary:focus {
            outline-style: none
        }

    .filter__days {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        list-style: none
    }

    .filter__day {
        display: block;
        border: 1px solid #ddd;
        width: 3em;
        height: 3em;
        font-size: 1.5rem;
        color: var(--c-default);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-top: var(--font-shift)
    }

        .filter__day--active, .filter__day:hover {
            background-color: var(--c-primary);
            color: var(--c-default)
        }

    .filter__tags {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1em;
        list-style: none
    }

    .filter__search {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: flex-end;
        gap: 2em;
        list-style: none
    }

    @media screen and (max-width:767px) {
        .filter__item {
            padding: 1em
        }

        .filter__item--days, .filter__item--hours {
            width: 100%
        }

        .filter__days {
            justify-content: space-between
        }

        .filter__day {
            width: 2em;
            height: 2em;
            font-size: 1.25rem
        }

        .filter__search {
            grid-template-columns: 1fr 1fr;
            gap: 1em
        }
    }

    .tvlive__image {
        width: 100%;
        max-width: 1100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        border-radius: 1em
    }

    .tvlive__play {
        width: 7em;
        height: 7em;
        fill: rgba(0,0,0,0.8)
    }

    .tvlive__image:hover .tvlive__play {
        fill: var(--c-primary)
    }

    .tvzf {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff
    }

    .tvzf__item {
        text-decoration: none;
        padding: 1em 2em;
        position: relative;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff
    }

    .tvzf__tag {
        margin-bottom: 1em
    }

        .tvzf__tag span {
            display: inline-flex;
            align-self: flex-start;
            font-size: 0.875rem;
            color: #fff;
            padding: 0.5em 1em;
            border: 2px solid #fff;
            border-radius: 99em;
            line-height: normal
        }

    .tvzf__image {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tvzf__play {
        width: 4em;
        height: 4em;
        fill: #fff
    }

    .tvzf__title {
        color: #fff;
        font-size: 2rem;
        margin: 0.5em 0 0.35em 0;
        padding: 0
    }

        .tvzf__title a {
            color: inherit;
            text-decoration: none
        }

    .tvzf__date {
        color: #fff;
        font-size: 0.875rem;
        margin: 0;
        padding: 0
    }

    .tvzf__link {
        text-align: center;
        margin-top: 1em
    }

    @media screen and (max-width:767px) {
        .tvzf {
            grid-template-columns: 1fr
        }

        .tvzf__item {
            padding: 1em 1.5em
        }
    }

    .tvprg__item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 2em;
        padding: 1.5em 0;
        border-bottom: 1px solid #000
    }

        .tvprg__item:last-child {
            border: 0
        }

    .tvprg__image {
        flex: 0 0 25%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tvprg__play {
        width: 4em;
        height: 4em;
        fill: #fff
    }

    .tvprg__image:hover .tvprg__play {
        fill: var(--c-primary)
    }

    .tvprg__content {
        flex-grow: 1
    }

    .tvprg__tags {
        margin: 0 0 1em 0;
        padding: 0;
        list-style: none
    }

        .tvprg__tags li {
            display: inline-block;
            margin: 0;
            padding: 0
        }

    .tvprg .tag {
        font-size: 10px
    }

    .tvprg__date {
        font-size: 0.875rem
    }

    .tvprg__title {
        font-size: 2rem;
        margin: 0 0 0.25em 0;
        padding: 0;
        text-transform: uppercase
    }

    .tvprg__desc {
        max-width: 550px;
        font-size: 0.75rem
    }

    @media screen and (max-width:767px) {
        .tvprg__item {
            flex-wrap: wrap
        }

        .tvprg__content, .tvprg__image {
            flex: 1 1 100%
        }
    }

    .prg__item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 2em;
        padding: 1.5em 0;
        border-bottom: 1px solid #000
    }

        .prg__item:last-child {
            border: 0
        }

    .prg__image {
        flex: 0 0 25%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .prg__motive {
        width: 100%;
        height: 100%;
        background-position: top right;
        background-repeat: no-repeat
    }

    .prg__content-1 {
        flex: 0 0 30%
    }

    .prg__content-2 {
        flex: 1 0 0%
    }

    .prg__tags {
        margin: 0 0 1em 0;
        padding: 0;
        list-style: none
    }

        .prg__tags li {
            display: inline-block;
            margin: 0;
            padding: 0
        }

    .prg .tag {
        font-size: 10px
    }

    .prg__date {
        font-size: 0.875rem
    }

    .prg__title {
        font-size: 2rem;
        margin: 0 0 0.25em 0;
        padding: 0;
        text-transform: uppercase
    }

    .prg__desc {
        max-width: 550px;
        font-size: 0.75rem
    }

    .prg__days {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
        font-size: 0.875rem
    }

        .prg__days strong {
            font-size: 1rem
        }

    .prg__buttons {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 2em
    }

    .prg__button {
        position: relative
    }

    .prg__link {
        display: flex;
        align-items: center;
        color: #000;
        font-size: 0.75rem
    }

    @media screen and (max-width:767px) {
        .prg__item {
            flex-wrap: wrap
        }

        .prg__content-1, .prg__content-2, .prg__image {
            flex: 1 1 100%
        }
    }

    .prgwin {
        width: 460px;
        position: absolute;
        bottom: 150%;
        left: -1em;
        z-index: 1020;
        background: #f5f5f5;
        padding: 2em;
        border-radius: var(--radius);
        box-shadow: 6px 6px 8px 0px rgb(221,221,221)
    }

        .prgwin:before {
            position: absolute;
            bottom: -10px;
            left: 1.5em;
            content: "";
            width: 20px;
            height: 20px;
            background: #f5f5f5;
            box-shadow: 6px 6px 8px 0px rgb(221,221,221);
            transform: rotate(45deg)
        }

    .prgwin__buttons, .prgwin__close {
        display: none
    }

    .prgwin__title {
        font-size: 1.5rem;
        margin: 0;
        padding: 0;
        font-weight: bold
    }

    .prgwin__event {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1em;
        padding: 1em 0
    }

    .prgwin__time {
        flex-grow: 1
    }

    .prgwin__count {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5em
    }

    .prgwin__add, .prgwin_count {
        flex: 0 0
    }

    .prgwin__count input {
        width: 3em;
        text-align: center
    }

    .prgwin__hr {
        border: 0;
        border-bottom: 1px solid #000;
        height: 0;
        width: 100%;
        margin: 0
    }

    @media screen and (max-width:767px) {
        .prgwin {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1.5em
        }

        .prgwin__close {
            color: #000;
            margin-left: auto;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-bottom: 3em;
            padding: 0;
            border: 0;
            background: transparent;
            cursor: pointer
        }

            .prgwin__close svg {
                width: 1em;
                height: 1em;
                margin-right: 0.5em
            }

        .prgwin__buttons {
            display: block;
            margin-top: 2em
        }
    }

    .ticket {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ddd
    }

        .ticket:last-of-type {
            border: 0
        }

    .ticket__item {
        padding: 1em 0;
        text-align: right;
        border: 0px solid red
    }

    .ticket__item--event {
        flex-grow: 1;
        text-align: left
    }

    .ticket__item--seat {
        flex-basis: 10%;
        font-size: 1.25rem
    }

    .ticket__item--price {
        flex-basis: 25%;
        font-size: 1.25rem;
        font-weight: bold
    }

    .ticket__item--remove {
        flex-basis: 5%;
        line-height: 0
    }

    .ticket__remove {
        width: 30px;
        height: 30px;
        fill: #bbb
    }

        .ticket__remove:hover {
            fill: #000
        }

    .ticket__code {
        cursor: pointer;
        text-decoration: underline
    }

    .ticket__summary {
        font-size: 1.75rem;
        font-weight: bold
    }

    .ticket__title {
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        font-size: 1.25rem
    }

    .ticket__desc {
        margin: 0;
        padding: 0
    }

    .ticket__seg {
        color: var(--c-primary);
        margin: 0 3px
    }

    @media screen and (max-width:767px) {
        .ticket {
            flex-wrap: wrap
        }

        .ticket__item--event {
            flex-basis: 100%;
            padding-bottom: 0
        }

        .ticket__item--seat {
            text-align: left
        }

        .ticket__item--price, .ticket__item--remove, .ticket__item--seat {
            flex-basis: 33%
        }
    }

    .tag {
        display: inline-flex;
        font-size: 0.875rem;
        padding: 0.3em 1em calc(0.3em - var(--font-shift)) 1em;
        color: var(--c-default);
        border: 1px solid #000;
        border-radius: 99em;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none
    }

    .tag--active, a.tag:hover {
        background: #000;
        color: #fff
    }

    .icon-arrow {
        height: 1.5em;
        margin-top: 0.5em
    }

    .icon {
        display: inline-flex;
        position: relative
    }

    .icon__shape {
        display: inline-block;
        width: auto
    }

    .icon__badge {
        position: absolute;
        right: -7px;
        bottom: -3px;
        width: 20px;
        height: 20px;
        background: #d9d9d9;
        color: #fff;
        font-size: 12px;
        font-family: Arial,sans-serif;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 0
    }

    .icon:hover .icon__badge {
        background: var(--c-primary)
    }

    .banner {
        display: flex;
        flex-wrap: wrap;
        position: relative
    }

    .banner--landscape {
        justify-content: space-between
    }

    .banner--portrait {
        justify-content: space-between;
        flex-direction: column
    }

    .banner--square {
        aspect-ratio: 1/1;
        max-width: 320px;
        justify-content: center
    }

    .banner--demo {
        background: var(--c-primary);
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        margin: 1em auto
    }

    .banner__item {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .compete {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 3em;
        padding: 1.5em 0
    }

    .compete__item {
        flex-basis: 28%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        position: relative
    }

    .compete__movie {
        width: 100%
    }

    .compete__image {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .compete__play {
        width: 4em;
        height: 4em;
        fill: #fff
    }

    .compete__movie:hover .compete__play {
        fill: var(--c-primary)
    }

    .compete__content {
        color: #fff;
        flex-grow: 1;
        text-align: center;
        padding: 1.5em 1em
    }

    .compete__title {
        color: #fff;
        font-size: 1.75rem;
        margin: 0;
        padding: 0;
        text-transform: uppercase
    }

        .compete__title a {
            color: #fff;
            text-decoration: none
        }

    .compete__data {
        font-size: 0.875rem;
        margin: 0.5em 0;
        text-transform: uppercase
    }

    .compete__award {
        font-size: 1rem;
        font-weight: bold
    }

    @media screen and (max-width:767px) {
        .compete {
            gap: 1.5em
        }

        .compete__item {
            flex-wrap: wrap;
            flex-basis: 100%
        }

        .compete__image {
            max-width: 100%
        }
    }

    .ecard {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        border: 1px solid #000
    }

    .ecard__item {
        padding: 3em;
        display: flex;
        align-items: center
    }

    .ecard__item--contacts {
        border-left: 1px solid #000
    }

    .ecard__title {
        font-size: 1.5rem;
        margin: 0 0 1em 0
    }

        .ecard__title em {
            color: #777
        }

    .ecard__item--qr {
        text-align: center
    }

    @media screen and (max-width:767px) {
        .ecard {
            grid-template-columns: 1fr
        }

        .ecard__item {
            padding: 2em
        }

        .ecard__item--contacts {
            justify-content: center;
            border: 0;
            border-top: 1px solid #000;
            text-align: center
        }

        .ecard__item--qr {
            justify-content: center
        }
    }

    .partners {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0
    }

    .partners--3 > div {
        width: 30%
    }

    .partners--6 > div {
        width: 14.5%
    }

    .partners--9 > div {
        width: 9.3333%
    }

    .partners__item {
        margin: 0.5%
    }

    .partners__title {
        font-size: 1rem;
        text-align: center;
        margin: 2em 1em
    }

        .partners__title span {
            color: #777
        }

    .partners__holder {
        background: #eee;
        aspect-ratio: 1/1;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none
    }

        .partners__holder:hover {
            background: #f2f2f2
        }

    .partners__logo {
        width: 100%;
        height: auto
    }

    @media screen and (max-width:767px) {
        .partners--3 > div {
            width: 100%
        }

        .partners--6 > div, .partners--9 > div {
            width: 31.3333%
        }

        .partners__item {
            margin: 1%
        }
    }

    .carousel {
        z-index: 2
    }

    .carousel__item {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden
    }

    .carousel__image {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .carousel__holder {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        padding: 1em;
        z-index: 2;
        text-transform: uppercase;
        line-height: 1
    }

    .carousel__title {
        font-size: 1.25rem;
        font-weight: bold
    }

        .carousel__title a {
            color: inherit;
            text-decoration: none
        }

    .carousel__desc {
        font-size: 0 0.75rem
    }

    .skippy {
        background-color: #000;
        overflow: hidden
    }

        .skippy:focus-within a {
            position: static;
            display: inline-block;
            width: auto;
            height: auto;
            color: #fff;
            padding: 0.5em 1em;
            margin: 0.5em;
            overflow: visible;
            clip: auto;
            white-space: normal;
            border: 1px solid transparent
        }

            .skippy:focus-within a:focus {
                border: 1px solid #fff
            }

    .head {
        display: grid;
        grid-template-columns: 95px 1fr;
        grid-template-rows: repeat(2,auto);
        grid-column-gap: 1.5em;
        grid-row-gap: 0px;
        margin: 1em var(--h-space) 0
    }

    .head__logo {
        grid-area: 1/1/3/2
    }

    .head__top {
        grid-area: 1/2/2/3;
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    .head__bottom {
        grid-area: 2/2/3/3;
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .head {
            margin: 1em var(--h-space-md) 0
        }
    }

    @media screen and (max-width:767px) {
        .head {
            grid-template-columns: 65px 1fr;
            margin: 1em var(--h-space-sm) 0
        }

        .head__logo {
            grid-area: 1/1/2/2
        }

        .head__top {
            grid-area: 1/2/2/3;
            align-items: center;
            justify-content: flex-end
        }

        .head__bottom {
            grid-area: 2/1/3/3
        }
    }

    .site {
        display: flex
    }

    .site__name {
        font-size: 0.625rem;
        padding-right: 1rem;
        border-right: 1px solid #000
    }

        .site__name strong {
            font-size: 1.25rem
        }

    .site__app {
        font-size: 0.75rem;
        padding-left: 1rem;
        display: flex;
        gap: 0.5rem;
        text-decoration: none
    }

        .site__app strong {
            font-size: 1rem
        }

    .site__ico {
        height: 30px
    }

    .control-holder {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2em
    }

    .control {
        margin: 0;
        padding: 0;
        list-style-type: " ";
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 3em;
        list-style: none
    }

        .control a {
            text-decoration: none;
            color: #000
        }

    .control__userlink {
        display: flex;
        align-items: center;
        gap: 0.75em;
        font-size: 1rem
    }

    .control .icon__badge {
        background: #00C708
    }

    .control__lang {
        font-size: 1rem
    }

    .control__nav {
        display: none
    }

    .control__navbtn {
        height: 2em;
        margin: 0;
        padding: 0;
        background: transparent;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 0
    }

    .navline {
        width: 25px;
        height: 3px;
        background-color: #000;
        display: block;
        margin: 4px 0;
        transition: all 0.2s ease-in-out
    }

    .control__navbtn.active .navline--1 {
        transform: translateY(7px) rotate(45deg)
    }

    .control__navbtn.active .navline--2 {
        opacity: 0
    }

    .control__navbtn.active .navline--3 {
        transform: translateY(-7px) rotate(-45deg)
    }

    .supp {
        margin: 0 0 0.5em 0;
        padding: 0;
        list-style-type: " ";
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1em;
        list-style: none
    }

    .supp__button {
        width: 2.5em;
        height: 2.5em;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        background-color: #000;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 0;
        border-radius: 100%;
        overflow: hidden
    }

        .supp__button svg {
            fill: #eee;
            height: 1.25em
        }

        .supp__button:hover svg {
            fill: var(--c-primary-hover)
        }

    .supp__share {
        position: relative
    }

    .supp__button--share {
        filter: brightness(9) saturate(0);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.1em;
        background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFD600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z"/></svg>')
    }

        .supp__button--share:hover {
            filter: none
        }

    .supp__share ul {
        position: absolute;
        top: 120%;
        z-index: 1030;
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        min-width: 2.5em;
        left: calc(50% - 1.25em);
        border-radius: 99em;
        border: 1px solid #ddd;
        overflow: hidden
    }

    .supp__share li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #fff
    }

        .supp__share li:last-child {
            border: 0
        }

    .supp__share a {
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        background-color: #fff;
        color: var(--c-default);
        font-size: 0.875rem;
        padding: 0.6em 0;
        text-align: center
    }

        .supp__share a:focus, .supp__share a:hover {
            background-color: #eee
        }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .control {
            gap: 2.5em
        }

        .control__userlink span {
            display: none
        }
    }

    @media screen and (max-width:767px) {
        .control__userlink span, .site, .supp {
            display: none
        }

        .control {
            gap: 2em
        }

        .control__lang {
            font-size: 1.25rem
        }

        .control__nav {
            display: block
        }

        .menu {
            width: calc(100% + 2em);
            margin-left: -1em;
            margin-right: -1em
        }

        .nav-top-lang {
            display: block;
            padding: 2em 0
        }
    }

    .heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 3em;
        margin-bottom: 3em
    }

        .heading .section, .heading .subsection {
            margin-bottom: 0
        }

    .heading__related {
        text-align: right
    }

    @media screen and (max-width:767px) {
        .heading {
            flex-wrap: wrap;
            gap: 1.5em
        }

        .heading__title {
            flex-basis: 100%
        }

        .heading__related {
            text-align: left
        }
    }

    .cblock {
        position: relative;
        clear: both;
        padding: var(--v-space) var(--h-space);
        display: flow-root
    }

        .cblock:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0
        }

    .cblock--alt {
        background-color: var(--bg-section)
    }

    .cblock--dark {
        background-color: #000
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .cblock {
            padding: var(--v-space-md) var(--h-space-md)
        }
    }

    @media screen and (max-width:767px) {
        .cblock {
            padding: var(--v-space-sm) var(--h-space-sm)
        }
    }

    .footer {
        background-color: var(--bg-footer);
        background-position: 0 2em;
        background-repeat: repeat-x;
        color: var(--c-footer)
    }

        .footer a {
            color: var(--c-link-light)
        }

            .footer a:hover {
                color: var(--c-link-light-hover)
            }

    @media screen and (max-width:767px) {
        .footer {
            padding-bottom: 5em
        }
    }

    .newsletter {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 6em 0;
        color: #fff
    }

    .newsletter__item {
        width: 50%;
        text-align: center
    }

    .newsletter__title {
        font-size: 4.5rem;
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: normal
    }

    @media screen and (max-width:767px) {
        .newsletter {
            margin: 4em 0
        }

        .newsletter__item {
            width: 100%
        }

        .newsletter__title {
            font-size: 3.25rem
        }
    }

    .fmenu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 3em;
        margin-bottom: 5em
    }

    .fmenu__item {
        border-top: 1px solid #262626;
        padding: 2em 0 2em 0
    }

    .fmenu__title {
        color: #fff;
        font-size: 1.3rem;
        margin: 0 0 1em 0;
        padding: 0
    }

    .fmenu__list li {
        font-size: 0.875rem;
        margin: 0.75em 0;
        padding: 0
    }

    @media screen and (max-width:767px) {
        .fmenu {
            grid-template-columns: 1fr 1fr;
            gap: 1.5em
        }
    }

    .website {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 3em
    }

    .website__about {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 1.5em
    }

    .website__logo {
        width: 95px;
        height: auto
    }

    .website__info {
        font-size: 0.75em;
        margin: 0;
        padding: 0;
        line-height: 1.4
    }

    .website__author {
        font-size: 0.875em;
        line-height: 1.4
    }

    .website__social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1.75em;
        margin: 0;
        padding: 0
    }

        .website__social li {
            list-style: none;
            margin: 0;
            padding: 0;
            line-height: 1
        }

        .website__social a {
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            fill: #fff;
            transition: all 0.3s ease;
            border: 0
        }

            .website__social a:hover {
                transform: scale(1.2);
                border: 0
            }

        .website__social svg {
            height: 1.5em
        }

    @media screen and (max-width:767px) {
        .website {
            flex-wrap: wrap;
            gap: 0em
        }

        .website__about {
            flex-basis: 100%;
            margin-bottom: 3em
        }

        .website__logo {
            width: 75px
        }

        .website__social svg {
            height: 1.5em
        }
    }

    .box {
        padding: 4em;
        background-color: var(--c-grey-light);
        background-position: center;
        background-repeat: no-repeat
    }

    .box--lightgrey {
        background-color: var(--c-grey-light)
    }

    .box--grey {
        background-color: #c1c1c3
    }

    .box--info {
        padding: 2.5em 1em
    }

    .box > h2, .box > h3 {
        margin-top: 0
    }

    @media screen and (max-width:767px) {
        .box {
            padding: 2em
        }
    }

    .gslide-description {
        padding: 0;
        margin: 0
    }

    .gdesc-inner {
        padding: 0.5em !important;
        margin: 0px
    }

    .gslide-title {
        padding: 0;
        margin: 0 !important
    }

    .splide__container {
        box-sizing: border-box;
        position: relative
    }

    .splide__list {
        backface-visibility: hidden;
        display: flex;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important
    }

    .splide.is-initialized:not(.is-active) .splide__list {
        display: block
    }

    .splide__pagination {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        pointer-events: none
    }

        .splide__pagination li {
            display: inline-block;
            line-height: 1;
            list-style-type: none;
            margin: 0;
            pointer-events: auto
        }

    .splide:not(.is-overflow) .splide__pagination {
        display: none
    }

    .splide__progress__bar {
        width: 0
    }

    .splide {
        position: relative;
        visibility: hidden
    }

        .splide.is-initialized, .splide.is-rendered {
            visibility: visible
        }

    .splide__slide {
        backface-visibility: hidden;
        box-sizing: border-box;
        flex-shrink: 0;
        list-style-type: none !important;
        margin: 0;
        position: relative
    }

        .splide__slide img {
            vertical-align: bottom
        }

    .splide__spinner {
        animation: splide-loading 1s linear infinite;
        border: 2px solid #999;
        border-left-color: transparent;
        border-radius: 50%;
        bottom: 0;
        contain: strict;
        display: inline-block;
        height: 20px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }

    .splide__sr {
        clip: rect(0 0 0 0);
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
        display: none
    }

    .splide__toggle.is-active .splide__toggle__pause {
        display: inline
    }

    .splide__track {
        overflow: hidden;
        position: relative;
        z-index: 0
    }

    @keyframes splide-loading {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .splide__track--draggable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .splide__track--fade > .splide__list > .splide__slide {
        margin: 0 !important;
        opacity: 0;
        z-index: 0
    }

        .splide__track--fade > .splide__list > .splide__slide.is-active {
            opacity: 1;
            z-index: 1
        }

    .splide--rtl {
        direction: rtl
    }

    .splide__track--ttb > .splide__list {
        display: block
    }

    .splide__arrow {
        align-items: center;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 2em;
        justify-content: center;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2em;
        z-index: 1
    }

        .splide__arrow svg {
            fill: #fff;
            height: 1.2em;
            width: 1.2em
        }

        .splide__arrow:hover:not(:disabled) {
            opacity: 0.9
        }

        .splide__arrow:disabled {
            opacity: 0.3
        }

        .splide__arrow:focus-visible {
            outline: 3px solid #0bf;
            outline-offset: 3px
        }

    .splide__arrow--prev {
        left: 1em
    }

        .splide__arrow--prev svg {
            transform: scaleX(-1)
        }

    .splide__arrow--next {
        right: 1em
    }

    .splide.is-focus-in .splide__arrow:focus {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

    .splide__pagination {
        bottom: 0.5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1
    }

    .splide__pagination__page {
        background: #ccc;
        border: 0;
        border-radius: 50%;
        display: inline-block;
        height: 8px;
        margin: 3px;
        opacity: 0.7;
        padding: 0;
        position: relative;
        transition: transform 0.2s linear;
        width: 8px
    }

        .splide__pagination__page.is-active {
            background: #fff;
            transform: scale(1.4);
            z-index: 1
        }

        .splide__pagination__page:hover {
            cursor: pointer;
            opacity: 0.9
        }

        .splide__pagination__page:focus-visible {
            outline: 3px solid #0bf;
            outline-offset: 3px
        }

    .splide.is-focus-in .splide__pagination__page:focus {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

    .splide__progress__bar {
        background: #ccc;
        height: 3px
    }

    .splide__slide {
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

        .splide__slide:focus {
            outline: 0
        }

    @supports (outline-offset:-3px) {
        .splide__slide:focus-visible {
            outline: 3px solid #0bf;
            outline-offset: -3px
        }
    }

    @media screen and (-ms-high-contrast:none) {
        .splide__slide:focus-visible {
            border: 3px solid #0bf
        }
    }

    @supports (outline-offset:-3px) {
        .splide.is-focus-in .splide__slide:focus {
            outline: 3px solid #0bf;
            outline-offset: -3px
        }
    }

    @media screen and (-ms-high-contrast:none) {
        .splide.is-focus-in .splide__slide:focus {
            border: 3px solid #0bf
        }

        .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
            border-color: #0bf
        }
    }

    .splide__toggle {
        cursor: pointer
    }

        .splide__toggle:focus-visible {
            outline: 3px solid #0bf;
            outline-offset: 3px
        }

    .splide.is-focus-in .splide__toggle:focus {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

    .splide__track--nav > .splide__list > .splide__slide {
        border: 3px solid transparent;
        cursor: pointer
    }

        .splide__track--nav > .splide__list > .splide__slide.is-active {
            border: 3px solid #000
        }

    .splide__arrows--rtl .splide__arrow--prev {
        left: auto;
        right: 1em
    }

        .splide__arrows--rtl .splide__arrow--prev svg {
            transform: scaleX(1)
        }

    .splide__arrows--rtl .splide__arrow--next {
        left: 1em;
        right: auto
    }

        .splide__arrows--rtl .splide__arrow--next svg {
            transform: scaleX(-1)
        }

    .splide__arrows--ttb .splide__arrow {
        left: 50%;
        transform: translate(-50%)
    }

    .splide__arrows--ttb .splide__arrow--prev {
        top: 1em
    }

        .splide__arrows--ttb .splide__arrow--prev svg {
            transform: rotate(-90deg)
        }

    .splide__arrows--ttb .splide__arrow--next {
        bottom: 1em;
        top: auto
    }

        .splide__arrows--ttb .splide__arrow--next svg {
            transform: rotate(90deg)
        }

    .splide__pagination--ttb {
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: auto;
        padding: 1em 0;
        right: 0.5em;
        top: 0
    }

    .hp-splide .splide__arrow {
        background: transparent;
        border-radius: 0;
        width: 42px;
        height: 42px
    }

    .splide__arrow svg {
        fill: #fff
    }

    .splide__arrow:hover:not(:disabled) svg {
        fill: #ddd
    }

    .hp-splide .splide__pagination {
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: auto;
        padding: 1em 0;
        right: 2.5em;
        top: 0
    }

    .splide__pagination__page {
        background: #000;
        width: 16px;
        height: 16px;
        border-radius: 99em;
        margin: 10px;
        bottom: 1.5em
    }

        .splide__pagination__page.is-active {
            background: #ddd;
            transform: scale(1)
        }

    .carousel .splide__arrow {
        background: transparent
    }

    .carousel .splide__slide a {
        text-decoration: none
    }

    .carousel .splide__arrow--prev {
        left: 0.5em
    }

    .carousel .splide__arrow--next {
        right: 0.5em
    }

    .carousel .splide__pagination {
        bottom: -1.5em
    }

    .dcarousel .splide__arrow {
        background: transparent
    }

        .dcarousel .splide__arrow:disabled {
            display: none
        }

    .dcarousel .splide__slide a {
        text-decoration: none
    }

    .dcarousel .splide__arrow--prev {
        left: 0.5em
    }

    .dcarousel .splide__arrow--next {
        right: 0.5em
    }

    .dcarousel .splide__pagination {
        bottom: -1.5em
    }

    .dslider .splide__pagination__page {
        background: #ccc;
        width: 12px;
        height: 12px;
        margin: 3px
    }

        .dslider .splide__pagination__page.is-active {
            background: #fff;
            transform: scale(1)
        }

    @media screen and (max-width:767px) {
        .hp-splide .splide__pagination {
            display: none
        }
    }

    .glightbox-container {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999 !important;
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        outline: none
    }

        .glightbox-container.inactive {
            display: none
        }

        .glightbox-container .gcontainer {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 9999;
            overflow: hidden
        }

        .glightbox-container .gslider {
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease,-webkit-transform 0.4s ease;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
            position: relative;
            overflow: hidden;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        .glightbox-container .gslide {
            width: 100%;
            position: absolute;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            opacity: 0
        }

            .glightbox-container .gslide.current {
                opacity: 1;
                z-index: 99999;
                position: relative
            }

            .glightbox-container .gslide.prev {
                opacity: 1;
                z-index: 9999
            }

        .glightbox-container .gslide-inner-content {
            width: 100%
        }

        .glightbox-container .ginner-container {
            position: relative;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 100%;
            margin: auto;
            height: 100vh
        }

            .glightbox-container .ginner-container.gvideo-container {
                width: 100%
            }

            .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
                max-width: 100% !important
            }

    .gslide iframe, .gslide video {
        outline: none !important;
        border: none;
        min-height: 165px;
        -webkit-overflow-scrolling: touch;
        -ms-touch-action: auto;
        touch-action: auto
    }

    .gslide:not(.current) {
        pointer-events: none
    }

    .gslide-image {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .gslide-image img {
            max-height: 100vh;
            display: block;
            padding: 0;
            float: none;
            outline: none;
            border: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            max-width: 100vw;
            width: auto;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            -ms-touch-action: none;
            touch-action: none;
            margin: auto;
            min-width: 200px
        }

    .desc-bottom .gslide-image img, .desc-top .gslide-image img {
        width: auto
    }

    .desc-left .gslide-image img, .desc-right .gslide-image img {
        width: auto;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        position: relative
    }

    .gslide-image img.dragging {
        cursor: -webkit-grabbing !important;
        cursor: grabbing !important;
        -webkit-transition: none;
        transition: none
    }

    .gslide-video {
        position: relative;
        max-width: 100vh;
        width: 100% !important
    }

        .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
            display: none
        }

        .gslide-video .gvideo-wrapper {
            width: 100%;
            margin: auto
        }

        .gslide-video:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(255,0,0,0.34);
            display: none
        }

        .gslide-video.playing:before {
            display: none
        }

        .gslide-video.fullscreen {
            max-width: 100% !important;
            min-width: 100%;
            height: 75vh
        }

            .gslide-video.fullscreen video {
                max-width: 100% !important;
                width: 100% !important
            }

    .gslide-inline {
        background: #fff;
        text-align: left;
        max-height: calc(100vh - 40px);
        overflow: auto;
        max-width: 100%;
        margin: auto
    }

        .gslide-inline .ginlined-content {
            padding: 20px;
            width: 100%
        }

        .gslide-inline .dragging {
            cursor: -webkit-grabbing !important;
            cursor: grabbing !important;
            -webkit-transition: none;
            transition: none
        }

    .ginlined-content {
        overflow: auto;
        display: block !important;
        opacity: 1
    }

    .gslide-external {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        min-width: 100%;
        background: #fff;
        padding: 0;
        overflow: auto;
        max-height: 75vh;
        height: 100%
    }

    .gslide-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto
    }

    .zoomed .gslide-media {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .desc-bottom .gslide-media, .desc-top .gslide-media {
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gslide-description {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

        .gslide-description.description-left, .gslide-description.description-right {
            max-width: 100%
        }

        .gslide-description.description-bottom, .gslide-description.description-top {
            margin: 0 auto;
            width: 100%
        }

        .gslide-description p {
            margin-bottom: 12px
        }

            .gslide-description p:last-child {
                margin-bottom: 0
            }

    .zoomed .gslide-description {
        display: none
    }

    .glightbox-button-hidden {
        display: none
    }

    .glightbox-mobile .glightbox-container .gslide-description {
        height: auto !important;
        width: 100%;
        position: absolute;
        bottom: 0;
        padding: 19px 11px;
        max-width: 100vw !important;
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
        max-height: 78vh;
        overflow: auto !important;
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75)));
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
        padding-bottom: 50px
    }

    .glightbox-mobile .glightbox-container .gslide-title {
        color: #fff;
        font-size: 1em
    }

    .glightbox-mobile .glightbox-container .gslide-desc {
        color: #a1a1a1
    }

        .glightbox-mobile .glightbox-container .gslide-desc a {
            color: #fff;
            font-weight: bold
        }

        .glightbox-mobile .glightbox-container .gslide-desc * {
            color: inherit
        }

        .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
            color: #fff;
            opacity: 0.4
        }

    .gdesc-open .gslide-media {
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
        opacity: 0.4
    }

    .gdesc-open .gdesc-inner {
        padding-bottom: 30px
    }

    .gdesc-closed .gslide-media {
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
        opacity: 1
    }

    .greset {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .gabsolute {
        position: absolute
    }

    .grelative {
        position: relative
    }

    .glightbox-desc {
        display: none !important
    }

    .glightbox-open {
        overflow: hidden
    }

    .gloader {
        height: 25px;
        width: 25px;
        -webkit-animation: lightboxLoader 0.8s infinite linear;
        animation: lightboxLoader 0.8s infinite linear;
        border: 2px solid #fff;
        border-right-color: transparent;
        border-radius: 50%;
        position: absolute;
        display: block;
        z-index: 9999;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 47%
    }

    .goverlay {
        width: 100%;
        height: calc(100vh + 1px);
        position: fixed;
        top: -1px;
        left: 0;
        background: #000;
        will-change: opacity
    }

    .glightbox-mobile .goverlay {
        background: #000
    }

    .gclose, .gnext, .gprev {
        z-index: 99999;
        cursor: pointer;
        width: 26px;
        height: 44px;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .gclose svg, .gnext svg, .gprev svg {
            display: block;
            width: 25px;
            height: auto;
            margin: 0;
            padding: 0
        }

        .gclose.disabled, .gnext.disabled, .gprev.disabled {
            opacity: 0.1
        }

        .gclose .garrow, .gnext .garrow, .gprev .garrow {
            stroke: #fff
        }

    .gbtn.focused {
        outline: 2px solid #0f3d81
    }

    iframe.wait-autoplay {
        opacity: 0
    }

    .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
        opacity: 0 !important
    }

    .glightbox-clean .gslide-description {
        background: #fff
    }

    .glightbox-clean .gdesc-inner {
        padding: 22px 20px
    }

    .glightbox-clean .gslide-title {
        font-size: 1em;
        font-weight: normal;
        font-family: arial;
        color: #000;
        margin-bottom: 19px;
        line-height: 1.4em
    }

    .glightbox-clean .gslide-desc {
        font-size: 0.86em;
        margin-bottom: 0;
        font-family: arial;
        line-height: 1.4em
    }

    .glightbox-clean .gslide-video {
        background: #000
    }

    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: rgba(0,0,0,0.75);
        border-radius: 4px
    }

        .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
            fill: #fff
        }

    .glightbox-clean .gprev {
        position: absolute;
        top: -100%;
        left: 30px;
        width: 40px;
        height: 50px
    }

    .glightbox-clean .gnext {
        position: absolute;
        top: -100%;
        right: 30px;
        width: 40px;
        height: 50px
    }

    .glightbox-clean .gclose {
        width: 35px;
        height: 35px;
        top: 15px;
        right: 10px;
        position: absolute
    }

        .glightbox-clean .gclose svg {
            width: 18px;
            height: auto
        }

        .glightbox-clean .gclose:hover {
            opacity: 1
        }

    .gfadeIn {
        -webkit-animation: gfadeIn 0.5s ease;
        animation: gfadeIn 0.5s ease
    }

    .gfadeOut {
        -webkit-animation: gfadeOut 0.5s ease;
        animation: gfadeOut 0.5s ease
    }

    .gslideOutLeft {
        -webkit-animation: gslideOutLeft 0.3s ease;
        animation: gslideOutLeft 0.3s ease
    }

    .gslideInLeft {
        -webkit-animation: gslideInLeft 0.3s ease;
        animation: gslideInLeft 0.3s ease
    }

    .gslideOutRight {
        -webkit-animation: gslideOutRight 0.3s ease;
        animation: gslideOutRight 0.3s ease
    }

    .gslideInRight {
        -webkit-animation: gslideInRight 0.3s ease;
        animation: gslideInRight 0.3s ease
    }

    .gzoomIn {
        -webkit-animation: gzoomIn 0.5s ease;
        animation: gzoomIn 0.5s ease
    }

    .gzoomOut {
        -webkit-animation: gzoomOut 0.5s ease;
        animation: gzoomOut 0.5s ease
    }

    @-webkit-keyframes lightboxLoader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes lightboxLoader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-webkit-keyframes gfadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes gfadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes gfadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes gfadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @-webkit-keyframes gslideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-60%,0,0);
            transform: translate3d(-60%,0,0)
        }

        to {
            visibility: visible;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @keyframes gslideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-60%,0,0);
            transform: translate3d(-60%,0,0)
        }

        to {
            visibility: visible;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-webkit-keyframes gslideOutLeft {
        0% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        to {
            -webkit-transform: translate3d(-60%,0,0);
            transform: translate3d(-60%,0,0);
            opacity: 0;
            visibility: hidden
        }
    }

    @keyframes gslideOutLeft {
        0% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        to {
            -webkit-transform: translate3d(-60%,0,0);
            transform: translate3d(-60%,0,0);
            opacity: 0;
            visibility: hidden
        }
    }

    @-webkit-keyframes gslideInRight {
        0% {
            opacity: 0;
            visibility: visible;
            -webkit-transform: translate3d(60%,0,0);
            transform: translate3d(60%,0,0)
        }

        to {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @keyframes gslideInRight {
        0% {
            opacity: 0;
            visibility: visible;
            -webkit-transform: translate3d(60%,0,0);
            transform: translate3d(60%,0,0)
        }

        to {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-webkit-keyframes gslideOutRight {
        0% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        to {
            -webkit-transform: translate3d(60%,0,0);
            transform: translate3d(60%,0,0);
            opacity: 0
        }
    }

    @keyframes gslideOutRight {
        0% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        to {
            -webkit-transform: translate3d(60%,0,0);
            transform: translate3d(60%,0,0);
            opacity: 0
        }
    }

    @-webkit-keyframes gzoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3,0.3,0.3);
            transform: scale3d(0.3,0.3,0.3)
        }

        to {
            opacity: 1
        }
    }

    @keyframes gzoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3,0.3,0.3);
            transform: scale3d(0.3,0.3,0.3)
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes gzoomOut {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3,0.3,0.3);
            transform: scale3d(0.3,0.3,0.3)
        }

        to {
            opacity: 0
        }
    }

    @keyframes gzoomOut {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3,0.3,0.3);
            transform: scale3d(0.3,0.3,0.3)
        }

        to {
            opacity: 0
        }
    }

    @media (min-width:769px) {
        .glightbox-container .ginner-container {
            width: auto;
            height: auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .glightbox-container .ginner-container.desc-top .gslide-description {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .glightbox-container .ginner-container.desc-left .gslide-description {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .glightbox-container .ginner-container.desc-left .gslide-image {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

        .gslide-image img {
            max-height: 97vh;
            max-width: 100%
        }

            .gslide-image img.zoomable {
                cursor: -webkit-zoom-in;
                cursor: zoom-in
            }

        .zoomed .gslide-image img.zoomable {
            cursor: -webkit-grab;
            cursor: grab
        }

        .gslide-inline {
            max-height: 95vh
        }

        .gslide-external {
            max-height: 100vh
        }

        .gslide-description.description-left, .gslide-description.description-right {
            max-width: 275px
        }

        .glightbox-open {
            height: auto
        }

        .goverlay {
            background: rgba(0,0,0,0.92)
        }

        .glightbox-clean .gslide-media {
            -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.65);
            box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.65)
        }

        .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
            position: absolute;
            height: 100%;
            overflow-y: auto
        }

        .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
            background-color: rgba(0,0,0,0.32)
        }

            .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
                background-color: rgba(0,0,0,0.7)
            }

        .glightbox-clean .gprev {
            top: 45%
        }

        .glightbox-clean .gnext {
            top: 45%
        }
    }

    @media (min-width:992px) {
        .glightbox-clean .gclose {
            opacity: 0.7;
            right: 20px
        }
    }

    @media screen and (max-height:420px) {
        .goverlay {
            background: #000
        }
    }

    @media print {
        @page {
            margin: 0.5cm
        }

        html {
            font-size: 16px
        }

        body {
            width: 100%;
            max-width: 100%;
            background: #fff;
            color: #000;
            font-size: 11pt;
            line-height: 1.4
        }

        .page {
            height: unset;
            overflow: unset
        }

        .page-holder {
            width: 100%;
            max-width: 100%
        }

        code, p a, pre {
            word-wrap: break-word
        }

        img {
            border: 0
        }

        a {
            color: #06c !important;
            text-decoration: underline;
            font-weight: normal
        }

        table td, table th {
            background: #fff;
            color: #000;
            border: 1px solid #000 !important
        }

        table th {
            font-weight: bold
        }

        .frm td, .frm th {
            background: #fff;
            color: #000
        }

        .logo {
            margin-bottom: 20px
        }

            .logo a {
                -webkit-print-color-adjust: exact
            }

        .head, .ticker-bar {
            margin-left: 0;
            margin-right: 0
        }

        .main {
            display: block;
            width: 100%;
            clear: both
        }

        .cblock, .content {
            clear: both;
            padding-left: 0;
            padding-right: 0
        }

        .printable {
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important
        }

        .banner, .control, .eu-cookies, .follow, .footer, .fulltext, .langs, .left, .motive, .nav-top-holder, .no-print, .page-top, .right, .setting, .slider, .ticker-wrap, .ticker__live {
            display: none !important
        }
    }
}

@layer utils {
    .fz-1 {
        font-size: 2.75rem
    }

    .fz-2 {
        font-size: 2.25rem
    }

    .fz-3 {
        font-size: 1.5rem
    }

    .fz-4 {
        font-size: 1.25rem
    }

    .fz-5 {
        font-size: 1.125rem
    }

    .fz-6 {
        font-size: 1rem
    }

    .fz-7 {
        font-size: 0.9125rem
    }

    .fz-8 {
        font-size: 0.875rem
    }

    .fz-9 {
        font-size: 0.75rem
    }

    .fs-i {
        font-style: italic
    }

    .fs-n {
        font-style: normal
    }

    .fw-l {
        font-weight: light
    }

    .fw-lr {
        font-weight: lighter
    }

    .fw-n {
        font-weight: normal
    }

    .fw-b {
        font-weight: bold
    }

    .fw-br {
        font-weight: bolder
    }

    .lh-d {
        line-height: var(--lh-default)
    }

    .lh-1 {
        line-height: 1
    }

    .lh-2 {
        line-height: 1.3
    }

    .lh-3 {
        line-height: 1.6
    }

    .lh-4 {
        line-height: 1.9
    }

    .lh-5 {
        line-height: 2.2
    }

    .tal-l {
        text-align: left
    }

    .tal-r {
        text-align: right
    }

    .tal-c {
        text-align: center
    }

    .td-n {
        text-decoration: none
    }

    .td-u {
        text-decoration: underline
    }

    .td-l {
        text-decoration: line-through
    }

    .tt-u {
        text-transform: uppercase
    }

    .tt-l {
        text-transform: lowercase
    }

    .tt-c {
        text-transform: capitalize
    }

    .tt-n {
        text-transform: none
    }

    .whs-nw {
        white-space: nowrap
    }

    .cb {
        clear: both
    }

    .d-n {
        display: none
    }

    .d-i {
        display: inline
    }

    .d-b {
        display: block
    }

    .d-ib {
        display: inline-block
    }

    .d-g {
        display: grid
    }

    .d-t {
        display: table
    }

    .d-it {
        display: inline-table
    }

    .d-tc {
        display: table-cell
    }

    .d-trow {
        display: table-row
    }

    .d-tcol {
        display: table-column
    }

    .d-f {
        display: flex
    }

    .d-if {
        display: inline-flex
    }

    .fx-auto {
        flex: 1 1 auto;
        min-width: 0
    }

    .fx-n {
        flex: none
    }

    .fxw-w {
        flex-wrap: wrap
    }

    .fxw-nw {
        flex-wrap: nowrap
    }

    .fxw-wr {
        flex-wrap: wrap-reverse
    }

    .fxd-c {
        flex-direction: column
    }

    .fxd-r {
        flex-direction: row
    }

    .fxd-cr {
        flex-direction: column-reverse
    }

    .fxd-rr {
        flex-direction: row-reverse
    }

    .fxg-0 {
        flex-grow: 0
    }

    .fxg-1 {
        flex-grow: 1
    }

    .fxs-0 {
        flex-shrink: 0
    }

    .fxs-1 {
        flex-shrink: 1
    }

    .ai-fs {
        align-items: flex-start
    }

    .ai-fe {
        align-items: flex-end
    }

    .ai-c {
        align-items: center
    }

    .ai-b {
        align-items: baseline
    }

    .ai-s {
        align-items: stretch
    }

    .as-fs {
        align-self: flex-start
    }

    .as-fe {
        align-self: flex-end
    }

    .as-c {
        align-self: center
    }

    .as-b {
        align-self: baseline
    }

    .as-s {
        align-self: stretch
    }

    .jc-fs {
        justify-content: flex-start
    }

    .jc-fe {
        justify-content: flex-end
    }

    .jc-c {
        justify-content: center
    }

    .jc-sb {
        justify-content: space-between
    }

    .jc-sa {
        justify-content: space-around
    }

    .ac-fs {
        align-content: flex-start
    }

    .ac-fe {
        align-content: flex-end
    }

    .ac-c {
        align-content: center
    }

    .ac-sb {
        align-content: space-between
    }

    .ac-sa {
        align-content: space-around
    }

    .ac-s {
        align-content: stretch
    }

    .ord-0 {
        order: 0
    }

    .ord-1 {
        order: 1
    }

    .ord-2 {
        order: 2
    }

    .ord-3 {
        order: 3
    }

    .ord-4 {
        order: 4
    }

    .ord-5 {
        order: 5
    }

    .ord-last {
        order: 99999
    }

    .gtc-1 {
        grid-template-columns: 1fr
    }

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

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

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

    .gtc-5 {
        grid-template-columns: repeat(5,1fr)
    }

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

    .gtc-7 {
        grid-template-columns: repeat(7,1fr)
    }

    .gtc-8 {
        grid-template-columns: repeat(8,1fr)
    }

    .gtc-9 {
        grid-template-columns: repeat(9,1fr)
    }

    .mcols-1 {
        columns: auto
    }

    .mcols-2 {
        columns: 2
    }

    .mcols-3 {
        columns: 3
    }

    .mcols-4 {
        columns: 4
    }

    .mcols-5 {
        columns: 5
    }

    .va-bl {
        vertical-align: baseline
    }

    .va-t {
        vertical-align: top
    }

    .va-m {
        vertical-align: middle
    }

    .va-b {
        vertical-align: bottom
    }

    .va-tb {
        vertical-align: text-bottom
    }

    .va-tt {
        vertical-align: text-top
    }

    .bg-n {
        background: none
    }

    .bgi-n {
        background-image: none
    }

    .bg-c {
        background-repeat: no-repeat;
        background-position: center center
    }

    .bg-t {
        background-repeat: no-repeat;
        background-position: top center
    }

    .bg-r {
        background-repeat: no-repeat;
        background-position: center right
    }

    .bg-b {
        background-repeat: no-repeat;
        background-position: bottom center
    }

    .bg-l {
        background-repeat: no-repeat;
        background-position: center left
    }

    .bgsz-ct {
        background-size: contain
    }

    .bgsz-cv {
        background-size: cover
    }

    .b-a {
        border-style: solid;
        border-width: 1px;
        border-color: var(--c-border)
    }

    .b-t {
        border-top-style: solid;
        border-top-width: 1px;
        border-color: var(--c-border)
    }

    .b-r {
        border-right-style: solid;
        border-right-width: 1px;
        border-color: var(--c-border)
    }

    .b-b {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-color: var(--c-border)
    }

    .b-l {
        border-left-style: solid;
        border-left-width: 1px;
        border-color: var(--c-border)
    }

    .b-n {
        border-style: none;
        border-width: 0
    }

    .br-0 {
        border-radius: 0
    }

    .br-1 {
        border-radius: 0.125rem
    }

    .br-2 {
        border-radius: 0.25rem
    }

    .br-3 {
        border-radius: 0.5rem
    }

    .br-4 {
        border-radius: 1rem
    }

    .br-100 {
        border-radius: 100%
    }

    .br-pill {
        border-radius: 99em
    }

    .br-t {
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius)
    }

    .br-r {
        border-top-right-radius: var(--radius);
        border-bottom-right-radius: var(--radius)
    }

    .br-b {
        border-bottom-left-radius: var(--radius);
        border-bottom-right-radius: var(--radius)
    }

    .br-l {
        border-top-left-radius: var(--radius);
        border-bottom-left-radius: var(--radius)
    }

    .bw-0 {
        border-width: 0
    }

    .bw-1 {
        border-width: 1px
    }

    .bw-2 {
        border-width: 2px
    }

    .bw-3 {
        border-width: 3px
    }

    .bw-4 {
        border-width: 4px
    }

    .bw-5 {
        border-width: 5px
    }

    .btw-0 {
        border-top-width: 0
    }

    .brw-0 {
        border-right-width: 0
    }

    .bbw-0 {
        border-bottom-width: 0
    }

    .blw-0 {
        border-left-width: 0
    }

    .bs-dt {
        border-style: dotted
    }

    .bs-ds {
        border-style: dashed
    }

    .bs-s {
        border-style: solid
    }

    .bs-n {
        border-style: none
    }

    .fl-l {
        float: left
    }

    .fl-r {
        float: right
    }

    .fl-n {
        float: none
    }

    .o-10 {
        opacity: 1
    }

    .o-9 {
        opacity: 0.9
    }

    .o-8 {
        opacity: 0.8
    }

    .o-7 {
        opacity: 0.7
    }

    .o-6 {
        opacity: 0.6
    }

    .o-5 {
        opacity: 0.5
    }

    .o-4 {
        opacity: 0.4
    }

    .o-3 {
        opacity: 0.3
    }

    .o-2 {
        opacity: 0.2
    }

    .o-1 {
        opacity: 0.1
    }

    .o-0 {
        opacity: 0
    }

    .ov-v {
        overflow: visible
    }

    .ov-h {
        overflow: hidden
    }

    .ov-s {
        overflow: scroll
    }

    .ov-a {
        overflow: auto
    }

    .ovx-v {
        overflow-x: visible
    }

    .ovx-h {
        overflow-x: hidden
    }

    .ovx-s {
        overflow-x: scroll
    }

    .ovx-a {
        overflow-x: auto
    }

    .ovy-v {
        overflow-y: visible
    }

    .ovy-h {
        overflow-y: hidden
    }

    .ovy-s {
        overflow-y: scroll
    }

    .ovy-a {
        overflow-y: auto
    }

    .pos-s {
        position: static
    }

    .pos-r {
        position: relative
    }

    .pos-a {
        position: absolute
    }

    .pos-f {
        position: fixed
    }

    .top-0 {
        top: 0
    }

    .top-50 {
        top: 50%
    }

    .top-100 {
        top: 100%
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-50 {
        bottom: 50%
    }

    .bottom-100 {
        bottom: 100%
    }

    .left-0 {
        left: 0
    }

    .left-50 {
        left: 50%
    }

    .left-100 {
        left: 100%
    }

    .right-0 {
        right: 0
    }

    .right-50 {
        right: 50%
    }

    .right-100 {
        right: 100%
    }

    .trf-m {
        transform: translate(-50%,-50%)
    }

    .trf-m-x {
        transform: translateX(-50%)
    }

    .trf-m-y {
        transform: translateY(-50%)
    }

    .pos-tl {
        top: 0;
        left: 0;
        transform: translate(0,0)
    }

    .pos-tc {
        top: 0;
        left: 50%;
        transform: translate(-50%,0)
    }

    .pos-tr {
        top: 0;
        left: 100%;
        transform: translate(-100%,0)
    }

    .pos-ml {
        top: 50%;
        left: 0;
        transform: translate(0,-50%)
    }

    .pos-mc {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .pos-mr {
        top: 50%;
        left: 100%;
        transform: translate(-100%,-50%)
    }

    .pos-bl {
        top: 100%;
        left: 0;
        transform: translate(0,-100%)
    }

    .pos-bc {
        top: 100%;
        left: 50%;
        transform: translate(-50%,-100%)
    }

    .pos-br {
        top: 100%;
        left: 100%;
        transform: translate(-100%,-100%)
    }

    .ratio-1x1 {
        aspect-ratio: 1/1
    }

    .ratio-2x1 {
        aspect-ratio: 2/1
    }

    .ratio-4x3 {
        aspect-ratio: 4/3
    }

    .ratio-3x4 {
        aspect-ratio: 3/4
    }

    .ratio-3x2 {
        aspect-ratio: 3/2
    }

    .ratio-2x3 {
        aspect-ratio: 2/3
    }

    .ratio-16x9 {
        aspect-ratio: 16/9
    }

    .ratio-9x16 {
        aspect-ratio: 9/16
    }

    .ratio-21x9 {
        aspect-ratio: 21/9
    }

    .rotate-45 {
        transform: rotate(45deg)
    }

    .rotate-90 {
        transform: rotate(90deg)
    }

    .rotate-135 {
        transform: rotate(135deg)
    }

    .rotate-180 {
        transform: rotate(180deg)
    }

    .rotate-225 {
        transform: rotate(225deg)
    }

    .rotate-270 {
        transform: rotate(270deg)
    }

    .rotate-315 {
        transform: rotate(315deg)
    }

    .visible {
        visibility: visible
    }

    .invisible {
        visibility: hidden
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 100
    }

    .z-2 {
        z-index: 200
    }

    .z-3 {
        z-index: 300
    }

    .z-4 {
        z-index: 400
    }

    .z-5 {
        z-index: 500
    }

    .z-999 {
        z-index: 999
    }

    .z-9999 {
        z-index: 9999
    }

    .z-max {
        z-index: 2147483647
    }

    .shd-1 {
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)
    }

    .shd-2 {
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075)
    }

    .shd-3 {
        box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1)
    }

    .shd-n {
        box-shadow: none
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .fz-1-md {
            font-size: 2.75rem
        }

        .fz-2-md {
            font-size: 2.25rem
        }

        .fz-3-md {
            font-size: 1.5rem
        }

        .fz-4-md {
            font-size: 1.25rem
        }

        .fz-5-md {
            font-size: 1.125rem
        }

        .fz-6-md {
            font-size: 1rem
        }

        .fz-7-md {
            font-size: 0.9125rem
        }

        .fz-8-md {
            font-size: 0.875rem
        }

        .fz-9-md {
            font-size: 0.75rem
        }

        .fs-i-md {
            font-style: italic
        }

        .fs-n-md {
            font-style: normal
        }

        .fw-l-md {
            font-weight: light
        }

        .fw-lr-md {
            font-weight: lighter
        }

        .fw-n-md {
            font-weight: normal
        }

        .fw-b-md {
            font-weight: bold
        }

        .fw-br-md {
            font-weight: bolder
        }

        .lh-d-md {
            line-height: var(--lh-default)
        }

        .lh-1-md {
            line-height: 1
        }

        .lh-2-md {
            line-height: 1.3
        }

        .lh-3-md {
            line-height: 1.6
        }

        .lh-4-md {
            line-height: 1.9
        }

        .lh-5-md {
            line-height: 2.2
        }

        .tal-l-md {
            text-align: left
        }

        .tal-r-md {
            text-align: right
        }

        .tal-c-md {
            text-align: center
        }

        .td-n-md {
            text-decoration: none
        }

        .td-u-md {
            text-decoration: underline
        }

        .td-l-md {
            text-decoration: line-through
        }

        .tt-u-md {
            text-transform: uppercase
        }

        .tt-l-md {
            text-transform: lowercase
        }

        .tt-c-md {
            text-transform: capitalize
        }

        .tt-n-md {
            text-transform: none
        }

        .whs-nw-md {
            white-space: nowrap
        }

        .cb-md {
            clear: both
        }

        .d-n-md {
            display: none
        }

        .d-i-md {
            display: inline
        }

        .d-b-md {
            display: block
        }

        .d-ib-md {
            display: inline-block
        }

        .d-g-md {
            display: grid
        }

        .d-t-md {
            display: table
        }

        .d-it-md {
            display: inline-table
        }

        .d-tc-md {
            display: table-cell
        }

        .d-trow-md {
            display: table-row
        }

        .d-tcol-md {
            display: table-column
        }

        .d-f-md {
            display: flex
        }

        .d-if-md {
            display: inline-flex
        }

        .fx-auto-md {
            flex: 1 1 auto;
            min-width: 0
        }

        .fx-n-md {
            flex: none
        }

        .fxw-w-md {
            flex-wrap: wrap
        }

        .fxw-nw-md {
            flex-wrap: nowrap
        }

        .fxw-wr-md {
            flex-wrap: wrap-reverse
        }

        .fxd-c-md {
            flex-direction: column
        }

        .fxd-r-md {
            flex-direction: row
        }

        .fxd-cr-md {
            flex-direction: column-reverse
        }

        .fxd-rr-md {
            flex-direction: row-reverse
        }

        .fxg-0-md {
            flex-grow: 0
        }

        .fxg-1-md {
            flex-grow: 1
        }

        .fxs-0-md {
            flex-shrink: 0
        }

        .fxs-1-md {
            flex-shrink: 1
        }

        .ai-fs-md {
            align-items: flex-start
        }

        .ai-fe-md {
            align-items: flex-end
        }

        .ai-c-md {
            align-items: center
        }

        .ai-b-md {
            align-items: baseline
        }

        .ai-s-md {
            align-items: stretch
        }

        .as-fs-md {
            align-self: flex-start
        }

        .as-fe-md {
            align-self: flex-end
        }

        .as-c-md {
            align-self: center
        }

        .as-b-md {
            align-self: baseline
        }

        .as-s-md {
            align-self: stretch
        }

        .jc-fs-md {
            justify-content: flex-start
        }

        .jc-fe-md {
            justify-content: flex-end
        }

        .jc-c-md {
            justify-content: center
        }

        .jc-sb-md {
            justify-content: space-between
        }

        .jc-sa-md {
            justify-content: space-around
        }

        .ac-fs-md {
            align-content: flex-start
        }

        .ac-fe-md {
            align-content: flex-end
        }

        .ac-c-md {
            align-content: center
        }

        .ac-sb-md {
            align-content: space-between
        }

        .ac-sa-md {
            align-content: space-around
        }

        .ac-s-md {
            align-content: stretch
        }

        .ord-0-md {
            order: 0
        }

        .ord-1-md {
            order: 1
        }

        .ord-2-md {
            order: 2
        }

        .ord-3-md {
            order: 3
        }

        .ord-4-md {
            order: 4
        }

        .ord-5-md {
            order: 5
        }

        .ord-last-md {
            order: 99999
        }

        .gtc-1-md {
            grid-template-columns: 1fr
        }

        .gtc-2-md {
            grid-template-columns: repeat(2,1fr)
        }

        .gtc-3-md {
            grid-template-columns: repeat(3,1fr)
        }

        .gtc-4-md {
            grid-template-columns: repeat(4,1fr)
        }

        .gtc-5-md {
            grid-template-columns: repeat(5,1fr)
        }

        .gtc-6-md {
            grid-template-columns: repeat(6,1fr)
        }

        .gtc-7-md {
            grid-template-columns: repeat(7,1fr)
        }

        .gtc-8-md {
            grid-template-columns: repeat(8,1fr)
        }

        .gtc-9-md {
            grid-template-columns: repeat(9,1fr)
        }

        .mcols-1-md {
            columns: auto
        }

        .mcols-2-md {
            columns: 2
        }

        .mcols-3-md {
            columns: 3
        }

        .mcols-4-md {
            columns: 4
        }

        .mcols-5-md {
            columns: 5
        }

        .va-bl-md {
            vertical-align: baseline
        }

        .va-t-md {
            vertical-align: top
        }

        .va-m-md {
            vertical-align: middle
        }

        .va-b-md {
            vertical-align: bottom
        }

        .va-tb-md {
            vertical-align: text-bottom
        }

        .va-tt-md {
            vertical-align: text-top
        }

        .bg-n-md {
            background: none
        }

        .bgi-n-md {
            background-image: none
        }

        .bg-c-md {
            background-repeat: no-repeat;
            background-position: center center
        }

        .bg-t-md {
            background-repeat: no-repeat;
            background-position: top center
        }

        .bg-r-md {
            background-repeat: no-repeat;
            background-position: center right
        }

        .bg-b-md {
            background-repeat: no-repeat;
            background-position: bottom center
        }

        .bg-l-md {
            background-repeat: no-repeat;
            background-position: center left
        }

        .bgsz-ct-md {
            background-size: contain
        }

        .bgsz-cv-md {
            background-size: cover
        }

        .b-a-md {
            border-style: solid;
            border-width: 1px;
            border-color: var(--c-border)
        }

        .b-t-md {
            border-top-style: solid;
            border-top-width: 1px;
            border-color: var(--c-border)
        }

        .b-r-md {
            border-right-style: solid;
            border-right-width: 1px;
            border-color: var(--c-border)
        }

        .b-b-md {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-color: var(--c-border)
        }

        .b-l-md {
            border-left-style: solid;
            border-left-width: 1px;
            border-color: var(--c-border)
        }

        .b-n-md {
            border-style: none;
            border-width: 0
        }

        .br-0-md {
            border-radius: 0
        }

        .br-1-md {
            border-radius: 0.125rem
        }

        .br-2-md {
            border-radius: 0.25rem
        }

        .br-3-md {
            border-radius: 0.5rem
        }

        .br-4-md {
            border-radius: 1rem
        }

        .br-100-md {
            border-radius: 100%
        }

        .br-pill-md {
            border-radius: 99em
        }

        .br-t-md {
            border-top-left-radius: var(--radius);
            border-top-right-radius: var(--radius)
        }

        .br-r-md {
            border-top-right-radius: var(--radius);
            border-bottom-right-radius: var(--radius)
        }

        .br-b-md {
            border-bottom-left-radius: var(--radius);
            border-bottom-right-radius: var(--radius)
        }

        .br-l-md {
            border-top-left-radius: var(--radius);
            border-bottom-left-radius: var(--radius)
        }

        .bw-0-md {
            border-width: 0
        }

        .bw-1-md {
            border-width: 1px
        }

        .bw-2-md {
            border-width: 2px
        }

        .bw-3-md {
            border-width: 3px
        }

        .bw-4-md {
            border-width: 4px
        }

        .bw-5-md {
            border-width: 5px
        }

        .btw-0-md {
            border-top-width: 0
        }

        .brw-0-md {
            border-right-width: 0
        }

        .bbw-0-md {
            border-bottom-width: 0
        }

        .blw-0-md {
            border-left-width: 0
        }

        .bs-dt-md {
            border-style: dotted
        }

        .bs-ds-md {
            border-style: dashed
        }

        .bs-s-md {
            border-style: solid
        }

        .bs-n-md {
            border-style: none
        }

        .fl-l-md {
            float: left
        }

        .fl-r-md {
            float: right
        }

        .fl-n-md {
            float: none
        }

        .o-10-md {
            opacity: 1
        }

        .o-9-md {
            opacity: 0.9
        }

        .o-8-md {
            opacity: 0.8
        }

        .o-7-md {
            opacity: 0.7
        }

        .o-6-md {
            opacity: 0.6
        }

        .o-5-md {
            opacity: 0.5
        }

        .o-4-md {
            opacity: 0.4
        }

        .o-3-md {
            opacity: 0.3
        }

        .o-2-md {
            opacity: 0.2
        }

        .o-1-md {
            opacity: 0.1
        }

        .o-0-md {
            opacity: 0
        }

        .ov-v-md {
            overflow: visible
        }

        .ov-h-md {
            overflow: hidden
        }

        .ov-s-md {
            overflow: scroll
        }

        .ov-a-md {
            overflow: auto
        }

        .ovx-v-md {
            overflow-x: visible
        }

        .ovx-h-md {
            overflow-x: hidden
        }

        .ovx-s-md {
            overflow-x: scroll
        }

        .ovx-a-md {
            overflow-x: auto
        }

        .ovy-v-md {
            overflow-y: visible
        }

        .ovy-h-md {
            overflow-y: hidden
        }

        .ovy-s-md {
            overflow-y: scroll
        }

        .ovy-a-md {
            overflow-y: auto
        }

        .pos-s-md {
            position: static
        }

        .pos-r-md {
            position: relative
        }

        .pos-a-md {
            position: absolute
        }

        .pos-f-md {
            position: fixed
        }

        .top-0-md {
            top: 0
        }

        .top-50-md {
            top: 50%
        }

        .top-100-md {
            top: 100%
        }

        .bottom-0-md {
            bottom: 0
        }

        .bottom-50-md {
            bottom: 50%
        }

        .bottom-100-md {
            bottom: 100%
        }

        .left-0-md {
            left: 0
        }

        .left-50-md {
            left: 50%
        }

        .left-100-md {
            left: 100%
        }

        .right-0-md {
            right: 0
        }

        .right-50-md {
            right: 50%
        }

        .right-100-md {
            right: 100%
        }

        .trf-m-md {
            transform: translate(-50%,-50%)
        }

        .trf-m-x-md {
            transform: translateX(-50%)
        }

        .trf-m-y-md {
            transform: translateY(-50%)
        }

        .pos-tl-md {
            top: 0;
            left: 0;
            transform: translate(0,0)
        }

        .pos-tc-md {
            top: 0;
            left: 50%;
            transform: translate(-50%,0)
        }

        .pos-tr-md {
            top: 0;
            left: 100%;
            transform: translate(-100%,0)
        }

        .pos-ml-md {
            top: 50%;
            left: 0;
            transform: translate(0,-50%)
        }

        .pos-mc-md {
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .pos-mr-md {
            top: 50%;
            left: 100%;
            transform: translate(-100%,-50%)
        }

        .pos-bl-md {
            top: 100%;
            left: 0;
            transform: translate(0,-100%)
        }

        .pos-bc-md {
            top: 100%;
            left: 50%;
            transform: translate(-50%,-100%)
        }

        .pos-br-md {
            top: 100%;
            left: 100%;
            transform: translate(-100%,-100%)
        }

        .ratio-1x1-md {
            aspect-ratio: 1/1
        }

        .ratio-2x1-md {
            aspect-ratio: 2/1
        }

        .ratio-4x3-md {
            aspect-ratio: 4/3
        }

        .ratio-3x4-md {
            aspect-ratio: 3/4
        }

        .ratio-3x2-md {
            aspect-ratio: 3/2
        }

        .ratio-2x3-md {
            aspect-ratio: 2/3
        }

        .ratio-16x9-md {
            aspect-ratio: 16/9
        }

        .ratio-9x16-md {
            aspect-ratio: 9/16
        }

        .ratio-21x9-md {
            aspect-ratio: 21/9
        }

        .rotate-45-md {
            transform: rotate(45deg)
        }

        .rotate-90-md {
            transform: rotate(90deg)
        }

        .rotate-135-md {
            transform: rotate(135deg)
        }

        .rotate-180-md {
            transform: rotate(180deg)
        }

        .rotate-225-md {
            transform: rotate(225deg)
        }

        .rotate-270-md {
            transform: rotate(270deg)
        }

        .rotate-315-md {
            transform: rotate(315deg)
        }

        .visible-md {
            visibility: visible
        }

        .invisible-md {
            visibility: hidden
        }

        .z-0-md {
            z-index: 0
        }

        .z-1-md {
            z-index: 100
        }

        .z-2-md {
            z-index: 200
        }

        .z-3-md {
            z-index: 300
        }

        .z-4-md {
            z-index: 400
        }

        .z-5-md {
            z-index: 500
        }

        .z-999-md {
            z-index: 999
        }

        .z-9999-md {
            z-index: 9999
        }

        .z-max-md {
            z-index: 2147483647
        }

        .shd-1-md {
            box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)
        }

        .shd-2-md {
            box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075)
        }

        .shd-3-md {
            box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1)
        }

        .shd-n-md {
            box-shadow: none
        }
    }

    @media screen and (max-width:767px) {
        .fz-1-sm {
            font-size: 2.75rem
        }

        .fz-2-sm {
            font-size: 2.25rem
        }

        .fz-3-sm {
            font-size: 1.5rem
        }

        .fz-4-sm {
            font-size: 1.25rem
        }

        .fz-5-sm {
            font-size: 1.125rem
        }

        .fz-6-sm {
            font-size: 1rem
        }

        .fz-7-sm {
            font-size: 0.9125rem
        }

        .fz-8-sm {
            font-size: 0.875rem
        }

        .fz-9-sm {
            font-size: 0.75rem
        }

        .fs-i-sm {
            font-style: italic
        }

        .fs-n-sm {
            font-style: normal
        }

        .fw-l-sm {
            font-weight: light
        }

        .fw-lr-sm {
            font-weight: lighter
        }

        .fw-n-sm {
            font-weight: normal
        }

        .fw-b-sm {
            font-weight: bold
        }

        .fw-br-sm {
            font-weight: bolder
        }

        .lh-d-sm {
            line-height: var(--lh-default)
        }

        .lh-1-sm {
            line-height: 1
        }

        .lh-2-sm {
            line-height: 1.3
        }

        .lh-3-sm {
            line-height: 1.6
        }

        .lh-4-sm {
            line-height: 1.9
        }

        .lh-5-sm {
            line-height: 2.2
        }

        .tal-l-sm {
            text-align: left
        }

        .tal-r-sm {
            text-align: right
        }

        .tal-c-sm {
            text-align: center
        }

        .td-n-sm {
            text-decoration: none
        }

        .td-u-sm {
            text-decoration: underline
        }

        .td-l-sm {
            text-decoration: line-through
        }

        .tt-u-sm {
            text-transform: uppercase
        }

        .tt-l-sm {
            text-transform: lowercase
        }

        .tt-c-sm {
            text-transform: capitalize
        }

        .tt-n-sm {
            text-transform: none
        }

        .whs-nw-sm {
            white-space: nowrap
        }

        .cb-sm {
            clear: both
        }

        .d-n-sm {
            display: none
        }

        .d-i-sm {
            display: inline
        }

        .d-b-sm {
            display: block
        }

        .d-ib-sm {
            display: inline-block
        }

        .d-g-sm {
            display: grid
        }

        .d-t-sm {
            display: table
        }

        .d-it-sm {
            display: inline-table
        }

        .d-tc-sm {
            display: table-cell
        }

        .d-trow-sm {
            display: table-row
        }

        .d-tcol-sm {
            display: table-column
        }

        .d-f-sm {
            display: flex
        }

        .d-if-sm {
            display: inline-flex
        }

        .fx-auto-sm {
            flex: 1 1 auto;
            min-width: 0
        }

        .fx-n-sm {
            flex: none
        }

        .fxw-w-sm {
            flex-wrap: wrap
        }

        .fxw-nw-sm {
            flex-wrap: nowrap
        }

        .fxw-wr-sm {
            flex-wrap: wrap-reverse
        }

        .fxd-c-sm {
            flex-direction: column
        }

        .fxd-r-sm {
            flex-direction: row
        }

        .fxd-cr-sm {
            flex-direction: column-reverse
        }

        .fxd-rr-sm {
            flex-direction: row-reverse
        }

        .fxg-0-sm {
            flex-grow: 0
        }

        .fxg-1-sm {
            flex-grow: 1
        }

        .fxs-0-sm {
            flex-shrink: 0
        }

        .fxs-1-sm {
            flex-shrink: 1
        }

        .ai-fs-sm {
            align-items: flex-start
        }

        .ai-fe-sm {
            align-items: flex-end
        }

        .ai-c-sm {
            align-items: center
        }

        .ai-b-sm {
            align-items: baseline
        }

        .ai-s-sm {
            align-items: stretch
        }

        .as-fs-sm {
            align-self: flex-start
        }

        .as-fe-sm {
            align-self: flex-end
        }

        .as-c-sm {
            align-self: center
        }

        .as-b-sm {
            align-self: baseline
        }

        .as-s-sm {
            align-self: stretch
        }

        .jc-fs-sm {
            justify-content: flex-start
        }

        .jc-fe-sm {
            justify-content: flex-end
        }

        .jc-c-sm {
            justify-content: center
        }

        .jc-sb-sm {
            justify-content: space-between
        }

        .jc-sa-sm {
            justify-content: space-around
        }

        .ac-fs-sm {
            align-content: flex-start
        }

        .ac-fe-sm {
            align-content: flex-end
        }

        .ac-c-sm {
            align-content: center
        }

        .ac-sb-sm {
            align-content: space-between
        }

        .ac-sa-sm {
            align-content: space-around
        }

        .ac-s-sm {
            align-content: stretch
        }

        .ord-0-sm {
            order: 0
        }

        .ord-1-sm {
            order: 1
        }

        .ord-2-sm {
            order: 2
        }

        .ord-3-sm {
            order: 3
        }

        .ord-4-sm {
            order: 4
        }

        .ord-5-sm {
            order: 5
        }

        .ord-last-sm {
            order: 99999
        }

        .gtc-1-sm {
            grid-template-columns: 1fr
        }

        .gtc-2-sm {
            grid-template-columns: repeat(2,1fr)
        }

        .gtc-3-sm {
            grid-template-columns: repeat(3,1fr)
        }

        .gtc-4-sm {
            grid-template-columns: repeat(4,1fr)
        }

        .gtc-5-sm {
            grid-template-columns: repeat(5,1fr)
        }

        .gtc-6-sm {
            grid-template-columns: repeat(6,1fr)
        }

        .gtc-7-sm {
            grid-template-columns: repeat(7,1fr)
        }

        .gtc-8-sm {
            grid-template-columns: repeat(8,1fr)
        }

        .gtc-9-sm {
            grid-template-columns: repeat(9,1fr)
        }

        .mcols-1-sm {
            columns: auto
        }

        .mcols-2-sm {
            columns: 2
        }

        .mcols-3-sm {
            columns: 3
        }

        .mcols-4-sm {
            columns: 4
        }

        .mcols-5-sm {
            columns: 5
        }

        .va-bl-sm {
            vertical-align: baseline
        }

        .va-t-sm {
            vertical-align: top
        }

        .va-m-sm {
            vertical-align: middle
        }

        .va-b-sm {
            vertical-align: bottom
        }

        .va-tb-sm {
            vertical-align: text-bottom
        }

        .va-tt-sm {
            vertical-align: text-top
        }

        .bg-n-sm {
            background: none
        }

        .bgi-n-sm {
            background-image: none
        }

        .bg-c-sm {
            background-repeat: no-repeat;
            background-position: center center
        }

        .bg-t-sm {
            background-repeat: no-repeat;
            background-position: top center
        }

        .bg-r-sm {
            background-repeat: no-repeat;
            background-position: center right
        }

        .bg-b-sm {
            background-repeat: no-repeat;
            background-position: bottom center
        }

        .bg-l-sm {
            background-repeat: no-repeat;
            background-position: center left
        }

        .bgsz-ct-sm {
            background-size: contain
        }

        .bgsz-cv-sm {
            background-size: cover
        }

        .b-a-sm {
            border-style: solid;
            border-width: 1px;
            border-color: var(--c-border)
        }

        .b-t-sm {
            border-top-style: solid;
            border-top-width: 1px;
            border-color: var(--c-border)
        }

        .b-r-sm {
            border-right-style: solid;
            border-right-width: 1px;
            border-color: var(--c-border)
        }

        .b-b-sm {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-color: var(--c-border)
        }

        .b-l-sm {
            border-left-style: solid;
            border-left-width: 1px;
            border-color: var(--c-border)
        }

        .b-n-sm {
            border-style: none;
            border-width: 0
        }

        .br-0-sm {
            border-radius: 0
        }

        .br-1-sm {
            border-radius: 0.125rem
        }

        .br-2-sm {
            border-radius: 0.25rem
        }

        .br-3-sm {
            border-radius: 0.5rem
        }

        .br-4-sm {
            border-radius: 1rem
        }

        .br-100-sm {
            border-radius: 100%
        }

        .br-pill-sm {
            border-radius: 99em
        }

        .br-t-sm {
            border-top-left-radius: var(--radius);
            border-top-right-radius: var(--radius)
        }

        .br-r-sm {
            border-top-right-radius: var(--radius);
            border-bottom-right-radius: var(--radius)
        }

        .br-b-sm {
            border-bottom-left-radius: var(--radius);
            border-bottom-right-radius: var(--radius)
        }

        .br-l-sm {
            border-top-left-radius: var(--radius);
            border-bottom-left-radius: var(--radius)
        }

        .bw-0-sm {
            border-width: 0
        }

        .bw-1-sm {
            border-width: 1px
        }

        .bw-2-sm {
            border-width: 2px
        }

        .bw-3-sm {
            border-width: 3px
        }

        .bw-4-sm {
            border-width: 4px
        }

        .bw-5-sm {
            border-width: 5px
        }

        .btw-0-sm {
            border-top-width: 0
        }

        .brw-0-sm {
            border-right-width: 0
        }

        .bbw-0-sm {
            border-bottom-width: 0
        }

        .blw-0-sm {
            border-left-width: 0
        }

        .bs-dt-sm {
            border-style: dotted
        }

        .bs-ds-sm {
            border-style: dashed
        }

        .bs-s-sm {
            border-style: solid
        }

        .bs-n-sm {
            border-style: none
        }

        .fl-l-sm {
            float: left
        }

        .fl-r-sm {
            float: right
        }

        .fl-n-sm {
            float: none
        }

        .o-10-sm {
            opacity: 1
        }

        .o-9-sm {
            opacity: 0.9
        }

        .o-8-sm {
            opacity: 0.8
        }

        .o-7-sm {
            opacity: 0.7
        }

        .o-6-sm {
            opacity: 0.6
        }

        .o-5-sm {
            opacity: 0.5
        }

        .o-4-sm {
            opacity: 0.4
        }

        .o-3-sm {
            opacity: 0.3
        }

        .o-2-sm {
            opacity: 0.2
        }

        .o-1-sm {
            opacity: 0.1
        }

        .o-0-sm {
            opacity: 0
        }

        .ov-v-sm {
            overflow: visible
        }

        .ov-h-sm {
            overflow: hidden
        }

        .ov-s-sm {
            overflow: scroll
        }

        .ov-a-sm {
            overflow: auto
        }

        .ovx-v-sm {
            overflow-x: visible
        }

        .ovx-h-sm {
            overflow-x: hidden
        }

        .ovx-s-sm {
            overflow-x: scroll
        }

        .ovx-a-sm {
            overflow-x: auto
        }

        .ovy-v-sm {
            overflow-y: visible
        }

        .ovy-h-sm {
            overflow-y: hidden
        }

        .ovy-s-sm {
            overflow-y: scroll
        }

        .ovy-a-sm {
            overflow-y: auto
        }

        .pos-s-sm {
            position: static
        }

        .pos-r-sm {
            position: relative
        }

        .pos-a-sm {
            position: absolute
        }

        .pos-f-sm {
            position: fixed
        }

        .top-0-sm {
            top: 0
        }

        .top-50-sm {
            top: 50%
        }

        .top-100-sm {
            top: 100%
        }

        .bottom-0-sm {
            bottom: 0
        }

        .bottom-50-sm {
            bottom: 50%
        }

        .bottom-100-sm {
            bottom: 100%
        }

        .left-0-sm {
            left: 0
        }

        .left-50-sm {
            left: 50%
        }

        .left-100-sm {
            left: 100%
        }

        .right-0-sm {
            right: 0
        }

        .right-50-sm {
            right: 50%
        }

        .right-100-sm {
            right: 100%
        }

        .trf-m-sm {
            transform: translate(-50%,-50%)
        }

        .trf-m-x-sm {
            transform: translateX(-50%)
        }

        .trf-m-y-sm {
            transform: translateY(-50%)
        }

        .pos-tl-sm {
            top: 0;
            left: 0;
            transform: translate(0,0)
        }

        .pos-tc-sm {
            top: 0;
            left: 50%;
            transform: translate(-50%,0)
        }

        .pos-tr-sm {
            top: 0;
            left: 100%;
            transform: translate(-100%,0)
        }

        .pos-ml-sm {
            top: 50%;
            left: 0;
            transform: translate(0,-50%)
        }

        .pos-mc-sm {
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .pos-mr-sm {
            top: 50%;
            left: 100%;
            transform: translate(-100%,-50%)
        }

        .pos-bl-sm {
            top: 100%;
            left: 0;
            transform: translate(0,-100%)
        }

        .pos-bc-sm {
            top: 100%;
            left: 50%;
            transform: translate(-50%,-100%)
        }

        .pos-br-sm {
            top: 100%;
            left: 100%;
            transform: translate(-100%,-100%)
        }

        .ratio-1x1-sm {
            aspect-ratio: 1/1
        }

        .ratio-2x1-sm {
            aspect-ratio: 2/1
        }

        .ratio-4x3-sm {
            aspect-ratio: 4/3
        }

        .ratio-3x4-sm {
            aspect-ratio: 3/4
        }

        .ratio-3x2-sm {
            aspect-ratio: 3/2
        }

        .ratio-2x3-sm {
            aspect-ratio: 2/3
        }

        .ratio-16x9-sm {
            aspect-ratio: 16/9
        }

        .ratio-9x16-sm {
            aspect-ratio: 9/16
        }

        .ratio-21x9-sm {
            aspect-ratio: 21/9
        }

        .rotate-45-sm {
            transform: rotate(45deg)
        }

        .rotate-90-sm {
            transform: rotate(90deg)
        }

        .rotate-135-sm {
            transform: rotate(135deg)
        }

        .rotate-180-sm {
            transform: rotate(180deg)
        }

        .rotate-225-sm {
            transform: rotate(225deg)
        }

        .rotate-270-sm {
            transform: rotate(270deg)
        }

        .rotate-315-sm {
            transform: rotate(315deg)
        }

        .visible-sm {
            visibility: visible
        }

        .invisible-sm {
            visibility: hidden
        }

        .z-0-sm {
            z-index: 0
        }

        .z-1-sm {
            z-index: 100
        }

        .z-2-sm {
            z-index: 200
        }

        .z-3-sm {
            z-index: 300
        }

        .z-4-sm {
            z-index: 400
        }

        .z-5-sm {
            z-index: 500
        }

        .z-999-sm {
            z-index: 999
        }

        .z-9999-sm {
            z-index: 9999
        }

        .z-max-sm {
            z-index: 2147483647
        }

        .shd-1-sm {
            box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)
        }

        .shd-2-sm {
            box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075)
        }

        .shd-3-sm {
            box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1)
        }

        .shd-n-sm {
            box-shadow: none
        }
    }

    .w1 {
        width: 1em
    }

    .w2 {
        width: 2em
    }

    .w3 {
        width: 4em
    }

    .w4 {
        width: 8em
    }

    .w5 {
        width: 16em
    }

    .w-2b {
        width: 49%
    }

    .w-3b {
        width: 32.3333%
    }

    .w-4b {
        width: 24%
    }

    .w-5b {
        width: 19%
    }

    .w-6b {
        width: 15%
    }

    .w-5 {
        width: 5%
    }

    .w-10 {
        width: 10%
    }

    .w-15 {
        width: 15%
    }

    .w-20 {
        width: 20%
    }

    .w-25 {
        width: 25%
    }

    .w-30 {
        width: 30%
    }

    .w-35 {
        width: 35%
    }

    .w-33 {
        width: 33.33333%
    }

    .w-40 {
        width: 40%
    }

    .w-45 {
        width: 45%
    }

    .w-50 {
        width: 50%
    }

    .w-55 {
        width: 55%
    }

    .w-60 {
        width: 60%
    }

    .w-65 {
        width: 65%
    }

    .w-66 {
        width: 66.66667%
    }

    .w-70 {
        width: 70%
    }

    .w-75 {
        width: 75%
    }

    .w-80 {
        width: 80%
    }

    .w-85 {
        width: 85%
    }

    .w-90 {
        width: 90%
    }

    .w-95 {
        width: 95%
    }

    .w-100 {
        width: 100%
    }

    .w-auto {
        width: auto
    }

    .h1 {
        height: 1em
    }

    .h2 {
        height: 2em
    }

    .h3 {
        height: 4em
    }

    .h4 {
        height: 8em
    }

    .h5 {
        height: 16em
    }

    .h-10 {
        height: 10%
    }

    .h-15 {
        height: 15%
    }

    .h-20 {
        height: 20%
    }

    .h-25 {
        height: 25%
    }

    .h-30 {
        height: 30%
    }

    .h-35 {
        height: 35%
    }

    .h-40 {
        height: 40%
    }

    .h-45 {
        height: 45%
    }

    .h-50 {
        height: 50%
    }

    .h-55 {
        height: 55%
    }

    .h-60 {
        height: 60%
    }

    .h-65 {
        height: 65%
    }

    .h-70 {
        height: 70%
    }

    .h-75 {
        height: 75%
    }

    .h-80 {
        height: 80%
    }

    .h-85 {
        height: 85%
    }

    .h-90 {
        height: 90%
    }

    .h-95 {
        height: 95%
    }

    .h-100 {
        height: 100%
    }

    .min-h-100 {
        min-height: 100%
    }

    .vh-25 {
        height: 25vh
    }

    .vh-50 {
        height: 50vh
    }

    .vh-75 {
        height: 75vh
    }

    .vh-100 {
        height: 100vh
    }

    .min-vh-100 {
        min-height: 100vh
    }

    .h-auto {
        height: auto
    }

    .h-inherit {
        height: inherit
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .w1-md {
            width: 1em
        }

        .w2-md {
            width: 2em
        }

        .w3-md {
            width: 4em
        }

        .w4-md {
            width: 8em
        }

        .w5-md {
            width: 16em
        }

        .w-2b-md {
            width: 49%
        }

        .w-3b-md {
            width: 32.3333%
        }

        .w-4b-md {
            width: 24%
        }

        .w-5b-md {
            width: 19%
        }

        .w-6b-md {
            width: 15%
        }

        .w-5-md {
            width: 5%
        }

        .w-10-md {
            width: 10%
        }

        .w-15-md {
            width: 15%
        }

        .w-20-md {
            width: 20%
        }

        .w-25-md {
            width: 25%
        }

        .w-30-md {
            width: 30%
        }

        .w-35-md {
            width: 35%
        }

        .w-33-md {
            width: 33.33333%
        }

        .w-40-md {
            width: 40%
        }

        .w-45-md {
            width: 45%
        }

        .w-50-md {
            width: 50%
        }

        .w-55-md {
            width: 55%
        }

        .w-60-md {
            width: 60%
        }

        .w-65-md {
            width: 65%
        }

        .w-66-md {
            width: 66.66667%
        }

        .w-70-md {
            width: 70%
        }

        .w-75-md {
            width: 75%
        }

        .w-80-md {
            width: 80%
        }

        .w-85-md {
            width: 85%
        }

        .w-90-md {
            width: 90%
        }

        .w-95-md {
            width: 95%
        }

        .w-100-md {
            width: 100%
        }

        .w-auto-md {
            width: auto
        }

        .h1-md {
            height: 1em
        }

        .h2-md {
            height: 2em
        }

        .h3-md {
            height: 4em
        }

        .h4-md {
            height: 8em
        }

        .h5-md {
            height: 16em
        }

        .h-10-md {
            height: 10%
        }

        .h-15-md {
            height: 15%
        }

        .h-20-md {
            height: 20%
        }

        .h-25-md {
            height: 25%
        }

        .h-30-md {
            height: 30%
        }

        .h-35-md {
            height: 35%
        }

        .h-40-md {
            height: 40%
        }

        .h-45-md {
            height: 45%
        }

        .h-50-md {
            height: 50%
        }

        .h-55-md {
            height: 55%
        }

        .h-60-md {
            height: 60%
        }

        .h-65-md {
            height: 65%
        }

        .h-70-md {
            height: 70%
        }

        .h-75-md {
            height: 75%
        }

        .h-80-md {
            height: 80%
        }

        .h-85-md {
            height: 85%
        }

        .h-90-md {
            height: 90%
        }

        .h-95-md {
            height: 95%
        }

        .h-100-md {
            height: 100%
        }

        .min-h-100-md {
            min-height: 100%
        }

        .vh-25-md {
            height: 25vh
        }

        .vh-50-md {
            height: 50vh
        }

        .vh-75-md {
            height: 75vh
        }

        .vh-100-md {
            height: 100vh
        }

        .min-vh-100-md {
            min-height: 100vh
        }

        .h-auto-md {
            height: auto
        }

        .h-inherit-md {
            height: inherit
        }
    }

    @media screen and (max-width:767px) {
        .w1-sm {
            width: 1em
        }

        .w2-sm {
            width: 2em
        }

        .w3-sm {
            width: 4em
        }

        .w4-sm {
            width: 8em
        }

        .w5-sm {
            width: 16em
        }

        .w-2b-sm {
            width: 49%
        }

        .w-3b-sm {
            width: 32.3333%
        }

        .w-4b-sm {
            width: 24%
        }

        .w-5b-sm {
            width: 19%
        }

        .w-6b-sm {
            width: 15%
        }

        .w-5-sm {
            width: 5%
        }

        .w-10-sm {
            width: 10%
        }

        .w-15-sm {
            width: 15%
        }

        .w-20-sm {
            width: 20%
        }

        .w-25-sm {
            width: 25%
        }

        .w-30-sm {
            width: 30%
        }

        .w-35-sm {
            width: 35%
        }

        .w-33-sm {
            width: 33.33333%
        }

        .w-40-sm {
            width: 40%
        }

        .w-45-sm {
            width: 45%
        }

        .w-50-sm {
            width: 50%
        }

        .w-55-sm {
            width: 55%
        }

        .w-60-sm {
            width: 60%
        }

        .w-65-sm {
            width: 65%
        }

        .w-66-sm {
            width: 66.66667%
        }

        .w-70-sm {
            width: 70%
        }

        .w-75-sm {
            width: 75%
        }

        .w-80-sm {
            width: 80%
        }

        .w-85-sm {
            width: 85%
        }

        .w-90-sm {
            width: 90%
        }

        .w-95-sm {
            width: 95%
        }

        .w-100-sm {
            width: 100%
        }

        .w-auto-sm {
            width: auto
        }

        .h1-sm {
            height: 1em
        }

        .h2-sm {
            height: 2em
        }

        .h3-sm {
            height: 4em
        }

        .h4-sm {
            height: 8em
        }

        .h5-sm {
            height: 16em
        }

        .h-10-sm {
            height: 10%
        }

        .h-15-sm {
            height: 15%
        }

        .h-20-sm {
            height: 20%
        }

        .h-25-sm {
            height: 25%
        }

        .h-30-sm {
            height: 30%
        }

        .h-35-sm {
            height: 35%
        }

        .h-40-sm {
            height: 40%
        }

        .h-45-sm {
            height: 45%
        }

        .h-50-sm {
            height: 50%
        }

        .h-55-sm {
            height: 55%
        }

        .h-60-sm {
            height: 60%
        }

        .h-65-sm {
            height: 65%
        }

        .h-70-sm {
            height: 70%
        }

        .h-75-sm {
            height: 75%
        }

        .h-80-sm {
            height: 80%
        }

        .h-85-sm {
            height: 85%
        }

        .h-90-sm {
            height: 90%
        }

        .h-95-sm {
            height: 95%
        }

        .h-100-sm {
            height: 100%
        }

        .min-h-100-sm {
            min-height: 100%
        }

        .vh-25-sm {
            height: 25vh
        }

        .vh-50-sm {
            height: 50vh
        }

        .vh-75-sm {
            height: 75vh
        }

        .vh-100-sm {
            height: 100vh
        }

        .min-vh-100-sm {
            min-height: 100vh
        }

        .h-auto-sm {
            height: auto
        }

        .h-inherit-sm {
            height: inherit
        }
    }

    .m-0 {
        margin: 0
    }

    .m-1 {
        margin: 0.25rem
    }

    .m-2 {
        margin: 0.5rem
    }

    .m-3 {
        margin: 1rem
    }

    .m-4 {
        margin: 1.5rem
    }

    .m-5 {
        margin: 3rem
    }

    .m-auto {
        margin: auto
    }

    .mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .mx-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem
    }

    .mx-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem
    }

    .mx-3 {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .mx-4 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }

    .mx-5 {
        margin-right: 3rem;
        margin-left: 3rem
    }

    .mx-auto {
        margin-right: auto;
        margin-left: auto
    }

    .my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .my-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem
    }

    .my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .my-3 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .my-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .my-5 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .mt-0 {
        margin-top: 0
    }

    .mt-1 {
        margin-top: 0.25rem
    }

    .mt-2 {
        margin-top: 0.5rem
    }

    .mt-3 {
        margin-top: 1rem
    }

    .mt-4 {
        margin-top: 1.5rem
    }

    .mt-5 {
        margin-top: 3rem
    }

    .mt-auto {
        margin-top: auto
    }

    .mr-0 {
        margin-right: 0
    }

    .mr-1 {
        margin-right: 0.25rem
    }

    .mr-2 {
        margin-right: 0.5rem
    }

    .mr-3 {
        margin-right: 1rem
    }

    .mr-4 {
        margin-right: 1.5rem
    }

    .mr-5 {
        margin-right: 3rem
    }

    .mr-auto {
        margin-right: auto
    }

    .mb-0 {
        margin-bottom: 0
    }

    .mb-1 {
        margin-bottom: 0.25rem
    }

    .mb-2 {
        margin-bottom: 0.5rem
    }

    .mb-3 {
        margin-bottom: 1rem
    }

    .mb-4 {
        margin-bottom: 1.5rem
    }

    .mb-5 {
        margin-bottom: 3rem
    }

    .mb-auto {
        margin-bottom: auto
    }

    .ml-0 {
        margin-left: 0
    }

    .ml-1 {
        margin-left: 0.25rem
    }

    .ml-2 {
        margin-left: 0.5rem
    }

    .ml-3 {
        margin-left: 1rem
    }

    .ml-4 {
        margin-left: 1.5rem
    }

    .ml-5 {
        margin-left: 3rem
    }

    .ml-auto {
        margin-left: auto
    }

    .p-0 {
        padding: 0
    }

    .p-1 {
        padding: 0.25rem
    }

    .p-2 {
        padding: 0.5rem
    }

    .p-3 {
        padding: 1rem
    }

    .p-4 {
        padding: 1.5rem
    }

    .p-5 {
        padding: 3rem
    }

    .px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .px-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem
    }

    .px-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .px-3 {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .px-4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

    .px-5 {
        padding-right: 3rem;
        padding-left: 3rem
    }

    .py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }

    .py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .py-3 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .py-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .py-5 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pt-0 {
        padding-top: 0
    }

    .pt-1 {
        padding-top: 0.25rem
    }

    .pt-2 {
        padding-top: 0.5rem
    }

    .pt-3 {
        padding-top: 1rem
    }

    .pt-4 {
        padding-top: 1.5rem
    }

    .pt-5 {
        padding-top: 3rem
    }

    .pr-0 {
        padding-right: 0
    }

    .pr-1 {
        padding-right: 0.25rem
    }

    .pr-2 {
        padding-right: 0.5rem
    }

    .pr-3 {
        padding-right: 1rem
    }

    .pr-4 {
        padding-right: 1.5rem
    }

    .pr-5 {
        padding-right: 3rem
    }

    .pb-0 {
        padding-bottom: 0
    }

    .pb-1 {
        padding-bottom: 0.25rem
    }

    .pb-2 {
        padding-bottom: 0.5rem
    }

    .pb-3 {
        padding-bottom: 1rem
    }

    .pb-4 {
        padding-bottom: 1.5rem
    }

    .pb-5 {
        padding-bottom: 3rem
    }

    .pl-0 {
        padding-left: 0
    }

    .pl-1 {
        padding-left: 0.25rem
    }

    .pl-2 {
        padding-left: 0.5rem
    }

    .pl-3 {
        padding-left: 1rem
    }

    .pl-4 {
        padding-left: 1.5rem
    }

    .pl-5 {
        padding-left: 3rem
    }

    .gap-0 {
        gap: 0
    }

    .gap-1 {
        gap: 0.25em
    }

    .gap-2 {
        gap: 0.5em
    }

    .gap-3 {
        gap: 0.75em
    }

    .gap-4 {
        gap: 1em
    }

    .gap-5 {
        gap: 1.5em
    }

    .gap-6 {
        gap: 2em
    }

    .gap-7 {
        gap: 2.5em
    }

    .gap-8 {
        gap: 3em
    }

    .gap-9 {
        gap: 3.5em
    }

    .gap-10 {
        gap: 4em
    }

    @media screen and (min-width:768px) and (max-width:1199px) {
        .m-0-md {
            margin: 0
        }

        .m-1-md {
            margin: 0.25rem
        }

        .m-2-md {
            margin: 0.5rem
        }

        .m-3-md {
            margin: 1rem
        }

        .m-4-md {
            margin: 1.5rem
        }

        .m-5-md {
            margin: 3rem
        }

        .m-auto-md {
            margin: auto
        }

        .mx-0-md {
            margin-right: 0;
            margin-left: 0
        }

        .mx-1-md {
            margin-right: 0.25rem;
            margin-left: 0.25rem
        }

        .mx-2-md {
            margin-right: 0.5rem;
            margin-left: 0.5rem
        }

        .mx-3-md {
            margin-right: 1rem;
            margin-left: 1rem
        }

        .mx-4-md {
            margin-right: 1.5rem;
            margin-left: 1.5rem
        }

        .mx-5-md {
            margin-right: 3rem;
            margin-left: 3rem
        }

        .mx-auto-md {
            margin-right: auto;
            margin-left: auto
        }

        .my-0-md {
            margin-top: 0;
            margin-bottom: 0
        }

        .my-1-md {
            margin-top: 0.25rem;
            margin-bottom: 0.25rem
        }

        .my-2-md {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem
        }

        .my-3-md {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .my-4-md {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem
        }

        .my-5-md {
            margin-top: 3rem;
            margin-bottom: 3rem
        }

        .my-auto-md {
            margin-top: auto;
            margin-bottom: auto
        }

        .mt-0-md {
            margin-top: 0
        }

        .mt-1-md {
            margin-top: 0.25rem
        }

        .mt-2-md {
            margin-top: 0.5rem
        }

        .mt-3-md {
            margin-top: 1rem
        }

        .mt-4-md {
            margin-top: 1.5rem
        }

        .mt-5-md {
            margin-top: 3rem
        }

        .mt-auto-md {
            margin-top: auto
        }

        .mr-0-md {
            margin-right: 0
        }

        .mr-1-md {
            margin-right: 0.25rem
        }

        .mr-2-md {
            margin-right: 0.5rem
        }

        .mr-3-md {
            margin-right: 1rem
        }

        .mr-4-md {
            margin-right: 1.5rem
        }

        .mr-5-md {
            margin-right: 3rem
        }

        .mr-auto-md {
            margin-right: auto
        }

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

        .mb-1-md {
            margin-bottom: 0.25rem
        }

        .mb-2-md {
            margin-bottom: 0.5rem
        }

        .mb-3-md {
            margin-bottom: 1rem
        }

        .mb-4-md {
            margin-bottom: 1.5rem
        }

        .mb-5-md {
            margin-bottom: 3rem
        }

        .mb-auto-md {
            margin-bottom: auto
        }

        .ml-0-md {
            margin-left: 0
        }

        .ml-1-md {
            margin-left: 0.25rem
        }

        .ml-2-md {
            margin-left: 0.5rem
        }

        .ml-3-md {
            margin-left: 1rem
        }

        .ml-4-md {
            margin-left: 1.5rem
        }

        .ml-5-md {
            margin-left: 3rem
        }

        .ml-auto-md {
            margin-left: auto
        }

        .p-0-md {
            padding: 0
        }

        .p-1-md {
            padding: 0.25rem
        }

        .p-2-md {
            padding: 0.5rem
        }

        .p-3-md {
            padding: 1rem
        }

        .p-4-md {
            padding: 1.5rem
        }

        .p-5-md {
            padding: 3rem
        }

        .px-0-md {
            padding-right: 0;
            padding-left: 0
        }

        .px-1-md {
            padding-right: 0.25rem;
            padding-left: 0.25rem
        }

        .px-2-md {
            padding-right: 0.5rem;
            padding-left: 0.5rem
        }

        .px-3-md {
            padding-right: 1rem;
            padding-left: 1rem
        }

        .px-4-md {
            padding-right: 1.5rem;
            padding-left: 1.5rem
        }

        .px-5-md {
            padding-right: 3rem;
            padding-left: 3rem
        }

        .py-0-md {
            padding-top: 0;
            padding-bottom: 0
        }

        .py-1-md {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem
        }

        .py-2-md {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem
        }

        .py-3-md {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .py-4-md {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-5-md {
            padding-top: 3rem;
            padding-bottom: 3rem
        }

        .pt-0-md {
            padding-top: 0
        }

        .pt-1-md {
            padding-top: 0.25rem
        }

        .pt-2-md {
            padding-top: 0.5rem
        }

        .pt-3-md {
            padding-top: 1rem
        }

        .pt-4-md {
            padding-top: 1.5rem
        }

        .pt-5-md {
            padding-top: 3rem
        }

        .pr-0-md {
            padding-right: 0
        }

        .pr-1-md {
            padding-right: 0.25rem
        }

        .pr-2-md {
            padding-right: 0.5rem
        }

        .pr-3-md {
            padding-right: 1rem
        }

        .pr-4-md {
            padding-right: 1.5rem
        }

        .pr-5-md {
            padding-right: 3rem
        }

        .pb-0-md {
            padding-bottom: 0
        }

        .pb-1-md {
            padding-bottom: 0.25rem
        }

        .pb-2-md {
            padding-bottom: 0.5rem
        }

        .pb-3-md {
            padding-bottom: 1rem
        }

        .pb-4-md {
            padding-bottom: 1.5rem
        }

        .pb-5-md {
            padding-bottom: 3rem
        }

        .pl-0-md {
            padding-left: 0
        }

        .pl-1-md {
            padding-left: 0.25rem
        }

        .pl-2-md {
            padding-left: 0.5rem
        }

        .pl-3-md {
            padding-left: 1rem
        }

        .pl-4-md {
            padding-left: 1.5rem
        }

        .pl-5-md {
            padding-left: 3rem
        }

        .gap-0-md {
            gap: 0
        }

        .gap-1-md {
            gap: 0.25em
        }

        .gap-2-md {
            gap: 0.5em
        }

        .gap-3-md {
            gap: 0.75em
        }

        .gap-4-md {
            gap: 1em
        }

        .gap-5-md {
            gap: 1.5em
        }

        .gap-6-md {
            gap: 2em
        }

        .gap-7-md {
            gap: 2.5em
        }

        .gap-8-md {
            gap: 3em
        }

        .gap-9-md {
            gap: 3.5em
        }

        .gap-10-md {
            gap: 4em
        }
    }

    @media screen and (max-width:767px) {
        .m-0-sm {
            margin: 0
        }

        .m-1-sm {
            margin: 0.25rem
        }

        .m-2-sm {
            margin: 0.5rem
        }

        .m-3-sm {
            margin: 1rem
        }

        .m-4-sm {
            margin: 1.5rem
        }

        .m-5-sm {
            margin: 3rem
        }

        .m-auto-sm {
            margin: auto
        }

        .mx-0-sm {
            margin-right: 0;
            margin-left: 0
        }

        .mx-1-sm {
            margin-right: 0.25rem;
            margin-left: 0.25rem
        }

        .mx-2-sm {
            margin-right: 0.5rem;
            margin-left: 0.5rem
        }

        .mx-3-sm {
            margin-right: 1rem;
            margin-left: 1rem
        }

        .mx-4-sm {
            margin-right: 1.5rem;
            margin-left: 1.5rem
        }

        .mx-5-sm {
            margin-right: 3rem;
            margin-left: 3rem
        }

        .mx-auto-sm {
            margin-right: auto;
            margin-left: auto
        }

        .my-0-sm {
            margin-top: 0;
            margin-bottom: 0
        }

        .my-1-sm {
            margin-top: 0.25rem;
            margin-bottom: 0.25rem
        }

        .my-2-sm {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem
        }

        .my-3-sm {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .my-4-sm {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem
        }

        .my-5-sm {
            margin-top: 3rem;
            margin-bottom: 3rem
        }

        .my-auto-sm {
            margin-top: auto;
            margin-bottom: auto
        }

        .mt-0-sm {
            margin-top: 0
        }

        .mt-1-sm {
            margin-top: 0.25rem
        }

        .mt-2-sm {
            margin-top: 0.5rem
        }

        .mt-3-sm {
            margin-top: 1rem
        }

        .mt-4-sm {
            margin-top: 1.5rem
        }

        .mt-5-sm {
            margin-top: 3rem
        }

        .mt-auto-sm {
            margin-top: auto
        }

        .mr-0-sm {
            margin-right: 0
        }

        .mr-1-sm {
            margin-right: 0.25rem
        }

        .mr-2-sm {
            margin-right: 0.5rem
        }

        .mr-3-sm {
            margin-right: 1rem
        }

        .mr-4-sm {
            margin-right: 1.5rem
        }

        .mr-5-sm {
            margin-right: 3rem
        }

        .mr-auto-sm {
            margin-right: auto
        }

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

        .mb-1-sm {
            margin-bottom: 0.25rem
        }

        .mb-2-sm {
            margin-bottom: 0.5rem
        }

        .mb-3-sm {
            margin-bottom: 1rem
        }

        .mb-4-sm {
            margin-bottom: 1.5rem
        }

        .mb-5-sm {
            margin-bottom: 3rem
        }

        .mb-auto-sm {
            margin-bottom: auto
        }

        .ml-0-sm {
            margin-left: 0
        }

        .ml-1-sm {
            margin-left: 0.25rem
        }

        .ml-2-sm {
            margin-left: 0.5rem
        }

        .ml-3-sm {
            margin-left: 1rem
        }

        .ml-4-sm {
            margin-left: 1.5rem
        }

        .ml-5-sm {
            margin-left: 3rem
        }

        .ml-auto-sm {
            margin-left: auto
        }

        .p-0-sm {
            padding: 0
        }

        .p-1-sm {
            padding: 0.25rem
        }

        .p-2-sm {
            padding: 0.5rem
        }

        .p-3-sm {
            padding: 1rem
        }

        .p-4-sm {
            padding: 1.5rem
        }

        .p-5-sm {
            padding: 3rem
        }

        .px-0-sm {
            padding-right: 0;
            padding-left: 0
        }

        .px-1-sm {
            padding-right: 0.25rem;
            padding-left: 0.25rem
        }

        .px-2-sm {
            padding-right: 0.5rem;
            padding-left: 0.5rem
        }

        .px-3-sm {
            padding-right: 1rem;
            padding-left: 1rem
        }

        .px-4-sm {
            padding-right: 1.5rem;
            padding-left: 1.5rem
        }

        .px-5-sm {
            padding-right: 3rem;
            padding-left: 3rem
        }

        .py-0-sm {
            padding-top: 0;
            padding-bottom: 0
        }

        .py-1-sm {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem
        }

        .py-2-sm {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem
        }

        .py-3-sm {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .py-4-sm {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-5-sm {
            padding-top: 3rem;
            padding-bottom: 3rem
        }

        .pt-0-sm {
            padding-top: 0
        }

        .pt-1-sm {
            padding-top: 0.25rem
        }

        .pt-2-sm {
            padding-top: 0.5rem
        }

        .pt-3-sm {
            padding-top: 1rem
        }

        .pt-4-sm {
            padding-top: 1.5rem
        }

        .pt-5-sm {
            padding-top: 3rem
        }

        .pr-0-sm {
            padding-right: 0
        }

        .pr-1-sm {
            padding-right: 0.25rem
        }

        .pr-2-sm {
            padding-right: 0.5rem
        }

        .pr-3-sm {
            padding-right: 1rem
        }

        .pr-4-sm {
            padding-right: 1.5rem
        }

        .pr-5-sm {
            padding-right: 3rem
        }

        .pb-0-sm {
            padding-bottom: 0
        }

        .pb-1-sm {
            padding-bottom: 0.25rem
        }

        .pb-2-sm {
            padding-bottom: 0.5rem
        }

        .pb-3-sm {
            padding-bottom: 1rem
        }

        .pb-4-sm {
            padding-bottom: 1.5rem
        }

        .pb-5-sm {
            padding-bottom: 3rem
        }

        .pl-0-sm {
            padding-left: 0
        }

        .pl-1-sm {
            padding-left: 0.25rem
        }

        .pl-2-sm {
            padding-left: 0.5rem
        }

        .pl-3-sm {
            padding-left: 1rem
        }

        .pl-4-sm {
            padding-left: 1.5rem
        }

        .pl-5-sm {
            padding-left: 3rem
        }

        .gap-0-sm {
            gap: 0
        }

        .gap-1-sm {
            gap: 0.25em
        }

        .gap-2-sm {
            gap: 0.5em
        }

        .gap-3-sm {
            gap: 0.75em
        }

        .gap-4-sm {
            gap: 1em
        }

        .gap-5-sm {
            gap: 1.5em
        }

        .gap-6-sm {
            gap: 2em
        }

        .gap-7-sm {
            gap: 2.5em
        }

        .gap-8-sm {
            gap: 3em
        }

        .gap-9-sm {
            gap: 3.5em
        }

        .gap-10-sm {
            gap: 4em
        }
    }
}