/* ----- ciernybalog.sk ----- */

/* VARIABLES */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@700&display=swap');

:root {
    --main-color: #027A32;
    --priamry: #000;

    --bigger-text-font-size: 1.25rem;
    --regular-text-font-size: 1.1875rem;
    --smaller-text-font-size: 1rem;

    --bg-body: #fff url('bg-body.png') no-repeat center top/**/;
    --bg-body-rwd: #fff;

    --border-radius-general: 0;

    --logo-text-color-desktop: #027A32;
    --logo-text-color: #027A32;
    --logo-text-font-size: 2.875rem;
    --logo-text-font-weight: 700;
    --logo-text-text-transform: uppercase;

    --logo-text-ext-color-desktop: #000;
    --logo-text-ext-color: #000;
    --logo-text-ext-font-size: 1.1875rem;

    --header-logo-row-desktop: 1/2;
    --header-logo-column-desktop: 1/2;

    --header-menu-row-desktop: 1/2;
    --header-menu-column-desktop: 2/3;

    --top-menu-row-desktop: 2/3;
    --top-menu-column-desktop: 1/3;

    --bg-footer-whole: #F0FFEE;
    --bg-footer-upper: transparent;
    --bg-footer-upper-colapsable: #fff;
    --footer-upper-icon-border: #027A32;
    --bg-footer-lower: transparent;
    --footer-border-bottom: #79BC90;
    --bg-footer-rwd: #F0FFEE;
    --footer-header: #000;
    --footer-color: #000;
    --footer-link-color: #027A32;
    --footer-color-tiraz: #000;
    --footer-color-rwd-collapsed: #000;
    --footer-color-rwd: #000;
    
    --h1-color: #0372E1;
    --h1-background: transparent;
    --h1-font-size: 2.125rem;
    --h1-font-weight: 600;
    --h1-text-transform: none;

    --h2-color: #0065B3;
    --h2-background: #F0FFEE; 
    --h2-border: #0065B3;
    --h2-font-size: 1.75rem;
    --h2-font-weight: 600;
    --h2-text-transform: none;
    --h2-aside-background: transparent;
    --aside-h2-border: #0372e1;

    --h3-color: #000;
    --h3-background: transparent;
    --h3-border: none;
    --h3-font-size: 1.5rem;
    --h3-font-weight: 700;
    --h3-text-transform: none;
    --h3-before-color: #027A32;

    --h4-color: #027A32;
    --h4-background: transparent;
    --h4-font-size: 1.1875rem;
    --h4-font-weight: 700;
    --h4-text-transform: none;

    --all-links-color: #027A32;
    
    --link-color-main: #027A32;
    --link-color-black: #000;
    --link-color-dark: #363636;
    --link-color-white: #fff;
    --link-hover-color-main: #027A32;
    --link-hover-color-black: #000;
    --link-hover-color-dark: #363636;
    --link-hover-color-white: #fff;
    
    --header-height: 17rem;
    --header-menu-height: 10.25rem;
    --bg-header: #F0FFEE;
    --bg-header-menu: #fff url("bg-header.png")/**/;
    --header-border: none;
    --header-border-rwd: #ddd;
    --header-data-text-color: #027A32;
    --header-menu-border: none;
    --header-icons-color-desktop: #027A32;
    --my-current-lang: #027A32;
    --other-lang-hover: #027A32;
    --search-color-desktop: #027A32;

    --aside-menu-margin-bottom: 0;
    --aside-menu-border-radius: 0;

    --bg-aside-menu-collapsed: transparent;
    --bg-aside-menu-active: transparent;
    --bg-aside-submenu-collapsed: #F0FFEE;
    --bg-aside-submenu-active: #027A32;
    --bg-aside-submenu-level-2-collapsed: transparent;
    --bg-aside-submenu-level-2-active: transparent;
    --bg-aside-submenu-level-3-collapsed: transparent;
    --bg-aside-submenu-level-3-active: transparent;

    --aside-menu-color-collapsed: #000;
    --aside-menu-color-active: #000;
    --aside-submenu-color-collapsed: #027A32;
    --aside-submenu-color-active: #fff;
    --aside-submenu-level-2-color-collapsed: #027A32;
    --aside-submenu-level-2-color-active: #000;
    --aside-submenu-level-3-color-collapsed: #027A32;
    --aside-submenu-level-3-color-active: #000;

    --border-color-menu-aside-collapsed: #027A32;
    --border-color-menu-aside-active: #027A32;
    --border-color-submenu-aside-collapsed: #027A32;
    --border-color-submenu-aside-active: #027A32;

    --aside-menu-before-display: none;
    --aside-submenu-before-display: none;

    --aside-menu-font-weight-collapsed: 700;
    --aside-menu-font-weight-active: 700;
    --aside-submenu-font-weight-collapsed: 700;
    --aside-submenu-font-weight-active: 700;

    --aside-menu-font-size: 1.4375rem;
    --aside-submenu-font-size: 1.25rem;

    --top-menu-font-size: 1.25rem;
    --top-submenu-font-size: 1.1875rem;

    --bg-top-menu: transparent;
    --bg-top-menu-expanded: #027A32;
    --menu-extended-columns: 4;
    --top-menu-border-radius: 0;

    --bg-top-menu-collapsed: #027A32;
    --bg-top-menu-active: #005120;
    --bg-top-submenu-collapsed: transparent;
    --bg-top-submenu-active: #027A32;
    --bg-top-submenu-level-2-collapsed: #fff;
    --bg-top-submenu-level-2-active: #005120;

    --top-menu-color-collapsed: #fff;
    --top-menu-color-active: #fff;
    --top-submenu-color-collapsed: #fff;
    --top-submenu-color-active: #fff;
    --top-submenu-level-2-color-collapsed: #027A32;
    --top-submenu-level-2-color-active: #fff;

    --top-menu-line-between-display: none;
    --top-menu-line-between: #ececec;
    --top-menu-border-whole: none;
    --top-menu-border: none;
    --top-menu-border-active: none;
    --top-menu-position: center;
    --top-menu-text-transform: none;
    --top-menu-expanded-position: unset;
    --top-menu-height: 76px;

    --top-menu-font-weight-collapsed: 600;
    --top-menu-font-weight-active: 600;
    --top-submenu-font-weight-collapsed: 400;
    --top-submenu-font-weight-active: 400;

    --top-menu-outline-color: #ff8900;
    --top-menu-outline-offset: 5px;

    --btn-bg: #027A32;
    --btn-color: #fff;
    --btn-bg-cancel: #F0FFEE;
    --btn-color-cancel: #027A32;
    --btn-border: transparent;
    --btn-border-cancel: #027A32;
    --btn-color-hover: #027A32;
    --btn-color-cancel-hover: #027A32;
    --btn-border-hover: #fff;
    --btn-bg-hover: #F0FFEE;
    --btn-bg-cancel-hover: #fff;
    --btn-border-cancel-hover: #027A32;

    --aside-text-color: #000;
    --bg-main-content: #fff;

    --fotobanner-width: 1200px;
    --fotobanner-height: 300px;
    --fotobanner-border-width: 3px;
    --fotobanner-border-color: rgba(255, 255, 255, 0.80);
    --fotobanner-border-radius: 10px 10px 10px 10px;

    --bg-banner-slot: #027A32;
    --banner-h2: #fff;
    --banner-btn-actual: #fff;
    --banner-btn-non-actual: #fff;

    --tabbed-bg: transparent;
    --tabbed-color: #027A32;
    --tabbed-border: #ddd;
    --tabbed-bg-active: #F0FFEE;
    --tabbed-color-active: #000;
    --tabbed-border-active: #027A32;

    --bg-zasadanutia: #F0FFEE;

    --bg-cancel: #F0FFEE;
    --search-border-color: #027A32;
    --filter-border: 2px solid #027A32;
    --filter-border-active: 2px solid #027A32;
    --border-required: #027A32;
    --border-outline-required: #FFDF0F;
    
    --bg-oznamy-graficke: #F0FFEE;
    --text-oznamy-graficke: #027A32;

    --oznamy-display: grid;
    --oznamy-h3-color: #363636;
    --bg-oznamy: #fff;
    --oznamy-border-bottom: 2px solid #027A32;
    --oznamy-short-text-display: -webkit-box;

    --hover-text: #027A32;

    --anketa-bar: #027A32;

    --bg-zoznam-linkov-link: #027A32;
    --zoznam-linkov-link-color: #fff;
    --bg-zoznam-linkov-link-hover: #F0FFEE;
    --zoznam-linkov-link-hover-color: #027A32;
    --zoznam-linkov-link-hover-border: #027A32;

    --bottom-h3-color: #000;
    --bottom-h3-font-weight: 600;
    --bottom-h3-font-size: 1.5rem;
    --bottom-h3-text-transform: uppercase;

    --bg-rychle-linky: #F0FFEE;
    --rychle-linky-h3: #000;
    --rychle-linky-color: #000;
    --rychle-linky-icons-display: none;
    --rychle-linky-icons: #027A32;
    --rychle-linky-border-radius: 0;

    --bg-dolezite-odkazy: #F3F5FF;
    --dolezite-odkazy-h3: #000;
    --dolezite-odkazy-color: #fff;
    --dolezite-odkazy-icons: #fff;
    --dolezite-odkazy-border-radius: 0;

    --bg-uzitocne-odkazy: #fff;
    --uzitocne-odkazy-h3: #000;
    --uzitocne-odkazy-color: #027A32;
    --uzitocne-odkazy-icons: #027A32;
    --uzitocne-odkazy-border-radius: 0;

    --bg-blok-podstranok: #fff;
    --blok-podstranok-h3: #000;
    --blok-podstranok-color: #027A32;
    --blok-podstranok-border-radius: 0;
    --blok-podstranok-icons: #027A32;
    --blok-podstranok-cat-border: #027A32;
    --blok-podstranok-before-color: #FFDF0F;

    --bg-filter-packing-head: transparent;

    --table-header: #F0FFEE;

    --side-header: #027A32;

    --return-to-top-bg: #fff;
    --return-to-top-icon: #027A32;
    --return-to-top-border: #027A32;

    --print-ico-color: #027A32;

    --region-aktualne-color: #027A32;
    --region-aktualne-bg: transparent;
    --region-aktualne-border: #027A32;
    --region-aktualne-text-color: #027A32;
    --region-aktualne-font-size: 1.4375rem;
    --region-aktualne-font-weight: 700;

    --bg-mobilna-aplikacia: #027a32 url(mobilna-app.png) no-repeat center center;
    --mobilna-aplikacia-h3-color: #fff;
    --mobilna-aplikacia-highlighted-text-color: #fff;
    --mobilna-aplikacia-text-color: #fff;

    --bg-header-rwd: #fff url("bg-header.png") no-repeat center center/**/;
    --mobile-menu-icon: #027A32;
    --bg-menu-bottom-rwd: #F0FFEE;
    --rwd-menu-icons-count: 6;
    --header-icons-color: #027A32;
    --header-icons-color-tablet: #027A32;

    --left-display: none;
    --right-display: block;
}


/* reset */ 
body,p,a,ul,li {
    margin: 0;
    padding: 0;
    text-decoration: none;
    scroll-behavior: smooth;
}

#main .module_body {
    word-break: break-word;
    margin-bottom: 25px;
}

input[type="checkbox"] {
    width: 38px;
    height: 38px;
}

.editor p {
    margin-bottom: 0.5rem;
}

aside .editor p {
    overflow: hidden;
}

ul {
    list-style: unset;
}

#rwd-menu ul,
footer ul {
    list-style: none;
}

.limited_menu ul li {
    list-style-position: inside;
}


/* base styles */
body {
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 150%;
}

#main-container {
    background: var(--bg-body-rwd);
    width: 100%;
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0;
}

header {
    width: 100%;
    height: 6.75rem;
    padding: 0;
    background: var(--bg-header-rwd);
    background-size: cover;
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    border-bottom: 2px solid var(--header-border-rwd);
/*    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);*/
}

#extra-block-top {
    width: 100%;
    display: block;
    position: relative;
    /*padding: 0 10px;*/
    z-index: 9;
}

#main-content {
    width: 100%;
    margin: 0 auto 0;
    display: block;
    padding: 1.25rem 0.5rem;
    position: relative;
    z-index: 8;
    background: var(--bg-main-content);
}

#extra-block-bottom {
    display: block;
    width: 100%;
    position: relative;
    z-index: 7;
}

footer {
    display: block;
    width: 100%;
    position: relative;
    z-index: 6;
    background: var(--bg-footer-whole);
    padding-bottom: 3rem;
/*    border-top: 6px solid #fff;*/
}

a {
    transition: all 0.3s ease-in-out;
    color: var(--link-color-main);
    text-decoration: underline;
    text-underline-offset: 0.1em;
/*    text-decoration-skip-ink: none;*/
}

#search_result ul li h3 a,
span.search-bold {
    color: var(--link-color-main) !important;
}

#search_result ul li h3 a:hover {
    text-decoration-thickness: 3px;
}

#main .module_envelope {
    margin-bottom: 2rem;
}

.button,
.filter-button.filter-button-search {
    color: var(--btn-color) !important;
    background: var(--btn-bg) !important;
    cursor: pointer;
    padding: 1px;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: bold;
    min-height: 44px;
    border: 1px solid var(--btn-border) !important;
    border-radius: var(--border-radius-general);
    transition: all 0.3s ease-in-out;
}

.cancel .button, 
.filter-body-part input.filter-button.filter-button-cancel,
.table-common-filter-submit a {
    cursor: pointer;
    padding: 1px;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: bold;
    min-height: 44px;
    color: var(--btn-color-cancel) !important;
    background: var(--btn-bg-cancel) !important;
    border: 1px solid var(--btn-border-cancel);
    font-weight: bold;
}

.button:hover,
.filter-button.filter-button-search:hover {
    box-shadow: 0px 0px 20px -10px #000;
    border: 1px solid var(--btn-border-hover) !important;
    background: var(--btn-bg-hover) !important;
    color: var(--btn-color-hover) !important;
}

.cancel .button:hover,
.filter-body-part input.filter-button.filter-button-cancel:hover,
.table-common-filter-submit a:hover {
    box-shadow: 0px 0px 20px -10px #000;
    border: 1px solid var(--btn-border-cancel-hover) !important;
    background: var(--btn-bg-cancel-hover) !important;
    color: var(--btn-color-cancel-hover) !important;

}

input.required, 
textarea.required, 
select.required {
    border: 2px solid var(--border-required) !important;
    outline: 3px solid var(--border-outline-required);
}

select, input {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.editor ul li, 
.editor ol li,
ol li,
.env_registracia_navstevnika_ ul li {
    margin-left: 25px;
    list-style-position: inside;
}

img {
    width: 100%;
    height: auto;
    transition-duration: 0.35s;
}

.editor img {
    width: auto;
}

img[style*="float: left"] {
    margin: 0 10px 10px 0;
}

img[style*="float: right"] {
    margin: 0 0 10px 10px;
}

.empty-block {
    display: none !important;
}

div.social-webs-icons img {
    margin: 0 10px;
    width: auto;
}

h2 .float_right a,
h3 .float_right a { 
    display: none;
}


/* UNDERLINE */
a:hover {
    /*text-decoration: none;
    border-bottom: 3px solid;
    transition: all 0.3s ease-in-out;*/
    text-decoration-thickness: 3px;
}

div.module_envelope .menu_hlavicka a:not(aside a.menu_hlavicka):hover,
#main-content .column_mc .module_header_region_info a:hover {
    border: none;
    text-decoration-thickness: 3px;
}

aside a.menu_hlavicka:hover {
    text-decoration-thickness: 3px !important;
}


/* */
ul.fotogaleria-multi-kat-img-list .gallist > a::before,
a.reklamni_partneri::before,
.oznamy-new-columns-item-back a::before, 
.oznamy-graphic-item-back a::before, 
.actions-new-columns-item-back a::before, 
.oznamy-new-columns-all-link.bottom-of-module::before, 
.oznamy-new-columns-all-link::before, 
.actions-new-columns-all-link.bottom-of-module::before, 
.actions-new-columns-all-link::before,
#menu-navigation-inner span a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--main-color);
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.oznamy-new-columns-all-link::before, 
.actions-new-columns-all-link::before {
    background-color: var(--main-color) !important;
}

a.reklamni_partneri:hover::before,
.oznamy-new-columns-item-back a:hover::before, 
.oznamy-graphic-item-back a:hover::before, 
.actions-new-columns-item-back a:hover::before, 
#main .back a:hover::before, 
#main-container .back a:hover::before,
.oznamy-new-columns-all-link.bottom-of-module:hover::before, 
.oznamy-new-columns-all-link:hover::before, 
.actions-new-columns-all-link.bottom-of-module:hover::before, 
.actions-new-columns-all-link:hover::before,
#menu-navigation-inner span a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}
/* */


/* border none */
header .header-data a:hover {
    border: none;
    transform: translateY(-2px);
}

.env_uputavky_new a,
#page-banner-homepage a {
    border: none;
}

a#finder-trigger {
    text-decoration: none;
}
/* UNDERLINE END */


/* fonts */
@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
}

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');

h1 { 
    font-size: var(--h1-font-size);
    color: var(--h1-color);
    font-weight: var(--h1-font-weight);
    background: var(--h1-background);
    text-transform: var(--h1-text-transform);
    margin: 0 auto 1rem;
    padding: 0.5rem 0.75rem;
    text-align: center;
    line-height: 105%;
/*    width: fit-content;*/
    display: flex;
    gap: 0.75rem;
    align-items: center;
    position: relative;
}

h1.register-login span.h1-button a.link-button {
    font-size: 1.1875rem !important;
    border-radius: var(--border-radius-general);
    color: var(--btn-color) !important;
    background: var(--btn-bg) !important;
}

h1.register-login span.h1-button a.link-button:hover {
    color: var(--btn-color-hover) !important;
    background: var(--btn-bg-hover) !important;
}

#homepage_0 h1 {
/*    text-align: center;*/
}

h1::before {
    display: none;
    justify-content: center;
    align-items: center;
    content: '\f518';
    font: normal normal normal 28px/1 FontAwesome;
    top: 2px;
/*    height: 14px;*/
/*    width: 14px;*/
    color: #D0190F;
    position: relative;
/*    border-radius: 4px;*/
/*    transform: rotate(45deg);*/
/*    display: block !important;
    clear: both;
    content: "";
    background: transparent;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    background: url(top-content-before.png) no-repeat center center;
    background-size: contain;*/
}

h1::after {
    display: none !important;
    clear: both;
    content: "";
    background: transparent;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 0;
    bottom: 0;
    background: url(top-content-after.png) no-repeat center center;
    background-size: contain;
}

h2 { 
    font-size: var(--h2-font-size);
    color: var(--h2-color);
    font-weight: var(--h2-font-weight);
    line-height: 40px !important;
    vertical-align: middle;
    background: var(--h2-background);
    border-bottom: 2px solid var(--h2-border);
    margin-bottom: 1.5rem;
    min-height: 60px;
    padding: 0.75rem 1.5rem 0.75rem 1rem !important;
    text-transform: var(--h2-text-transform);
    border-radius: 0;
}

#homepage_0 h2 {
/*    background: transparent;*/
/*    border: none;*/
/*    text-align: center;*/
}

h2.oznamy-new-columns-default,
h2.actions-graphic-default,
h2.oznamy-graphic-default,
h2.actions-new-columns-default {
/*    text-align: center;*/
}

h2.oznamy-new-columns-default,
h2.actions-graphic-default,
h2.oznamy-graphic-default,
h2.actions-new-columns-default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

h3 { 
    font-size: var(--h3-font-size) !important;
    color: var(--h3-color);
    font-weight: var(--h3-font-weight);
    background: var(--h3-background) !important;
    border-bottom: 2px solid var(--h3-border);
    text-transform: var(--h3-text-transform);
    padding: 0.75rem 0;
    height: auto !important;
    line-height: 34px;
    overflow: visible !important;
    min-height: 50px;
    position: relative;
    margin-bottom: 1rem;
}

aside h3 {
    margin-bottom: 0;
}

h3::before {
    display: block;
    content: '';
    height: 2px;
    width: 60px;
    background: var(--main-color);
    position: absolute;
    bottom: 0.125rem;
/*    background: linear-gradient(90deg, rgba(89,154,124,1) 0%, rgba(89,154,124,1) 80px, rgba(255,221,0,1) 80px, rgba(255,221,0,1) 100%);*/
/*    display: inline-block;
    content: '';
    height: 14px;
    width: 14px;
    border: 2px solid #D0190F;
    margin-right: 0.75rem;
    position: relative;
    border-radius: 4px;
    transform: rotate(45deg);*/
}

.env_vyhladavac h3::before,
.actions-new-colums-form-envelope.items .short-text-envelope-default h3::before,
ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default h3::before,
ul.actions-graphic-list-default li div.action-info-envelope-default h3::before,
ul.oznamy-new-colums-list-default li h3::before,
ul.oznamy-graphic-list-default li h3::before,
ul.actions-new-colums-list-default li h3::before,
ul.actions-graphic-list-default li h3::before,
div.year_selector h3::before,
#extra-block-bottom h3::before,
.extra-block-top .news.links .editor h3::before,
.env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope h3::before,
.env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3::before,
.env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3::before,
.env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3::before,
.eut-item-envelope-default h3::before,
h3.oznamy-subtitle::before,
ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3::before,
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3::before,
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3::before,
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3::before,
h3#data-header::before,
.env_text_obrazok h3[style="text-align: center;"]::before,
.env_text_obrazok h3[style="text-align: right;"]::before {
    display: none;
}

.env_vyhladavac h3,
.actions-new-colums-form-envelope.items .short-text-envelope-default h3,
ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default h3,
ul.actions-graphic-list-default li div.action-info-envelope-default h3,
ul.oznamy-new-colums-list-default li h3,
ul.oznamy-graphic-list-default li h3,
ul.actions-new-colums-list-default li h3,
ul.actions-graphic-list-default li h3,
div.year_selector h3,
#extra-block-bottom h3 {
    margin-bottom: 0;
}

h4 { 
    font-size:  var(--h4-font-size) ;
    color: var(--h4-color);
    font-weight: var(--h4-font-weight);
    background: var(--h4-background);
    text-transform: var(--h4-text-transform);
}


/* Xtra Small devices (minimum, 320px and up) */
@media (min-width: 0px) {

    /* -------------------- DISPLAY : NONE -------------------- */
    .display_none,header .env_hf_menu,#login-register,
    .env_hf_image.social .hf-image-envelope.with-link a img,
    .google-lang-position-others,
    .env_horizontal_menu_clone_column,
    #data-header,
    .data-header,
    .data-footer.header,
    .oznamy_date .oznamy-comma,
    .env_main_menu,
    .env_hf_multi_foto,
    .reklamny-partner,
    .reklamni_partneri.reklamni_partneri_l,
    .reklamni_partneri.reklamni_partneri_r {
        display: none;
    }
    /* -------------------- DISPLAY : NONE END -------------------- */


   /* -------------------- HEADER -------------------- */
    header .column_h {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 10px;
        display: grid;
        grid-auto-rows: auto;
        grid-template-columns: 3fr 44px;
        align-items: center;
    }

    header .env_hf_logo {
        position: relative;
        flex-wrap: wrap;
        top: 0;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 0;
        max-width: unset;
        width: auto;
        grid-row: 1;
        z-index: 10;
    }

    header .env_hf_menu {
        z-index: 9;
    }

    header .env_hf_module_container.header-data {
        background: var(--bg-menu-bottom-rwd);
        bottom: 0;
        width: 100%;
        box-sizing: content-box;
        top: auto;
        margin: 0 0px 0 -10px;
        height: 60px;
        position: fixed;
        box-shadow: 1px 1px 10px -4px #555;
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .module_envelope_h.env_hf_menu_rwd {
        position: relative;
        width: auto;
        height: auto;
        right: 0;
        z-index: 8;
        display: flex;
        flex-wrap: wrap;
        grid-row: 1;
        top: 0;
    }
    /*----------------------------------------------------------------------------------------*/


    /* LOGO */
    header .header-logo-envelope > a {
        text-decoration: none;
        position: relative;
        border: none;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        align-items: center;
        column-gap: 0.5rem;
    }

    header .header-logo-envelope > a:focus {
/*        outline-color: #fff !important;*/
    }

    header .header-logo-img-envelope {
        display: flex;
        grid-column: 1;
        grid-row: 1/3;
    }

    header .header-logo-img-envelope img {
        height: 48px;
    }

    header .header-logo-text {
        font-size: 1.5rem;
        font-family: Zilla Slab, serif;
        height: auto;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0;
        font-weight: var(--logo-text-font-weight);
        text-transform: var(--logo-text-text-transform);
        color: var(--logo-text-color);
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        line-height: 105%;
    }

    header .header-logo-text-ext {
        font-size: 0.875rem;
        position: relative;
        font-weight: 400;
        text-transform: none;
        padding: 0;
        grid-column: 2;
        grid-row: 2;
        line-height: 110%;
        color: var(--logo-text-ext-color);
    }
    /* LOGO END */


    /* QUOTE */
    header .quote {
        display: none;
    }
    /* QUOTE END */


    /* RWD */
    .env_hf_menu_rwd .module-inner-envelope {
        position: unset;
    }

    .rwd-menu-container,
    .rwd-menu-container.closed {
        position: absolute;
        width: 0;
        opacity: 0;
        right: -100%;
        height: auto;
        transition-duration: 0.5s;
    }

    #rwd-menu-container-env {
        width: 100%;
    }

    .rwd-menu-container.opened {
        position: absolute;
        width: calc(100vw - 16px);
        display: flex;
        flex-wrap: wrap;
        top: 70px;
        right: -10px;
        opacity: 1;
        background: #f5f5f5;
        box-shadow: 0 15px 15px 0 #000000;
        transition-duration: 0.5s;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        text-align: right;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        box-sizing: content-box;
        font-weight: bold;
        margin: 0;
        height: 44px;
        width: 44px;
        transition: 0.15s;
        position: relative;
        font-size: 0;
        border: none !important;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a::after {
        display: flex;
        content: "\f0c9";
        clear: both;
        z-index: 1;
        position: relative;
        font: bold normal normal 30px/1 FontAwesome;
        color: var(--mobile-menu-icon);
        text-decoration: none !important;
        border: none !important;
        padding: 0;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a.opened::after {
        content: "\f00d";
    }

    #rwd-menu-container.opened ul.hf-hmenu,
    #rwd-menu-container.opened ul.aside-menu-cover-common {
        display: flex;
        width: 100%;
        flex-wrap: wrap;    
    }

    #rwd-menu-container.opened ul.hf-hmenu li,
    #rwd-menu-container.opened ul.aside-menu-cover-common li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        margin: 0;
        background: none;
    }
    /* RWD END */


    /* -----  NAVIGATION ----- */
    .hf-menu-envelope {
        width: 100%;
    }

    .hf-menu.with-submenu.liclosed .hf-hsubmenu.hclosed {
        display: none;
    }

    .hf-hsubmenu.hopened {
        display: block;
    }

    .hf-hsubmenu.opened {
        display: block;
        position: relative;
        width: 100%;
    }    

    .hf-menu.level-0 > .hf-menu-envelope > a, 
    ul.aside-menu-cover-common .menu_hlavicka a.menu_hlavicka {
        width: 100%;
        height: auto;
        font-size: 1.1875rem;
        font-weight: bold;
        text-transform: none;
        text-decoration: none;
        color: var(--primary);
        padding: 10px 30px 10px 10px;
        margin-bottom: 3px;
        background: #fff;
        border-left: 2px solid var(--main-color);
        position: relative;
        display: inline-flex;
         
    }

    li.hf-menu.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger {
        background: #fff;
        color: var(--link-color-main);
    }

    #rwd-menu-container li.hf-menu.with-submenu > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        content: '\f0D7';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        right: 0;
        width: 20px;
        top: 16px;
        margin: auto;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--link-color-main);
    }

    #rwd-menu-container li.hf-menu.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
        right: 10px;
    }

    #rwd-menu-container li.hf-menu.with-submenu.current > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        color: var(--link-color-white);
    }

    #rwd-menu-container li.hf-menu.with-submenu.current.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        color: var(--link-color-main);
    }

    .hf-menu.with-submenu .hor-menu {
        /*position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        transition: all 0.3s ease-in-out;*/
        display: none;
    }

    /*.hf-menu.with-submenu .hor-menu.active {
        top: 10px;
        height: auto;
    }*/

    /* Navigation Vertical menu */
    ul.aside-menu-cover-common li.selector-for-mob-menu.menu_hlavicka_current a.under-menu-trigger-new-generation,
    ul.aside-menu-cover-common li.selector-for-mob-menu.menu_hlavicka.opened a.under-menu-trigger-new-generation.opened {
        background: var(--color-active);
        color: #fff;
        margin: 3px 0 3px 3px;
    }

    ul.menu_cover > li.opened.menu-level-0 > a {
        background: var(--color-active);
        color: #fff;
    }

    ul.menu_item_0.opened .opened.menu-level-1 > a.undermenu-trigger-new-generation,
    ul.menu_item .menu-level-1.opened a.undermenu-trigger-new-generation.opened {
        background: var(--color-active);
        color: #fff;
    }

    ul.menu_item_1.opened .opened.menu-level-2 a.undermenu-trigger-new-generation,
    ul.menu_item .menu-level-2.opened a.undermenu-trigger-new-generation.opened {
        background: var(--color-active);
        color: #fff;
    }  

    /* Navigation Vertical menu END */


    .hf-menu.with-submenu .hor-menu::after, 
    ul.aside-menu-cover-common .menu_hlavicka.with-submenu a.menu_hlavicka::after,
    ul.menu_cover li.menu-level-0.level-0-has-submenu a.menu_item_0::after,
    ul.menu_item_0 li.menu-level-1.level-1-has-submenu a.menu_item_1::after {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        content: '\f0D7';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        right: 0;
        width: 20px;
        top: 16px;
        margin: auto;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--priamry);
    }

    .hf-menu.with-submenu .hor-menu.active::after, 
    ul.aside-menu-cover-common .menu_hlavicka.with-submenu.opened a.menu_hlavicka::after,
    ul.menu_cover li.menu-level-0.level-0-has-submenu.opened a.menu_item_0.opened::after,
    ul.menu_item_0 li.opened.menu-level-1.level-1-has-submenu a.menu_item_1::after,
    ul.menu_item_1 li.opened.menu-level-2.level-2-has-submenu a.menu_item_2::after,
    ul.menu_item_2 li.opened.menu-level-3.level-3-has-submenu a.menu_item_3::after {
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
        right: 6px;
        /*top: auto;*/
        color: #fff;
    }

    .hf-menu.level-1.current.with-submenu .active.hor-menu::after,
    ul.aside-menu-cover-common .menu_hlavicka_current.with-submenu a.menu_hlavicka::after,
    ul.menu_cover li.menu-level-0.level-0-has-submenu.opened a.menu_item_0.opened::after,
    ul.menu_cover li.opened.menu-level-0.level-0-has-submenu a.menu_item_0::after,
    ul.menu_item_0 li.menu-level-1.level-1-has-submenu.opened a.menu_item_1.opened::after {
        color: #fff;
        content: '\f0D8';
        right: 0;
        transform: none;
    }
    
    .hf-menu.level-0.current > .hf-menu-envelope a, 
    .hf-menu.level-1.current > .hf-menu-envelope a,
    .hf-menu.level-2.current > .hf-menu-envelope a,
    .hf-menu.level-3.current > .hf-menu-envelope a,
    ul.aside-menu-cover-common li.menu_hlavicka_current a.menu_hlavicka_current, 
    ul.menu_cover li.active.menu-level-0 a.menu_item_0_active,
    ul.menu_item_0.opened li.active.menu-level-1 a.menu_item_1_active,
    ul.menu_item_1.opened li.active.menu-level-2 a.menu_item_2_active {
        font-weight: 600;
        color: #fff;
        background: var(--main-color);
    }

    /* level 1 */
    .hf-menu.level-1 .hf-menu-envelope a,
    ul.menu_cover li.menu-level-0 a {
        width: 100%;
        height: auto;
        font-size: 1.1875rem;
        padding: 10px 25px 10px 10px;
        font-weight: 400;
        color: var(--main-color);
        position: relative;
        display: inline-flex;
        text-decoration: none;
        border-bottom: 1px dotted;
    }

    .hf-menu.level-1 .hf-menu-envelope a:hover,
    ul.menu_cover li.menu-level-0 a:hover {
        text-decoration: underline;
    }

    .hf-hmenu ul.hf-hsubmenu,
    ul.menu_cover {
        border-left: 2px solid var(--main-color);
        top: 0;
        width: 100%;
        position: relative;
/*        box-shadow: 2px 9px 10px -5px #000;*/
    }

    .hf-hmenu ul.hf-hsubmenu:nth-of-type(2n+2) {
        background: #E9E9E9 ;
    }
    
    /* level 2 */
    .hf-menu.level-2 .hf-menu-envelope a,
    ul.menu_item_0 li.menu-level-1 a {
        /*color: var(--primary);*/
    }

    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu,
    ul.menu_item_0 {
        border-left: 4px solid var(--main-color);
        background: #fff;
        width: 100%;
        margin: 3px 0 3px 3px;
        box-shadow: 2px 9px 10px -5px #000;
    }

    /* level 3 */
    .hf-menu.level-3 .hf-menu-envelope a,
    ul.menu_item_1 li.menu-level-2 a {
        color: var(--main-color);
    }

    .hf-hmenu ul.hf-hsubmenu .level-2 ul.hf-hsubmenu,
    ul.menu_item_1 {
        border-left: 4px solid var(--main-color);
        width: 100%;
        margin: 3px 0 3px 3px;
        box-shadow: 2px 9px 10px -5px #000;
    }
    /* -----  NAVIGATION END ----- */


    /* header-data  */
    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(var(--rwd-menu-icons-count), minmax(auto, 150px));
        align-items: center;
        justify-content: center;
        padding-top: 0;
    }

    header .env_hf_module_container.header-data .module-in-container {
        display: inline-flex;
        font-size: 1.1875rem;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        min-width: 41px;
        width: auto;
        flex-grow: 1;
        color: var(--primary);
    }

    header .env_hf_module_container.header-data .module-in-container.phone,
    header .env_hf_module_container.header-data .module-in-container.email {
        display: none;
    }

    a#homepage-link-with-text-envelope,
    span#login-login a,
    input#search-submit-button,
    .env_hf_contacts .module_body a,
    .env_hf_image.social .hf-image-envelope.with-link a,
    .env_hf_text_pure.FB.social .module_body a,
    .FB.social .editor a,
    #my-current-lang,
    header .env_hf_login_register #logout-logout a,
    header .env_hf_login_register #logout-data a {
        display: flex;
        width: 2.5rem;
        height: 2.5rem;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 0;
        color: var(--primary);
        text-decoration: none;
        cursor: pointer;
    }

    #search-box-submit {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .FB.social .editor p,
    .IG.social .editor p,
    .YT.social .editor p {
        margin-bottom: 0;
    }

    .FB.social .module_body a,
    .FB.social .editor a,
    .IG.social .module_body a,
    .IG.social .editor a,
    .YT.social .module_body a,
    .YT.social .editor a {
        display: flex;
        width: 2.5rem;
        height: 2.5rem;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 0;
        font-size: 0;
        text-decoration: none;
        cursor: pointer;
        color: var(--header-data-text-color);
    }


    /* GOOGLE TRANSLATE */
    .env_hf_google_translate {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }

    #my-current-lang {
        font-size: 1rem;
        text-transform: uppercase;
        height: auto;
        justify-content: flex-start;
        text-decoration: underline;
        color: var(--header-icons-color);
    }

    #my-current-lang:hover {
        text-decoration-thickness: 3px;
    }

    .google-lang-position-others {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        bottom: 40px;
        width: 100%;
        background: #fff;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 0 15px -5px #00000025;
    }

    .google-lang-position-others a.google-lang-position {
        text-transform: uppercase;
        width: 100%;
        height: 44px;
        color: var(--main-color);
        font-size: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration-thickness: 1px;
        transition: all 0.3s ease-in-out;
    }

    .google-lang-position-others a.google-lang-position:hover {
        background: var(--other-lang-hover);
        color: var(--link-color-white);
        text-decoration-thickness: 3px;
    }
    /* GOOGLE TRANSLATE END */
    

    /* FINDER */
    .env_hf_finder {
        position: relative;
        width: auto !important;
        top: auto;
        align-items: flex-start;
        border: none;
    }

    #search-submit-button {
        display: flex !important;
        background: transparent;
        border: none;
        z-index: 9999;
    }
    /* FINDER END */    


    /*ICONS*/
    a#homepage-link-with-text-envelope::before,
    span#login-login a::before,
    .env_hf_contacts .module_body a::before,
    .env_hf_image.social .hf-image-envelope.with-link a::before,
    a#finder-trigger::after, #my-current-lang::after,
    header .env_hf_login_register #logout-logout::before,
    .FB.social .editor a::before,
    .IG.social .editor a::before,
    .YT.social .editor a::before {
        color: var(--header-icons-color);
    }

    header .env_hf_login_register #logout-logout::before {
        z-index: 1;
    }

    a#homepage-link-with-text-envelope::before {
        display: flex;
        content: "\f015";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 22px/1 FontAwesome;
    }

    span#login-login a::before {
        display: flex;
        content: "\f0e0";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 23px/1 FontAwesome;
    }

    .env_hf_contacts .module_body a::before {
        display: flex;
        content: "\f007";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 22px/1 FontAwesome;
    }

    .FB.social .hf-image-envelope.with-link a::before,
    .env_hf_text_pure.FB.social .module_body a::before,
    .FB.social .editor a::before {
        display: flex;
        content: "\f082";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 22px/1 FontAwesome;
    }

    .IG.social .hf-image-envelope.with-link a::before,
    .env_hf_text_pure.IG.social .module_body a::before,
    .IG.social .editor a::before {
        display: flex;
        content: "\f16d";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 22px/1 FontAwesome;
    }

    .YT.social .hf-image-envelope.with-link a::before,
    .env_hf_text_pure.YT.social .module_body a::before,
    .YT.social .editor a::before {
        display: flex;
        content: "\f167";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 22px/1 FontAwesome;
    }

    #search-box-submit::after {
        display: flex;
        content: "\f002";
        clear: both;
        right: auto;
        width: auto;
        height: 100%;
        color: var(--header-icons-color);
        z-index: 1;
        position: absolute;
        font: normal normal normal 22px/1 FontAwesome;
        transition-duration: 0.3s;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    #search-box-submit:hover::after {
        transition-duration: 0.3s;
        transform: rotate(90deg);
    }

    #my-current-lang.notranslate::after {
        display: flex;
        content: '\f0d7';
        clear: both;
        z-index: 1;
        position: absolute;
        left: 1.5rem;
        transition: all 0.3s ease-in-out;
        font: normal normal normal 16px/1 FontAwesome;
    }

    #my-current-lang.notranslate.lang-opened::after {
        transform: rotate(180deg);
    }
    /*ICONS END || header-data END */
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* LAYOUT */
    #extra-block-top {
/*        background: url('bg-body.png') no-repeat center center;*/
    }

    #extra-block-top .column_ha {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 0;
        row-gap: 0;
/*        margin-top: 1.5rem;*/
/*        max-width: 1200px;*/
    }
    /* LAYOUT END */


    /* FOTO BANNER */
    .multi-foto-link-system {
        background: none !important;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .multi-foto-link-system .multi-foto-link-controls {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        bottom: 1.5rem;
        right: 1.5rem;
        max-width: 1100px;
        width: 95%;
        margin: 0 auto;
    }

    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-stop--0,
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-start--0 {
        box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        justify-content: center;
        align-items: center;
        position: relative;
        display: flex;
        border-radius: 50%;
        text-decoration: none;
        border: none;
        box-shadow: 0 0 16px #000;
    }

    .multi-foto-link-controls #multi-foto-link-stop--0::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f28b';
        clear: both;
        font: normal normal normal 2rem/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #fff;
        background: #363636;
        border-radius: 50%;
    } 

    .multi-foto-link-controls #multi-foto-link-start--0::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f144';
        clear: both;
        font: normal normal normal 2rem/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #363636;
        background: #fff;
        border-radius: 50%;
    }

    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-stop--0.current,
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-start--0.current {
        display: none;
    }
    /* FOTO BANNER END */


    /* BANNER SLOT */
    /* BANNER SLOT GENERAL */
    .env_hf_banner_slot {
        grid-column: 1/3;
        padding: 0 0.5rem;
/*        max-width: 1200px;*/
        margin: 0 auto;
    }

    #page-banner-homepage {
        width: 100%;
        position: relative;
/*        margin: 0px auto 40px;*/
        overflow: visible;
        /* border: 1px solid #eee; */
        /*border-radius: 0;*/
    }

    #banner-homepage {
        display: grid;
        grid-template-columns: 100%;
        max-width: 1200px;
        margin: 0 auto;
        border-radius: 0;
/*        border: 2px solid #eee;*/
    }

    #banner-homepage-img-link img {
        height: auto;
    }

    #main-banner-buttons {
        position: relative;
        margin: 0;
        display: flex;
        padding: 5px;
        grid-column: 1;
        grid-row: 3/4;
        width: 100%;
        flex-flow: row;
        align-items: center;
        background: var(--bg-banner-slot);
    }

    #banner-slot-a,
    #banner-slot-p {
        display: none;
    }

    .banner-actual-button {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 2.75rem;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .banner-actual-button a {
        width: 100%;
        height: 2.75rem;
        position: relative;
        transition: all 0.3s ease-in-out;
        border-radius: 50%;
        display: flex;
        color: transparent;
        align-items: center;
        justify-content: center;
    }

    .banner-actual-button a:focus {
        outline-offset: -5px !important;
    }

    .banner-actual-button a::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f111';
        clear: both;
        font: normal normal normal 12px/1 FontAwesome;
        border: 2px solid var(--banner-btn-non-actual);
        border-radius: 50%;
        position: relative;
    }

    .banner-actual-button a:hover::after {
        background: var(--banner-btn-actual);
    }

    .banner-actual-button.current a::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f111';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        border: none;
        border-radius: 50%;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--banner-btn-actual);
    }

    #banner-buttons-control-envelope {
        position: relative;
        display: inline-flex !important;
        width: 2.75rem;
        right: 0.5rem;
        bottom: 0;
        flex-grow: 1;
        height: 2.75rem;
        align-items: center;
        justify-content: flex-end;
        cursor: auto;
    }

    #main-banner-buttons #banner-buttons-control-envelope {
        cursor: auto;
    }

    /*#banner-buttons-stop-a,#banner-buttons-start-a*/
    #banner-buttons-stop, #banner-buttons-start {
        position: relative;
        width: 2.75rem; 
        height: 2.75rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    } 

    #banner-buttons-start {
        background: #fff;
    }

    #banner-buttons-start::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f144';
        clear: both;
        font: bold normal normal 2rem/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #363636;
        border-radius: 50%;
        background: #fff;
        overflow: hidden;
    }

    #banner-buttons-stop::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f28b';
        clear: both;
        font: bold normal normal 2rem/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #fff;
        background: #363636;
        border-radius: 50%;
        box-shadow: 0 0 6px #555;
    }

    #main-banner-buttons .banner-button-control {
        display: none;
    }

    #main-banner-buttons .banner-button-control.notcurrent {
        display: flex;
    }
    /* BANNER SLOT GENERAL END */


    /* BANNER SLOT BASIC */
    #banner-homepage-img-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        grid-column: 1;
        grid-row: 1/2;
        max-height: 311px;
        overflow: hidden;
        border-radius: 0 0 0 0;
    }

    #banner-slot-text-array {
        grid-row: 2/4;
        grid-column: 1;
        background: var(--bg-banner-slot);
        border-radius: 0 0 0 0;
    }

    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1rem;
        font-weight: 600;
        color: var(--banner-h2);
        padding: 0 1rem !important;
        background: none;
        border: 0;
        margin: 0.5rem 0 3rem;
        height: 2.75rem;
        min-height: unset;
        text-align: left;
        line-height: 125% !important;
        text-transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /* BANNER SLOT BASIC END */


    /* BANNER SLOT NEW */
    /*#banner-homepage-img-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        grid-column: 1;
        grid-row: 1/3;
        overflow: hidden;
        border-radius: 0 0 0 0;
        max-height: 332px;
    }

    #banner-slot-text-array {
        grid-row: 2/3;
        grid-column: 1;
        background: var(--bg-banner-slot);
        border-radius: 0 0 0 0;
    }

    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1rem;
        font-weight: 600;
        color: var(--banner-h2);
        padding: 0 1rem !important;
        background: none;
        border: 0;
        margin: 2.5rem 0 0.75rem;
        height: 2.5rem;
        min-height: unset;
        text-align: left;
        line-height: 125% !important;
        text-transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }*/
    /* BANNER SLOT NEW END */
    /* BANNER SLOT END */


    /* RYCHLE LINKY */
    #extra-block-top .news.links {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 1rem;
        background: var(--bg-rychle-linky);
        border: 1px solid #ddd;
    }

    #extra-block-top .news.links .editor div {
        display: grid;
        max-width: 1200px;
    }

    #extra-block-top .news.links .editor h3 {
        font-size: 1.625rem !important;
        font-weight: 600;
        color: var(--rychle-linky-h3);
        text-align: center;
        text-transform: none;
        margin: 0.5rem 0;
        justify-content: center;
    }

    #extra-block-top .news.links .editor ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        list-style: none;
        gap: 0.5rem;
        padding: 0 0.5rem;
    } 

    #extra-block-top .news.links .editor ul li {
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    #extra-block-top .news.links .editor ul li a {
        font-size: var(--regular-text-font-size);
        font-weight: 400;
        color: var(--rychle-linky-color);
/*        background: linear-gradient(121deg, #FFF 46.65%, #E6FBF1 105.88%);*/
        min-height: 60px;
        line-height: normal;
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: 1rem;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        text-decoration: none;
        width: 100%;
        max-width: 150px;
        margin: 0 auto;
/*        border: 2px solid #B3D4C5;*/
    }

    #extra-block-top .news.links .editor ul li a::before {
        display: var(--rychle-linky-icons-display);
        content: "";
        clear: both;
        z-index: 1;
        color: var(--rychle-linky-icons);
        position: relative;
        font: normal normal normal 24px/1 FontAwesome;
    }

    #extra-block-top .news.links .editor ul li:nth-of-type(1) a::before {
        content: "\f007";
    }

    #extra-block-top .news.links .editor ul li:nth-of-type(2) a::before {
        content: "\f570";
    }

    #extra-block-top .news.links .editor ul li:nth-of-type(3) a::before {
        content: "\f5bf";
    }

    #extra-block-top .news.links .editor ul li:nth-of-type(4) a::before {
        content: "\f2ed";
    }

    #extra-block-top .news.links .editor ul li:nth-of-type(5) a::before {
        content: "\f0e3";
    }

    #extra-block-top .news.links .editor ul li a:hover {
/*        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);*/
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
        filter: grayscale(1);
    }
    /* RYCHLE LINKY END */


    /* URBIS TOP */
    #extra-block-top .top-info h1 {
        color: #fff;
        margin: 1.5rem auto 1rem;
    }

    #extra-block-top .top-info h1::before,
    #extra-block-top .top-info h1::after {
        display: none;
    }

    #extra-block-top .top-info .editor {
        display: grid;
        grid-template-columns: 100%;
        gap: 10px;
    }

    #extra-block-top .top-info .editor > div {
        width: calc(100% - 1.25rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        border-radius: 0;
        background: linear-gradient(121deg, rgba(255, 255, 255, 0.65) -5.85%, #FFF 68.68%);
        padding: 20px 30px;
        max-width: 430px;
    }

    #extra-block-top .top-info .editor > div h3 {
        margin-bottom: 1rem;
        padding: 0.25rem 0.75rem;
        min-height: unset;
        position: relative;
        line-height: unset;
        font-size: var(--bigger-text-font-size) !important;
    }

    #extra-block-top .top-info .editor > div h3::before {
        display: block !important;
        clear: both;
        content: "";
        background: transparent;
        position: absolute;
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
        background: url('top-content-before.png') no-repeat center center;
        background-size: contain;
/*        border-radius: 10px 0 0 0;
        border-left: 2px solid var(--main-color);
        border-top: 2px solid var(--main-color);*/
    }

    #extra-block-top .top-info .editor > div h3::after {
        display: block !important;
        clear: both;
        content: "";
        background: transparent;
        position: absolute;
        width: 18px;
        height: 18px;
        right: 0;
        bottom: 0;
        background: url('top-content-after.png') no-repeat center center;
        background-size: contain;
/*        border-radius: 0 0 10px 0;
        border-right: 2px solid var(--main-color);
        border-bottom: 2px solid var(--main-color);*/
    }

    #extra-block-top .top-info .editor > div p {
        margin-bottom: 0.5rem;
    }

    #extra-block-top .top-info .editor > div p a {
        font-size: 1.25rem;
        font-weight: 700;
    }
    /* URBIS TOP END */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */


    /* -------------------- MAIN CONTENT -------------------- */
    #main-content .column_mc {
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: 100%;
        grid-gap: 10px;
        word-break: break-word;
    }

    main#main {
        grid-row: 1;
        margin-bottom: 25px;
        width: 100%;
    }

    aside#left-column {
        grid-row: 2;
        margin-bottom: 25px;
        display: var(--left-display);
    }

    aside#right-column {
        grid-row: 3;
        margin-bottom: 25px;
        display: var(--right-display);
    }

    #homepage_0 aside#left-column {
        display: none;
    }

    #homepage_0 aside#right-column {
        display: block;
    }


    /* --------------- LEFT COLUMN / RIGHT COLUMN --------------- */
    aside#left-column div.module_envelope,
    aside#right-column div.module_envelope {
        margin-bottom: 1.5rem;
    }

    #homepage_0 aside#left-column div.module_envelope.env_horizontal_menu_clone_column {
        margin-bottom: 0;
    }

    aside h2,
    aside a.menu_hlavicka,
    aside .module_header_calendar,
    .env_napiste_nam div a, 
    .env_hotline div a, 
    .env_sms_hlasnik div a, 
    .env_social_webs > div > div {
        font-size: 1.4375rem;
        color: var(--h2-color);
        background: var(--h2-aside-background);
        font-weight: bold;
        display: block;
        width: 100%;
        line-height: 34px !important;
        border-bottom: 2px solid var(--aside-h2-border);
        margin-bottom: 15px;
        padding: 0.75rem 0 !important;
    }

    aside a.menu_hlavicka::before,
    aside h2::before,
    aside .module_header_calendar::before,
    .env_napiste_nam div a::before, 
    .env_hotline div a::before, 
    .env_sms_hlasnik div a::before, 
    .env_social_webs > div > div::before,
    #main-content .column_mc .module_header_region_info a::before {
        display: none;
        content: '';
        height: 14px;
        width: 14px;
        border: 2px solid #D0190F;
        margin-right: 0.75rem;
        position: relative;
        border-radius: 4px;
        transform: rotate(45deg);
    }

    div.module_envelope .menu_hlavicka a {
        text-decoration: underline;
    }


    /* KALENDAR PODUJATI */
    .env_kalendar_podujati .kalendar_podujati_month {
        display: flex;
        justify-content: space-between;
        background: var(--h2-aside-background);
        padding: 0.75rem 0.25rem;
        font-weight: bold;
    }

    .env_kalendar_podujati .kalendar_podujati_month span {
        display: flex;
        align-items: center;
        position: relative;
    }

    .env_kalendar_podujati .kalendar_podujati_month span.actual_month {
        font-size: 1.1875rem;
        color: var(--priamry);
    }

    .env_kalendar_podujati .kalendar_podujati_month span a {
        display: flex;
        width: 2.5rem;
        height: 2.5rem;
        text-decoration: none !important;
        position: relative;
        background: none;
        float: none;
        border: none;
        z-index: 9999;
    }

    /*.env_kalendar_podujati .kalendar_podujati_month span.month_prev::after {
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }

    .env_kalendar_podujati .kalendar_podujati_month span.month_next::after {
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color)
    }

    .env_kalendar_podujati .kalendar_podujati_month span:hover::after {
        font-size: 23px;
        transition: all 0.3s ease-in-out;
    }*/

    div.kalendar_podujati_days .kalendar_podujati_day_of_week {
        display: grid;
        grid-auto-rows: auto;
        border-bottom: 2px solid #F5F5F5;
        grid-template-columns: repeat(7, 1fr);
    }

    div.kalendar_podujati_days .kalendar_podujati_day_of_week li {
        grid-row: 1;
        padding: 6px 0;
        text-align: center;
        font-weight: bold;
        width: auto;
        float: none;
        list-style: none;
    }

    div.kalendar_podujati_days .kalendar_podujati_days {
        width: auto;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-auto-rows: auto;
        margin: 0;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li {
        float: none;
        margin: 1px 1px;
        width: auto;
        text-align: center;
        padding: 0;
        background: none;
        overflow: hidden;
        font-size: 1rem;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li a {
        display: flex;
        border: none;
        justify-content: center;
        min-height: 35px;
        align-items: center;
        color: var(--priamry);
        transition-duration: 0.35s;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions {
        color: var(--link-color-main);
        text-decoration: underline;
        position: relative;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions::after {
        display: block;
        content: '';
        position: absolute;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        right: 0.5rem;
        top: 0.5rem;
        background: var(--link-color-main);
        transition-duration: 0.35s;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li a:hover {
        background: var(--main-color);
        color: #fff;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions:hover::after {
        background: var(--link-color-white);
    }

    div.kalendar_podujati_days .kalendar_podujati_days li.today a {
        padding: 0;
        box-sizing: content-box;
        outline: 2px solid var(--link-color-main);
        outline-offset: -2px;
    }
    .env_kalendar_podujati ul li {
        list-style-type: none;
    }

    .env_kalendar_podujati .brclear {
        display: none;
    }
    /* KALENDAR PODUJATI END */


    /* UPUTAVKY */
    .env_uputavky_new .uputavka-new-subtitle {
        font-size: 1.1875rem;
        font-weight: bold;
        padding: 10px 0;
    }

    .env_uputavky_new .uputavka-new-text {
        color: #0065B3;
    }

    .env_dynamika_prava_strana a,
    .uputavka-new-image-envelope a {
        display: flex;
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
        border-radius: var(--border-radius-general);
        border-radius: 10px;
        overflow: hidden;
/*        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);*/
/*        border: 2px solid #E9E7E7;*/
    }

    .uputavka-new-image-envelope a:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px -30px #000;
    }
    /* UPUTAVKY END */


    /* EUT V STLPCI */
    .env_elektronicka_uradna_tabula_stlpec ul li h3 {
        max-height: unset;
        font-size: 1.1875rem !important;
    }

    .env_elektronicka_uradna_tabula_stlpec ul li p {
        max-height: unset;
    }

    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li:hover a {
        background: var(--main-color);
        color: #fff;
        transform: translateY(-3px);
    }
    /* EUT V STLPCI END */


    /* REGION AKTUALNE */
    #main-content .column_mc .module_header_region_info {
        font-size: var(--region-aktualne-font-size);
        background: var(--region-aktualne-bg);
        color: var(--region-aktualne-color);
        font-weight: var(--region-aktualne-font-weight);
        line-height: 34px !important;
        border-bottom: 3px solid var(--region-aktualne-border);
        margin-bottom: 15px;
        padding: 0.75rem 0 !important;
        min-height: 50px;
    }

    #main-content .column_mc .module_header_region_info a {
        text-decoration: underline;
        font-size: 1.4375rem;
    }

    div.region-info-left {
        float: left;
        width: 50%;
        text-align: left;
        height: auto;
        padding: 0 0 0 1px;
        word-break: break-all;
        font-size: 1rem;
        color: var(--region-aktualne-text-color);
    }

    div.region-info-right {
        float: right;
        width: 45%;
        height: auto;
        text-align: left;
        font-size: 1rem;
        word-break: break-all;
        color: var(--region-aktualne-text-color);
    }

    div.region-info-left a,
    div.region-info-right a {
        position: relative;
        line-height: 150%;
    }

    div.region-info-left a:hover,
    div.region-info-right a:hover {
        text-decoration-thickness: 3px;
    }

    a.reklamni_partneri::before {
        bottom: -0.25rem;
    }
    /* REGION AKTUALNE END */ 


    /* KALENDAR PODUJATI V STLPCI */ 
    div.menu_hlavicka_l.with-add span, 
    div.menu_hlavicka_r.with-add span {
        display: block;
        float: unset;
        width: auto;
    }

    div.menu_hlavicka_l.with-add span.header-add, 
    div.menu_hlavicka_r.with-add span.header-add {
        float: unset;
        width: auto;
        margin-top: 5px;
    }

    div.menu_hlavicka_r.with-add span.header-add {
        display: none;
    }
    /* KALENDAR PODUJATI V STLPCI END */ 
 
    
    /* REKLAMNY PARTNER */ 
    div.menu_hlavicka.reklamny-partner {
        display: none;
    }
    /* REKLAMNY PARTNER END */

    /* --------------- LEFT COLUMN / RIGHT COLUMN END --------------- */


    /* --------------- MAIN COLUMN --------------- */

    /* BREADCRUMBS */
    #menu-navigation-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    #menu-navigation-inner span {
        margin-bottom: 10px;
    }

    #menu-navigation-inner span a {
        /*text-decoration: underline;*/
    }

    #menu-navigation-inner .menu-navigation-separator {
        padding: 0 10px;
    }
    /* BREADCRUMBS END */


    /* ----- TABBED ----- */
    #tabbed-page-modules ul.tabbed-page-modules {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        margin: 1.5rem auto;
    }

    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 430px;
    }

    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger {
        background: var(--tabbed-bg);
        color: var(--tabbed-color);
        border-bottom: 2px solid var(--tabbed-border);
        font-size: var(--regular-text-font-size);
        font-weight: bold;
        text-transform: none;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 50px;
        border-radius: 0;
    }

    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger.current,
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a.current,
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li:hover a.tabbed-page-modules-li-a-trigger {
        background: var(--tabbed-bg-active);
        color: var(--tabbed-color-active);
        border-bottom: 2px solid var(--tabbed-border-active);
        position: relative;
    }

    div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current::after {
        display: none;
        content: '';
        clear: both;
        width: 0;
        height: 0;
        bottom: -10px;
        left: 50%;
        border-right: 10px solid transparent;
        border-top: 10px solid #FFC600 /*var(--tabbed-bg-active)*/;
        border-left: 10px solid transparent;
        /* transform: translateX(-50%) rotate(45deg); */
        transform: translateX(-50%);
        right: auto;
        z-index: 1;
        margin: 0 auto;
        position: absolute;
    }

     
    /* ŠÍPKA POD AKTIVNOU ZÁLOŽKOU*/
    /*#tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger.current::after,
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a.current::after {
        display: flex;
        content: '\f0d7';
        justify-content: center;
        clear: both;
        font: normal normal normal 19px/1 FontAwesome;
        position: absolute;
        left: 0;
        right: 0;
        color: #0065B3;
        bottom: -12px;
    }*/
    /* ----- TABBED END ----- */


    /* BLOCK LINKS */
    main .block-links {
        margin: 2rem auto 1.5rem;
    }

    main .block-links h3 {
        text-align: center;
        width: fit-content;
        margin: 0 auto 1rem;
        padding: 0.5rem 1rem;
        min-height: unset;
    }

    main .block-links h3::before {
        display: block !important;
        clear: both;
        content: "";
        background: transparent;
        position: absolute;
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
        background: url(top-content-before.png) no-repeat center center;
        background-size: contain;
    }

    main .block-links h3::after {
        display: block !important;
        clear: both;
        content: "";
        background: transparent;
        position: absolute;
        width: 18px;
        height: 18px;
        right: 0;
        bottom: 0;
        background: url(top-content-after.png) no-repeat center center;
        background-size: contain;
    }

    main .block-links ul {
        display: grid;
        gap: 1rem;
        grid-template-columns: 100%;
        list-style: none;
        margin-bottom: 1rem;
    }

    main .block-links ul li {
        width: 100%;
        margin: 0 auto;
    }

    main .block-links ul li a {
        background: #fff;
        color: var(--link-color-dark);
        font-size: 1.25rem;
        font-weight: 700;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        max-width: 360px;
        margin: 0 auto;
        aspect-ratio: 300/260;
        padding: 1.5rem;
        border-radius: 0;
        justify-content: center;
        transition-duration: 0.3s;
    }

    main .block-links ul li a:hover {
        filter: grayscale(1);
        box-shadow: 0 0 10px #aaa;
        border-radius: 0 10px;
    }

    main .block-links ul li a img {
        max-height: 4rem;
        width: fit-content;
        margin: 0 auto;
    }
    /* BLOCK LINKS END */
 

    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE ----- */
    h2.oznamy-new-columns {
/*        display: flex;*/
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list,
    ul.oznamy-new-colums-list-default,
    ul.oznamy-new-columns-all-list-default,
    ul.oznamy-graphic-all-list-default,
    ul.actions-new-colums-list-default,
    ul.actions-new-columns-all-list-default,
    ul.actions-graphic-all-list-default { 
        display: grid; 
        grid-template-columns: auto;
        grid-auto-rows: auto;
        justify-content: center;
        width: 100%;
        row-gap: 2rem;
        column-gap: 1rem;
        margin-bottom: 1rem;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    ul.oznamy-new-columns-all-list-default li,
    ul.oznamy-graphic-all-list-default li,
    ul.actions-new-columns-all-list-default li,
    ul.actions-graphic-all-list-default li {
        display: var(--oznamy-display);
        flex-direction: column;
        grid-column: 1;
        background: var(--bg-oznamy);
        width: 100%;
        height: auto;
        max-width: 430px;
        border-bottom: var(--oznamy-border-bottom);
        overflow: visible;
        justify-self: center;
        padding: 0 0 0.125rem;
        transition-duration: 0.5s;
    }

    #m_170692 .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    #m_168181 .env_common_items_columns_responsive ul.oznamy-new-columns-list li {
        grid-template-columns: 100%;
    }

    #m_170692 .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope,
    #m_168181 .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope {
        display: none;
    }

    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default,
    ul.oznamy-graphic-all-list-default li div.short-text-envelope-default,
    ul.actions-new-columns-all-list-default li div.short-text-envelope-default {
        padding-left: 0;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li {
        max-width: 430px;
        width: 100%;
        display: grid;
        border-bottom: 1px solid #ddd;
        background: transparent;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li:hover, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li:hover, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li:hover, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li:hover, 
    .env_common_items_graphic ul.oznamy-graphic-list > li:hover, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list > li:hover, 
    .env_actions_portal_graphic ul.actions-graphic-list > li:hover, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list > li:hover {
        box-shadow: 0px 5px 25px -15px #000;
        transform: translateY(-3px);
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope,
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default,
    ul.actions-new-columns-all-list-default li div.image-envelope-default,
    ul.actions-graphic-all-list-default li div.image-envelope-default  {
        height: 50vw;
        max-height: 286px;
        overflow: visible;
        width: auto;
        margin: 0 0 10px;
        background: #fff;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope a,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope a,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope a,
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default a,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default a,
    ul.actions-new-columns-all-list-default li div.image-envelope-default a,
    ul.actions-graphic-all-list-default li div.image-envelope-default a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: var(--border-radius-general);
        border: none;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a img {
        border-radius: 0;
        transition: 5s all ease-out;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a:hover img {
        transform: scale(1.05);
        filter: grayscale(1);
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text-envelope,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text-envelope {
        padding: 0;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3,
    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3,
    ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3,
    ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3,
    ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 {
        border: none;
        margin-bottom: 0.5rem;
        min-height: 3.5rem;
        line-height: 120%;
        padding: 0 0.5rem !important;
    }

    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3,
    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 {
        margin-top: 0.5rem;
    }

    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list li h3,
    #m_35115  .env_actions_portal_column_responsive ul.actions-new-columns-list li h3,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 {
        min-height: unset !important;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3 a,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 a,
    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3 a,
    ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3 a,
    ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3 a,
    ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: var(--regular-text-font-size);
        height: auto;
        color: var(--oznamy-h3-color);
        text-decoration: underline !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a,
    #m_35115 .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a {
        -webkit-line-clamp: 1;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text,
    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default,
    ul.oznamy-graphic-all-list-default li div.short-text-envelope-default div.short-text-default,
    ul.actions-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default,
    ul.actions-graphic-all-list-default li div.short-text-envelope-default div.short-text-default {
        display: var(--oznamy-short-text-display);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: auto !important;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 0.5rem;
        min-height: 3rem;
        align-self: flex-start;
        text-align: left !important;
    }

    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text,
    #m_35115 .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text {
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
    }

    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default,
    ul.actions-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text,
    ul.oznamy-new-columns-all-list-default li .short-text,
    ul.actions-new-columns-all-list-default li .short-text {
        display: -webkit-box;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text {
        min-height: unset;
        -webkit-line-clamp: 2 !important;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .oznamy_date,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .oznamy_date {
        border-bottom: none;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a:hover,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3 a:hover,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a:hover,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 a:hover,
    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3 a:hover,
    ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3 a:hover,
    ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3 a:hover,
    ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 a:hover {
        text-decoration-thickness: 3px !important;
    }


    /* OZNAMY VODOROVE FILTER NO CATEGORY */
    .oznamy-new-colums-form-envelope form {
        display: grid !important;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        justify-content: unset !important;
    }

    .oznamy-new-colums-form-envelope form span {
        width: auto !important;
        height: auto;
    }

    .oznamy-new-colums-form-envelope form span.form-label {
        background: none;
        color: var(--priamry);
        text-align: left;
    }

    .oznamy-new-colums-form-envelope form span input,
    .oznamy-new-colums-form-envelope form span select {
        border: var(--filter-border);
        margin-bottom: 20px;
        min-height: 44px;
        padding: 0;
        font-size: 1rem;
    } 
    /* OZNAMY VODOROVE FILTER NO CATEGORY END */


    /* OZNAMY VODOROVE FILTER WITH CATEGORY */
    .oznamy-new-colums-form-envelope.with-kats form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        justify-content: unset;
    }

    .oznamy-new-colums-form-envelope.with-kats form span {
        width: auto;
        padding: 5px 0 0;
    }

    .oznamy-new-colums-form-envelope.with-kats form span.form-label {
        background: none;
        color: var(--priamry);
        text-align: left;
    }

    .oznamy-new-colums-form-envelope.with-kats form span input,
    .oznamy-new-colums-form-envelope.with-kats form span select {
        border: var(--filter-border);
        margin-bottom: 20px;
        min-height: 44px;
        padding: 0;
    } 
    /* OZNAMY VODOROVE FILTER WITH CATEGORY END */


    /* AKCIE VODOROVNE */
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .actions-date,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .actions-price,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .actions-date,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .actions-price {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-weight: bold;
        padding: 0 0.5rem;
    }

    .env_actions_portal_column_responsive ul.actions-new-columns-list li .actions-date span,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .actions-date span {
        grid-column: 1;
    }   

    .short-text-envelope .actions-date .adate-text {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }

    .short-text-envelope .actions-date .adate-text .time-item-common {
        grid-column: 1;
    }


    /* AKCIE VODOROVE FILTER */
    .env_actions_portal_column_responsive.list .actions-new-colums-form-envelope {
        padding: 10px;
        border-width: 0;
        margin-bottom: 20px;
    }

    .env_actions_portal_column_responsive.list form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        padding: 0px;
        justify-content: unset;
        box-shadow: 1px 1px 10px -5px #00000040;
    }

    .env_actions_portal_column_responsive.list form span {
        grid-column: 1;
        width: auto;
        padding: 0;
    }

    .env_actions_portal_column_responsive.list form span.form-label {
        background: none;
        color: var(--priamry);
        text-align: left;
    }

    .env_actions_portal_column_responsive.list form span.form-date,
    .env_actions_portal_column_responsive.list form span.form-select {
        margin-bottom: 20px;
    }

    .env_actions_portal_column_responsive.list form span input,
    .env_actions_portal_column_responsive.list form span select,
    .env_actions_portal_column_responsive.list form span.form-date {
        border: var(--filter-border);
        min-height: 44px;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 1rem;
        justify-content: center;
    }

    .env_actions_portal_column_responsive.list form span select {
        margin-bottom: 0;
    }


    /* AKCIE VODOROVNE - KALENDAR */
    .filter-actions-new-columns .filter-envelope-body {
        display: grid;
        grid-gap: 20px;
    }

    .filter-actions-new-columns .filter-body-part.filter-body-part-calendar a {
        display: flex;
        background: var(--bg-cancel);
        position: relative;
        justify-content: center;
        align-items: center;
        width: auto;
        padding: 0;
        color: var(--main-color);
        font-size: 1rem;
        font-weight: 700;
        min-height: 44px;
    }
    /* AKCIE VODOROVNE - KALENDAR END */


    .env_actions_portal_column_responsive.list form span.form-date input {
        border: none;
        width: 70% !important;
        min-height: 44px;
        margin: 0;
        padding: 0 20px;
        font-size: 1rem;
    }

    .env_actions_portal_column_responsive.list form span.form-date a {
        position: relative;
        display: flex;
        flex-grow: 1;
        padding-right: 20px;
        justify-content: flex-end;
    }

    .env_actions_portal_column_responsive.list form span.form-date a::after {
        transition-duration: 0.3s;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        content: '\f133';
        clear: both;
        font: normal normal normal 14px/1 FontAwesome;
        z-index: 99;
        position: relative;
    }

    .env_actions_portal_column_responsive.list form span.form-date img {
        display: none;
    } 
    /* AKCIE VODOROVNE END || AKCIE VODOROVE FILTER END */


    /* EUT */
    .eut-item-envelope-default > a:has(img) {
        display: none;
    }

    .eut-item-envelope-default > a.a-ci-link-short {
        display: none;
    }

    .eut-item-envelope-default {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--tabbed-border);
    }
    /* EUT END */


    /* WITHOUT IMG */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li.without-image .image-envelope,
    .env_common_items_columns_responsive.list ul.oznamy-new-columns-all-list li.without-image .image-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li.without-image .image-envelope,
    .env_actions_portal_column_responsive li.without-image .image-envelope,
    .env_actions_portal_column_responsive.list li.without-image .image-envelope,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li.without-image .image-envelope, 
    .env_actions_portal_graphic ul.actions-graphic-list li.without-image .image-envelope,
    .env_actions_portal_graphic.list .actions-graphic-all-list li.without-image .image-envelope,
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope {
        background: url(info.png) no-repeat;
        background-size: contain;
        background-position: top center;
        opacity: 1 !important;
    }

    .env_common_items_graphic.list ul.oznamy-graphic-all-list li.without-image .image-envelope,
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope {
        background-size: 100%;
        background-position: top;
    }
    /* WITHOUT IMG END */


    .oznamy_date {
        display: grid;
        font-size: 0.875rem;
        height: 3.5rem;
        line-height: 100%;
        margin: 0 0.25rem;
        align-items: end;
        padding: 0.5rem;
/*        border-bottom: 1px solid #ddd;*/
    }  

    .oznamy-new-columns-all-link::after, 
    .actions-new-columns-all-link::after,
    h2.oznamy-new-columns a.oznamy-new-columns-all-link::after, 
    h2.actions-new-columns a.actions-new-columns-all-link::after, 
    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a::after, 
    .oznamy-new-columns-all-link.bottom-of-module::after, 
    a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module::after {
        transition-duration: 0.3s;
        display: inline-flex;
        align-items: center;
        height: 100%;
        content: '\f101';
        clear: both;
        padding-left: 5px;
        font: normal normal normal 16px/1 FontAwesome;
        right: -10px;
        z-index: 1;
        position: absolute;
        opacity: 0;
    }

    .oznamy-new-columns-all-link:hover::after, 
    .actions-new-columns-all-link:hover::after,
    h2.oznamy-new-columns a.oznamy-new-columns-all-link:hover::after, 
    h2.actions-new-columns a.actions-new-columns-all-link:hover::after, 
    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a:hover::after, 
    .oznamy-new-columns-all-link.bottom-of-module:hover::after, 
    a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module:hover::after {
        transition-duration: 0.3s;
        opacity: 1;
        right: -20px;
    }

  
    /* ALL LINKS */
    .oznamy-new-columns-all-link.bottom-of-module,
    .oznamy-new-columns-all-link,
    .actions-new-columns-all-link.bottom-of-module,
    .actions-new-columns-all-link {
        display: table;
        text-decoration: underline !important;
/*        margin: 1rem 0 !important;*/
        font-size: 1.1875rem;
        line-height: 150% !important;
        position: relative;
        padding: 0 !important;
        background: none !important;
        color: var(--all-links-color) !important;
        float: none;
    }

    .oznamy-new-columns-all-link.bottom-of-module:hover,
    .oznamy-new-columns-all-link:hover,
    .actions-new-columns-all-link.bottom-of-module:hover,
    .actions-new-columns-all-link:hover { 
        transition-duration: 0.3s;
        transition-property: transform;
        text-decoration: none !important;
    }
    /* ALL LINKS END */


    .env_common_items_columns_responsive.detail img {
        max-width: 100%;
        height: auto !important;
    }
    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE END ----- */


    /* ----- OZNAMY GRAFICKE / AKCIE GRAFICKE ----- */
    .env_common_items_graphic ul.oznamy-graphic-list,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list,
    .env_actions_portal_graphic ul.actions-graphic-list,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list  {
        display: grid; 
        grid-template-columns: auto;
        grid-auto-rows: auto;
        margin: 1.5rem 0;
        gap: 1.5rem;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li,
    .env_actions_portal_graphic ul.actions-graphic-list li,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li {
        display: grid;
        grid-column: 1;
        width: auto;
        height: auto !important;
        padding: 0.25rem !important;
        overflow: visible !important;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .env_common_items_graphic ul.oznamy-graphic-list > li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list > li {
        border-bottom: 2px solid #B3D4C5;
        padding: 0 !important;
        margin-bottom: 0;
        background: #fff;
/*        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);*/
        transition-duration: 0.3s;
    }

    .env_actions_portal_graphic.list ul.actions-graphic-all-list li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li {
        display: grid;
        grid-column: 1;
        width: auto;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        height: auto;
/*        overflow: hidden;*/
    }

    ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list,
    ul.actions-graphic-list-default li.next-actions ul.next-actions-list {
        margin-top: 0;
        max-height: 10.5rem;
        overflow: auto;
        padding: 0 15px;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list .image-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope {
        grid-column: 1;
        float: unset;
        width: auto;
        height: 50vw;
        max-height: 286px;
        overflow: unset;
        margin-right: unset;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope a,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .image-envelope a,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope a,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope a {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope img,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .image-envelope img,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope img,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope img {
        min-height: unset;
    }

    .env_common_items_graphic ul.oznamy-graphic-list > li.next-oznamy,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list > li.next-oznamy {
        background: #FFFEF4;
        display: flex;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .all-data-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .all-data-envelope {
        background: var(--bg-oznamy-graficke);
        color: var(--text-oznamy-graficke);
        padding: 0;
        height: 100%;
/*        box-shadow: 1px 1px 10px -5px #00000040;*/
    }

    ul.oznamy-graphic-list-default li.next-oznamy h3,
    ul.actions-graphic-list-default li.next-actions h3 {
        font-weight: 600;
        color: var(--link-color-black);
        padding: 1rem;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .next-oznamy-list li a,
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .next-actions-list li a {
        font-size: 1.065rem;
        line-height: 150%;
        max-width: unset;
        height: auto;
        color: var(--main-color);
        overflow: hidden;
        text-decoration: underline;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li a::before,
    ul.actions-graphic-list-default li.next-actions ul.next-actions-list li a::before {
        content: '';
        position: relative;
        display: inline-block;
        margin-right: 0.5rem;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 2px solid #027A32;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .next-oznamy-list li a:hover,
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .next-actions-list li a:hover {
        text-decoration-thickness: 3px;
    }

    a.oznamy-graphic-all-link,
    a.actions-graphic-all-link {
        font-size: 1rem;
        display: flex !important;
        min-height: 60px;
        line-height: normal !important;
        background: transparent !important;
        color: #0065B3 !important;
        border-top: 2px solid #027A32;
        align-items: center;
        position: relative;
        align-self: end;
        justify-content: center;
    }

    a.oznamy-graphic-all-link:hover, 
    a.actions-graphic-all-link:hover {
        background: var(--btn-bg) !important;
        color: var(--btn-color) !important;
    }

    a.oznamy-graphic-all-link::after,
    a.actions-graphic-all-link::after {
        transition-duration: 0.3s;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100%;
        content: '\f101';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        right: -10px;
        z-index: 99;
        position: relative;
    }

    /*.env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text,*/
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope {
        display: block;
        padding: 40px 15px 15px 15px;
        box-sizing: border-box;
        position: relative;
        left: 0;
        bottom: 0; 
        width: 100%;
        max-width: 100%;
        max-height: 80%;
        color: var(--link-color-main);
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope {
        grid-column: 1;
        background: #FFFEF4;
        position: relative;
        padding: 15px 15px 56px 15px;
        height: 100%;
        max-height: 100%;
/*        background: linear-gradient(180deg, rgba(0,101,179,0.1) 16%, rgba(0,101,179,0.9164040616246498) 35%, rgba(0,101,179,1) 100%);*/
    }    

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope h3,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 {
        color: var(--h3-color);
        border: none;
        min-height: unset;
    }
    
    ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default .oznamy-date-default,
    ul.actions-graphic-list-default li div.action-info-envelope-default .actions-date-default {
        color: var(--link-color-black);
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope h3 a,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3 a,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3 a,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 a {
        font-size: 1.1875rem;
        color: var(--link-color-main);
        height: auto;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-decoration: underline;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope h3 a:hover,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3 a:hover,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3 a:hover,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 a:hover {
        text-decoration-thickness: 3px;
    }

    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 a,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope .short-text {
        overflow: hidden;
        height: auto;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;        
    }
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-date,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-place,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-price,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope div {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        font-weight: bold;
        color: #fff;
    }
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope div.short-text {
        display: none;
    }
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-date .time-item-common,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope div .time-item-common  {
        grid-column: 1;
    }

    /* AKCIE GRAFICKE FILTER */
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        padding: 0px;
        justify-content: center;
        box-shadow: 1px 1px 10px -5px #00000040;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span {
        grid-column: 1;
        width: auto;
        padding: 0;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-label {
        background: none;
        color: var(--priamry);
        text-align: left;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span input, 
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span select, 
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date {
        border: var(--filter-border);
        min-height: 44px;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 1rem;
        justify-content: center;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date, 
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-select {
        margin-bottom: 20px;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date input {
        border: none;
        width: 70% !important;
        min-height: 44px;
        margin: 0;
        padding: 0 20px;
        font-size: 1rem;
    }

    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date a {
        position: relative;
        display: flex;
        flex-grow: 1;
        padding-right: 20px;
        justify-content: flex-end;
    }

    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date img {
        display: none;
    }

    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date a::after {
        transition-duration: 0.3s;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        content: '\f133';
        clear: both;
        font: normal normal normal 14px/1 FontAwesome;
        z-index: 99;
        position: relative;
    }
    /* AKCIE GRAFICKE FILTER END */
    /* ----- OZNAMY GRAFICKE / AKCIE GRAFICKE END ----- */


    /* ----- KALENDAR AKCII S KALENDAROM ----- */ 
    .env_actions_portal_calendar_with_top .module_body,
    .env_common_items_with_calendar .module_body {
        display: grid;
        grid-template-columns: auto;
    }

    .actions-new-colums-form-envelope.items,
    .actions-new-colums-form-envelope.calendar,
    .oznamy-new-columns-envelope.items,
    .oznamy-new-columns-envelope.calendar {
        width: 100% !important;
        margin-bottom: 2rem;
        padding-bottom: 1rem; 
        border-bottom: 1px solid #ddd;
    } 

    h3.actions-new-columns-list-head.calendar,
    h3.oznamy-new-columns-list-head {
        color: var(--priamry);
        padding: 0;
        flex-grow: 1;
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
    }

    .actions-new-colums-form-envelope .short-text-envelope h3 a {
        font-size: 1.1875rem;
        height: auto;
        text-decoration: underline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .actions-new-colums-form-envelope .short-text,
    .oznamy-new-colums-list-default.oznamy-new-columns-list {
        font-size: 1rem;
        height: auto;
        margin-top: 0.5rem;
        overflow: visible;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .actions-new-colums-form-envelope .image-envelope a { 
        position: relative;
        display: flex;
    }

    .actions-new-colums-form-envelope .image-envelope span.actions-date-bubble.calendar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        background: var(--main-color);
        color: #fff;
        width: auto;
        padding: 0 5px;
        height: auto;
        top: 0;
        border: 1px solid var(--main-color);
        box-shadow: -2px 0px 18px 3px #eee;
        transition: all 0.3s ease-in-out;
    }
    .actions-new-colums-form-envelope .image-envelope span.actions-date-bubble.calendar .time-item-common {
        display: none;
    }
    .actions-new-colums-form-envelope.item .short-text-envelope h3 {
        padding: 0;
        min-height: 3rem;
    }
    .actions-new-colums-form-envelope.item li .actions-place,
    .actions-new-colums-form-envelope.item li .actions-date {
        font-weight: 600;
        font-size: 1rem;
    }
    .actions-new-colums-form-envelope.item li .actions-date .time-item-common {
        display: block;
    }


    /* URADNE HODINY STLPEC */
    .prevadzkove-hodiny {
        margin-bottom: 1rem !important;
    }

    .prevadzkove-hodiny div.hodiny {
        display: flex;
        justify-content: space-between;
    }

    .prevadzkove-hodiny div.hodiny p {
        margin-bottom: 0.25rem !important;
    }

    .prevadzkove-hodiny div.add_user_info {
        display: none;
    }
    /* URADNE HODINY STLPEC END */


    /* ZOZNAM ČLÁNKOV */
    .zoznam-clankov-list-envelope .img-envelope.list a {
        height: 50vw;
        max-height: 286px;
    }

    .zoznam-clankov-list-envelope .img-envelope.list {
        width: 100%;
        min-width: unset;
    }

    .zoznam-clankov-list-envelope .zoznam-clankov-text {
        font-size: var(--regular-text-font-size);
    }
    /* ZOZNAM ČLÁNKOV END */


    /*KALENDAR*/
    .env_actions_portal_calendar_with_top .kalendar_podujati_month {
        display: flex;
        margin-bottom: 15px;
        padding: 11px 10px 14px !important;
    }

    h3.oznamy-new-columns-list-head.calendar {
        flex-grow: 1;
    }

    div.kalendar_podujati_month span {
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
        padding: 0 15px;
    }

    div.kalendar_podujati_month a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-decoration: none;
        margin: 0;
        border: none;
    }

    a.month_prev::before {
        transition-duration: 0.3s;
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        right: auto;
        z-index: 99;
        position: relative;
        flex-wrap: nowrap;
        justify-content: center;
    }

    a.month_next::after {
        transition-duration: 0.3s;
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        left: auto;
        z-index: 99;
        position: relative; 
        flex-wrap: nowrap;
        justify-content: center;
    }

    a.month_prev:hover::before,
    a.month_next:hover::after {
        font-size: 22px;
        transition: all 0.3s ease-in-out;
    }

    .actions-new-colums-form-envelope .kalendar_podujati_days li a {
        min-height: 41px !important;
    }

    .actions-new-colums-form-envelope .actions-new-columns-all-link.bottom-of-module {
        padding-top: 20px !important;
        display: inline-block !important;
    }

    .env_actions_portal_calendar_with_top .data-name {
        font-weight: 600;
    }
    /* ----- KALENDAR AKCII S KALENDAROM END ----- */



    /* PAGING */
    div.paging {
        display: flex;
        flex-wrap: wrap;
    }

    div.paging ul.pagination {
        grid-column: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        grid-row: 1;
    }

    div.paging .results {
        grid-column: auto;
        /* margin: 0 auto; */
        font-size: 1rem;
        grid-row: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    div.paging ul.pagination li {
        width: 50px;
        height: 50px;
        color: var(--main-color);
        line-height: normal;
        text-decoration: underline;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
    }

    div.paging ul.pagination li a {
        display: flex;
        border: none;
        background: none;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    div.paging ul.pagination li a:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }

    div.paging ul.pagination li span.current {
        color: #fff;
        background: var(--main-color);
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    div.paging ul.pagination li.prev,
    div.paging ul.pagination li span.disabled,
    div.paging ul.pagination li.next {
        text-decoration: none;
    } 

    div.paging ul.pagination li.prev a,
    div.paging ul.pagination li span.disabled,
    div.paging ul.pagination li.next a {
        font-size: 0;
        border: 0;
        display: flex;
        align-items: center;        
    }

    div.paging ul.pagination li.prev a::before,
    div.paging ul.pagination li span.disabled::before {
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        bottom: auto;
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
    }

    div.paging ul.pagination li.next span.disabled::before {
        color: grey;
        content: '\f105';
    }

    div.paging ul.pagination li.next a::after {
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        bottom: auto;
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
    }
    /* PAGING END */


    /* FOTOGALERIA */
    div.fotogaleria,
    ul.fotogaleria-multi-kat-img-list,
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure,
    ul.common-image-gallery-default {
        display: grid !important;
        grid-auto-rows: auto;        
    }

    div.fotogaleria div,
    ul.fotogaleria-multi-kat-img-list .gallist,
    ul.fotogaleria-multi-foto-list li,
    ul.fotogaleria-pure > li,
    ul.common-image-gallery-default li,
    ul.fotogaleria-multi-kat-img-list.with-names li {
        grid-column: auto;
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 0 auto 1rem !important;
        position: relative;
        width: 100% !important;
        height: auto !important;
        text-align: center;
        background: none;
        border: none;
    }

    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default,
    ul.fotogaleria-multi-kat-img-list.with-names li a {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 360px;
        width: 100% !important;
        max-height: 240px;
        height: 63vw !important;
        margin: 0 auto;
        overflow: hidden;
        border: none !important;
    }

    div.fotogaleria div > a:hover, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope:hover, 
    ul.fotogaleria-multi-foto-list li > a:hover, 
    ul.common-image-gallery-default li a.common-image-gallery-default:hover,
    ul.fotogaleria-multi-kat-img-list.with-names li a:hover {
        transform: translateY(-5px);
        box-shadow: 5px 5px 20px -8px #000;
        transition-duration: 0.35s;
    }

    div.fotogaleria div.col-by-program-4 p,
    ul.fotogaleria-multi-kat-img-list-default li a div.gallist-katname-default {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    ul.fotogaleria-multi-kat-img-list .gallist > a {
        overflow: visible;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        border: none;
        text-decoration: underline;
    }

    ul.fotogaleria-multi-kat-img-list .gallist > a:hover {
        text-decoration-thickness: 3px;
    }

    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope,
    ul.fotogaleria-multi-kat-img-list .gallist .gallist-katname {
        grid-column: 1;
        width: auto !important;
        max-width: 360px;
    }

    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        filter: grayscale(0.25);
        opacity: 0.7;
        transition-duration: 0.3s;
    }

    ul.fotogaleria-multi-kat-img-list .gallist:hover .gallimg-envelope {
        filter: grayscale(0);
        opacity: 1;
    }

    ul.fotogaleria-multi-kat-img-list .gallist .gallist-katname-icon,
    ul.fotogaleria-multi-kat-img-list.with-names li a .gallist-katname-icon {
        right: 0;
        left: 0;
        bottom: auto;
        top: 25%;
        margin: 0 auto;
        display: grid !important; 
    }

    ul.fotogaleria-multi-kat-img-list .gallist .gallist-katname-icon::after,
    ul.fotogaleria-multi-kat-img-list.with-names li a .gallist-katname-icon::after {
        display: flex;
        content: '\f03e';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        bottom: auto;
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
        color: var(--color-active);
    }

    .brclear, 
    .oznamy_date-break,
    .fotogaleria div.fotogaleria_row_separator,
    .fotogaleria .clear {
        display: none !important;
    }

    iframe body.grey a:focus {
        outline: 5px dotted #000;
        outline-offset: -5px;
    }


    /* Fotogaleria PURE */
    ul.fotogaleria-pure > li .fotogaleria-picture-envelope a,
    ul.fotogaleria-multi-foto-list li a {
        display: flex;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        border: none;
    }

    ul.fotogaleria-pure > li .fotogaleria-picture-envelope a img,
    ul.fotogaleria-multi-foto-list li a img {
        margin: 0;
    }

    ul.fotogaleria-pure > li > p {
        color: var(--main-color);
    }
    /* Fotogaleria PURE END */


    .env_fotogaleria .fotogaleria div.display_none {
        display: none !important;
    }
    /* FOTOGALERIA END */


    /* ----- SUBORY NA STIAHNUTIE ----- */
    div.file-download {
        padding: 0.5rem 0 0;
        border: none;
    }

    div.file-download span {
        margin: 0 !important;
        min-height: unset;
    }

    div.file-download a {
        gap: 1rem;
    }

    div.file-download a:hover span.file-text,
    div.file-download a:hover span.file-size,
    div.file-download a:hover span.file-name {
        text-decoration-thickness: 3px;
    }

    .fa::before {
        margin: 0;
    }

    div.file-download span.file-name {
        text-decoration: underline;
    }

    div.file-download a span.file-text {
        width: auto;
        margin-right: 0.75rem;
        padding: 0;
        transition: 0.3s ease-in-out;
        text-decoration: underline;
    }

    div.file-download span.file-size {
        text-decoration: underline;
        margin: 0;
        width: auto;
        display: flex;
        justify-content: flex-end;
    }

    div.file-download span.file-count {
        position: unset;
        color: #363636;
    }    

    .env_download_file_with_kat_concrete_items br.brclear {
        display: block !important;
    }


    /* FILE SIZE FIRST */
    div.file-download span.file-size {
        justify-content: flex-start;
    }
    /* FILE SIZE FIRST END */
 
    
    /* ----- SUBORY NA STIAHNUTIE END ----- */


    /* ------ NOVINY NOVE ----- */
    h3.noviny-new {
        margin: 1rem 0 0.5rem;
    }

    ul.noviny-new {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0.5rem;
        justify-items: center;
        align-items: start;
    }

    ul.noviny-new li {
        float: none !important;
        overflow: hidden;
        width: 100%;
        max-width: 180px;
        margin-bottom: 1rem;
        transition-duration: 0.5s;
    }

    ul.noviny-new li:hover {
        box-shadow: 0 8px 10px -5px #ddd;
        border-radius: 4px;
    }
    ul.noviny-new li:hover > h4 a {
        /*color: #fff;*/
        background: #f3f2f1;
        text-decoration-thickness: 3px;
    }

    ul.noviny-new li > a {
        max-height: max-content;
        display: flex !important;
        flex-wrap: wrap;
        overflow: hidden;
    }

    ul.noviny-new li a img {
        transition-duration: 3s;
        border: 1px solid #ddd;
        padding: 8px;
    }
    ul.noviny-new li:hover a img {
        transform: scale(1.05);
    }

    ul.noviny-new li h4 {
        padding: 0.5rem 0.25rem;
    }

    ul.noviny-new li h4 a {
        font-size: 1.1875rem;
        color: var(--h4-color);
        height: auto;
        font-weight: 600;
        text-decoration: underline;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition-duration: 0.5s;
        word-break: break-all;
    }

    div.env_noviny_new div.module-inner-envelope > h3 {
        margin-bottom: 0.5rem;
    }

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

    @media (min-width: 768px) {
        ul.noviny-new {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (min-width: 992px) {
        ul.noviny-new {
            grid-template-columns: repeat(5, 1fr);
        }
    }
    /* ------ NOVINY NOVE END ----- */


    /* ----- LUDIA - NEW MODULE ----- */
    .persons-detail-envelope-default {
        grid-gap: 1rem;
        display: grid;
        margin-bottom: 2rem;
    }    
    .persons-detail-envelope-default.without-image {
        grid-gap: 0;
    }    
    .persons-detail-envelope-default .image-envelope {
        justify-self: center;
        max-height: 300px;
        height: auto;
        width: auto;
        max-width: 200px;
    }    
    .persons-detail-envelope-default .persons-data {
        padding: 0;
        max-width: unset;
    }    
    .persons-detail-envelope-default .persons-data h2 {
        /*border-bottom: none;
        background: transparent;
        padding: 0 !important;*/
        margin-bottom: 0.5rem;
    }    
    .persons-detail-envelope-default .persons-data dl {
        display: grid;
        grid-template-columns: max-content;
    }    
    .persons-detail-envelope-default.without-image .persons-data dt,
    .persons-detail-envelope-default .persons-data dt {
        padding: 0.25rem 0;
        grid-column: 1;
        width: 5rem;
        font-weight: 600;
    }    
    .persons-detail-envelope-default.without-image .persons-data dd,
    .persons-detail-envelope-default .persons-data dd {
        padding: 0.25rem 0;
        grid-column: 2;
        width: auto !important;
    }    
    .persons-detail-envelope-default .persons-data dd a {
        text-decoration: underline;
        transition-duration: 0.3s;
    }    
    .persons-detail-envelope-default .persons-data dd a:hover {
        text-decoration: none;
        border-bottom: 3px solid;
    }    
    .persons-detail-envelope-default .persons-data dd.short-text {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
    }    
    .persons-detail-envelope-default .persons-data dd.short-text div.show-more-trigger {
        justify-self: right;
        margin-top: 0;
    }    

    .persons-detail-envelope-default .show-more-target {
        margin-top: 0;
    }    

    .persons-detail-envelope-default .persons-data .show-more-trigger a {
        position: relative;
        margin-right: 1rem;
    }    

    .module_envelope.env_persons_new .module-inner-envelope > .module_body h3 {
        grid-column: 1/-1;
    }    

    .persons-detail-envelope-default .persons-data .show-more-trigger a::after {
        display: flex;
        content: '\f106';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        color: var(--link-color-main);
        width: auto;
        top: auto;
        left: auto;
        bottom: 0;
        right: -1rem;
        z-index: 1;
        position: absolute;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }    

    .persons-detail-envelope-default .persons-data .show-more-trigger a:hover::after {
        transform: rotate(180deg);
    }    

    .persons-detail-envelope-default .persons-data .show-more-trigger a.current::after {
        transform: rotate(180deg);
    }    

    .persons-detail-envelope-default .persons-data .show-more-trigger a.current:hover::after {
        transform: rotate(0);
    }    

    @media (min-width: 576px) {
        .persons-detail-envelope-default {
            grid-template-columns: 200px auto;
        }    

        .persons-detail-envelope-default.without-image {
            grid-template-columns: auto;
        }    

        .persons-detail-envelope-default .image-envelope {
            justify-self: left;
            grid-column: 1;
        }    

        .persons-detail-envelope-default .persons-data {
            grid-column: initial;
        }    

        .persons-detail-envelope-default .show-more-target {
            grid-column: span 2;
        }
    }    

    @media (min-width: 768px) {
        /* Vedľa seba */
        /*.module_envelope.env_persons_new .module-inner-envelope > .module_body {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 1rem;
        }
    
        .module_envelope.env_persons_new .module-inner-envelope > .module_body .persons-detail-envelope-default {
            display: flex;
            flex-direction: column;
        }
    
        .persons-detail-envelope-default .image-envelope {
            height: 300px;
            width: 200px;
            align-self: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }*/
        /* Vedľa seba END*/
    }
    /* ----- LUDIA - NEW MODULE END ----- */


    /* ----- TABLE ----- */
    table {
        display: block;
        overflow-x: auto;
        width: 100%;
    }

    table tbody {
        width: 100%;
    }

    .column table tr td p {
        width: max-content;
        max-width: 300px;
    }

    table.zmluvy {
        border-collapse: collapse;
        width: 100%;
        border: none;
    }

    .column table tr:hover {
        background: #fff;
    }

    .column table tr td {
        text-align: left;
        vertical-align: middle;
        width: auto !important;
        min-width: 7rem;
        padding: 0.5rem; 
        color: #000;
        border-bottom: 1px solid #ddd;
    }

    .column table tr:hover {
        background: #f5f5f5;
        transition-timing-function: ease-in-out;
        transition-duration: .15s;
    }

    .module_envelope .right_align, .module_envelope table.program_table td.right_align {
        text-align: left !important;
    }
  
    table caption {
        font-size: 1.3125rem;
        color: var(--h2-color);
        width: 100%;
        display: table-caption;
        text-align: left;
        line-height: normal !important;
        margin-bottom: 1rem;
    }

    table.user_table_t_border {
        width: 100%;
        border-spacing: 0;
    }

    table.user_table_t_border th {
        word-break: keep-all;
        text-align: left !important;
        width: auto !important;
        min-width: 7rem;    
        display: table-cell;
        vertical-align: middle;
        color: var(--main-color);
        background: #F5F5F5;
        padding: 15px 10px;
    }

    table.user_table_t_border td {
        word-break: keep-all;
        text-align: left !important;
        width: auto !important;
        display: table-cell;
        padding: 10px 10px;
        border-bottom: 1px solid #ddd;
    }

    table thead {
        width: 100%;
        line-height: normal !important;
        border-bottom: 2px solid #ddd;
    }

    .editor img,
    .ci-full img,
    .editor p img {
        margin: 0.5rem;
    }

    ul.common-image-gallery-default li a.common-image-gallery-default img {
        margin: 0;
    }

    .uradne-hodiny-tabulka table th:nth-of-type(1),
    .uradne-hodiny-tabulka table td:nth-of-type(1) {
        width: 40% !important;
    }

    .uradne-hodiny-tabulka table th:nth-of-type(2),
    .uradne-hodiny-tabulka table td:nth-of-type(2) {
        width: 60% !important;
    }


    /* TABLE s filtrom */
    .table-common-filter-submit a {
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .table-common-filter-body form {
        display: grid;
        grid-template-columns: auto;
        justify-content: unset;
        margin-bottom: 2rem;
    }
    .table-common-filter-body form .table-common-filter-envelope .table-common-filter-input select {
        min-height: 44px;
    }
    /* TABLE s filtrom end*/
    /* TABLE END */


    /* NAPISTE NAM */
    div.env_napiste_nam_execute table {
        width: 100%;
    }   

    div.env_napiste_nam_execute table.program_table tbody {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    div.env_napiste_nam_execute table.program_table tbody tr {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0.35rem;
    }

    div.env_napiste_nam_execute table.program_table tbody tr td input,
    div.env_napiste_nam_execute table.program_table tbody tr td textarea {
        width: 100% !important;
        padding: 0.75rem 0.5rem;
        border: 2px solid var(--priamry);
        transition-duration: 0.3s;
        border-radius: 0.25rem;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 1rem;
    }

    div.env_napiste_nam_execute table.program_table tbody tr td input[type="submit"] {
        max-width: 350px;
    }

    div.env_napiste_nam_execute table.program_table tbody tr td input:focus-visible,
    div.env_napiste_nam_execute table.program_table tbody tr td textarea:focus-visible {
        border: 2px solid var(--main-color);
        box-shadow: 0 2px 10px -3px #aaa;
        transform: translateY(-2px);
    }

    div.env_napiste_nam_execute table.program_table tbody tr td a {
        text-decoration: underline;
        transition-duration: 0.3s;
    }

    div.env_napiste_nam_execute table.program_table tbody tr td a:hover {
        text-decoration: none;
        border-bottom: 3px solid;
    }

    div.env_napiste_nam_execute table.program_table tbody tr:has(td.right_align.automatic-col-1 input[type="checkbox"]) {
        display: grid;
        grid-template-columns: 38px auto;
        gap: 0.5rem;
        align-items: center;
    }

    div.env_napiste_nam_execute table.program_table tbody tr td.right_align.automatic-col-1:has( input[type="checkbox"]) {
        height: 38px;
    }    
    /* NAPISTE NAM END */


    /* ANKETY */ 
    .env_ankety .no_margin {
        display: grid;
        grid-template-columns: auto;
    }

    .env_ankety .no_margin > div {
        display: grid;
        grid-template-columns: auto;
        width: auto !important;
    }

    .env_ankety .no_margin > div {
        display: grid;
        grid-template-columns: 55% 30% auto;
        width: auto !important;
        margin-bottom: 0.5rem;
        grid-column: 1/4;
    }

    .env_ankety .no_margin > div.ank-reg-alert {
        display: flex;
        flex-wrap: wrap;
    }

    .env_ankety .no_margin div[style="width:68%;"] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-column: 2;
        grid-row: 1;
    }

    .env_ankety .no_margin div[style="width:68%;"] div {
        width: auto;
    }

    .env_ankety .no_margin div[style="width:68%;"] div:last-of-type {
        display: none;
    }

    .env_ankety .ank_question {
        font-size: 1.1875rem;
        font-weight: bold;
        padding: 10px 0;
        grid-template-columns: auto !important;
        grid-row: 1 !important;
        grid-column: 1/4;
    }

    .no_margin .ank_answer {
        grid-column: 1;
        grid-row: 1;
    }

    .no_margin .ank_real_count {
        grid-column: 3;
        grid-row: 1;
        float: unset !important;
        width: auto !important;
        display: flex;
        align-items: center;
    }

    .env_ankety .ank_real {
        background: var(--anketa-bar);
        max-height: 5px;
    }
    /* ANKETY END */
    

    /* ----- ZASADNUTIA ----- */
    .env_zasadania form {
        width: 100%;
    }   

    .env_zasadania.for-tabbing form {
        width: 100%;
        display: block;
    }

    .env_zasadania .module_body { 
        display: grid;
        grid-template-columns: auto;
        width: 100%;
        grid-gap: 10px;
    }

    .env_zasadania h2 { 
        width: 100%;
    }

    .env_zasadania .module_body > div.zasadania-list {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }

    .env_zasadania .module_body .zasadenie-envelope {
        aspect-ratio: 1;
        display: grid;
        width: auto;
        background: var(--bg-zasadanutia);
        border: 1px solid #ddd;
        place-content: center;
        transition-duration: 0.3s;
    }

    .env_zasadania .module_body .zasadenie-envelope a {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        transition-duration: 0.3s;
    }

    .env_zasadania .year_selector {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
        margin-bottom: 1.5rem;
    }

    div.year_selector h3 {
        float: unset;
        text-align: center;
        margin: 0 auto;
        position: relative;
        width: auto;
        border: none;
        min-height: unset;
        padding: 0.5rem 1rem;
    }

    .env_zasadania .module_body .zas-onestep.in-foc {
        grid-template-columns: auto;
    }

    .env_zasadania .module_body .zas-onestep.in-foc .add_user_info {
        grid-column: auto;
    }

    .env_zasadania .module_body .zasadenie-envelope:hover {
        box-shadow: 5px 5px 20px -8px #000;
        transform: translateY(-5px);
    }

    .env_zasadania .module_body .zasadenie-envelope:hover a {
        border: none;
        text-decoration: underline;
        text-decoration-thickness: 3px;
    }

    /*.zasadania-form-envelope {
        display: grid;
        width: 100%;
        border-bottom: 1px solid #ddd !important;
    }

    .zasadania-form-envelope form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        grid-gap: 15px;
    }

    .zasadania-form-envelope form span {
        grid-column: 1;
        width: auto !important;
        padding: 0;
    }

    .env_zasadania .zasadania-form-envelope span.form-label {
        background: none !important;
        text-align: left !important;
        font-size: 1rem;
        color: var(--priamry);
        font-weight: bold;
    }

    .zasadania-form-envelope span.form-searchtext input {
        min-height: 44px;
        border: var(--filter-border);
    }

    .env_zasadania .module_body .zasadenie-envelope {
        aspect-ratio: 1;
        display: grid;
        max-width: 178px;
        width: min-content;
        min-width: 145px;
        background: #F5F5F5;
        border: 1px solid #ddd;
        place-content: center;
    }

    .env_zasadania .module_body .zasadenie-envelope a {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-weight: bold;
        margin: 0 auto;
    }*/
    /* ----- ZASADNUTIA END ----- */


    /* ----- VZN ----- */
    div.vzn-new {
        padding: 0.5rem 0.3rem !important;
        border-bottom: 3px solid #ddd;
        margin: 0 0 1em;
        transition-timing-function: ease-in-out;
        transition-duration: .15s;
    }

    .env_vzn_new .vzn-new h4 span {
        font-weight: bold;
    }

    .env_vzn_new .vzn-new h4 span.vzn-number {
        color: var(--main-color);
    }

    .env_vzn_new .vzn-new div a {
        color: var(--priamry);
        text-decoration: underline;
    }

    .env_vzn_new .vzn-new:hover {
        background: #f5f5f5;
    }

    .env_vzn_new .vzn-new:hover div a {
        color: var(--main-color);
        text-decoration: none;
        border-bottom: 3px solid;
        transition-timing-function: ease-in-out;
        transition-duration: .15s;
    }

    .env_vzn_new .vzn-new .vzn-dates {
        display: flex;
        flex-wrap: wrap;
    }

    .env_vzn_new .vzn-new .vzn-dates .vzn-date-type {
        display: flex;
        position: relative;
        text-transform: capitalize;
    }

    .env_vzn_new .vzn-new .vzn-dates .vzn-date-type::before {
        display: flex;
        align-items: normal;
        justify-content: center;
        content: '|';
        width: 20px;
        clear: both;
        margin: auto;
        position: relative;
        transition: all 0.3s ease-in-out;
    }

    .env_vzn_new .vzn-new .vzn-dates .vzn-date-type:first-child::before {
        display: none;
    }

    .env_vzn_new div.paging:first-of-type {
        display: none;
    }


    /* VZN FILTER */
    .vzn-filter-envelope {
        align-items: flex-end;
    }

    .vzn-filter-envelope .vzn-finder-part-envelope {
        padding: 0;
    }

    .vzn-filter-envelope .vzn-finder-part-envelope.cancel {
        min-width: 155px;
        padding: 0;
        height: 50px;
        justify-content: center;
        align-items: center;
        background: #f3f2f1;
    }

    .vzn-filter-envelope .vzn-finder-part-envelope.cancel input {
        background: none;
        color: var(--main-color);
        width: auto;
        flex: unset;
        padding: 10px 0 10px 20px !important;
    }

    .vzn-filter-envelope .vzn-finder-part-envelope.submit input, 
    .vzn-filter-envelope .vzn-finder-part-envelope.cancel input {
        font-weight: bold;
    }

    .vzn-filter-envelope .vzn-finder-part-envelope.cancel::after {
        display: flex;
        justify-content: center;
        content: "\f00d";
        clear: both;
        width: 20px;
        z-index: 99;
        position: relative;
        font: bold normal normal 18px/1 FontAwesome;
        color: var(--main-color);
    }
    /* VZN FILTER END || VZN END */


    /* ZMLUVY / FAKTURY / OBJEDNAVKY */
    .env_zmluvy_new .module_body,
    .env_zmluvy_new_with_config_columns .module_body,
    .env_faktury_objednavky .module_body {
        display: grid !important;
        grid-template-columns: auto;
    }

    .zmluvy-search-form .filter-body-parts, 
    .faktury-search-form .filter-body-parts,
    .objednavky-search-form .filter-body-parts {
        margin-bottom: 1.5rem;
    }
 
    div.env_faktury_with_config_columns .module_body,
    div.env_zmluvy_new_with_config_columns .module_body,
    div.env_objednavky_with_config_columns .module_body,
    div.zmluvy-new-search-demand,
    div.zof-export {
        display: flex;
        flex-wrap: wrap;
        text-align: left; 
        margin: 0;
    }
    
    div.zmluvy-new-search-demand,
    div.zof-export {
        display: grid;
        margin: 1rem 0;
    }

    .zmluvy-new-search-demand .zmluvy-subject-year {
        display: flex;
        flex-wrap: wrap;
        float: unset;
        margin-bottom: 1rem;
    }

    div.zmluvy-new-search-demand a,
    div.zof-export a {
        display: flex;
        float: unset;
        width: auto;
        padding: 15px;
        font-size: 1.25rem;
        color: var(--main-color);
        font-weight: bold;
        line-height: normal !important;
        background: var(--bg-cancel);
        margin-bottom: 15px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 1px solid #aaa;
        border-top: 1px solid #f5f5f5;
        border-left: 1px solid #f0f0f0;
        border-radius: 0;
    }

    div.responsive-table-envelope {
        overflow-x: auto;
        overflow-y: hidden;
        text-align: center;
        position: relative;
    }

    div.zmluvy-new-search-demand a:hover, div.zof-export a:hover {
        background: #fff;
        color: #000;
        box-shadow: 1px 1px 5px 0 rgb(28 86 138 / 54%);
    }

    .module_body .notice {
        margin-bottom: 1rem;
    }
    /* ZMLUVY / FAKTURY / OBJEDNAVKY END */


    /* EUT */
    .env_elektronicka_uradna_tabula .oznamy_date span:nth-of-type(2):before {
        width: 20px;
        justify-content: center;
    }
    /* EUT END */
    

    /* KONTAKTY */ 
    .conctact-filter-envelope form.contact-form {
        display: grid;
        grid-gap: 15px;
        width: 100%;
        justify-content: unset;
    }

    .conctact-filter-envelope form.contact-form .contact-finder-part {
        width: 100% !important;
        margin: 0;
        padding: 0 !important;
    }

    .conctact-filter-envelope form.contact-form .contact-finder-part input {
        font-weight: bold;
    }

    .conctact-filter-envelope form.contact-form .contact-finder-part.cancel {
        display: flex;
        background: var(--bg-cancel);
        position: relative;
        justify-content: center;
        align-content: center;
        padding: 0;
    } 

    .conctact-filter-envelope form.contact-form .contact-finder-part.cancel input {
        background: none !important;
        display: flex;
        justify-content: center;
    }
    
    .env_contacts ul.contact-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        min-width: unset;
        flex-direction: column;
    }

    .env_contacts ul.contact-list .contact-list-item {
        display: flex;
        width: auto;
        text-align: left;
        flex-flow: column;
        min-width: unset;
        flex-grow: unset;
    }

    .env_contacts ul.contact-list .contact-list-item .contact-list {
        width: 100% !important;
    }
    /* KONTAKTY END */ 


    /* VYHLADAVAC */
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a {
        width: 100%;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        font-size: 1.125rem;
        font-weight: bold;
        color: var(--tabbed-color);
        background: var(--tabbed-bg);
        border-bottom: 2px solid var(--tabbed-border);
    }

    .filter-vyhladavanie .search-extended-trigger .filter-body-part a.current,
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a:hover {
        color: var(--tabbed-color-active);
        background: var(--tabbed-bg-active);
        border-bottom: 2px solid var(--tabbed-border-active);
    }

    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date.display_none {
        display: none;
    }

    .filter-vyhladavanie .filter-body-parts-items.search-extended-select {
        display: grid;
        grid-gap: 15px;
    }

    .filter-vyhladavanie .filter-body-parts-items.search-extended-select .filter-body-part a {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 150%;
        padding: 15px 20px;
        font-weight: bold;
        color: var(--btn-color);
        background: var(--btn-bg);
        border-radius: var(--border-radius-general);
    }

    .filter-vyhladavanie .search-extended-select .filter-body-part-search-extended-select-all a#search-select-all::before {
        display: flex;
        content: '\f00c';
        align-items: center;
        clear: both;
        font: bold normal normal 18px/1 FontAwesome;
        width: 40px;
        color: var(--btn-color);
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
    }

    .filter-vyhladavanie .search-extended-select .filter-body-part-search-extended-select-none a#search-select-none::before {
        display: flex;
        content: '\f00d';
        align-items: center;
        clear: both;
        font: bold normal normal 18px/1 FontAwesome;
        width: 40px;
        color: var(--btn-color);
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
    }

    .filter-vyhladavanie .filter-body-parts-items.search-extended-select .filter-body-part a:hover {
        background: var(--btn-bg-hover);
        color: var(--btn-color-hover);
    }

    .filter-vyhladavanie .filter-body-parts-items.search-extended-select .filter-body-part a:hover::before {
        color: var(--btn-color-hover) !important;
    }

    .search-extended-parts .filter-body-part-search-extended-areas {
        width: 100% !important;
    }

    .search-extended-trigger a.current,
    .search-extended-trigger a:hover {
        background: #f3f2f1;
        color: #000;
    }
    /* VYHLADAVAC END */


    /* UZIVATELSKY FORMULAR - responzivny */
    .env_user_form_responsive form.user-form {
        display: grid;
        grid-template-columns: auto;
    }

    .env_user_form_responsive .user-form-item-envelope {
        grid-column: auto;
    }

    .env_user_form_responsive .user-form-item-envelope input,
    .env_user_form_responsive .user-form-item-envelope select,
    .env_user_form_responsive textarea.user-form-item.type-textarea {
        min-height: 44px;
        width: 100%; 
        border: var(--filter-border);
    }
    
    .env_user_form_responsive .user-form-item-envelope input[type="file"] {
        width: 100% !important;
        border: var(--filter-border);
        position: relative;
        padding: 10px 0 0 20px;
        font-size: 0.9375rem;
    }

    .env_user_form_responsive .user-form-item-envelope .user-form-item-name {
        max-width: unset;
        text-align: left;
    }

    .env_user_form_responsive .user-form-item-envelope input[type="checkbox"],
    .env_user_form_responsive .user-form-item-envelope input[type="radio"] {
        width: 38px;
        height: 38px;
    }

    .env_user_form_responsive .user-form-item-envelope .user-form-item-value {
        display: grid;
    }

    .env_user_form_responsive .type-text-block .user-form-item-value.type-text-block,
    .env_user_form_responsive .type-text-line .user-form-item-value.type-text-line {
        font-size: 1.1875rem;
        font-weight: 600;
    }

    .env_user_form_responsive .type-text-line .type-text-line .append-type-text-line {
        margin: 10px 0;
        font-size: 1rem;
        font-weight: normal;
    }

    .env_user_form_responsive img {
        width: auto;
    }

    .env_user_form_responsive .user-form-item-envelope input[type="file"]::-webkit-file-upload-button {
        visibility: hidden;
    }

    .env_user_form_responsive .user-form-item-envelope input[type="file"]::before {
        content: 'Vybrať súbor';
        display: flex;
        align-items: center;
        background: #f5f5f5;
        border-radius: 3px;
        padding: 0 12px;
        outline: none;
        height: 100%;
        color: var(--main-color);
        margin: -10px 0 0 -20px;
        position: absolute;
        -webkit-user-select: none;
        cursor: pointer;
        text-shadow: 1px 1px #fff;
        font-weight: 700;
    }

    .env_user_form_responsive .user-form-item-envelope input[type="file"]:hover::before {
        border-color: black;
    }

    .env_user_form_responsive .user-form-item-envelope input[type="file"]:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }

    .env_user_form_responsive .user-form-submit-envelope {
        padding: 0;
    }

    /* UZIVATELSKY FORMULAR - responzivny END */


    /* SMS HLASNIK */
    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new a {
        color: var(--btn-color) !important;
        background: var(--btn-bg) !important;
        padding: 1rem;
        border-bottom: none !important;
        border-radius: var(--border-radius-general);
        transition-duration: 0.3s;
    }

    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new a:hover {
        color: var(--btn-color-hover) !important;
        background: var(--btn-bg-hover) !important;
    }
    /* SMS HLASNIK END */


    /* VYVOZ ODPADU */
    div.filter-packing-head {
        background: var(--bg-filter-packing-head);
        border-bottom: 2px solid var(--border-menu-active);
    }

    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head a {
        position: relative;
        display: inline-block;
        text-decoration: underline;
        font-size: 1.1875rem;
        font-weight: bold;
        padding: 14px 0 14px 14px;
        width: 50%;
    }

    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head a::after {
        display: inline-block;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        padding: 0 0 0 10px;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }

    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head a.opened::after {
        transform: rotate(180deg);
        color: var(--my-current-lang);
        padding: 0 10px 0 0;
    } 

    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head.btn-cancel input.filter-packing-button-cancel {
        padding: 14px 14px;
        background: none;
        border: none;
        color: var(--bg-menu-item);
        display: inline-block;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        width: auto;
    }

    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head.btn-cancel input.filter-packing-button-cancel::after {
        display: inline-block;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        padding: 0 0 0 10px;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }

    .filter-packing-body .filter-body-part-submit .empty-block {
        display: none;
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-rows: auto; 
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-envelope {
        width: 100% !important;
        grid-column: 1;
        padding: 0px 0 15px;
        border-bottom: 2px solid #f5f5f5;
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-envelope.submit {
        width: 100%;
        border: none;
        padding: 0;
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-envelope.submit input.button {
        width: 100% !important;
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel input.button {
        color: var(--main-color) !important;
        background: transparent !important;
        width: auto;
        font-weight: bold;
        border: none;
        box-shadow: none;
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel::after {
        display: flex;
        justify-content: center;
        content: "\f00d";
        clear: both;
        width: 20px;
        z-index: 99;
        position: relative;
        font: bold normal normal 18px/1 FontAwesome;
        color: var(--main-color);
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-input select {
        min-height: 44px;
        border: var(--filter-border);
    }

    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel:hover {
        box-shadow: 0px 0px 20px -10px #000;
        border: 1px solid var(--bg-btn-hover);
        background: #fff;
    }

    .olo-filter-envelope-new-default .empty-block {
        display: none;
    }


    /* KALENDAR VYVOZU */
    .olo-calendar-envelope .olo-calendar-head {
        display: flex;
        justify-content: space-between;
        background: var(--h2-background);
        padding: 16px 20px;
        border: none;
    }

    .olo-calendar-envelope .olo-calendar-head span {
        display: flex;
        align-items: center;
        position: relative; 
    }

    .olo-calendar-envelope .olo-calendar-head .olo-month-actual {
        font-size: 1.5rem;
        /*color: #fff;*/ /*vyvoz odpadu*/
    }

    .olo-calendar-envelope .olo-calendar-head .olo-month-prev,
    .olo-calendar-envelope .olo-calendar-head .olo-month-next {
        display: flex;
        width: 45px;
        height: 30px;
    }

    .olo-calendar-envelope .olo-calendar-head span a {
        width: 100%;
        display: flex;
        position: relative;
        z-index: 4;
        justify-content: center;
        align-items: center;
    }

    .olo-calendar-envelope .olo-calendar-head span a:hover {
        box-shadow: 5px 5px 21px 0px #ddd;
        border-radius: 25%;
    }

    .olo-calendar-envelope .olo-calendar-head a:hover::after {
        color: var(--hover-text);
    }

    .olo-calendar-envelope .olo-calendar-head .olo-month-prev::after {
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
        justify-content: center;
        z-index: 1;
    }

    .olo-calendar-envelope .olo-calendar-head .olo-month-next::after {
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
        justify-content: center;
        z-index: 1;
    }

    .olo-calendar-envelope .olo-calendar-head .olo-month-prev a::before,
    .olo-calendar-envelope .olo-calendar-head .olo-month-next a::after {
        display: none;
    }

    .olo-calendar-envelope ul.olo-daynames {
        display: none;
    }

    .olo-calendar-envelope ul.olo-daynames li {
        grid-row: 1;
        padding: 15px 0;
        text-align: center;
        font-weight: bold;
        width: auto;
        float: none;
    }

    .olo-calendar-envelope ul.olo-daynumbers {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .olo-calendar-envelope ul.olo-daynumbers li {
        float: none;
        margin: 1px 1px;
        width: 100%;
        height: auto;
        min-height: 60px;
        line-height: normal;
        text-align: center;
        padding: 0;
        /*overflow: hidden;*/
        font-size: 1rem;
        border-width: 1px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 2px solid #f5f5f5 !important;
        background: #fff;
    }

    ul.olo-daynumbers-default li.olo-number .color-container {
        position: relative;
    }
    /* KALENDAR VYVOZU END || VYVOZ ODPADU END */


    /* FILTER */
    .filter-envelope-body .filter-body-parts {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        grid-gap: 15px 20px;
    }

    .filter-envelope-body .filter-body-parts .filter-body-part .filter-button {
        width: 100%;
        font-size: 1rem;
    }

    .filter-body-parts .filter-body-part label {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .filter-body-part .form-js-error {
        display: flex;
        padding: 10px;
    }

    form.filter-uni {
        margin-bottom: 1.875rem;
    }

    form.filter-uni.filter-uni-vzn a.filter-trigger {
        position: relative;
        display: inline-block;
    }

    form.filter-uni.filter-uni-vzn a.filter-trigger::after {
        display: inline-block;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        padding: 0 0 0 10px;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }

    form.filter-uni.filter-uni-vzn a.filter-trigger.opened::after {
        transform: rotate(180deg);
        padding: 0 10px 0 0;
    }


    /* FILTER UPRAVY */
    .filter-envelope-body .filter-body-parts .filter-body-part,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-select,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    #reg_user_add .filter-reg-user-upd-form-pass .filter-body-part.filter-body-part-submit {
        grid-column: auto;
        margin: 0; 
    }

    .filter-body-part.filter-body-part-search-without-date,
    .filter-body-part.filter-body-part-search-with-date {
        flex-wrap: nowrap;
    }

    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        display: flex;
        background: var(--bg-cancel);
        position: relative;
        justify-content: center;
        align-content: center;
        padding: 0 10px;
    }

    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel input {
        background: none;
        width: 100%;
        display: flex;
        padding: 0 20px; /* upravene koli oznamy vodorovne */
        color: var(--main-color);
        justify-content: center;
    }

    #reg_user_add .filter-body-parts[style="display:block"] .filter-body-part {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }

    #reg_user_add .filter-body-parts[style="display:block"] .filter-body-part label,
    #reg_user_add .filter-body-parts[style="display:block"] .filter-body-part input,
    .filter-reg-user-upd-form-data .filter-envelope-body > .filter-body-parts input {
        width: 100% !important;
    }
    
    .filter-body-part.filter-body-part-registration_not_accepted,
    .filter-body-part.filter-body-part-mail_not_be_sent {
        display: none;
    }

    span.form-input-add-text {
        width: 100%;
    }

    .filter-body-part label.filter-row {
        width: 100%;
    }

    .filter-body-part {
        align-items: center;
    }


    /* BORDER COLOR */
    div.filter-body-part input, 
    .filter-body-part select, 
    .filter-body-part textarea, 
    .contact-form .search-string input, 
    .contact-form div select,
    .filter-body-part textarea {
        border: var(--filter-border) !important;
        min-height: 44px;
        width: 100%;
        padding: 0 20px;
        font-size: 1rem;
        color: #000 !important;
        border-radius: var(--border-radius-general);
    }

    div.filter-body-part input[type="submit"] {
        border: none !important;
        background: var(--btn-bg) !important;
        color: var(--btn-color) !important;
    }

    div.filter-body-part input[type="submit"]:hover {
        color: var(--btn-color-hover) !important;
        background: var(--btn-bg-hover) !important;
    }
    /* BORDER COLOR END || FILTER END */
  

    /* ITEM BACK */
    .oznamy-new-columns-item-back,
    .oznamy-graphic-item-back,
    .actions-new-columns-item-back,
    #main .back,
    #main-container .back {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-end;
    }

    .oznamy-new-columns-item-back a,
    .oznamy-graphic-item-back a,
    .actions-new-columns-item-back a,
    #main .back a,
    #main-container .back a {
        background: var(--btn-bg) !important;
        color: var(--btn-color) !important;
        font-size: 1.1875rem;
        padding: 5px 20px !important;
        line-height: 35px;
        position: relative;
        border-radius: 0;
        transition-duration: 0.3s;
    }

    .oznamy-new-columns-item-back a:hover,
    .oznamy-graphic-item-back a:hover,
    .actions-new-columns-item-back a:hover,
    #main .back a:hover,
    #main-container .back a:hover {
        background: var(--btn-bg-hover) !important;
        color: var(--btn-color-hover) !important;
        box-shadow: 5px 5px 20px -10px #aaa;
        position: relative;
    }

    #main-container .back a {
        text-transform: capitalize;
        padding: 5px 10px;
        margin: 0.25rem 0;
        width: 100px;
        text-align: center;
        border-radius: var(--border-radius-general);
    }
    /* ITEM BACK END */

    
    /* PRINT PAGE */
    div.print_row_new {
        padding: 1rem 0.25rem;
        font-size: var(--regular-text-font-size);
        background: none;
        max-width: var(--content-width);
        margin: 0 auto;
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }

    div.print_row_new a {
        color: var(--print-ico-color);
        display: flex;
        gap: 0.5rem;
        text-decoration: underline;
        position: relative;
        transition: all 0.3s ease-in-out;
    }

    div.print_row_new a::before {
        transition-duration: 0.3s;
        display: inline-flex;
        content: '\f02f';
        clear: both;
        font: normal normal normal 21px/1 FontAwesome;
        left: -1.85rem;
        top: 5px;
        z-index: 0;
        position: absolute;
        color: var(--print-ico-color);
    }

    div.print_row_new a:hover {
        text-decoration-thickness: 3px;
        transform: translateY(-2px);
    }

    div.print_row_new a img {
        display: none;
    }
    /* PRINT PAGE END */


    /* ZOZNAM LINKOV */
    .env_list_of_links ul {
        display: grid;
        list-style: none;
        grid-template-columns: 100%;
        gap: 2vw;
    }

    .env_list_of_links ul li {
        min-height: 60px;
        width: 100%;
        margin: 0 !important;
    }

    .env_list_of_links ul li a {
        color: var(--zoznam-linkov-link-color);
        background: var(--bg-zoznam-linkov-link);
        padding: 1rem;
        transition-duration: 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        text-underline-position: under;
        text-align: center;
        max-width: 430px;
        margin: 0 auto;
        font-size: var(--smaller-text-font-size);
        text-decoration: underline;
        line-height: 150%;
        border: 2px solid;
    }

    .env_list_of_links ul li a:hover {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        border: 2px solid var(--zoznam-linkov-link-hover-border);
        transform: translateY(-3px);
    /*    box-shadow: 0 2px 10px -1px #aaa;*/
        color: var(--zoznam-linkov-link-hover-color);
        background: var(--bg-zoznam-linkov-link-hover);
    }
    /* ZOZNAM LINKOV END */
    /* --------------- MAIN COLUMN END --------------- */
    /* -------------------- MAIN CONTENT END -------------------- */


    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    /* MENU BLOCK */
    .env_hf_menu_block {
        background: var(--bg-blok-podstranok);
    }

    .env_hf_menu_block .module-inner-envelope > .module_body {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        padding: 10px 10px 30px;
    }

    .env_hf_menu_block .module_body > .menu-block-name {
        font-size: 1rem;
        font-weight: bold;
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: center;
        color: var(--primary);
    }

    .env_hf_menu_block ul.menu_block {
        grid-row: 2;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        gap: 1rem;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat {
        display: grid;
        position: relative;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-name {
        display: flex;
        font-size: var(--regular-text-font-size);
        font-weight: bold;
        position: relative;
        padding: 0;
        align-items: center;
        border-bottom: 2px solid var(--blok-podstranok-cat-border);
        min-height: 50px;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat a.menu-block-under-trigger {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat a.menu-block-under-trigger:focus {
        z-index: 0 !important;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat .mb-mobile-opened {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat .mb-mobile-opened li.mobile-closed {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        grid-column: 1;
        padding: 0 0 0 20px;
        border-bottom: 1px solid var(--main-color);
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        font-size: 1rem;
        display: block;
        padding: 10px;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a:hover {
/*        text-decoration: none;*/
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        border-radius: 4px;
        background-color: var(--main-color);
        bottom: 0;
        left: 0;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform 0.3s ease-in-out;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a:hover::before {
        transform-origin: left;
        transform: scaleX(1);
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat ul li {
        list-style: none;
        position: relative;
        min-height: 50px;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat ul li:hover span {
        text-decoration: underline;
    }


    /* ICONS */
    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-name::before {
        display: none !important;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(1) .menu-block-name::before {
        justify-content: center;
        align-items: center;
        content: '\f0c0';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 1;
        width: 40px;
        height: 40px;
        top: 2px;
        position: relative;
        color: var(--blok-podstranok-before-color);
        border-bottom: 2px solid var(--blok-podstranok-before-color);
        transition: all 0.3s ease-in-out;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(2) .menu-block-name::before {
        justify-content: center;
        align-items: center;
        content: '\f1ad';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 1;
        width: 40px;
        height: 40px;
        top: 2px;
        position: relative;
        color: var(--blok-podstranok-before-color);
        border-bottom: 2px solid var(--blok-podstranok-before-color);
        transition: all 0.3s ease-in-out;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(3) .menu-block-name::before {
        justify-content: center;
        align-items: center;
        content: '\f129';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 1;
        width: 40px;
        height: 40px;
        top: 2px;
        position: relative;
        color: var(--blok-podstranok-before-color);
        border-bottom: 2px solid var(--blok-podstranok-before-color);
        transition: all 0.3s ease-in-out;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-under-trigger::after {
        display: flex;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        z-index: 1;
        height: 50px;
        position: absolute;
        right: 15px;
        transition: all 0.3s ease-in-out;
        align-items: center;
        color: var(--priamry);
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-under-trigger.mb-mobile-opened::after {
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
    }    
    /* ICONS END || MENU BLOCK END */


    /* FAST LINKS */
    #extra-block-bottom .links {
        padding: 1.5rem 0.5rem 2rem;
    }

    #extra-block-bottom .links .editor {
        margin: 0 auto;
/*        max-width: 1200px;*/
    }

    #extra-block-bottom .links h3 {
        color: var(--bottom-h3-color);
        flex-wrap: var(--bottom-h3-font-weight);
        font-size: var(--bottom-h3-font-size);
        text-transform: var(--bottom-h3-text-transform);
    }

    #extra-block-bottom h2,
    #extra-block-bottom h3 {
        color: var(--bottom-h3-color);
        flex-wrap: var(--bottom-h3-font-weight);
        font-size: var(--bottom-h3-font-size) !important;
        text-transform: var(--bottom-h3-text-transform);
        font-weight: var(--bottom-h3-font-weight);
        text-align: center;
        border: none;
        position: relative;
        width: fit-content;
        margin: 0 auto;
        padding: 0.75rem 0.25rem;
    }

    #extra-block-bottom h3::before,
    #extra-block-bottom h2::before {
        display: none;
        content: '';
        height: 14px;
        width: 14px;
        border: 2px solid #D0190F;
        margin-right: 0.75rem;
        position: relative;
        border-radius: 4px;
        transform: rotate(45deg);
    }

    #extra-block-bottom h3::after,
    #extra-block-bottom h2::after {
        display: none;
        content: '';
        height: 2px;
        width: calc(100% + 2rem);
        background: var(--main-color);
        position: absolute;
        bottom: 0;
        left: -1rem;
    }

    #extra-block-bottom .links ul {
        display: grid;
        grid-template-columns: auto;
        list-style-type: none;
        margin-bottom: 1rem;
        align-items: center;
        row-gap: 2rem;
        column-gap: 2rem;
    }

    #extra-block-bottom .links ul li {
        grid-row: auto;
        margin: 0 auto;
        max-width: 430px;
        transition: all 0.3s ease-in-out;
    }

    #extra-block-bottom .links ul li a {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        color: var(--rychle-linky-color);
        font-size: var(--regular-text-font-size);
    }

    #extra-block-bottom .links ul li img {
        transition: all 0.3s ease-in-out;
        margin: 0;
    }

    #extra-block-bottom .links ul li:hover img {
/*        transform: translateY(-5px);*/
        filter: grayscale(0.5);
        transition: all 0.3s ease-in-out;
    }
    /* FAST LINKS END */ 


    /* RYCHLE LINKY */
    .rychle-linky {
        padding: 30px 0 45px;
    }

    .rychle-linky.icons {
        background: #EDF7FF;
    }

    .rychle-linky .editor {
        max-width: 1200px;
        margin: 0 auto;
    }

    .rychle-linky h3 {
        text-align: center;
        color: var(--rychle-linky-h3);
        padding-bottom: 14px;
        text-transform: uppercase;
        border: none;
    } 

    .rychle-linky .main-links-container {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr;
    }

    .rychle-linky.icons .main-links-container {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .rychle-linky .main-links-container li {
        position: relative;
        display: grid;
        /* place-content: center; */
        /* background: linear-gradient(157deg, rgba(38,134,207,1) 0%, rgba(2,81,141,1) 100%); */
        min-height: unset;
        border-radius: 0;
        margin: 0 15px;
    }

    .rychle-linky .main-links-container li a {
        font-size: 1.1875rem;
        min-height: 37px;
        padding-bottom: 10px;
    }

    .rychle-linky.icons .main-links-container li a {
        color: #0065B3;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        background: white;
    }

    .rychle-linky.icons .main-links-container li a::before {
        transition-duration: 0.3s;
        display: flex;
        clear: both;
        font: normal normal normal 20px/1 FontAwesome;
        z-index: 99;
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 16px;
        color: #0065B3;
        background: #0065B3;
        justify-content: center;
        align-items: center;
    }

    .rychle-linky.icons .main-links-container li:nth-of-type(1) a::before {
        content: '\f508';
    }

    .rychle-linky.icons .main-links-container li:nth-of-type(2) a::before {
        content: '\f0c0';
    }

    .rychle-linky.icons .main-links-container li:nth-of-type(3) a::before {
        content: '\f058';
    }

    .rychle-linky.icons .main-links-container li:nth-of-type(4) a::before {
        content: '\f0ca';
    }

    .rychle-linky.icons .main-links-container li:nth-of-type(5) a::before {
        content: '\f807';
    }

    .rychle-linky.icons .main-links-container li:nth-of-type(6) a::before {
        content: '\f279';
    }

    .rychle-linky .main-links-container li a:hover {
        transition: all 0.35s ease-in-out;
        text-decoration: none;
    }

    .rychle-linky.icons .main-links-container li a:hover {
        box-shadow: 5px 5px 20px -10px;
        border-radius: 0 10px 0 0;
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }

    .rychle-linky .main-links-container li a::after {
        content: "";
        position: absolute;
        width: 0;
        height: 5%;
        bottom: 0;
        left: 0;
        background-color: var(--bg-rychle-linky);
        visibility: hidden;
        transition: all 0.35s ease-in-out;
    }

    .rychle-linky .main-links-container li a:hover::after {
        width: 100%;
        visibility: visible;
    }
    /* RYCHLE LINKY END */


    /* DOLEZITE ODKAZY */
    #extra-block-bottom .important_links {
/*        background: var(--bg-dolezite-odkazy);*/
        padding: 0;
    }

    #extra-block-bottom .important_links h3 {
        color: var(--dolezite-odkazy-h3);
    }

    #extra-block-bottom .important_links ul {
        gap: 1rem;
        padding: 1rem 0;
        background: var(--bg-dolezite-odkazy);
    }

    #extra-block-bottom .important_links ul li {
        width: 100%;
        height: 100%;
        position: relative;
    }

    #extra-block-bottom .important_links ul li a {
        color: var(--dolezite-odkazy-color);
        min-height: fit-content;
        height: fit-content;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        border-radius: var(--dolezite-odkazy-border-radius);
        flex-direction: column;
        align-items: center;
        position: relative;
        text-align: center;
/*        padding: 4rem 1rem 1rem;*/
/*        background: linear-gradient(116deg, #006032 32.98%, #004324 100%);*/
    }

    #extra-block-bottom .important_links ul li p {
        position: absolute;
        bottom: 1rem;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0;
        text-decoration: underline;
        color: var(--link-color-white);
    }

    #extra-block-bottom .important_links ul li a:hover p {
        text-decoration-thickness: 3px;
    }

    #extra-block-bottom .important_links ul li a:hover {
        filter: saturate(150%) drop-shadow(0 0 6px #000);
    }

    #extra-block-bottom .important_links ul li a::before {
        display: none;
        content: "";
        clear: both;
        z-index: 1;
        color: var(--dolezite-odkazy-icons);
        position: absolute;
        top: 1.5rem;
        font: normal normal normal 24px/1 FontAwesome;
    }

    #extra-block-bottom .important_links ul li:nth-of-type(1) a::before {
        content: "\f51d";
    }

    #extra-block-bottom .important_links ul li:nth-of-type(2) a::before {
        content: "\e59d";
    }

    #extra-block-bottom .important_links ul li:nth-of-type(3) a::before {
        content: "\f51c";
    }

    #extra-block-bottom .important_links ul li:nth-of-type(4) a::before {
        content: "\e3b2";
    }

    #extra-block-bottom .important_links ul li:nth-of-type(5) a::before {
        content: "\f0e0";
    }
    /* DOLEZITE ODKAZY END */


    /* UZITOCNE ODKAZY */
    #extra-block-bottom .useful_links {
        background: var(--bg-uzitocne-odkazy);
    }

    #extra-block-bottom .useful_links h3 {
        color: var(--uzitocne-odkazy-h3);
    }

    #extra-block-bottom .useful_links ul {
        grid-template-columns: 100%;
        gap: 1.25rem;
        max-width: 1000px;
        margin: 0 auto;
    }

    #extra-block-bottom .useful_links ul li {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #extra-block-bottom .useful_links ul li a {
        width: 100%;
        min-height: 4rem;
        max-width: 300px;
        color: var(--uzitocne-odkazy-color);
        border: 1px solid var(--main-color);
        position: relative;
        padding: 0 1rem;
        align-items: center;
        text-align: center;
        background: #fff;
        border-radius: var(--uzitocne-odkazy-border-radius);
        gap: 0.5rem;
        transition-duration: 0.3s;
    }

    #extra-block-bottom .useful_links ul li a:hover {
        box-shadow: 0 0 10px -5px #aaa;
    }

    #extra-block-bottom .useful_links ul li a::before {
        display: none;
        content: "";
        width: 7px;
        height: 7px;
        background: var(--uzitocne-odkazy-icons);
        border-radius: 50%;
    }

    /*#extra-block-bottom .useful_links ul li:first-child a {
        border-top-width: 2px;
    }

    #extra-block-bottom .useful_links ul li:last-child a {
        border-bottom-width: 2px;
    }*/
    /* UZITOCNE ODKAZY END */


    /* FEJKOVY BLOK PODSTRANOK */
    #extra-block-bottom .blok_podstranok {
        background: var(--bg-blok-podstranok);
        max-width: 1200px;
        margin: 0 auto;
    }

    #extra-block-bottom .blok_podstranok h3 {
        color: var(--blok-podstranok-h3);
    }

    #extra-block-bottom .blok_podstranok .odkazy {
        display: grid;
        gap: 2rem;
        justify-content: center;
    }

    #extra-block-bottom .blok_podstranok ul {
        gap: 0.875rem;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        margin-bottom: 0;
    }

    #extra-block-bottom .blok_podstranok ul li {
        width: 100%;
    }

    #extra-block-bottom .blok_podstranok ul li a {
        width: 100%;
        min-height: 120px;
        min-width: 120px;
        max-width: 120px;
        color: var(--blok-podstranok-color);
        border: 1px solid var(--main-color);
        position: relative;
        padding: 0 1rem;
        align-items: center;
        text-align: center;
        background: #F3F5FF;
        border-radius: var(--blok-podstranok-border-radius);
        gap: 0.5rem;
        transition-duration: 0.3s;
    }

    #extra-block-bottom .blok_podstranok ul li a:hover {
        box-shadow: 0 0 10px -5px #aaa;
        background: var(--main-color);
        color: var(--link-color-white);
    }

    #extra-block-bottom .blok_podstranok ul li a::before {
        display: none;
        content: "";
        width: 7px;
        height: 7px;
        background: var(--blok-podstranok-icons);
        border-radius: 50%;
    }
    /* FEJKOVY BLOK PODSTRANOK END */


    /* MOBILNA APLIKACIA */
    #extra-block-bottom .mobilna-aplikacia {
        background: var(--bg-mobilna-aplikacia);
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0.75rem 0;
    }

    #extra-block-bottom .mobilna-aplikacia .editor {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-rows: auto;
        min-height: 200px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 0.5rem;
    }

    #extra-block-bottom .mobilna-aplikacia .editor h3 {
        font-size: 1.5rem !important;
        padding: 1.5rem 0;
        margin: 0 auto;
    }

    #extra-block-bottom .mobilna-aplikacia .editor h3 a {
        color: var(--mobilna-aplikacia-h3-color);
        font-size: 2rem;
        font-weight: 700;
        text-transform: var(--bottom-h3-text-transform);
    }

    #extra-block-bottom .mobilna-aplikacia .editor p {
        color: var(--mobilna-aplikacia-text-color);
    }

    #extra-block-bottom .mobilna-aplikacia .editor p span {
        font-weight: 700;
    }

    #extra-block-bottom .mobilna-aplikacia .editor p span.highlighted {
        color: var(--mobilna-aplikacia-highlighted-text-color);
    }

    #extra-block-bottom .mobilna-aplikacia .editor h3 a:hover {
        text-decoration-thickness: 5px;
    }

    #extra-block-bottom .mobilna-aplikacia .editor ul {
        grid-column: 2/3;
        padding: 0 10px;
        list-style-type: none;
    }

    #extra-block-bottom .mobilna-aplikacia .editor ul li {
        color: #fff;
        font-size: 1.25rem;
        line-height: 39px;
    }

    #extra-block-bottom .mobilna-aplikacia .editor a.MA-links {
        color: #B2E3FB;
        text-decoration: underline;
    }
    /* MOBILNA APLIKACIA END */


    /* MAPA */
    #extra-block-bottom div.mapa {
        border-top: 2px solid #ddd;
        background: #fff;
    }

    #extra-block-bottom .mapa h3 {
        font-size: 1.5rem !important;
        font-weight: var(--bottom-h3-font-weight);
        color: var(--bottom-h3-color);
        background: none !important;
        text-align: center;
        padding: 1.5rem 0.25rem;
        line-height: 115%;
    }

    .embed-container { 
        width: 100%;
        height: 25vw;
        min-height: 150px;
        max-height: 300px;
/*        box-shadow: 0px 5px 25px -14px #000;*/
    } 

    .embed-container iframe, 
    .embed-container object, 
    .embed-container embed {
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%;
    }

    .map-common-kats-list {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin: 1rem 0;
    }

    .map-common-kats-list a {
        display: flex;
        gap: 0.5rem;
    }

    .map-common-kats-list a img {
        width: auto;
    }

    .table-map-common-objects-list img {
        width: auto;
        min-width: 1.5rem;
    }

    .map-common-object-icon.automatic-col-1 {
        min-width: auto;
    }
    /* MAPA END */


    /* FIXED BACKGROUND */
    .bg-FIX  {
        background: url(bg-fixed.jpg);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        height: 25vw;
        min-height: 175px;
/*        box-shadow: 0px -2px 40px -10px #000;*/
    }
    /* FIXED BACKGROUND END */
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */


    /* -------------------- FOOTER -------------------- */
    /* UPPER */
    footer .env_hf_module_container.upper {
        width: 100%;
        background: var(--bg-footer-upper);
        font-size: 1.1875rem;
        line-height: 150%;
        padding: 1rem 0;
    }

    footer .env_hf_module_container.upper .module-container-columns-envelope {
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: 1fr;
    }

    footer .upper .module-container-columns-envelope .column-1 {
        grid-row: 1;
    }

    footer .upper .module-container-columns-envelope .column-2 {
        grid-row: 2;
    }

    footer .upper .module-container-columns-envelope .column-3 {
        grid-row: 3;
    }

    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 4;
    }

    footer .upper .module-container-columns-envelope .module-container-column {
        padding: 0 0.5rem;
    }

    footer .upper .env_hf_logo.logo-footer img {
        width: auto;
/*        max-width: 100px;*/
        margin: 1rem auto;
        display: flex;    
    }

    .module-container-header a.module-container-header-trigger {
        width: 100%;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: 1fr;
        padding: 0.5rem 1.5rem;
        margin: 0 auto;
        position: relative;
        color: var(--footer-color-rwd-collapsed);
    }

    footer .trigger-text {
        grid-column: 1/span 4;
        display: flex;
        align-items: center;
        font-weight: bold;
        color: var(--footer-color-rwd-collapsed);
    }

    footer .trigger-graphic {
        grid-column: 5;
        margin: 0 auto;
        width: 44px;
        height: 44px;
        /*border: 2px solid var(--footer-upper-icon-border);*/
        display: inline-block;
    }

    footer .mobile-opened .trigger-graphic {
        border-color: var(--main-color);
    }

    footer .trigger-graphic::after {
        display: inline-flex;
        content: '\f105';
        color: var(--footer-color-rwd-collapsed);
        clear: both;
        width: 100%;
        height: 100%;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        justify-content: center;
        align-items: center;
    } 

    footer .mobile-opened .trigger-graphic::after {
        transform: rotate(90deg);
        transition: all 0.3s ease-in-out;
        /*color: var(--priamry);*/
    }

    footer .upper .module-container-collapsable-envelope[style*="display: none"] {
        position: absolute;
        display: flex;
        width: 0;
        height: 0px;
        opacity: 0;
        right: -100%;
        transition: all 1.5s ease-in-out;
        flex-wrap: wrap;
    }

    footer .upper .module-container-collapsable-envelope[style=""] {
        background: var(--bg-footer-upper-colapsable);
        padding: 1rem 2rem;
        width: 100%;
        position: relative;
        height: auto;
        opacity: 1;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        box-shadow: 0 6px 10px -3px #111;
        margin-bottom: 1em;
        transition: all 0.25s ease-in-out;
    }

    footer .upper .module-container-collapsable-envelope .module-in-container {
        padding: 5px 0;
        width: 100%;
    }

    footer .upper .module-container-collapsable-envelope .module-in-container p {
        color: var(--footer-color-rwd);
        margin-bottom: 0;
    }

    footer .upper .module-container-collapsable-envelope .module-in-container a {
        color: var(--footer-color-rwd);
    }

    footer .upper .module-container-collapsable-envelope .module-in-container:last-of-type {
        border: none;
    }

    footer .upper .module-container-collapsable-envelope a {
        color: var(--footer-color-rwd);
    }

    footer .upper .opening-info table tr {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
    }

    footer .upper .opening-info table tr th {
        min-width: 5rem;
    }

    footer .upper .opening-info table tr td {
        grid-row: 2;
    }

    .in-line {
        display: inline-flex;
        margin-right: 10px !important;
        width: auto !important;
    }
    /* UPPER END */


    /* LOWER */
    footer .lower {
        max-width: 80%;
        margin: 2em auto 5rem;
    }

    footer .env_hf_module_container.lower .module-container-columns-envelope {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    footer .env_hf_module_container.lower .column-1 {
        width: 100%;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: auto;
    }  

    footer .env_hf_module_container.lower .column-1 .webygroup {
        grid-row: 2;
        margin: 1em 0;
    }

    footer .lower .column-1 .env_hf_tiraz {
        grid-row: 1;
        color: var(--footer-color-tiraz);
    }

    footer .lower .webygroup img {
        max-width: 200px;
    }

    footer .lower .env_hf_time {
        position: relative;
        display: flex;
    }

    footer .lower .env_hf_date {
        position: relative;
        display: flex;
    }

    footer a,
    footer li,
    footer .editor {
        color: var(--footer-color-rwd);
    }

    footer .lower div,
    footer .lower a {
        color: var(--footer-color-tiraz);
    }


    /* FOOTER ICON */
    footer .lower .env_hf_time::before {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        content: '\f017';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
        margin-right: 10px;
    }

    footer .lower .env_hf_date::before {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        content: '\f073';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: relative;
        transition-duration: 0.3s;
        margin-right: 10px;
    }
    /* FOOTER ICON END || LOWER END*/
    
    /* -------------------- FOOTER END -------------------- */

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

    
    /* LINKS UNDERLINE */
    footer a {
        text-decoration: underline;
        transition-timing-function: ease-in-out;
        transition-duration: .25s;
        line-height: 150%;
    }

    footer .header-logo-envelope > a {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }
    /* LINKS UNDERLINE END */
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    /* DISPLAY NONE */
    ul.fotogaleria-multi-kat-img-list.with-names li.last {
        display: none;
    }
    /* DISPLAY NONE END */


    /* -------------------- HEADER -------------------- */
    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        gap: 1rem;
    }

    header .env_hf_module_container.header-data .module-in-container.phone,
    header .env_hf_module_container.header-data .module-in-container.email {
        display: inline-flex;
        padding: 0 0.75rem;
    }

    header .env_hf_module_container.header-data .module-in-container.phone p,
    header .env_hf_module_container.header-data .module-in-container.email p {
        margin-bottom: 0;
    }

    header .env_hf_module_container.header-data .module-in-container.phone p a,
    header .env_hf_module_container.header-data .module-in-container.email p a {
        color: var(--header-data-text-color);
    }

    header .header-logo-text {
        font-size: 1.5rem;
    }

    header .header-logo-text-ext {
        font-size: 1rem;
    }
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* RÝCHLE LINKY */
    #extra-block-top .news.links {
        padding-bottom: 1.5rem;
    }

    #extra-block-top .news.links .editor ul {
/*        grid-template-columns: repeat(4, 1fr);*/
        gap: 0.75rem;
    }

    #extra-block-top .news.links .editor ul li:last-child {
/*        grid-column: 1/3;*/
    }
    /* RÝCHLE LINKY END */


    /* BANER SLOT */
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.25rem;
        height: 3.25rem;
    }
    /* BLOCK LINKS END */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */


    /* -------------------- MAIN CONTENT -------------------- */
    #main-content .column_mc {
        grid-template-columns: 1fr ;
    }

    main#main {
        margin: 0 auto;
        /*grid-column: 1/3;*/
    }

    aside#right-column {
        grid-row: 3;
        /*grid-column: 2;*/
    }


    /* ZOZNAM LINKOV */
    .env_list_of_links ul {
        grid-template-columns: repeat(2, 1fr);
    }
    /* ZOZNAM LINKOV END */


    /* ----- TABLE ----- */
    table {
        display: table;
    }

    .table-common-filter-body form {
        grid-gap: 1rem;
    }

    .table-common-filter-body .table-common-filter-envelope.mode-strict {
        grid-row: 1;
    }

    .table-common-filter-body .table-common-filter-submit {
        display: grid;
        grid-column-start: span 2;
        grid-gap: 1rem;
    }

    .table-common-filter-body .table-common-filter-submit a,
    .table-common-filter-body .table-common-filter-submit input {
        grid-row: 2;
        margin: 0;
    }

    .table-common-filter-separator {
        display: none;
    }
    /* ----- TABLE END ----- */


    /* TABBED */
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li {
        width: auto;
    }

    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger {
        font-size: 1.3125rem;
        padding: 17px 20px;
    }
    /* TABBED END */


    /* BANER SLOT END */
    main .block-links ul {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }
    /* BLOCK LINKS */


    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE ----- */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list, 
    .env_actions_portal_graphic ul.actions-graphic-list, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list { 
        grid-template-columns: 100%;
    }

    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list,
    #homepage_0 .env_common_items_graphic ul.oznamy-graphic-list, 
    #homepage_0 .env_common_items_graphic.list ul.oznamy-graphic-all-list, 
    #homepage_0 .env_actions_portal_graphic ul.actions-graphic-list, 
    #homepage_0 .env_actions_portal_graphic.list ul.actions-graphic-all-list { 
        grid-template-columns: repeat(2, 1fr);
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    .env_common_items_graphic ul.oznamy-graphic-list li, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    .env_actions_portal_graphic ul.actions-graphic-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li,
    ul.oznamy-new-columns-all-list-default li,
    ul.oznamy-graphic-all-list-default li,
    ul.actions-new-columns-all-list-default li,
    ul.actions-graphic-all-list-default li {
        display: var(--oznamy-display);
        grid-column: auto;
        max-height: max-content;
        max-width: 100%;
        width: 100%;
        grid-template-columns: minmax(274px, 35%) 1fr;
        column-gap: 0.75rem;
/*        padding: 0.25rem 0;*/
/*        padding-right: 0.75rem;*/
        padding: 0 0 0.25rem;
    }

    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list li,
    #homepage_0 .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    #homepage_0 .env_common_items_graphic ul.oznamy-graphic-list li, 
    #homepage_0 .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    #homepage_0 .env_actions_portal_graphic ul.actions-graphic-list li, 
    #homepage_0 .env_actions_portal_graphic.list ul.actions-graphic-all-list li,
    #homepage_0 ul.oznamy-new-columns-all-list-default li,
    #homepage_0 ul.oznamy-graphic-all-list-default li,
    #homepage_0 ul.actions-new-columns-all-list-default li,
    #homepage_0 ul.actions-graphic-all-list-default li {
        display: flex;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    ul.oznamy-new-columns-all-list-default li,
    ul.actions-new-columns-all-list-default li {
        display: grid !important;
        padding: 0.25rem 0.75rem 0.25rem 0.25rem;
        max-width: 100% !important;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list .image-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope {
        height: 27vw;
        max-height: 183px;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope {
        padding: 1rem;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope,
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default,
    ul.actions-new-columns-all-list-default li div.image-envelope-default,
    ul.actions-graphic-all-list-default li div.image-envelope-default {
        height: 28vw;
        max-height: 215px;
        grid-row: 1/4;
        margin-bottom: 0;
    }

    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        grid-row: 1/5;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        margin-bottom: 0;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 {
        min-height: 3.75rem;
/*        padding: 0 !important;*/
    }

/*    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text, */
/*    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text, */
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text {
/*        min-height: unset;*/
        grid-column: 2;
        grid-row: 2/3;
/*        padding: 0 !important;*/
        -webkit-line-clamp: 4;
    }


    /* Oznamy pod sebou na podstránke */
    #m_185756 .env_common_items_columns_responsive ul.oznamy-new-columns-list {
        grid-template-columns: 100% !important;
    }

    #m_185756 .env_common_items_columns_responsive ul.oznamy-new-columns-list li {
        display: grid;
    }

    #m_185756 .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text {
        grid-column: auto;
    }

    .env_actions_portal_graphic ul.actions-graphic-list li.without-image .image-envelope {
        background-size: contain;
        background-position: top;
    }

    .oznamy_date {
/*        padding: 0.5rem 0;*/
        margin: 0;
    }
    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE END ----- */


    /* FOTOGALERIA */
    div.fotogaleria,
    ul.fotogaleria-multi-kat-img-list,
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure,
    ul.common-image-gallery-default {
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }

    div.fotogaleria div, 
    ul.fotogaleria-multi-kat-img-list .gallist, 
    ul.fotogaleria-multi-foto-list li, 
    ul.fotogaleria-pure > li, 
    ul.common-image-gallery-default li {
        width: 100% !important;
        box-sizing: border-box;
        grid-column: auto;
        margin: 0 !important;
        align-content: start;
    } 

    div.fotogaleria div > a,
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default,
    ul.fotogaleria-multi-kat-img-list.with-names li a {
        max-height: 190px;
        height: 28vw !important;
    }

    div.fotogaleria div.paging {
        width: 100% !important;
        grid-column: 1/3;
    }

    .add_user_info {
        /*grid-column: 2;*/
        font-size: 1rem;
        text-align: right;
        margin: 0.5rem;
    }
    /* FOTOGALERIA END */


    /* ----- ZASADNUTIA ----- */
    .env_zasadania .module_body > div.zasadania-list {
        grid-gap: 1.25rem;
        grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    }

    .env_zasadania .module_body .zasadenie-envelope {
        aspect-ratio: auto;
        min-height: 114px;
    } 

    .add_user_info {
        grid-column: auto;
    }
    /* ----- ZASADNUTIA END ----- */


    /* KONTAKTY */
    .env_contacts ul.contact-list {
        flex-direction: row;
    }

    .env_contacts ul.contact-list .contact-list-item {
        width: 100%;
        flex-flow: row;
    }

    .env_contacts ul.contact-list .contact-list-header {
        display: none;
    }

    .env_contacts ul.contact-list .contact-list-header .contact-list {
        width: 100% !important;
    } 
    /* KONTAKTY END */ 


     /* KALENDAR VYVOZU */
     .olo-calendar-envelope ul.olo-daynames {
        display: grid;
        grid-auto-rows: auto;
        border-bottom: 2px solid #F5F5F5;
        grid-template-columns: repeat(7, 1fr);
    }

    .olo-calendar-envelope ul.olo-daynumbers {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-auto-rows: auto;
    }

    .olo-calendar-envelope ul.olo-daynumbers li {
        width: auto;
    }
    /* KALENDAR VYVOZU END */
    

    /* FILTER UPRAVY */
    .filter-envelope-body .filter-body-parts {
        align-items: end;
    }
    /* FILTER UPRAVY END */
    /* -------------------- MAIN CONTENT END -------------------- */


    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    #extra-block-bottom .links ul {
        grid-template-columns: repeat(2, auto);
        justify-content: center;
    }

    #extra-block-bottom .useful_links ul {
        grid-template-columns: repeat(2, 1fr);
    }

    #extra-block-bottom .important_links ul li:last-child {
/*        grid-column: 1/3;*/
    }

    #extra-block-bottom .important_links ul li a {
        min-height: fit-content;
    }

    #extra-block-bottom .important_links ul li a::before {
        top: 2rem;
    }

    #extra-block-bottom .mobilna-aplikacia .editor h3 {
        padding: 2rem 0;
    }

    #extra-block-bottom .blok_podstranok .odkazy {
        grid-template-columns: repeat(2, auto);
    }

    #extra-block-bottom .blok_podstranok .odkazy ul:last-child {
        grid-column: 1/3;
    }
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */


    /* -------------------- FOOTER -------------------- */
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-auto-columns: 3fr;
        padding: 0;
    }

    footer .upper .opening-info table tr {
        display: flex;
        gap: 0.5rem;
        font-size: var(--regular-text-font-size);
        line-height: 28px;
    }

    footer .upper .module-container-columns-envelope .column-2 .module-in-container p,
    footer .upper .module-container-columns-envelope .column-4 .module-in-container p {
        line-height: 28px;
    }


    /* 4 COLUMNS */ /* !!! V pripade 3 stlpcoveho riesenie paticky zakomentovat !!! */
    footer .upper .module-container-columns-envelope .column-1 {
        grid-row: 1;
        grid-column: 1/5;
        border: none;
    }

    footer .upper .module-container-columns-envelope .column-2 {
        grid-row: 2;
        grid-column: 1/5;
        align-self: center;
    }

    footer .upper .module-container-columns-envelope .column-3 {
        grid-row: 3;
        grid-column: 1/5;
        align-self: center;
    }

    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 4;
        grid-column: 1/5;
        align-self: center;
    }
    /* 4 COLUMNS END */


    footer .env_hf_module_container.upper {
        border-bottom: 2px solid var(--footer-border-bottom);
    }

    footer .lower {
        max-width: 90%;
    }

    footer .env_hf_module_container.lower .column-1 {
        display: flex;
        gap: 1rem;
    }

    footer .env_hf_module_container.lower .column-2 {
        grid-row: 2;
        grid-column: 3;
    }

    footer .env_hf_module_container.lower .column-1 .webygroup {
        justify-content: center;
    }

    footer .env_hf_module_container.lower .module-container-columns-envelope {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    /* -------------------- FOOTER END -------------------- */
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    /* DISPLAY: NONE */
    /* DISPLAY: NONE END */


    /* -------------------- HEADER -------------------- */
    header .column_h {
        grid-auto-columns: auto;
        padding: 0 10px;
    }

    header .header-logo-envelope > a {
        row-gap: 0.25rem;
    }

    header .header-logo-text { 
        font-size: 1.75rem;
    }

    header .header-logo-text-ext {
        font-size: 1rem;
        top: -0.25rem;
    }

    header .header-logo-img-envelope img {
        height: 60px;
    }

    /* HEADER DATA */
    header .env_hf_module_container.header-data {
        position: relative;
        box-shadow: none;
        display: flex;
        justify-content: center;
        margin: 0;
        grid-row: 1;
        z-index: 99999;
        grid-column: 4/11;
        background: none;
        align-items: center;
    }

    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        grid-template-columns: repeat(var(--rwd-menu-icons-count), 1fr);
        gap: 0;
    }

    a#homepage-link-with-text-envelope:focus,
    span#login-login a:focus,
    input#search-submit-button:focus,
    .env_hf_contacts .module_body a:focus,
    .env_hf_image.social .hf-image-envelope.with-link a:focus,
    .env_hf_text_pure.FB.social .module_body a:focus,
    .FB.social .editor a:focus,
    #my-current-lang:focus,
    .module_envelope_h.env_hf_menu_rwd:focus {
/*        outline-color: #fff !important;*/
    }

    .google-lang-position-others {
        bottom: auto;
        box-shadow: 0px 5px 15px -1px #00000025;
    }

    .module_envelope_h.env_hf_menu_rwd {
        width: 45px;
        display: flex;
        justify-content: flex-end;
        grid-column: 12;
        grid-row: 1;
    }

    .rwd-menu-container.opened {
        width: 50vw;
    }

    a#homepage-link-with-text-envelope::before,
    span#login-login a::before,
    input#search-submit-button::before,
    .env_hf_contacts .module_body a::before,
    .env_hf_image.social .hf-image-envelope.with-link a::before,
    .env_hf_text_pure.FB.social .module_body a::before,
    .FB.social .editor a::before,
    .IG.social .editor a::before,
    .YT.social .editor a::before,
    #my-current-lang::before,
    #search-box-submit::after,
    #my-current-lang,
    #my-current-lang::after {
        color: var(--header-icons-color-tablet);
        font-size: var(--regular-text-font-size);
    }

    #my-current-lang {
        margin-left: 0.25rem;
    }
    /* HEADER DATA END */
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */
    #extra-block-top .column_ha {
        margin-top: 0;
    }

    #extra-block-top .news.links .editor ul {
        grid-template-columns: repeat(4, 1fr);
    }


    /* FOTO BANNER */
    .env_hf_multi_foto {
        display: block;
    }

    .multi-foto-link-system {
/*        box-shadow: 0px 0px 20px 0px #fff;*/
        display: flex;
        width: auto;
        max-width: var(--fotobanner-width);
        max-height: var(--fotobanner-height);
        margin: 1rem;
        border: var(--fotobanner-border-width) solid var(--fotobanner-border-color);
        justify-content: flex-end;
        border-radius: var(--fotobanner-border-radius);
    }
    /* FOTO BANNER END */


    /* BANER SLOT */
    /* BANER SLOT BASIC*/
    #banner-homepage {
        grid-template-columns: 61.5% minmax(38.5%, 456px);
        max-width: 1200px;
    }

    #banner-homepage-img-link {
        grid-column: 1/2;
        grid-row: 1/3;
        border-radius: 0 0 0 0;
    }

    #main-banner-buttons {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    #banner-slot-text-array {
        grid-column: 2/3;
        grid-row: 1/3;
        border-radius: 0 0 0 0;
        padding: 2rem 2rem 3rem;
    }

    #banner-slot-p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--banner-h2);
    }

    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.5rem;
        padding: 0 !important;
        margin: 0;
        height: 5rem;
    }
    /* BANER SLOT BASIC END */


    /* BANER SLOT NEW */
    /*#banner-homepage {
        grid-template-columns: auto 40px;
        max-width: 900px;
    }

    #banner-homepage-img-link {
        grid-column: 1/2;
        grid-row: 1/3;
        border-radius: 0 0 0 0;
        max-width: 860px;
    }

    #main-banner-buttons {
        grid-column: 2/3;
        grid-row: 1/3;
        flex-direction: column;
        padding: 0;
    }

    #banner-slot-text-array {
        grid-column: 1/2;
        grid-row: 2/3;
        border-radius: 0 0 0 0;
        padding: 3.5rem 2rem 1rem;
    }

    #main-banner-buttons #banner-buttons-control-envelope {
        right: 0;
        align-items: flex-end;
        justify-content: flex-end;
    }

    #banner-slot-p {
        display: none;
        color: var(--banner-h2);
    }

    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.5rem;
        padding: 0 !important;
        margin: 0;
        height: 4rem;
    }*/
    /* BANER SLOT NEW END */
    /* BANER SLOT END */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */


    /* -------------------- MAIN CONTENT -------------------- */
    #main-content {
/*        padding: 0 20px;*/
    }

    #tabbed-page-modules ul.tabbed-page-modules {
        justify-content: center;
    }


    /* BANER SLOT END */
    main .block-links ul {
        grid-template-columns: repeat(3, 1fr);
        max-width: 1000px;
        margin: 0 auto;
    }
    /* BLOCK LINKS */


    /* OZNAMY VODOROVNE A AKCIE VODOROVNE */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list, 
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list, 
    .env_actions_portal_graphic ul.actions-graphic-list, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list {
        grid-gap: 28px;
    }

    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list,
    #homepage_0 .env_common_items_graphic ul.oznamy-graphic-list, 
    #homepage_0 .env_common_items_graphic.list ul.oznamy-graphic-all-list, 
    #homepage_0 .env_actions_portal_graphic ul.actions-graphic-list, 
    #homepage_0 .env_actions_portal_graphic.list ul.actions-graphic-all-list { 
        grid-template-columns: repeat(3, 1fr);
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope,
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default,
    ul.actions-new-columns-all-list-default li div.image-envelope-default,
    ul.actions-graphic-all-list-default li div.image-envelope-default {
        height: 24vw;
        max-height: 200px;
        min-height: 144px;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    .env_common_items_graphic ul.oznamy-graphic-list li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li,
    .env_actions_portal_graphic ul.actions-graphic-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li,
    ul.oznamy-new-columns-all-list-default li,
    ul.oznamy-graphic-all-list-default li,
    ul.actions-new-columns-all-list-default li,
    ul.actions-graphic-all-list-default li {
        grid-template-columns: minmax(274px, 35%) 1fr;
    }
    /* OZNAMY VODOROVNE A AKCIE VODOROVNE END */
    

    /* OZNAMY GRAFICKE A AKCIE GRAFICKE */
    .env_common_items_graphic ul.oznamy-graphic-list,
    .env_actions_portal_graphic ul.actions-graphic-list {
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    }
    /* OZNAMY GRAFICKE A AKCIE GRAFICKE END */


    /* ZOZNAM LINKOV */
    .env_list_of_links ul {
        grid-template-columns: repeat(3, 1fr);
    }
    /* ZOZNAM LINKOV END */


    /* ----- KALENDAR AKCII S KALENDAROM ----- */
    h2.oznamy-new-columns.with-calendar,
    .oznamy-new-columns-envelope.items.with-calendar ul h3 {
        grid-column-start: span 2;   
    }

    .actions-new-colums-form-envelope ul,
    .oznamy-new-columns-envelope.items.with-calendar ul {
        list-style: none;
        display: grid;
    }

    .actions-new-colums-form-envelope ul.actions-new-colums-form-envelope.item,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }

    .actions-new-colums-form-envelope.item ul h2.oznamy-new-columns.with-calendar,
    .oznamy-new-columns-envelope.items.with-calendar ul h3 {
        grid-row: 1;
    }

    .actions-new-colums-form-envelope.item li {
        grid-row: 2;
    }

    .oznamy-new-columns-envelope.items.with-calendar ul li .image-envelope {
        height: auto;
    }

    .actions-new-colums-form-envelope.item li .image-envelope a,
    .oznamy-new-columns-envelope.items.with-calendar ul li .image-envelope a {
        position: relative;
        display: flex;
        width: 100%;
        height: auto;
        max-height: 280px;
    }

    .oznamy-new-columns-envelope.items.with-calendar ul li .image-envelope a img {
        height: fit-content;
    }

    .oznamy-new-columns-envelope.items.with-calendar ul li {
            /* grid-column: 1; */
        grid-row: auto;
        width: 100%;
        height: auto;
        display: flex;
        flex-flow: column;
    }
    /* ----- KALENDAR AKCII S KALENDAROM END ----- */


    /* FOTOGALERIA */
    .fotogaleria div, 
    ul.fotogaleria-multi-kat-img-list .gallist, 
    ul.fotogaleria-multi-foto-list li, 
    ul.fotogaleria-pure > li, 
    ul.common-image-gallery-default li {
        grid-column: auto ;
        justify-self: center;
    }

    div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        column-gap: 31px;
        row-gap: 25px;
        grid-template-columns: repeat(3, minmax(222px, 1fr));
    }

    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default {
        max-height: 183px;
        height: 18vw !important;
    }
    
    div.fotogaleria div.paging {
        grid-column: 1/4;
    }
    /* FOTOGALERIA END */ 


    /* ----- ZMLUVY/ FAKTURY/ OBJEDNAVKY ----- */
    div.zmluvy-new-search-demand 
    div.zof-export {
        display: flex;
        justify-content: space-between;
    }

    div.zof-export {
        width: 100%;
        justify-content: flex-end;
    }
    /* ----- ZMLUVY/ FAKTURY/ OBJEDNAVKY END ----- */


    /* ----- ZASADNUTIA ----- */
    .env_zasadania .module_body > div.zasadania-list {
        grid-gap: 10px;
    }

    .env_zasadania .module_body .zasadenie-envelope a {
        font-size: 1.1875rem;
    }

    .filter-zasadania .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr;
    }
    /* ----- ZASADNUTIA END ----- */


    /* KONTAKTY */
    .env_contacts ul.contact-list .contact-list-header {
        display: flex;
        width: 100%;
    }

    .env_contacts ul.contact-list {
        font-size: 1rem;
    }
    /* KONTAKTY END */


    /* ----- TABLE ----- */
    .table-common-filter-body form {
     grid-template-columns: 1fr 1fr;
    }

    .table-common-filter-body .table-common-filter-submit {
        grid-row: 1;
    }

    .table-common-filter-body .table-common-filter-submit a, 
    .table-common-filter-body .table-common-filter-submit input {
        padding: 0 10px;
    }

    table {
        line-height: 150%;
        font-size: var(--smaller-text-font-size);
    }
    /* ----- TABLE END ----- */


    /* --------------------- FILTER UPRAVA --------------------- */
    /* VYVOZ ODPADU - FILTER */    
    .filter-olo.filter-packing .filter-body-parts.btn-cancel .filter-body-part {
        grid-column: auto;
    }

    .filter-olo.filter-packing .filter-body-parts.btn-cancel .filter-body-part-submit {
        grid-row: 1;
    }
    /* VYVOZ ODPADU - FILTER END */             
     

    /* NAPISTE NAM */
    .filter-napiste-nam-execute .filter-body-parts .filter-body-part {
        grid-row: auto;
        grid-column-start: span 2;
    }

    .filter-napiste-nam-execute .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }
    /* NAPISTE NAM END*/


    /* DISKUSIA */
    .diskusia-form .filter-body-parts .filter-body-part {
        grid-row: auto;
        grid-column-start: span 2;
    }

    .diskusia-form .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }
    /* DISKUSIA END */


    /* OZNAMY VODOROVNE FILTER */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-column: auto;
    }

    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        grid-row: auto;
        padding: 0;
    }
    /* OZNAMY VODOROVNE FILTER END */
     

    /* AKCIE VODOROVNE FILTER */
    /* AKCIE VODOROVNE FILTER END */


    /* VZN FILTER */
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit,
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-text {
        grid-column: auto;
    }

    .filter-vzn .filter-body-parts.btn-cancel {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    } 

    .filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-column-start: span 2;
    }

    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit {
        grid-column: 3;
    }

    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        grid-column: 4;
    }

    .filter-vzn .filter-body-parts .filter-body-part {
        grid-row: auto;
    }  
    /* VZN FILTER END */


    /* ZMLUVY/ FAKTURY/ OBJEDNAVKY - FILTER */
    .zmluvy-search-form .filter-body-parts, 
    .faktury-search-form .filter-body-parts,
    .objednavky-search-form .filter-body-parts {
        grid-template-columns: 1fr 1fr 1fr;
    }  

    .objednavky-search-form .filter-body-part:nth-child(-n + 3),
    .zmluvy-search-form .filter-body-part:nth-child(-n + 3),
    .faktury-search-form .filter-body-part:nth-child(-n + 3) {
        grid-row: 1;
    }

    .zmluvy-search-form .filter-body-part,
    .objednavky-search-form .filter-body-part,
    .faktury-search-form .filter-body-part {
        grid-row: 2;
    }

    .zmluvy-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .zmluvy-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel,
    .faktury-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .faktury-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel,
    .objednavky-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .objednavky-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel {
        grid-row: 3;
    }
    /* ZMLUVY/ FAKTURY/ OBJEDNAVKY - FILTER END */


    /* KONTAKT */
    .conctact-filter-envelope form.contact-form {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: end;
    }

    .conctact-filter-envelope-default .contact-finder-part.new {
        margin: 0;
    }

    .conctact-filter-envelope-default .contact-finder-part.new:nth-of-type(1) {
        grid-column-start: span 2;
        width: auto !important;
        grid-row: 1;
    }

    .conctact-filter-envelope-default .contact-finder-part.new:nth-of-type(2) {
        grid-column-start: span 2;
        grid-row: 1;
        width: auto !important;
    }

    .conctact-filter-envelope-default .contact-finder-part.new:nth-of-type(3) {
        grid-column-start: span 2;
        grid-row: 2;
        width: auto !important;
    }

    .conctact-filter-envelope-default .contact-finder-part.submit.new {
        grid-column: 3;
        grid-row: 2;
    }

    .conctact-filter-envelope-default .contact-finder-part.cancel.new {
        grid-column: 4;
        grid-row: 2;
        width: auto !important;
        max-height: 50px;
    }
    /* KONTAKT END */


    /* REGISTRACIA/ LOGIN NA PORTAL */
    .env_registracia_navstevnika_ .filter-envelope-body .filter-body-part {
        grid-row: auto;
    }


    /* login */
    .filter-login-form .filter-envelope-body .filter-body-part:nth-child(-n + 3) {
        grid-column: auto ;
    }

    .filter-login-form .filter-envelope-body .filter-body-part {
        grid-row: auto;
    }
    /* login end */


    /* registracia hlasnik */
    .filter-reg-user-add-form .filter-envelope-body .filter-body-parts:first-child {
        grid-template-columns: auto;
    }

    .filter-reg-user-add-form .filter-envelope-body .filter-body-parts:nth-of-type(2) .filter-body-part {
        grid-row: auto;
    }

    .filter-reg-user-add-form .filter-envelope-body .filter-body-parts:nth-of-type(2) .filter-body-part:last-child {
        grid-column-start: span 2;
    }
    /* registracia hlasnik end */


    /* registracia konto */
    .filter-reg-user-upd-form-data .filter-envelope-body > .filter-body-parts {
        display: block;
    }

    .filter-reg-user-upd-form-data input {
        width: 100% !important;
    }
    /* registracia konto end */


    /* registracia zmena hesla */
    .filter-reg-user-upd-form-pass .filter-body-parts .filter-body-part.filter-body-part-new_pass_verify {
        grid-column-start: span 2;
    }
    /* registracia zmena hesla end */
    /* REGISTRACIA/ LOGIN NA PORTAL END */


    /* SMS HLASNIK */
    .env_sms_hlasnik_execute .sms-hlasnik-links-new {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new {
        grid-row: 1;
    }

    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new a {
        font-size: var(--regular-text-font-size);
    }

    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }

    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part {
        grid-row: 2;
    }

    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part:first-child {
        grid-row: 1;
        grid-column-start: span 2;
    }
    /* SMS HLASNIK END */


    /* VYHLADAVANIE ROZSIRENE */
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .filter-body-part,
    .filter-vyhladavanie .filter-body-parts-items.search-extended-select {
        grid-row: auto;
    }

    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts {
        display: grid;
    }
    /* VYHLADAVANIE ROZSIRENE END */
    /* --------------------- FILTRE UPRAVA END --------------------- */

    
    /* UZIVATELSKY FORMULAR - responzivny */
    .env_user_form_responsive .user-form-item-envelope input[type="file"],
    .env_user_form_responsive .user-form-item-envelope input, 
    .env_user_form_responsive .user-form-item-envelope select, 
    .env_user_form_responsive textarea.user-form-item.type-textarea {
        font-size: 1rem;
    }
    /* UZIVATELSKY FORMULAR - responzivny END */

    
    /* HORUCA LINKA */
    .filter-envelope.filter-horuca-linka .filter-body-parts {
        grid-template-columns: auto;
    }

    .filter-envelope.filter-horuca-linka .filter-body-parts .filter-body-part-horuca-linka-info-row {
        grid-row: 1;
    }

    .filter-envelope.filter-horuca-linka .filter-body-parts .filter-body-part {
        grid-row: auto;
    }
    /* HORUCA LINKA END */
    /* -------------------- MAIN CONTENT END -------------------- */

    
    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    .env_hf_menu_block .module_body > .menu-block-name {
        margin: 1rem 0;
    }

    .env_hf_menu_block ul.menu_block {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-name {
        font-size: 1.1875rem;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat ul li:hover span {
        text-decoration: none;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        font-size: 1.1875rem;
        text-decoration: underline;
    }

    #extra-block-bottom .useful_links ul {
        grid-template-columns: repeat(3, 1fr);
    }

    /*#extra-block-bottom .useful_links ul li:first-child a,
    #extra-block-bottom .useful_links ul li:nth-child(2) a,
    #extra-block-bottom .useful_links ul li:nth-child(3) a {
        border-top-width: 2px;
    }

    #extra-block-bottom .useful_links ul li:last-child a,
    #extra-block-bottom .useful_links ul li:nth-child(14) a,
    #extra-block-bottom .useful_links ul li:nth-child(13) a {
        border-bottom-width: 2px;
    }

    #extra-block-bottom .useful_links ul li:not(:nth-child(3n + 1)) a {
        border-left-width: 1px;
    }

    #extra-block-bottom .useful_links ul li:not(:nth-child(3n)) a {
        border-right-width: 1px;
    }*/


    /* MOBILNA APLIKACIA */
    #extra-block-bottom .mobilna-aplikacia .editor h3 {
        font-size: 2.125rem !important;
    }

    #extra-block-bottom .mobilna-aplikacia .editor ul li {
        font-size: 1.625rem;
    }
    /* MOBILNA APLIKACIA END */
    /*--------------------- EXTRA BLOCK BOTTOM END -------------------- */


    /* -------------------- FOOTER -------------------- */
    footer {
        padding-bottom: 0;
    }

    footer .column_f {
        display: grid;
        grid-auto-rows: auto;
    }

    footer .env_hf_module_container.upper {
        padding-top: 2rem;
    }

    footer .upper .module-container-columns-envelope .module-container-column {
        margin-bottom: 1rem;
    }

    footer .upper .module-container-columns-envelope .column-1 {
        border: none;
    }

    footer .upper .env_hf_logo.logo-footer img {
        max-width: max-content;
        align-items: start;
        margin: 1rem auto 2rem;
    }
  
    footer .lower {
        margin: 2rem auto;
    }

    footer .env_hf_module_container.lower .column-1 .webygroup {
        margin: 1rem 0 0;
    }

    footer .env_hf_module_container.lower .column-2 {
        grid-row: 3;
        grid-column: auto;
    }
    /* -------------------- FOOTER END -------------------- */
}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    /* DISPLAY: NONE */
    
    .module_envelope_h.env_hf_menu_rwd, .hf-menu.with-submenu .hor-menu,
    ul.hf-hmenu li:focus-within ul.hf-hsubmenu, ul.hf-hmenu li:hover ul.hf-hsubmenu,
    footer .upper .module-container-header,
    #rwd-menu-container li.hf-menu.with-submenu > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        display: none;
    }
    /* DISPLAY: NONE END */
    
    body {
        font-size: 19px;
    }

    #main-container {
        overflow: visible;
        background: var(--bg-body);
        background-size: 100%;
    }
    
    .env_hf_menu .module-inner-envelope,
    header .env_hf_menu .module_body,
    nav  {
        width: 100%;
    }
    
       /* -------------------- HEADER -------------------- */
    header {
        position: sticky;
        top: -147px;
        display: flex;
        height: auto;
        min-height: var(--header-height);
        border: none;
        box-shadow: none;
        background: var(--bg-header);
        border-bottom: 3px solid var(--header-border);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    }

    header::before {
        display: flex;
        justify-content: center;
        content: "";
        clear: both;
        background: var(--bg-header-menu);
        height: var(--header-menu-height);
        width: 100%;
        margin: 0 auto;
        z-index: 0;
        position: absolute;
        border-bottom: 2px solid var(--header-menu-border);
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    }

    header .column_h { 
        max-width: 1200px;
        grid-row-gap: 0;
        padding: 0;
        grid-template-columns: 1fr;
        grid-template-rows: var(--header-menu-height) auto;
    }

    a#homepage-link-with-text-envelope,
    span#login-login a,
    .env_hf_contacts .module_body a,
    .env_hf_text_pure.FB.social .module_body a,
    .FB.social .editor a,
    .IG.social .editor a,
    .YT.social .editor a {
        display: inline-block;
        width: auto;
        height: auto;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 1rem;
        text-decoration: underline;
        padding: 0 10px;
        color: var(--header-data-text-color);
    }

    a#homepage-link-with-text-envelope:focus,
    span#login-login a:focus,
    input#search-submit-button,
    .env_hf_contacts .module_body a:focus,
    .env_hf_image.social .hf-image-envelope.with-link a:focus,
    .env_hf_text_pure.FB.social .module_body a:focus,
    .FB.social .editor a:focus,
    #my-current-lang:focus,
    .module_envelope_h.env_hf_menu_rwd:focus {
        outline-color: #ff8900 !important;
    }

    a#homepage-link-with-text-envelope:hover, 
    span#login-login a:hover, 
    .env_hf_contacts .module_body a:hover,
    .env_hf_text_pure.FB.social .module_body a:hover,
    .FB.social .editor a:hover {
        text-decoration-thickness: 3px;
    }

    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        align-items: center;
        display: flex;
    }

    header .env_hf_module_container.header-data {
        grid-row: var(--header-menu-row-desktop);
        grid-column: var(--header-menu-column-desktop);
        justify-content: center;
        align-items: flex-end;
        height: var(--header-menu-height);
    }
  
    header .env_hf_menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 0;
/*        padding-bottom: 1rem;*/
        width: 100%;
/*        border-top: 2px solid #aaa;*/
        grid-row: var(--top-menu-row-desktop);
        grid-column: var(--top-menu-column-desktop);
        min-height: calc(var(--header-height) - var(--header-menu-height));
    }

    header .env_hf_module_container.header-data .module-in-container.phone p a::before {
        content: "\f095";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
    }

    header .env_hf_module_container.header-data .module-in-container.email p a::before {
        content: "\f0e0";
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
    }

    a#homepage-link-with-text-envelope::before, 
    span#login-login a::before, 
    .env_hf_contacts .module_body a::before, 
    .env_hf_image.social .hf-image-envelope.with-link a::before, 
    #my-current-lang::after, 
    header .env_hf_login_register #logout-logout::before,
    header .env_hf_module_container.header-data .module-in-container.phone p a::before,
    header .env_hf_module_container.header-data .module-in-container.email p a::before,
    .FB.social .editor a::before,
    .IG.social .editor a::before,
    .YT.social .editor a::before { 
        color: var(--header-icons-color-desktop);
        font-size: 1rem;
        padding-right: 6px;
        display: inline-block;
    }

    #search-box-submit::after {
        font-size: 18px;
        color: var(--search-color-desktop);
    }

    #search-submit-button:after {
        color: var(--link-color-white);
    }

    #my-current-lang {
        color: var(--header-icons-color-desktop);
        font-size: var(--smaller-text-font-size);
        padding-left: 10px;
    }

    #my-current-lang.notranslate::after {
        left: 2rem;
    }


    /* LOGO */
    header .header-logo-img-envelope {
        grid-row: 1/3;
    }
    
    header .header-logo-text {
        color: var(--logo-text-color-desktop);
        font-size: 2rem;
        grid-row: 1;
        grid-column: 2;
        width: auto;
        top: 0.25rem;
    }

    header .header-logo-text-ext {
        font-size: var(--logo-text-ext-font-size);
        color: var(--logo-text-ext-color-desktop);
        grid-column: 2;
        grid-row: 2;
        padding-bottom: 0;
        width: max-content;
        height: fit-content;
        top: -0.25rem;
    }

    header .header-logo-img-envelope img {
        height: 78px;
        width: auto;
    }

    header .header-logo-envelope > a {
        align-items: center;
        column-gap: 0.75rem;
        row-gap: 0;
        top: 0;
    }

    header .header-logo-envelope > a:focus {
        outline-color: #ff8900 !important;
    }

    header .env_hf_logo {
        grid-row: var(--header-logo-row-desktop);
        grid-column: var(--header-logo-column-desktop);
        align-items: flex-start;
        padding-left: 10px;
        max-width: 38rem;
    }
    /* LOGO END */

    /* QUOTE */
    header .quote {
        display: flex;
        grid-row: 3/4;
        grid-column: 1/2;
        padding: 0 1rem;
        align-self: flex-start;
    }

    header .quote .editor {
        color: var(--main-color);
        font-weight: 600;
        font-style: italic;
    }
    /* QUOTE END */

    /* FOTOBANNER */
    header .env_hf_multi_foto {
        display: flex;
        grid-column: 2/3;
        grid-row: 2/4;
        padding-right: 10px;
    }
    /* FOTOBANNER END */


    /* NAVIGATION - MENU */
    .env_main_menu {
        display: block;
    }

    nav ul.hf-hmenu {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px;
        justify-content: var(--top-menu-position);
        min-height: var(--top-menu-height);
        top: 0;
    }
    /* -------------------------------- HORIZONTAL MENU ------------------------- */
    aside#left-column .column_l, 
    aside#right-column .column_r {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -moz-column-fill: balance;
        column-fill: unset;
        grid-gap: 0;
    }

    ul.hf-hmenu > li {
        position: var(--top-menu-expanded-position);
        display: flex;
        flex-wrap: wrap;
        float: none;
        width: auto;
        min-width: 50px;
        background: none;
        overflow: visible;
    }


    /* LEVEL 0 */
    .hf-menu.level-0 > .hf-menu-envelope > a {
        color: var(--top-menu-color-collapsed);
        background: var(--bg-top-menu-collapsed);
        border: none;
        border-bottom: 2px solid var(--top-menu-border);
        padding: 0.5rem 0.5rem;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        width: fit-content;
        gap: 0.25rem;
        border-radius: var(--top-menu-border-radius);
        line-height: 115%;
        font-size: var(--top-menu-font-size);
        font-weight: var(--top-menu-font-weight-collapsed);
        text-transform: var(--top-menu-text-transform);
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
        margin: 0;
        position: relative;
    }

    .hf-menu.level-0 > .hf-menu-envelope > a:focus {
        outline-offset: var(--top-menu-outline-offset) !important;
        outline-color: var(--top-menu-outline-color) !important;
    }

    .hf-menu.level-0:hover > .hf-menu-envelope a,
    .hf-menu.level-0.liopened > .hf-menu-envelope a,
    li.hf-menu.with-submenu.liopened.level-0 > .hf-menu-envelope a.horizontal-under-menu-trigger {
        color: var(--top-menu-color-active);
        background: var(--bg-top-menu-active);
        border-bottom: 2px solid var(--top-menu-border-active);
        font-weight: var(--top-menu-font-weight-active);
    }
   
    .hf-menu.level-0.current > .hf-menu-envelope a {
        color: var(--top-menu-color-active);
        background: var(--bg-top-menu-active);
        height: 100%;
        outline: none;
    }
    .hf-hmenu .hf-hsubmenu.opened.hclosed {
        display: none;
    }
    /*nav li.level-0 > ul.hf-hsubmenu {
        position: absolute;
        list-style: none;
        text-align: left;
        top: 0px;
        left: -57%;
        right: 0;
        width: 2560px;
        padding: 20px 0;
        margin: 100px auto 0;
        box-shadow: 0 18px 23px -15px #000000a6;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        border: none;
    }*/

    ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened, 
    ul.hf-hmenu li ul.hf-hsubmenu.hopened {
        background: var(--bg-top-menu-expanded);
        position: absolute;
        display: grid;
        grid-template-rows: auto;
        transition: 0.2s ease-in-out;
        overflow: hidden;
        overflow-y: auto;
        max-width: 1200px;
        width: calc(100vw - 16px);
        left: 0;
        right: 0;
        top: calc(100% + 0.75rem);
        padding: 10px;
        grid-template-columns: repeat(var(--menu-extended-columns), 1fr);
        max-height: calc(100vh - 80px - 126px);
        box-shadow: -680px 0px 0 var(--bg-top-menu-expanded), 680px 0 0 var(--bg-top-menu-expanded), 0 15px 10px -15px #00000055, 0 5px 10px 2px #aaa;
        /*grid-gap: 10px;*/
        border: none;
        box-sizing: border-box;
    }

    nav li.level-0 > ul.hf-hsubmenu li {
        width: 100%;
        height: fit-content;
        background: transparent;
    }

    nav li.level-0 > ul.hf-hsubmenu > li.liopened {
        border: 1px solid #fff;
    }

    .hf-menu.level-0 > .hf-menu-envelope > a::before {
        display: flex;
        clear: both;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        font: normal normal normal 19px/1 FontAwesome;
    }

    .hf-menu.level-0:nth-of-type(1) > .hf-menu-envelope > a::before {
        content: "\f129";
        content: url("m1.svg");
    }

    .hf-menu.level-0:nth-of-type(2) > .hf-menu-envelope > a::before {
        content: "\f518";
        content: url("m2.svg");
    }

    .hf-menu.level-0:nth-of-type(3) > .hf-menu-envelope > a::before {
        content: "\f0c0";
        content: url("m3.svg");
    }

    .hf-menu.level-0:nth-of-type(4) > .hf-menu-envelope > a::before {
        content: "\f46c";
        content: url("m4.svg");
    }

    .hf-menu.level-0:nth-of-type(5) > .hf-menu-envelope > a::before {
        content: "\f1ad";
        content: url("m5.svg");
    }

    .hf-menu.level-0:nth-of-type(6) > .hf-menu-envelope > a::before {
        content: "\f54b";
        content: url("m6.svg");
    }

    .hf-menu.level-0:nth-of-type(7) > .hf-menu-envelope > a::before {
        content: "\f095";
        content: url("m7.svg");
    }


    /* LEVEL 1 */
    /*.hf-menu.level-1.current > .hf-menu-envelope a {
        padding: 10px 15px;
        color: var(--primary);
        display: flex;
        border-bottom: none;
    }*/

    .hf-menu.level-1 .hf-menu-envelope a, 
    ul.menu_cover li.menu-level-0 a {
        border-bottom: none;
        display: inline-block;
        color: var(--top-submenu-color-collapsed);
        background: var(--bg-top-submenu-collapsed);
    }

    li.hf-menu.with-submenu.liopened.level-1 > .hf-menu-envelope a.horizontal-under-menu-trigger {
        color: var(--top-submenu-color-active);
        background: var(--bg-top-submenu-active);
    }

    .hf-menu.level-1 .hf-menu-envelope a:hover, 
    ul.menu_cover li.menu-level-0 a:hover,
    ul.hf-hsubmenu.hopened .level-1.liopened .alevel-1 {
        text-decoration: underline;
    }  

    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hclosed {
        display: none;
    }

    ul.hf-hmenu li.hf-menu.level-1 .hf-menu-envelope a:focus {
        outline-offset: -6px;
    }

    li.level-1.hf-menu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger:focus,
    li.level-2.hf-menu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger:focus,
    li.level-3.hf-menu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger:focus,
    li.level-4.hf-menu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger:focus {
        outline-color: #fff !important;
    }

    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hopened {
        position: relative;
        flex-flow: column;
        display: flex;
        overflow-x: auto;
        max-height: 320px;
        max-width: 100%;
        border: none;
        gap: 0;
        top: 0;
        padding: 0;
        margin: 0;
        box-shadow: 0 0 10px 0 #00000040;
        z-index: 1;
    }

    
    /* LEVEL 2 */
    nav li.level-0 > ul.hf-hsubmenu li.level-2,
    ul.hf-hsubmenu li.level-2 {
        padding: 0px;
        width: 100%;
    }

    nav li.level-0 > ul.hf-hsubmenu li.level-2 > span a,
    ul.hf-hsubmenu li.level-2 span > a {
        color: var(--top-submenu-level-2-color-collapsed);
        background: var(--bg-top-submenu-level-2-collapsed);
        padding-left: 1.5rem;
    }

    nav li.level-0 > ul.hf-hsubmenu li.level-2.liopened > span a,
    ul.hf-hsubmenu li.level-2.liopened span > a {
        color: var(--top-submenu-level-2-color-active) !important;
        background: var(--bg-top-submenu-level-2-active) !important;
    }

    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hopened ul {
        margin: 0.25rem 0 0 0.25rem;
        max-width: calc(100% - 0.25rem);
    }

    .hf-menu.level-2 .hf-menu-envelope a {
        padding: 10px;
        min-height: unset;
    }


    /* LEVEL 3 */
    nav li.level-0 > ul.hf-hsubmenu li.level-3 {
        width: 100%;
    }

    .hf-menu.level-3 .hf-menu-envelope a {
        padding: 15px;
    }

    nav li.level-0 > ul.hf-hsubmenu li.level-3 > span a,
    ul.hf-hsubmenu li.level-3 span > a {
        color: var(--top-submenu-level-2-color-collapsed) !important;
        background: var(--bg-top-submenu-level-2-collapsed) !important;
    }

    nav li.level-0 > ul.hf-hsubmenu li.level-3.liopened > span a,
    ul.hf-hsubmenu li.level-3.liopened span > a {
        color: var(--top-submenu-level-2-color-active) !important;
        background: var(--bg-top-submenu-level-2-active) !important;
    }


    /* LEVEL 4 */
    nav li.level-0 > ul.hf-hsubmenu li.level-4 {
        width: 100%;
    }

    nav li.level-0 > ul.hf-hsubmenu li.level-4 > span a,
    ul.hf-hsubmenu li.level-4 span > a {
        color: var(--top-submenu-level-2-color-collapsed) !important;
        background: var(--bg-top-submenu-level-2-collapsed) !important;
    }

    nav li.level-0 > ul.hf-hsubmenu li.level-4.liopened > span a,
    ul.hf-hsubmenu li.level-4.liopened span > a {
        color: var(--top-submenu-level-2-color-active) !important;
        background: var(--bg-top-submenu-level-2-active) !important;
    }


    /* NAVIGATION MENU ICONS HOVER / ACTIVE / OPEN*/
    /* LEVEL 0 */
    li.level-0.with-submenu.liclosed a.alevel-0::after {
        display: none;
        content: '\f0d7';
        justify-content: flex-end;
        align-items: center;
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        width: 16px;
        height: auto;
        z-index: 1;
        position: relative;
        flex-wrap: wrap;
        right: auto;
        top: auto;
    }

    li.level-0.with-submenu.liopened a.alevel-0::after,
    li.level-0.current.with-submenu.liclosed a.alevel-0::after {
        display: none;
        content: '\f0d8';
        justify-content: flex-end;
        align-items: center;
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        width: 16px;
        height: auto;
        z-index: 99;
        position: relative;
        flex-wrap: wrap;
        right: auto;
        top: auto;
    }
    /* LEVEL 0 END */


    /* LEVEL 1 */
    li.level-1.with-submenu.liclosed a.alevel-1::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        left: 5px;
        z-index: 99;
        position: relative;
    } 

    li.level-1.with-submenu.liopened a.alevel-1::after {
        display: inline-block;
        content: '\f0d8';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        left: 5px;
        z-index: 99;
        position: relative;
    }
    /* LEVEL 1 END */


    /* LEVEL 2 */
    li.level-2.with-submenu.liclosed a.alevel-2::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        left: 5px;
        z-index: 99;
        position: relative;
    } 

    li.level-2.with-submenu.liopened a.alevel-2::after {
        display: inline-block;
        content: '\f0d8';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        left: 5px;
        z-index: 99;
        position: relative;
    }
    /* LEVEL 2 END */


    /* LEVEL 3 */
    li.level-3.with-submenu.liclosed a.alevel-3::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        left: 5px;
        z-index: 99;
        position: relative;
    } 

    li.level-3.with-submenu.liopened a.alevel-3::after {
        display: inline-block;
        content: '\f0d8';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        left: 5px;
        z-index: 99;
        position: relative;
    }
    /* LEVEL 3 END */     
    /* NAVIGATION MENU ICONS HOVER / ACTIVE / OPEN END */


    /* ICONS / IMG IN MENU */
    /*ul.hf-hmenu > li.level-0:nth-of-type(1) > span a::before,
    .hf-menu.level-0.current:nth-of-type(1) > .hf-menu-envelope a::before {
        display: flex;
        content: '';
        background: url(icon1.png) no-repeat center top;
        width: 100%;
        height: 30px;
        transition: all 0.3s ease-in-out;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(2) > span a::before,
    .hf-menu.level-0.current:nth-of-type(2) > .hf-menu-envelope a::before {
        display: flex;
        content: '';
        background: url(icon2.png) no-repeat center top;
        width: 100%;
        height: 30px;
        transition: all 0.3s ease-in-out;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(3) > span a::before,
    .hf-menu.level-0.current:nth-of-type(3) > .hf-menu-envelope a::before {
        display: flex;
        content: '';
        background: url(icon3.png) no-repeat center top;
        width: 100%;
        height: 30px;
        transition: all 0.3s ease-in-out;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(4) > span a::before,
    .hf-menu.level-0.current:nth-of-type(4) > .hf-menu-envelope a::before {
        display: flex;
        content: '';
        background: url(icon4.png) no-repeat center top;
        width: 100%;
        height: 30px;
        transition: all 0.3s ease-in-out;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(5) > span a::before,
    .hf-menu.level-0.current:nth-of-type(5) > .hf-menu-envelope a::before {
        display: flex;
        content: '';
        background: url(icon5.png) no-repeat center top;
        width: 100%;
        height: 30px;
        transition: all 0.3s ease-in-out;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(6) > span a::before,
    .hf-menu.level-0.current:nth-of-type(6) > .hf-menu-envelope a::before {
        display: flex;
        content: '';
        background: url(icon6.png) no-repeat center top;
        width: 100%;
        height: 30px;
        transition: all 0.3s ease-in-out;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(1):hover a::before,
    ul.hf-hmenu > li.level-0.liopened:nth-of-type(1) > span a::before {
        background: url(icon1-hover.png) no-repeat center top;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(2):hover a::before,
    ul.hf-hmenu > li.level-0.liopened:nth-of-type(2) > span a::before {
        background: url(icon2-hover.png) no-repeat center top;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(3):hover a::before,
    ul.hf-hmenu > li.level-0.liopened:nth-of-type(3) > span a::before {
        background: url(icon3-hover.png) no-repeat center top;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(4):hover a::before,
    ul.hf-hmenu > li.level-0.liopened:nth-of-type(4) > span a::before {
        background: url(icon4-hover.png) no-repeat center top;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(5):hover a::before,
    ul.hf-hmenu > li.level-0.liopened:nth-of-type(5) > span a::before {
        background: url(icon5-hover.png) no-repeat center top;
    }

    ul.hf-hmenu > li.level-0:nth-of-type(6):hover a::before,
    ul.hf-hmenu > li.level-0.liopened:nth-of-type(6) > span a::before {
        background: url(icon6-hover.png) no-repeat center top;
    }

    li.level-0 > .hf-menu-envelope a::before {
        background-size: auto 30px !important;
        margin-bottom: 10px;
    }*/
    /* ICONS / IMG IN MENU END */
    /* -------------------- HORIZONTAL MENU END ---------------------- */


    /* -------------------- VERTICAL MENU ---------------------- */ 
    ul.aside-menu-cover-common .menu_hlavicka a.menu_hlavicka {
        color: var(--aside-menu-color-PC);
        font-size: 1.1875rem;
        padding: 13px 15px;
        border: none;
        border-left: 2px solid var(--aside-menu-border);
        display: flex;
        align-items: unset;
        font-weight: 300;
        position: relative;
        margin: 0 !important;
        background: var(--aside-bg-menu);
        text-transform: unset;
    }

    ul.aside-menu-cover-common .menu_hlavicka.opened a.menu_hlavicka.opened,
    ul.aside-menu-cover-common .menu_hlavicka a.menu_hlavicka:hover {
        /* border-left: 2px solid var(--aside-menu-border-active); */
        background: var(--aside-bg-menu-active);
        color: #fff;
    }

    ul.menu_cover {
        border: none;
    }

    ul.menu_cover .menu_item_0.opened a.menu_item_0.opened,
    ul.menu_cover .menu_item_0.opened a.menu_item_0 {
        /*color: var(--priamry);*/
    } 

    ul.menu_cover li.menu-level-0 a {
        color: var(--aside-menu-subpage-text);
        border: none;
    }


    /* LEVEL 0 */
    ul.menu_item_0 {
        border: none;
        padding-left: 10px;
        margin-left: 0;
    }

    ul.menu_item_0 .menu_item_1.opened a.menu_item_1.opened,
    ul.menu_item_0 .menu_item_1.opened a.menu_item_1 {
        /*color: var(--priamry);*/
    }
    /* LEVEL 0 END */


    /* LEVEL 1 */    
    ul.menu_item_1 {
        border: none;
        padding-left: 0px;
        margin-left: 0;
    }

    ul.menu_item_1 .menu_item_2.opened a.menu_item_2.opened,
    ul.menu_item_1 .menu_item_2.opened a.menu_item_2 {
        /*color: var(--priamry);*/
    }
    /* LEVEL 1 END */


    /* LEVEL 2 */
    ul.menu_item_2 {
        border: none;
        padding-left: 0px;
        margin-left: 0;
    }

    ul.menu_item_2 .menu_item_3.opened a.menu_item_3.opened,
    ul.menu_item_2 .menu_item_3.opened a.menu_item_3 {
        /*color: var(--priamry);*/
    }

    ul.menu_item_1 li.menu-level-2.level-2-has-submenu a.menu_item_2::after {
        display: inline-block;
        content: '\f0D7';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        right: 0;
        width: 20px;
        margin: auto;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
    }
    /* LEVEL 2 END */
    /* -------------------- VERTICAL MENU END ---------------------- */ 


    .hf-menu.with-submenu .hor-menu::after, 
    ul.aside-menu-cover-common .menu_hlavicka.with-submenu a.menu_hlavicka::after, 
    ul.menu_cover li.menu-level-0.level-0-has-submenu a.menu_item_0::after, 
    ul.menu_item_0 li.menu-level-1.level-1-has-submenu a.menu_item_1::after {
        transition: all 0.1s ease-in-out;
        color: unset;
    }


    /* -------------------- CLONE MENU -------------------- */
    .env_horizontal_menu_clone_column {
        display: grid;
    }

    .clone-hmenu.c-level0 .clone-hmenu-li.first > a {
        font-size: var(--aside-menu-font-size);
        font-weight: var(--aside-menu-font-weight-active);
        color: var(--aside-menu-color-active);
        background: var(--bg-aside-menu-active);
        padding: 1rem;
        border-bottom: 2px solid var(--border-color-menu-aside-active);
        margin-bottom: 20px;
    }

    .clone-hmenu.c-level0 .clone-hmenu-li.first > a::before {
        display: var(--aside-menu-before-display);
        content: '';
        height: 14px;
        width: 14px;
        border: 2px solid #D0190F;
        margin-right: 0.75rem;
        position: relative;
        border-radius: 4px;
        transform: rotate(45deg);
    }

    ul.clone-hmenu.c-level1 {
        margin-left: 0;
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li {
        margin-bottom: var(--aside-menu-margin-bottom);
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li > a {
        background: var(--bg-aside-submenu-collapsed);
        color: var(--aside-submenu-color-collapsed);
        border-left: 2px solid var(--border-color-submenu-aside-collapsed);
        font-weight: var(--aside-submenu-font-weight-collapsed);
        min-height: 50px;
        display: flex;
        border-radius: var(--aside-menu-border-radius);
        padding: 13px 30px 13px 15px;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: none;
        text-decoration: none;
    }
    
    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
        transition-duration: 0.15s;
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-collapsable.opened {
        background: var(--bg-aside-submenu-active);
        border-left: 2px solid var(--border-color-submenu-aside-active);
        color: var(--aside-submenu-color-active);
        transition-duration: 0.15s;
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.15s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-color-active);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level1 > .clone-hmenu-li:hover > a,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.current {
        background: var(--bg-aside-submenu-active);
        color: var(--aside-submenu-color-active);
        transition-duration: 0.15s;
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu.opened:hover > a::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-color-active);
    }
    /* HOVER/ ACTIVE EFECTS END */

    
    /* LEVEL 1 */
    ul.clone-hmenu-default li ul.c-level2 {
/*        border-left: 3px solid var(--border-color-submenu-aside-collapsed);*/
    }

    .clone-hmenu.c-level2 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 10px;
        padding: 0.75rem 0;
        padding-right: 1rem;
        text-decoration: none;
    }

    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 2px;
        top: auto;
    }

    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-collapsable.opened {
        color: var(--aside-submenu-level-2-color-active);
        background: var(--bg-aside-submenu-level-2-active);
        transition-duration: 0.15s;
        border-radius: 0;
        text-decoration: underline;
    }

    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-level-2-color-active);
    }

    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level2 > .clone-hmenu-li:hover > a {
        color: var(--aside-submenu-level-2-color-active);
        transition-duration: 0.15s;
        text-decoration: underline;
    }

    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu:hover > a.opened::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-level-2-color-active);
    }
    /* HOVER/ ACTIVE EFECTS END || LEVEL 1 END */


    /* LEVEL 2 */
    ul.clone-hmenu-default li ul.c-level3 {
        border-left: 3px solid var(--border-color-submenu-aside-collapsed);
    }

    .clone-hmenu.c-level3 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 10px;
        padding: 0.75rem 0;
    }

    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
    }

    .clone-hmenu.c-level3 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level3 > .clone-hmenu-li > a.c-collapsable.opened {
        color: var(--aside-submenu-level-3-color-active);
        transition-duration: 0.15s;
        border-radius: 0;
        text-decoration: underline;
    }

    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level3 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-level-3-color-active);
    }

    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level3 > .clone-hmenu-li:hover > a {
        color: var(--aside-submenu-level-3-color-active);
        transition-duration: 0.15s;
        border-radius: 0;
        text-decoration: underline;
    }

    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu:hover > a.opened::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-level-3-color-active);
    }
    /* HOVER/ ACTIVE EFECTS END || LEVEL 2 END */


    /* LEVEL 3 */
    ul.clone-hmenu-default li ul.c-level4 {
        border-left: 3px solid var(--border-color-submenu-aside-collapsed);
    }

    .clone-hmenu.c-level4 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 10px;
        padding: 0.75rem 0;
    }

    .clone-hmenu.c-level4 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
    }

    .clone-hmenu.c-level4 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level4 > .clone-hmenu-li > a.c-collapsable.opened {
        color: var(--aside-submenu-level-3-color-active);
        transition-duration: 0.15s;
        border-radius: 0;
        text-decoration: underline;
    }
    
    .clone-hmenu.c-level4 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level4 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-level-3-color-active);
    }

    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level4 > .clone-hmenu-li:hover > a {
        color: var(--aside-submenu-level-3-color-active);
        transition-duration: 0.15s;
        border-radius: 0;
        text-decoration: underline;
    }

    .clone-hmenu.c-level4 > .clone-hmenu-li.with-submenu:hover > a.opened::after {
        transition-duration: 0.3s;
        transform: rotateX(180deg);
        color: var(--aside-submenu-level-3-color-active);
    }
    /* HOVER/ ACTIVE EFECTS END || LEVEL 3 END */
    /* -------------------- CLONE MENU END -------------------- */


    /* NAVIGATION - MENU END */
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* LAYOUT */
    #extra-block-top .column_ha {
        gap: 0;
    }
    /* LAYOUT END */


    /* BANNER SLOT */
    .env_hf_banner_slot {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /* BANNER SLOT BASIC*/
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 2.25rem;
        height: 6rem;
        -webkit-line-clamp: 2;
    }
    /* BANNER SLOT BASIC END*/


    /* BANNER SLOT NEW*/
    /*#banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.875rem;
        height: 5rem;
        -webkit-line-clamp: 2;
    }

    #banner-slot-text-array {
        padding: 4rem 2rem 1rem;
    }*/
    /* BANNER SLOT NEW END*/
    /* BANNER SLOT END */


    /* LINKS */
    #extra-block-top .news.links .editor div {
        display: flex;
        flex-direction: row;
        width: auto;
        margin: 0 auto;
        align-self: center;
        padding: 0 0.5rem;
    }

    #extra-block-top .news.links {
        padding: 1rem 0;
    }

    #extra-block-top .news.links .editor h3 {
        align-items: center;
        justify-content: center;
        display: flex;
        width: auto;
        text-align: left;
        max-width: min-content;
    }

    #extra-block-top .news.links .editor ul {
        grid-gap: 0.75rem;
        grid-template-columns: repeat(8, 1fr);
    }

    #extra-block-top .news.links .editor ul li:first-child,
    #extra-block-top .news.links .editor ul li:last-child {
        grid-column: auto;
    }

    #extra-block-top .news.links .editor ul li a {
        text-align: center;
        min-height: 133px;
        max-width: 480px;
    }
    /* LINKS END */


    /* URBIS TOP */
    #extra-block-top {
        padding-bottom: 20px;
    }

    #extra-block-top .top-info .editor {
        grid-template-columns: repeat(3, 1fr);
        max-width: 1000px;
        margin: 0 auto;
    }

    #extra-block-top .top-info h1 {
        grid-column: 1/4;
    }

    #extra-block-top .top-info .editor > div:last-child {
        grid-column: auto;
    }
    /* URBIS TOP END */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */


    /* -------------------- MAIN CONTENT -------------------- */
    #main-content {
        padding: 1rem 0.25rem;
        max-width: 1200px;
        margin-top: 0;
        border-radius: 10px 10px 0 0;
    }

    #main-content .column_mc {
        grid-template-columns: minmax(25%, 250px) calc(75% - 1.5rem);
        justify-content: center;
        gap: 1.5rem;
    }

    main#main {
        grid-row: 1;
        grid-column: 2; 
        max-width: 900px;
    }

    aside#left-column {
        grid-row: 1;
        grid-column: 1;
        max-width: 250px; 
        min-width: 225px;
        display: block;
    }

    aside#right-column {
        grid-row: 2;
        grid-column: 1/3;
        max-width: 640px;
        min-width: 225px;
        display: block;
        margin: 0 auto;
    }

    #homepage_0 #main-content .column_mc {
        grid-template-columns: minmax(auto, 900px) minmax(225px, 250px);
        justify-content: center;
        gap: 1.5rem;
    }

    #homepage_0 main#main {
        grid-column: 1;
        max-width: 900px;
    }

    #homepage_0 aside#right-column {
        grid-row: 1;
        grid-column: 2;
    }

    /* 1 STLPEC */
    /*#homepage_0 #main-content .column_mc {
        grid-template-columns: 100%;
    }

    #homepage_0 #main-content #left-column,
    #homepage_0 #main-content #right-column {
        display: none;
    }

    #homepage_0 main#main {
        grid-column: 1;
        max-width: 1200px;
    }*/
    /* 1 STLPEC END */


    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE / OZNAMY GRAFICKE / AKCIE GRAFICKE ----- */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_common_items_graphic ul.oznamy-graphic-list,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list,
    .env_actions_portal_graphic ul.actions-graphic-list,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list {
        grid-gap: 1.25rem;
/*        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));*/
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope,
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default,
    ul.actions-new-columns-all-list-default li div.image-envelope-default,
    ul.actions-graphic-all-list-default li div.image-envelope-default {
        max-height: 183px;
        height: 18vw;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        max-height: 224px; /*335px*/
        height: auto;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li, 
    .env_common_items_graphic ul.oznamy-graphic-list li, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    .env_actions_portal_graphic ul.actions-graphic-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li,
    ul.oznamy-new-columns-all-list-default li,
    ul.oznamy-graphic-all-list-default li,
    ul.actions-new-columns-all-list-default li,
    ul.actions-graphic-all-list-default li {
        grid-template-rows: max-content;
        transition-duration: 0.3s;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope {
        max-height: 183px;
        height: 15vw;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text {
        font-size: 1.1875rem;
        min-height: 3.75rem;
    }

    .oznamy_date .oznamy-aktualizovane {
        position: relative;
        display: flex;
        text-transform: capitalize;
    }

    .oznamy_date {
        display: inline-grid;
    } 

    .oznamy-new-colums-form-envelope.with-kats form span.form-label {
        grid-row: 1;
    }

    .env_elektronicka_uradna_tabula .oznamy_date span {
        grid-row: 1;
    }

    .oznamy-new-colums-form-envelope.with-kats form span:nth-of-type(3),
    .oznamy-new-colums-form-envelope.with-kats form span:nth-of-type(4) {
        grid-column: 2;
        display: grid;
    }

    .env_elektronicka_uradna_tabula .oznamy_date span:nth-of-type(2):before {
        transition-duration: 0.3s;
        display: inline-flex;
        content: '\7c';
        clear: both;
        font: normal normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: relative;
        width: 20px; 
    }
   
    /*.oznamy-new-colums-form-envelope.with-kats form {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1rem;
    }*/

    .oznamy-new-colums-form-envelope.with-kats form .form-submit {
        grid-column:  auto;
    }
    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE / OZNAMY GRAFICKE / AKCIE GRAFICKE END ----- */


    /* ----- KALENDAR AKCII S KALENDAROM ----- */
    .env_actions_portal_calendar_with_top {
        background: #E6F4FF;
        border-bottom: 2px solid #F7A500;
    }

    .actions-new-colums-form-envelope.item li,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li {
        grid-column: 1;
        grid-row: auto;
        display: grid;
        grid-template-columns: 1fr 55%;
        grid-gap: 0rem 1rem;
        background: #fff;
    }

    .actions-new-colums-form-envelope.item .short-text-envelope h3,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li h3 {
        min-height: unset;
    }

    .env_actions_portal_calendar_with_top .module_body,
    .env_common_items_with_calendar .module_body {
        /*display: flex;*/
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        padding: 0 5px 2rem;
    }

    .env_actions_portal_calendar_with_top .module_body:first-of-type,
    .env_common_items_with_calendar .module_body:first-of-type {
        flex-flow: column;
    }

    .actions-new-colums-form-envelope.item .image-envelope,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li .image-envelope {
        grid-column: 1;
        grid-row: 1/5;
    }

    .actions-new-colums-form-envelope.item .short-text-envelope,
    .actions-new-colums-form-envelope.item .actions-place,
    .actions-new-colums-form-envelope.item .actions-date {
        grid-column: 2;
    }

    .actions-new-colums-form-envelope .short-text-envelope h3 a
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li h3 a {
        -webkit-line-clamp: 1;
    }

    .actions-new-colums-form-envelope .short-text {
        display: none;
    }

    .env_actions_portal_calendar_with_top.show-all .short-text {
        display: -webkit-box;
    }

    .env_actions_portal_calendar_with_top.show-all .actions-new-colums-form-envelope.item .image-envelope {
        grid-row: 1/6;
    }

    .actions-new-colums-form-envelope.item h2.oznamy-new-columns.with-calendar {
        font-size: 1.3125rem;
        border: none;
        background: none;
        padding-bottom: 0 !important;
        grid-column: auto;
    }

    .actions-new-colums-form-envelope.calendar .kalendar_podujati_month {
        margin-bottom: 1rem;
        padding: 11px 10px 14px !important;
    }

    .actions-new-colums-form-envelope.items, 
    .actions-new-colums-form-envelope.calendar {
        margin-bottom: 0rem;
        padding-bottom: 0rem;
        border-bottom: none;
    }

    .kalendar_podujati_days {
        background: #fff;
    }

    div.kalendar_podujati_days .kalendar_podujati_days li a {
        min-height: 50px;
    }


    /* Detail */
    .env_actions_portal_calendar_with_top.action-detail-generated .module_body,
    .env_actions_portal_calendar_with_top.show-all .module_body {
        grid-template-columns: auto;
    }
    /* ----- KALENDAR AKCII S KALENDAROM END ----- */


    /* FOTOGALERIA */
    div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        grid-gap: 18px;
        grid-template-columns: repeat(3, minmax(172px, 1fr));
    }

    ul.fotogaleria-multi-kat-img-list {
        margin-bottom: 1rem;
    }

    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default {
        max-height: 135px;
        height: 15vw !important;
    }

    div.fotogaleria div.paging {
        grid-column: 1/5;
    }
    /* FOTOGALERIA END */


    /* --------------------- FILTRE UPRAVA --------------------- */
    .filter-envelope-body .filter-body-parts,
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: auto;
    }

    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr 24%;
    }

    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel {
        grid-template-columns: auto;
    }

    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-ts,
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-column-start: span 2;
    }

    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-submit,
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel {
        grid-row: 1;
    }
     
    .filter-envelope-body .filter-body-parts .filter-body-part {
        grid-column: auto;
    }
   

    /* FILTER VZN */
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: 3/4;
    }    
    /* FILTER VZN END */


    /* AKCIE */
    /* AKCIE END */


    /* NAPISTE NAM */
    .filter-napiste-nam-execute .filter-body-parts .filter-body-part {
        grid-column-start: span 2;
    }
    /* NAPISTE NAM END */


    /* DISKUSIA */
    .diskusia-form .filter-body-parts .filter-body-part {
        grid-column-start: span 2;
    }

    .diskusia-form .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }
    /* DISKUSIA END */


    /* VZN */
    .filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-row: 2;
    }

    .filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-text {
        grid-row: 2 !important;
    }

    .filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part:nth-child(-n + 3) {
        grid-row: 1;
    }

    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        grid-column: auto;
    }    
    /* VZN END */


    /* KONTAKTY */
    .conctact-filter-envelope form.contact-form {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .conctact-filter-envelope-default .contact-finder-part.new:nth-child(-n + 3) {
        grid-column: auto;
        grid-row: 1;
        margin: 0;
    }

    .conctact-filter-envelope-default .contact-finder-part.submit.new,
    .conctact-filter-envelope-default .contact-finder-part.cancel.new {
        grid-column: auto;
    }
    /* KONTAKTY END */


    /* REGISTRACIA */
    #reg_user_add .filter-parts-intro {
        grid-column-start: unset;
    }

    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs .filter-body-part-personal_data_protection {
        gap: 0.5rem;
    }

    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs .filter-body-part-personal_data_protection p {
        margin-bottom: 0;
    }

    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs .filter-body-part-submit {
        grid-column: auto;
    }
    /* REGISTRACIA END */
    /* --------------------- FILTRE UPRAVA END --------------------- */

    /* -------------------- MAIN CONTENT END -------------------- */


    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    .embed-container {
        height: 300px;
    }

    .rychle-linky .main-links-container {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        text-align: center;
    }

    .rychle-linky.icons .main-links-container {
        grid-gap: 2.5rem;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    }

    .rychle-linky .main-links-container li {
        padding: 0;
    }

    #extra-block-bottom .important_links ul {
        grid-template-columns: repeat(4, auto);
    }
  
    #extra-block-bottom .links ul {
/*        grid-template-columns: repeat(4, 1fr);*/
/*        row-gap: 1rem;*/
/*        column-gap: 1.5rem;*/
    }

    #extra-block-bottom .blok_podstranok .odkazy {
        grid-template-columns: repeat(3, auto);
    }

    #extra-block-bottom .blok_podstranok .odkazy ul:last-child {
        grid-column: auto;
    }

    /*#extra-block-bottom .important_links ul li:last-child {
        grid-column: auto;
    }

    #extra-block-bottom .useful_links ul li:not(:nth-child(5n)) a {
        border-right-width: 1px;
    }

    #extra-block-bottom .useful_links ul li:not(:nth-child(5n + 1)) a {
        border-left-width: 1px;
    }

    #extra-block-bottom .useful_links ul li:nth-child(5n) a {
        border-right-width: 2px;
    }

    #extra-block-bottom .useful_links ul li:nth-child(5n + 1) a {
        border-left-width: 2px;
    }

    #extra-block-bottom .useful_links ul li:nth-child(4) a,
    #extra-block-bottom .useful_links ul li:nth-child(5) a {
        border-top-width: 2px;
    }

    #extra-block-bottom .useful_links ul li:nth-child(12) a,
    #extra-block-bottom .useful_links ul li:nth-child(11) a {
        border-bottom-width: 2px;
    }*/
    

    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */

    .embed-container iframe, .embed-container object, .embed-container embed {
        top: 0;
        width: 100%; 
        height: 100%; 
    }


    /* -------------------- FOOTER -------------------- */
    footer .column_f {
        margin: 0 auto;
        grid-template-columns: 1fr;
    }

    footer .upper .module-container-collapsable-envelope .module-in-container p {
        color: var(--footer-color);
    }

    #data-header,
    .data-header, 
    .data-footer.header {
        display: block;
        font-size: 1.1875rem !important;
        padding: 0;
        padding-bottom: 15px;
        margin: 0;
        font-weight: 700;
        border: none;
        min-height: unset;
        color: var(--footer-header);
        line-height: inherit;
    }

    .data-header::before {
        display: none;
        clear: both;
        content: "";
        background: transparent;
        position: absolute;
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
        background: url(top-content-before.png) no-repeat center center;
        background-size: contain;
        filter: contrast(0);
    }

    footer .module-inner-envelope {
        max-width: 1200px;
        margin: 0 auto;
    }

    footer .env_hf_module_container.upper {
        font-size: var(--regular-text-font-size);
        margin: 0 auto;
        border: none;
        max-width: 1200px;
        border-bottom: 1px solid var(--footer-border-bottom);
        padding: 0;
    }

    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-template-columns: inherit;
        padding: 35px 15px 25px;
        grid-gap: 0.5rem;
    }

    footer .upper .module-container-collapsable-envelope .module-in-container {
        border: none;
        padding: 0;
    }

    footer .upper .module-container-columns-envelope .column-1,
    footer .upper .module-container-columns-envelope .column-2,
    footer .upper .module-container-columns-envelope .column-3,
    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 1;
        grid-column: unset;
        align-self: self-start;
        line-height: normal;
        max-width: unset;
        width: 100%;
        border: none;
        position: relative;
        padding: 0;
    }

    footer .upper .module-container-columns-envelope .column-1 {
/*        grid-column: 1/4;*/
/*        grid-row: 1;*/
        display: grid;
        justify-content: center;
        width: fit-content;
        margin: 0 auto 1.5rem;
    }

    footer .upper .module-container-columns-envelope .column-2,
    footer .upper .module-container-columns-envelope .column-3,
    footer .upper .module-container-columns-envelope .column-4 {
/*        grid-row: 2;*/
    }

    footer .upper .module-container-columns-envelope .kontakty .editor p,
    footer .upper .module-container-columns-envelope .data-header p {
        line-height: 28px;
    }

    footer .upper .module-container-collapsable-envelope .module-in-container a {
        color: var(--footer-link-color);
    }

    footer .logo-footer {
        width: 120px;
        display: grid;
    }

    footer a,
    footer li,
    footer .editor {
        color: var(--footer-color);
    }
 
    footer .upper .module-container-columns-envelope .column-1::before,
    footer .upper .module-container-columns-envelope .column-2::before {
        display: none;
    }

    footer .env_hf_module_container.lower .module-container-columns-envelope {
        display: grid;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: auto 170px;
        padding-right: 3rem;
    }

    footer .env_hf_module_container.lower .column-1 {
        grid-row: 1;
        grid-column: 1;
    }

    footer .env_hf_module_container.lower .column-2 {
        grid-row: 1;
        grid-column: 2;
    }

    footer .env_hf_module_container.lower .column-1 {
        padding: 0 10px;
        grid-gap: 20px;
    }

    footer .upper .env_hf_logo.logo-footer img {
        margin: 0 auto;
/*        max-width: 110px;*/
        width: 100%;
    }

    footer .lower {
        margin: 3rem auto;
        background: var(--bg-footer-lower);
        max-width: unset;
    }

    footer .env_hf_module_container.lower .column-1 .webygroup {
        grid-row: 1;
        margin: 0;
        align-items: center;
        grid-column: 1;
        max-width: 200px;
    }

    footer .lower .column-1 .env_hf_tiraz {
        grid-row: 1;
        grid-column: 2/5;
    }
  
    /* -------------------- FOOTER END -------------------- */
}



/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #main-content .column_mc { 
        padding: 0;
        gap: 30px;
        grid-template-columns: minmax(225px, 250px) minmax(auto, 630px) minmax(225px, 250px);
    }

    #m_59458 #main-content .column_mc,
    #m_157232 #main-content .column_mc,
    #m_172819 #main-content .column_mc,
    #m_59460 #main-content .column_mc,
    #m_59459 #main-content .column_mc,
    #m_185907 #main-content .column_mc {
        grid-template-columns: minmax(25%, 250px) calc(75% - 1.5rem);
    }

    main#main {
        max-width: 630px;
    }

    #m_59458 main#main,
    #m_157232 main#main,
    #m_172819 main#main,
    #m_59460 main#main,
    #m_59459 main#main,
    #m_185907 main#main {
        max-width: 900px;
    }

    aside#right-column {
        grid-row: 1;
        grid-column: 3/4;
    }

    #m_59458 aside#right-column,
    #m_157232 aside#right-column,
    #m_172819 aside#right-column,
    #m_59460 aside#right-column,
    #m_59459 aside#right-column,
    #m_185907 aside#right-column {
        grid-row: 2;
        grid-column: 1/3;
    }


    /* -------------------- HEADER -------------------- */
    /* LOGO */
    header .header-logo-text {
        font-size: var(--logo-text-font-size);
    }

    header .header-logo-text-ext {
        top: 0;
    }
    /* LOGO END */


    /* MENU */
    .hf-menu.level-0 > .hf-menu-envelope > a {
        padding: 5px 20px;
        font-size: var(--top-menu-font-size);
    }
    /* MENU END */
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* LAYOUT */
    #extra-block-top .column_ha {
        margin: 0 auto;
    }
    /* LAYOUT END */


    /* LINKS */
    .extra-block-top .news.links {
        display: grid;
        align-content: center;
        max-width: 1200px;
        padding-bottom: 0;
        height: auto;
        border-radius: 0;
        margin-bottom: 2rem;
    }

    .extra-block-top .news.links .editor ul {
        grid-template-columns: repeat(5, 1fr);
        width: 100%;
        padding-right: 0;
    }

    .extra-block-top .news.links .editor div {
/*      display: flex;*/
        gap: 0.5rem;
    }

    .extra-block-top .news.links .editor h3 {
        line-height: 120%;
    }

    .extra-block-top .news.links .editor ul li:first-child,
    .extra-block-top .news.links .editor ul li:last-child {
        grid-column: unset;
    }
    /* LINKS END */


    /* FOTOBANNER */
    .multi-foto-link-system {
        margin: 1rem auto;
    }
    /* FOTOBANNER END */


     /* BANNER SLOT */
    .env_hf_banner_slot {
        align-items: flex-end;
        padding: 0;
    }

    #page-banner-homepage {
        margin: 0 auto 1.5rem;
    }
    /* BANNER SLOT END */


    /* -------------------- EXTRA BLOCK TOP END -------------------- */


    /* -------------------- MAIN CONTENT -------------------- */
    #main-content {
/*        box-shadow: 0 -250px 0 #fff;*/
    }


    /* OZNAMY / AKCIE */
    .oznamy-new-columns-all-list .oznamy_date span,
    .oznamy-new-columns-list .oznamy_date span {
        grid-row: auto;
    }

    .oznamy-new-columns-all-list .oznamy_date span:nth-of-type(3):before,
    .oznamy-new-columns-list .oznamy_date span:nth-of-type(2):before {
        display: none;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list,
    .env_common_items_graphic ul.oznamy-graphic-list,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list,
    .env_actions_portal_graphic ul.actions-graphic-list, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list {
/*        grid-template-columns: repeat(4, 1fr);*/
    }
    /* OZNAMY / AKCIE END */


    /* FOTOGALERIA */
    div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        grid-gap: 25px;
    }

    div.fotogaleria div > a, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope,  
    ul.common-image-gallery-default li a.common-image-gallery-default {
        max-height: 135px;
    }
    /* FOTOGALERIA END */

    /* REGISTRACIA */
    /* REGISTRACIA END */
    /* -------------------- MAIN CONTENT END -------------------- */


    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    .env_hf_menu_block .module-inner-envelope > .module_body {
        max-width: 1200px;
        margin: 0 auto;
    }

    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        padding: 0 10px;
        line-height: 34px;
    }

    #extra-block-bottom .useful_links ul {
/*        grid-template-columns: repeat(6, 1fr);*/
    }

    #extra-block-bottom .blok_podstranok .odkazy {
        grid-template-columns: repeat(4, auto);
    }
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */


    /* -------------------- FOOTER -------------------- */  
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-template-columns: repeat(3, auto);
    }

    footer .upper .module-container-columns-envelope .column-1,
    footer .upper .module-container-columns-envelope .column-2,
    footer .upper .module-container-columns-envelope .column-3,
    footer .upper .module-container-columns-envelope .column-4 {
        grid-column: unset;
        grid-row: unset;
    }

    footer .env_hf_module_container.lower .module-container-columns-envelope {
        grid-template-columns: 1fr 200px;
    }
    /* -------------------- FOOTER END -------------------- */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    #extra-block-top .column_ha {
        column-gap: 30px;
    }
}


/* RETURN TO TOP */
#header-anchor-link {
    background: var(--return-to-top-bg) !important;
    border: 2px solid var(--return-to-top-border) !important;
    margin-left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 10 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    bottom: 60px !important;
    text-decoration: none;
}

#header-anchor-link::before {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    content: 'Hore \f106';
    letter-spacing: 3px;
    clear: both;
    font: normal normal normal 16px/1 FontAwesome;
    z-index: 99;
    margin: auto;
    position: relative;
    transition-duration: 0.3s;
    color: var(--return-to-top-icon);
}

#header-anchor-link:hover { 
    transform: scale(1.1);
    transition-duration: 0.3s;
    transition-property: transform;
    border-radius: 0%;
    opacity: 0.8;
}

@media (min-width: 576px) {
    #header-anchor-link {
        right: 20px;
        width: 44px !important;
        height: 44px;
        bottom: 5rem !important;
    }

    #header-anchor-link::before {
        content: '\f106';
        letter-spacing: unset;
    }
}

@media (min-width: 768px) {
    #header-anchor-link {
        bottom: 2rem !important;
    }
}
/* RETURN TO TOP END */


/* ------------------ MOVING PICTURE ------------------ */
#moving-pictures ul {
    height: 100px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#moving-pictures-manipulate-envelope {
    text-align: center;
    margin-top: 0px !important;
    display: block;
    position: relative;
    bottom: -48px;
}

#moving-pictures {
    box-sizing: border-box;
    height: 256px;
    width: 100%;
    margin: 30px auto !important;
    overflow: hidden;
}
/* ------------------ MOVING PICTURE END------------------ */


/* ----------- LOGO WG ----------- */
.env_hf_image.webygroup {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    /*justify-content: center;*/
}
/* ----------- LOGO WG END ----------- */


/* ------------- 1 STLPCOVY WEB ------------- */
@media (min-width: 992px) { 
    /* OZNAMY / AKCIE */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li.without-image .image-envelope,
    .env_common_items_columns_responsive.list ul.oznamy-new-columns-all-list li.without-image .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope,
    .env_actions_portal_graphic.list .actions-graphic-all-list li.without-image .image-envelope,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li.without-image .image-envelope {
        background-size: 100%;
        height: 100%;
        background-position: top center;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li.without-image h3 {
        margin-top: 1rem;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope-default img, 
    ul.oznamy-graphic-list-default li div.image-envelope-default img, 
    ul.actions-new-colums-list-default li div.image-envelope-default img, 
    ul.actions-graphic-list-default li div.image-envelope-default img {
        height: fit-content;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a {
        /*color: #0065B3 !important;
        padding-left: 10px;*/
    }
    /* OZNAMY / AKCIE END */


    /* FILTER */
    .filter-envelope-body .filter-body-parts,
    .conctact-filter-envelope form.contact-form,
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_actions_portal_graphic ul.actions-graphic-list {
        grid-template-columns: 100%;
        padding: 0 0.25rem;
    }

    #login-to-portal .filter-body-part.filter-body-part-submit, 
    #login-to-portal .filter-body-part.filter-body-part-lost-password, 
    #login-to-portal .filter-body-part.filter-body-part-registration, 
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-text, 
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit, 
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-text, 
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-id_action_kat, 
    .filter-actions-new-columns .filter-body-part.filter-body-part-id_action_kat, 
    .filter-actions-new-columns .filter-body-part.filter-body-part-select, 
    .conctact-filter-envelope form.contact-form .contact-finder-part, 
    .filter-oznamy-new-columns .filter-body-parts .filter-body-part.filter-body-part-submit, 
    .zmluvy-search-form .filter-envelope-body .filter-body-parts .filter-body-part.filter-body-part-submit, 
    .faktury-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit, 
    .objednavky-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit, 
    .filter-olo .filter-body-parts .filter-body-part.filter-body-part-submit,
    .conctact-filter-envelope-default .contact-finder-part.new:nth-child(-n + 3),
    .conctact-filter-envelope-default .contact-finder-part.submit.new,
    .conctact-filter-envelope-default .contact-finder-part.cancel.new,
    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new,
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part {
        grid-row: auto;
    }

    .filter-oznamy-new-columns .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
        grid-row: 1;
    }
 

    /* VZN */
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }      
    /* VZN END */


    /* ZMLUVY / FAKTURY / OBJEDNAVKY */
    .zmluvy-search-form .filter-body-parts, 
    .faktury-search-form .filter-body-parts,
    .objednavky-search-form .filter-body-parts {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }

    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .conctact-filter-envelope-default .contact-finder-part.submit.new, 
    .conctact-filter-envelope-default .contact-finder-part.cancel.new, 
    .zmluvy-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .faktury-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .objednavky-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part, 
    .filter-olo .filter-body-parts.btn-cancel .filter-body-part {
        grid-row: auto;
    }
    /* ZMLUVY / FAKTURY / OBJEDNAVKY END */


    /* VYVOZ ODPADU */
    .filter-olo .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-row: auto;
    }
    /* VYVOZ ODPADU END */


    /* OZNAMY / AKCIE */
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .filter-actions-new-columns .filter-body-parts .filter-body-part-id_action_kat {
        grid-row: auto !important;
    }
    /* OZNAMY / AKCIE END */


    /* KONTAKT */
    .conctact-filter-envelope-default .contact-finder-part.cancel.new {
        grid-column-start: span 2;
    }
    /* KONTAKT END */


    /* REGISTRACIA / LOGIN */
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts,
    .sms-hlasnik-register-form .filter-envelope-body .filter-body-parts,  
    .env_sms_hlasnik_execute .sms-hlasnik-links-new {
        grid-template-columns: auto;
    }
    /* REGISTRACIA / LOGIN END */
}


@media (min-width: 1200px) { 
    /* OZNAMY / AKCIE */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
/*        max-height: 155px;*/
        min-height: unset;
        height: 15vw;
    }

    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    #homepage_0 .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        max-height: 224px;
        height: 100%;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list {
        grid-template-columns: auto;
        grid-gap: 1rem;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li {
/*        grid-template-columns: 35% 1fr;*/
        height: auto !important;
        grid-gap: 15px;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        /*max-height: 150px;*/
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .oznamy_date, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .oznamy_date {
        margin-top: 0;
    }
    /* OZNAMY / AKCIE END */


    /* FOTOGALERIA */
    ul.fotogaleria-multi-kat-img-list .gallist {
        grid-column: auto;
    }

    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
/*        max-height: 15vw;*/
    }
    /* FOTOGALERIA END */
}


/* 3 STLPCOVY WEB END */        

/* Kalendar mien */
#calendar-envelope {
    box-sizing: border-box;
    display: block;
    position: fixed;
    left: 0 !important;
    right: 0;
    margin: auto;
    top: 0 !important;
    bottom: auto;
    width: 100% !important;
    max-width: 850px;
    overflow-y: auto;
    transform: none !important;
    height: auto;
    max-height: 100% !important;
    background: #ffffff;
    border: 2px solid #054A74;
    z-index: 150000;
    box-shadow: 10px 10px 15px 0 #054A74;
}

#calendar-envelope div.calendar-days {
    padding: 5px;
    overflow-y: auto;
    position: relative;
    max-height: 100vw;
}

@media only screen and (max-width: 640px){
    #calendar-envelope {
        bottom: auto;
    }

    #calendar-envelope .header {
        background: #054A74;
        padding: 0 0 15px 0 !important;
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    #calendar-envelope h2.calendar {
        display: inline;
        color: #ffffff;
        background: none;
        padding: 10px 0 10px !important;
        margin: 0 50px;
        text-align: center;
        font-size: 1.1875rem;
    }

    #calendar-envelope .header .other_month {
        display: grid;
        width: 90%;
        grid-template-columns: 1fr 1fr;
        margin: 0 auto;
    }

    #calendar-envelope select {
        padding: 5px;
    }

    #calendar-envelope .header .other_month#calendar-close a {
        grid-column: 2;
        margin: 0;
        width: 60%;
        text-align: center;
    }

    #calendar-days tr:first-of-type {
        display: none;
    }

    #calendar-days tr {
        display: flex;
        flex-flow: column;
    }

    #calendar-envelope div.calendar-days {
        padding: 5px;
        max-height: 290px;
        overflow-y: auto;
        position: relative;
    }

    #calendar-envelope div.calendar-days table td {
        width: 100% !important;
        display: grid;
        grid-template-columns: 20% 1fr;
        align-items: center;
    }

    #calendar-envelope div.calendar-days table td .day-number {
        grid-column: 1;
    }

    #calendar-days .day-name, #calendar-days .day-holiday {
        display: block !important;
        grid-column: 2;
    }

    #calendar-envelope div.calendar-days table td .day-number.holiday {
        grid-row: 1/3;
        font-size: 1.5rem;
    }


    /* Vyhladavac */
    #overlay3 div.calendar-finder, #calendar-envelope div.calendar-finder {
        gap: 10px;
    }


    /* Vysledky vyhladavania */
    #calendar-envelope #find-result {
        position: fixed;
        left: 0 !important;
        right: 0 !important;
        top: 30% !important;
        width: 90vw !important;
        max-width: 450px;
        margin: auto;
        height: auto;
        max-height: 250px;
        transform: none !important;
        border: 2px solid #054A74;
        background: #ffffff;
        text-align: left;
    }

    #calendar-envelope #find-result h3 {
        background: #054A74 !important;
        color: #ffffff;
        padding: 10px 15px;
        font-size: 1.1875rem !important;
    }

    #calendar-envelope #find-result #find-result-inner {
        padding: 0 15px;
        overflow-y: auto;
        max-height: 130px;
        position: relative;
    }
}


/* COOKIES ICON */
#cookie-global-envelope {
    font-size: 14px;
    left: 0px;
    right: 0px;
    top: 0;
    height: auto !important;
    border-radius: 15px;
    box-shadow: 0 0 5px 2px #999999;
    padding: 15px;
    margin: 0 auto;
    text-align: left;
    z-index: 500000000;
    opacity: 1;
}

#cookie-global-envelope.new #cookie-box-inner-envelope {
    padding: 25px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.cookie-box-open.new {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    line-height: 60px;
    font-size: 30px;
    background: none;
    padding-left: 0;
    margin-top: 0;
    word-break: break-word;
}

.cookie-box-open.new::before {
    content: "";
    background: url(cookies.svg) no-repeat center center;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    z-index: 99;
    position: relative;
    text-decoration: none !important;
    border: none !important;
    padding: 0;
}

.cookie-box-body.new {
    font-size: 1.1875rem;
    margin-top: 20px;
    max-width: unset;
}

.cookie-buttons-row.new a, 
.cookie-buttons-row a#new-cookie-noconfirm-newsystem, 
.cookie-buttons-row a#new-cookie-settings-newsystem, 
#system-custom-alert .close, 
#system-custom-alert #confirm-yes, 
#system-custom-alert #confirm-no {
    background: var(--btn-bg-cancel);
    color: var(--btn-color-cancel);
    border-bottom: 1px solid;
}

#cookie-global-envelope.new #cookie-box-inner-envelope.closed {
    padding: 25px;
    display: none;
    opacity: 0;
}

@media (min-width: 0px) {
    #cookie-box-open-envelope {
        position: absolute;
        height: 4rem;
        display: flex;
        max-width: 80vw;
        bottom: 7.5rem;
        right: 0.5rem;
        margin: 0 auto;
        justify-content: flex-end;
    }

    .cookie-box-open.new {
        display: flex;
        justify-content: center;
        width: 4rem;
        bottom: 0;
        right: 0;
        top: auto;
        margin-bottom: 0;
        z-index: 9 !important;
    }
}

@media (min-width: 576px) {
    #cookie-box-open-envelope {
        max-width: 70vw;
        right: 5rem;
    }
}

@media (min-width: 768px) {
    #cookie-box-open-envelope {
        bottom: 1.5rem;
    }

    #system-custom-alert {
        right: 0;
        width: 90% !important;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    #cookie-box-open-envelope {
        bottom: 5.25rem;
        right: 0.65rem;
        width: calc(100vw - 10rem);
        max-width: 1200px;
    }
}

@media (min-width: 1200px) {
    #cookie-box-open-envelope {
        bottom: 3rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
/* COOKIES ICON END */


/*
Foto banner - 2560 x 450
Bannerslot - 554 x 311
Obrázky pre oznamy - 430 x 286
Akcie - 430 x 286
*/




/* VIDANTO */
#extra-block-bottom .vidanto {
    margin: 10px 0;
}
#extra-block-bottom .vidanto p,
#extra-block-bottom .vidanto a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    z-index: 1;
    outline-offset: -5px;
}
#extra-block-bottom .vidanto img {
    padding: 0;
    display: none;
    max-width: fit-content;
}
#extra-block-bottom .vidanto img:nth-of-type(1) {
    display: flex;
}


@media (min-width: 576px) {
    #extra-block-bottom .vidanto img:nth-of-type(1) {
        display: none;
    }
    #extra-block-bottom .vidanto img:nth-of-type(2) {
        display: flex;
        max-width: 100%;
        width: 100vw;
    }
}
@media (min-width: 992px) {
    #extra-block-bottom .vidanto img:nth-of-type(2) {
        display: none;
    }
    #extra-block-bottom .vidanto img:nth-of-type(3) {
        display: flex;
        width: 100%;
    }
}
/* VIDANTO END */