/* ----- Raztocno ----- */

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

:root {
    --priamry:#000;
    --secondary: #0065B3;

    --logotext-one:#0065B3;
    --logotext-two:#000;
    
    --mobile-menu-icon:#0065B3;

    
    
    --h1-color:#000;
    --h1-background:transparent;
    --h2-color:#0065B3;
    --h2-background:#fff; 
    --h2-column-background:#EDF7FF;
    --h2-border:#FFDF0F;
    --h3-color:#0065B3;
    --h3-background:transparent;
    --h3-border:#0065B3;
    --h4-color:#000;
    --h4-background:transparent;

    --all-links-color:#0065B3;
    --link-color-main-region_info:#0065B3;
    
    --link-color-black: #000;
    --link-color-main: #0065B3;
    --link-color-white: #fff;
    --link-color-dark: #363636;
    --link-hover-color-black: #000;
    --link-hover-color-main: #0258a3;
    --link-hover-color-white: #fff;
    --link-hover-color-dark: #363636;
    
    --header-data-text-color:#0065B3;
    --bg-header-border: #ddd;
    --bg-header-icons:#0065B3;
    --bg-header-icons-laptop:#0065B3; 
    --my-current-lang:#0065B3;
    --other-lang-hover:#0065B3;

    --color-active:#0065B3;
    --menu-icon-color:#D0190F;
    --bg-menu-item:#0065B3; 
    --bg-menu-active:#E6F4FF;
    --border-menu-active:#0065B3; 
    --bg-submenu:#0065B3;

    --vertical-menu-color:#0065B3;
    --vertical-bg-menu-active:#0065B3;
    --vertical-bg-menu:#E6F4FF;
    --vertical-menu-border:#F7A500;
    --vertical-menu-border-active:#D0190F;
    --vertical-menu-subpage-text:#0065B3;
    --vertical-menu-color-PC:#0065B3;

    --clone-menu-bg:#0065B3;
    --clone-menu-color:#fff;
    --clone-menu-border:2px solid #0065B3;
    --clone-menu-bg-hover: #01467B;

    --btn-color:#fff;
    --btn-color-cancel:#0065B3;
    --btn-bg:#0065B3;
    --bg-btn:#0065B3;
    --btn-bg-cancel:#F5F5F5;
    --btn-border:#0065B3;
    --btn-border-cancel:#F5F5F5;
    --btn-color-hover:#fff;
    --btn-color-cancel-hover:#0065B3;
    --btn-border-hover:#003D6B;
    --btn-bg-hover:#003D6B;
    --btn-bg-cancel-hover:#fff;
    --btn-border-cancel-hover:#0065B3;

    --bg-body: #FFF;
    --bg-footer: linear-gradient(180deg, rgba(0,101,179,1) 62%, rgba(0,65,116,1) 100%);;
    --bg-footer-upper: transparent;
    --bg-footer-upper-colapsable:#E6F0F8;
    --footer-upper-icon-border:#BFC1C3;
    --bg-footer-lower: transparent;
    --footer-border-bottom: #ffffff66;
    --bg-footer-rwd: #0065B3; 
    --bg-main-content: #fff;
    --footer-header:#fff;
    --footer-color:#fff;
    --footer-color-tiraz:#fff;
    --aside-text-color: #000;
    --main-container-top: 0;


    --bg-banner-slot:#fff;/* linear-gradient(180deg, rgba(203,26,1,1) 0%, rgba(135,22,6,1) 100%);*/
    --banner-h2:#fff;
    --banner-btn-actual:#000;
    --banner-btn-non-actual:#000;
   

    --tabbed-bg:transparent;
    --tabbed-color:#0065B3;
    --tabbed-border:#ddd;
    --tabbed-bg-active:#01467B;
    --tabbed-color-active:#fff;
    --tabbed-border-active:#01467B;

    --bg-zasadania:#f5f5f5;

    --bg-cancel:#f5f5f5;
    --search-border-color:#6795C8;
    --filter-border:2px solid #6795C8;
    --filter-border-active:2px solid #0065B3;
    --border-required:#0065B3;
    --border-outline-required:#FFDF0F;
    

    --bg-oznamy-graficke:#fff;
    --text-oznamy-graficke:#000;


    --bg-menu-block:#FFFBE4;
    --hover-text:#003D6B;


    --anketa-bar:#0065B3;


    --bg-rychle-linky:#0065B3;
    --rychle-linky-H3:#363636;

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


    --table-header:#F5F5F5;

    --side-header:#FFDF0F;

    --bg-item-back:#0065B3;
    --item-back:#FFF;

    --return-to-top-bg:#fff;
    --return-to-top-icon:#0065B3;
    --return-to-top-border:#0065B3; 
    
}

/* 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: 1rem;
}
ul {
    list-style: unset;
}
#rwd-menu ul,
footer ul {
    list-style: none;
}

/* base styles */
body {
    background: var(--bg-body);
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 150%;
    
}
#main-container {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0px;
    background: #e5e5e5;
}
header {
    width: 100%;
    height: 90px;
    padding: 0px;
    background: #F2F7FD;
    position: relative;
    z-index: 10;
    margin-bottom: 0px;
    border-bottom: 2px solid var(--bg-header-border);
    box-shadow: 1px 1px 10px 0px #eee;
}
#extra-block-top {
    width: 100%;
    display: block;
    position: relative;
    /*padding: 0 10px;*/
    z-index: 9;
}
#main-content {
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 10px;
    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;
    padding: 0 0px 100px;
    z-index: 6;
    background: var(--bg-footer);
}
a {
    transition: all 0.3s ease-in-out;
    color: var(--link-color-main);
    text-decoration: underline;
    transition-duration: .35s;
    text-underline-offset: 0.1em;
    text-decoration-skip-ink: none;
}

#main .module_envelope {
    margin-bottom: 5rem;
}
.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;
    transition: all 0.3s ease-in-out;
    transition-duration: .25s;
}
.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,
.env_common_items_columns_responsive.detail ul li,
.env_actions_portal_column_responsive.detail ul li {
    margin-left: 25px;
} 
img {
    width: 100%;
    height: auto;
}
.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;
}

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


/* */
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(--secondary);
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
.oznamy-new-columns-all-link::before, 
.actions-new-columns-all-link::before {
    background-color: #FFDF0F !important;
}
ul.fotogaleria-multi-kat-img-list .gallist > a:hover::before,
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(-5px);
}
.env_uputavky_new a,
#page-banner-homepage a {
    border: none;
}



/* text-underline 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: 1.75rem;
    color: var(--h1-color);
    font-weight: 600;
    background: var(--h1-background);
    margin: 20px auto 25px;
    text-align: left;
    text-transform: uppercase;
}
h1.register-login a.link-button {
    font-size: 1.1875rem; 
}
h2 { 
    font-size: 1.4375rem;
    color: var(--h2-color);
    font-weight: bold;
    line-height: normal !important;
    background: var(--h2-background);
    border-bottom: 2px solid var(--h2-border); 
    margin-bottom: 1rem;
    padding: 11px 10px 14px !important;
}
h3 { 
    font-size: 1.3125rem !important;
    color: var(--h3-color);
    font-weight: bold;
    background: var(--h3-background) !important;
    /*border-left: 6px solid var(--h3-border);*/
    /*padding-left: 18px;*/
    margin-bottom: 1rem;
    height: auto !important;
    overflow: visible !important;
    position: relative;
    line-height: normal;
}
.env_common_items_columns_responsive.detail h3::before,
.env_actions_portal_column_responsive.detail h3::before {
    display: flex;
    content: '';
    background-color: var(--secondary);
    clear: both;
    width: 60px;
    height: 2px;
    z-index: 99;
    position: absolute;
    right: auto;
    left: 0;
    top: auto;
    bottom: -5px;
}
h4 { 
    font-size:  1.1875rem ;
    color: var(--h4-color);
    font-weight: 600;
    background: var(--h4-background);
}



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

    /* -------------------- 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-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: auto;
        margin: 0 auto;
        padding: 15px 10px;
        display: grid;
        grid-auto-rows: auto;
        grid-template-columns: 3fr 44px;
    }
    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;
        
    }
    header .env_hf_module_container.header-data {
        background: #fff;
        bottom: 0;
        width: 100%;
        box-sizing: content-box;
        top: auto;
        margin: 0 0px 0 -10px;
        height: 50px;
        position: fixed;
        box-shadow: 1px 1px 10px 1px #ddd;
        z-index: 9;
    }
    .module_envelope_h.env_hf_menu_rwd {
        position: relative;
        width: auto;
        height: auto;
        right: 1px;
        z-index: 8;
        display: flex;
        flex-wrap: wrap;
        grid-row: 1;
    }
    
    /*----------------------------------------------------------------------------------------*/






    /* LOGO */
    .header-logo-envelope>a {
        text-decoration: none;
        position: relative;
        border: none;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        align-items: center;
    }
    header .header-logo-img-envelope {
        grid-column: 1;
        grid-row: 1/3;
        padding-right: 10px;
    }
    header .header-logo-img-envelope img {
        height: 48px;
    }
    .header-logo-text {
        font-size: 1.75rem;
        height: auto;
        position: relative;
        color: var(--logotext-one);
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }
    header .header-logo-text-ext {
        font-size: 1rem;
        position: relative;
        color: var(--logotext-two);
        font-weight: 300;
        padding: 0;
        grid-column: 2;
        grid-row: 2;
    }
    /* LOGO 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.opened {
        position: absolute;
        width: 99vw;
        display: flex;
        flex-wrap: wrap;
        top: 77px;
        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: .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: 99;
        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";
        color: var(--color-active);
        
    }
    #rwd-menu-container.opened ul.hf-hmenu,
    #rwd-menu-container.opened ul.vertical-menu-cover-common {
        display: flex;
        width: 100%;
        flex-wrap: wrap;    
    }
    #rwd-menu-container.opened ul.hf-hmenu li,
    #rwd-menu-container.opened ul.vertical-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.vertical-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: #fff;
        padding: 10px 30px 10px 10px;
        margin-bottom: 3px;
        background: #0065B3;
        border-left: 2px solid var(--secondary);
        position: relative;
        display: inline-flex;
         
    }


    li.hf-menu.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger {
        background: #01467B;
        color: #fff;
    }
    #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(--priamry);*/
    }
    #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;
        color: #fff;
    }
    


    .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.vertical-menu-cover-common li.selector-for-mob-menu.menu_hlavicka_current a.under-menu-trigger-new-generation,
    ul.vertical-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.vertical-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.vertical-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.vertical-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.vertical-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(--secondary);
    }
    /* 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: 300;
        color: var(--secondary);
        position: relative;
        display: inline-flex;
        text-decoration: none;
        border-bottom: 1px dotted;
    }
    .hf-hmenu ul.hf-hsubmenu,
    ul.menu_cover {
        border-left: 2px solid var(--secondary);
        top: 0;
        width: 100%;
        margin: 3px 0 3px 3px;
        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: 2px solid var(--secondary);
        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(--secondary);
    }
    .hf-hmenu ul.hf-hsubmenu .level-2 ul.hf-hsubmenu,
    ul.menu_item_1 {
        border-left: 2px solid var(--secondary);
        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: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: 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);
    }
    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,
    #my-current-lang {
        display: flex;
        width: 37px;
        height: 37px;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 0;
        color: var(--primary);
        text-decoration: none;
    }
    #search-box-submit {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .env_hf_text_pure.FB.social .module_body a {
        display: inline-block;
        width: auto;
        height: auto;
        margin: 0 auto;
        padding: 0 10px 0 0;
        font-size: 0;
        text-decoration: underline;
        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: space-evenly;
        color: var(--my-current-lang);
    }
    #my-current-lang:hover {
        color:var(--my-current-lang);
    }
    #my-current-lang.lang-opened {
        color:var(--my-current-lang);
    }
    .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(--secondary);
        font-size: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }
    .google-lang-position-others a.google-lang-position:hover {
        background: var(--other-lang-hover);
        color: #fff;
    }
    /* 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 {
        color: var(--bg-header-icons);
    }
    a#homepage-link-with-text-envelope::before {
        display: flex;
        content: "\f015";
        clear: both;
        margin: 0 auto;
        z-index: 99;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
    }
    span#login-login a::before {
        display: flex;
        content: "\f0e0";
        clear: both;
        margin: 0 auto;
        z-index: 99;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
    }
    .env_hf_contacts .module_body a::before {
        display: flex;
        content: "\f007";
        clear: both;
        margin: 0 auto;
        z-index: 99;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
    }
    .env_hf_image.FB.social .hf-image-envelope.with-link a::before,
    .env_hf_text_pure.FB.social .module_body a::before {
        display: inline-block;
        content: "\f09a";
        clear: both;
        margin: 0 auto;
        text-align: center;
        z-index: 99;
        position: relative;
        font: normal normal normal 13px/1 FontAwesome;
        width: 15px;
        /* height: 20px; */
        padding: 0;
        background: var(--bg-header-icons);
        border-radius: 50%;
        color: #fff;

    }
    .env_hf_image.YT.social .hf-image-envelope.with-link a::before {
        display: flex;
        content: "\f167";
        clear: both;
        margin: 0 auto;
        z-index: 99;
        position: relative;
        font: normal normal normal 18px/1 FontAwesome;
    }
    #search-box-submit::after {
        display: flex;
        content: "\f002";
        clear: both;
        right: auto;
        width: auto;
        height: 100%;
        color: var(--secondary);
        z-index: 99;
        position: absolute;
        font: normal normal normal 19px/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: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        font: normal normal normal 16px/1 FontAwesome;
    }
    #my-current-lang.notranslate.lang-opened::after {
        transform: rotate(180deg);
        color: var(--my-current-lang);
    }
    /*ICONS END*/
 
    /* header-data END */

    
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */

    /* FOTO BANNER */
    .multi-foto-link-system {
        background: none !important;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .multi-foto-link-system .multi-foto-link-controls a {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box; 
    }
    .multi-foto-link-system .multi-foto-link-controls {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        bottom: 20px;
        left: 0;
        max-width: 1100px;
        width: 96%;
        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 {
        width: 16px;
        height: 16px;
        justify-content: center;
        align-items: center;
        background: #000;
        border-radius: 50%;
        position: relative;
        display: flex;
        border-radius: 50%;
        text-decoration: none;
        border: none;
    }
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-start--0 {
        background: #fff;
    }
    .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 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        width: 20px;
        height: 18px;
        color: #fff;
        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 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        width: 20px;
        height: 18px;
        color: #363636;
        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 */
    .env_hf_banner_slot {
        grid-column: 1/3;
    }
    #page-banner-homepage {
        width: 100%;
        position: relative;
        margin: 0px auto 40px;
        overflow: hidden;
        /* border: 1px solid #eee; */
        /*border-radius: 10px;*/
        background: var(--bg-banner-slot);
    }
    #banner-homepage {
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: auto;
        /*border: 2px solid #eee;*/
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-row: 1/3;
        grid-column: 1;
    }
    #banner-slot-text-array {
        grid-row: 2/3;
        grid-column: 1;
        max-width: 860px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 101, 179, 0.00) 0.01%, rgba(0, 101, 179, 0.70) 28.57%, #015697 77.14%);
    }
    #main-banner-buttons {
        width: 100%;
        margin: 0;
        padding: 0px 50px 0px 0px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        grid-row: 3;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1rem;
        font-weight: 600;
        color: var(--banner-h2);
        padding: 0px 15px !important;
        margin: 10px 0;
        background: none;
        border: 0;
        height: 40px;
        text-align: left;
        text-transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #banner-slot-p, #banner-slot-a {
        display: none;
    }
    .banner-actual-button {
        display: flex;
        flex-wrap: wrap;
        width: 44px;
    }
    .banner-actual-button a {
        width: 44px;
        height: 35px;
        position: relative;
        transition: all 0.3s ease-in-out;
        display: flex;
        color: transparent;
        align-items: center;
        justify-content: center;
    }
    .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: 25px;
        position: relative;
    }
    .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: none;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--banner-btn-actual);
    }
    #banner-buttons-control-envelope {
        position: absolute;
        display: inline-flex !important;
        width: 44px;
        right: 0px;
        flex-grow: 1;
        height: 35px;
        align-items: center;
        justify-content: center;
    }
    /*#banner-buttons-stop-a,#banner-buttons-start-a*/
    #banner-buttons-stop, #banner-buttons-start {
        position: relative;
        /* width: 44px; */
        height: 14px;
        border-radius: 50%;
        display: flex;
        background: #000;
        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 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #363636;
        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 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #fff;
    }
    #main-banner-buttons .banner-button-control {
        display: none;
    }
    #main-banner-buttons .banner-button-control.notcurrent {
        display: flex;
    }
    /* BANNER SLOT 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: auto;
        grid-gap: 10px;
        word-break: break-word;
    }
    main#main {
        grid-row: 1;
        margin-bottom: 25px;
    }
    aside#left-column {
        grid-row: 2;
        margin-bottom: 25px;
    }
    aside#right-column {
        grid-row: 3;
        margin-bottom: 25px;
        /*display: none;*/
    }




    /* --------------- LEFT COLUMN / RIGHT COLUMN --------------- */
    aside#left-column div.module_envelope,
    aside#right-column div.module_envelope {
        margin-bottom: 1.5rem;
    }
    div.module_envelope a.menu_hlavicka {
        font-size: 1.25rem;
        color: var(--h2-color);
        font-weight: bold;
        line-height: normal !important;
        background: var(--h2-background);
        /*border-bottom: 2px solid #FFDF0F;*/
        margin-bottom: 15px;
        padding: 11px 10px 14px !important;
    }
    div.module_envelope div.menu_hlavicka, 
    div.module_envelope div.menu_hlavicka_r, 
    .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);
        font-weight: bold;
        display: block;
        width: 100%;
        line-height: normal !important;
        border-bottom: 2px solid var(--side-header);
        margin-bottom: 15px;
        padding: 11px 0px 14px !important;
    }
    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-column-background);

        padding: 16px 20px;
        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: 10px;
        height: 21px;
        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);
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions {
        color: var(--secondary);
        text-decoration: underline;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a:hover {
        background: var(--secondary);
        color: #fff;
        transition-duration: .35s;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li.today {

    }
    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;
    }
    .uputavka-new-image-envelope a {
        display: flex;
        width: 100%;
    }
    .uputavka-new-image-envelope a:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px -30px #000;
    }
    .env_uputavky_new img {
        box-shadow: 4px 4px 5px #36363610;
    }
    /* 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(--secondary);
        color: #fff;
        transform: translateY(-3px);
    }
    /* EUT V STLPCI END */






    /* REGION AKTUALNE */
    #main-content .column_mc .module_header_region_info {
        font-size: 1.25rem;
        color: var(--secondary);
        font-weight: bold;
        line-height: normal !important;
        margin-bottom: 15px;
        padding: 11px 10px 14px !important;
        border-bottom: 2px solid #FFDF0F; 
    }
    #main-content .column_mc .module_header_region_info a {
        text-decoration: underline;
        font-size: 1.25rem;
    }
    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;
    }
    div.region-info-right {
        float: right;
        width: 45%;
        height: auto;
        text-align: left;
        font-size: 1rem;
        word-break: break-all;
    }   
    /* 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: 10px;
        margin-bottom: 1.9rem;
    }
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li {
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    #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: 1.125rem;
        font-weight: bold;
        text-transform: uppercase;
    }
    #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;
    }
     
    /* ŠÍ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 ----- */
 












    /* ----- 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 { 
        display: grid; 
        grid-template-columns: auto;
        grid-auto-rows: auto;
        width: 100%;
    }
    .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 {
        display: grid;
        grid-column: 1;
        /* grid-template-rows: 1fr; */
        width: auto;
        height: auto !important;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        /* align-content: end; */
        
    }
    .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  {
        height: 62vw;
        overflow: hidden;
        width: auto;
        margin: 0 0 10px;
    }
    .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 {
        display: flex;
        width: 100%;
        height: auto;
        border: none;
    }
    .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 {
        border: none;
        margin-bottom: 1rem;
    }
    .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 {
        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;
    }
    .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 {
        height: auto !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /*min-height: 2.55rem;*/
        margin: 10px auto 15px;
        align-self: end;
    }

    .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 {
        text-decoration-thickness: 3px;
    }

    /* 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 {
        grid-column: 1;
        width: auto !important;
        padding: 5px 0 0;
    }
    .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 {
        grid-column: 1;
        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: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        font-weight: bold;
    }
    .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(--secondary);
        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: .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 VODOROVE FILTER END */
    /* AKCIE VODOROVNE 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;
        margin-top: 1rem;
    }  
    .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: .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: 99;
        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: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        text-decoration: underline !important;
        font-size: 1.1875rem;
        line-height: 150% !important;
        position: relative;
        padding: 0px 0px 0 10px !important;
        background: none !important;
        color: var(--all-links-color) !important;
    }
    .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 { 
        transform: scale(1.1);
        transition-duration: .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;
    }
    .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 5px 10px 5px !important;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }    
    .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;
        height: 270px !important;
        padding: 0 0px 10px 0px !important;
        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: 270px;
        overflow: hidden;
    }

    .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: auto;
        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: auto;
    }
    .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 .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);
        box-shadow: 1px 1px 10px -5px #00000040;
    }
    .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: 1rem;
        line-height: 150%;
        max-width: unset;
        height: auto;
        color: var(--priamry);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    a.oznamy-graphic-all-link,
    a.actions-graphic-all-link {
        font-size: 1rem;
        display: flex !important;
        min-height: 44px;
        line-height: normal !important;
        background: #fff !important;
        color: #0065b3 !important;
        border: 2px solid #0065b3;
        align-items: center;
        position: relative;
    }
    a.oznamy-graphic-all-link:hover, 
    a.actions-graphic-all-link:hover {
        background: var(--bg-btn) !important;
        color: #fff !important;
    }
    a.oznamy-graphic-all-link::after,
    a.actions-graphic-all-link::after {
        transition-duration: .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: absolute;
        left: 0;
        bottom: 0; 
        width: 100%;
        max-width: 100%;
        max-height: 80%;
        color: #fff;
    }
    .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: rgb(0,101,179);
        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_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 {
        color: var(--h3-color);
    }
    .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: #fff;
        height: auto;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .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: .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: hidden;
        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(--secondary);
        color: #fff;
        width: auto;
        padding: 0 5px;
        height: auto;
        top: 0;
        border: 1px solid var(--secondary);
        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;
    }

    /*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%;
        height: 100% !important;
        text-decoration: none;
        margin: 0;
        border: none;
    }
    a.month_prev::before {
        transition-duration: .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: .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: 23px;
        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: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    div.paging ul.pagination {
        grid-column: auto;
        display: flex;
        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(--secondary);
        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 span.current {
        color: #fff;
        background: var(--secondary);
        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: .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: .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: grid !important;
        margin: 0 auto 1rem !important;
        position: relative;
        max-width: 360px;
        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: .35s;
    }
    ul.fotogaleria-multi-kat-img-list .gallist > a {
        overflow: visible;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        border: none;
    }
    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(1);
        opacity: 0.7;
    }
    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: 30%;
        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: .3s;
        color: var(--color-active);
    }
    .brclear, 
    .oznamy_date-break,
    .fotogaleria div.fotogaleria_row_separator,
    .fotogaleria .clear {
        display: none !important;
    }
    /* 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 > p {
        color: var(--secondary);
    }
    /* 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 {
        font-size: 1rem;
        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.zmluvy {
        border-collapse: collapse;
        width: 100%;
        border: none;
    }
    .column table tr:hover {
        background: #fff;
    }
    .column table tr td {
        text-align: left !important;
    vertical-align: top;
    width: auto !important;
    padding: 6px 0; 
    color: #000;
    /* background: antiquewhite; */
    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);
        font-weight: bold;
        text-align: left;
        line-height: normal !important;
        background: var(--h2-background);
        border-bottom: 2px solid var(--h2-border);
        margin-bottom: 15px;
        padding: 11px 10px 14px !important;
    }
    table.user_table_t_border {
        width: 100%;
        border-spacing: 0;
    }
    table.user_table_t_border th {
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        word-break: keep-all;
        text-align: left !important;
        width: auto !important;
        display: table-cell;
        vertical-align: middle;
        color: var(--secondary);
        background: #F5F5F5;
        padding: 15px 10px;
        border-bottom: 2px solid #ddd;
    }
    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 {
        float: unset;
        width: auto;
        font-size: 0.875rem;
        color: var(--primary);
        font-weight: bold;
        border-bottom: 2px solid #Ddd;
        line-height: normal !important;
        background: var(--h2-background);
    }


    /* 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(--secondary);
        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;
    }
    .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;
    }
    .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-zasadania);
        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 .module_body .year_selector {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
    }
    div.year_selector h3 {
        float: unset;
        text-align: center;
        margin: 0 auto;
        position: relative;
        width: auto;
        aspect-ratio: 1;
        border: none;
    }
    .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(--secondary);
    }
    .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(--secondary);
        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(--secondary);
        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(--secondary);
    }
    /* 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(--secondary);
        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: 10px;
    }
    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;
    }
    .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;
        border-bottom: 2px solid transparent;
        font-weight: bold;
    }
    .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;
        z-index: 99;
        position: relative;
        transition-duration: .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;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
    }

    .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;
    border-bottom: 2px solid var(--border-menu-active);
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-select .filter-body-part a:hover {
        border-bottom: 2px solid var(--border-menu-active);
    }
    
    /* 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(--secondary);
        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 */










    /* 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(--secondary) !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(--secondary);
    }
    .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: 44px;
        line-height: normal;
        text-align: center;
        padding: 0;
        background: none;
        /*overflow: hidden;*/
        font-size: 1rem;
        border-width: 1px;
        display: list-item;
    }
    /* 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-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-olo.filter-packing .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .filter-vzn .btn-cancel .filter-body-part.filter-body-part-text,
    .zasadania-finder .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-filter_time_from,
    #reg_user_add .filter-parts-intro,
    #reg_user_add .filter-body-part.filter-body-part-submit {
        grid-column-start: span 2;
    }
    .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-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(--secondary);
        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%;
    }

    /* BORDER COLOR */
    div.filter-body-part input, 
    .filter-body-part select, 
    .filter-body-part textarea, 
    .contact-form .search-string input, 
    .contact-form div select {
        border: var(--filter-border);
        min-height: 44px;
        width: 100%;
        padding: 0 20px;
        font-size: 1rem;
    }
    /* 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;
        justify-content: 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(--bg-item-back) !important;
        color: var(--item-back) !important;
        font-size: 1.1875rem;
        padding: 5px 20px !important;
        line-height: 35px;
        position: relative;
    }
    .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(--item-back) !important;
        color: var(--bg-item-back) !important;
        box-shadow: 5px 5px 20px -8px #000;
        border-radius: 0 10px;
        position: relative;
        transform: scale(1.1);
        transition-duration: .3s;
        transition-property: transform;
    }
    #main-container .back a {
        text-transform: capitalize;
        padding: 5px 10px;
        margin-bottom: 25px;
        width: 100px;
        text-align: center;
    }
    /* ITEM BACK END */








    
    /* PRINT PAGE */
    .print_row {
        padding: 4px 0 4px 15px !important;
        border: none !important;
        text-align: right;
        z-index: 5;
        position: relative;
    }
    .print_row a {
        text-decoration: none;
        border: none;
    }
    .print_row a img {
        display: none;
    }
    .print_row a::before {
        transition-duration: .3s;
        display: inline-flex;
        content: '\f02f';
        clear: both;
        font: normal normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: relative;
        color: var(--link-color-main);
    }
    .print_row a::after {
        display: inline-flex;
        content: "Vytlačiť stránku";
        height: 23px;
        margin-left: 10px;
        font-size: 1rem;
        color: var(--link-color-main);
        text-decoration: underline;
    }
    .print_row a:hover::after {
        text-decoration-thickness: 3px;
    }
    /* PRINT PAGE END */
    /* --------------- MAIN COLUMN END --------------- */







    /* -------------------- MAIN CONTENT END -------------------- */


    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */

    /* MENU BLOCK */
    .env_hf_menu_block {
        background: var(--bg-menu-block);
    }
    .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: clamp(1rem, 0.7619rem + 1.1905vw, 1.5rem) !important;
        font-weight: 300;
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: center;
        text-transform: uppercase;
        color: var(--primary);
    }
    .env_hf_menu_block ul.menu_block {
        grid-row: 2;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    .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: 1rem;
        align-items: center;
        font-weight: bold;
        position: relative;
        padding: 10px 0 0;
        /*border-bottom: 2px solid #ddd;*/
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat a.menu-block-under-trigger {
        position: absolute;
        width: 100%;
        height: 100%;        
    }
    .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 #fff;
    }
    .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(--secondary);
        bottom: 0;
        left: 0;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .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;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat {
        display: grid;
        position: relative;
    }


    /* ICONS */
    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(1) .menu-block-name::before {
        display: flex;
        justify-content: center;
        align-items: center;
        content: '\f0c0';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        width: 40px;
        height: 44px;
        position: relative;
        margin-right: 5px;
        margin-bottom: -2px;
        padding-bottom: 0;
        color: #0065B3;
        border-left: 2px solid #FFDF0F;
        transition: all 0.3s ease-in-out;
        justify-content: center;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(2) .menu-block-name::before {
        display: flex;
        justify-content: center;
        align-items: center;
        content: '\f1ad';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        width: 40px;
        height: 44px;
        position: relative;
        margin-right: 5px;
        margin-bottom: -2px;
        padding-bottom: 0;
        color: #0065B3;
        border-left: 2px solid #FFDF0F;
        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 {
        display: flex;
        justify-content: center;
        align-items: center;
        content: '\f129';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        width: 40px;
        height: 44px;
        position: relative;
        margin-right: 5px;
        margin-bottom: -2px;
        padding-bottom: 0;
        color: #0065B3;
        border-left: 2px solid #FFDF0F;
        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: 99;
        height: 44px;
        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 .editor {
        margin: 2rem auto;
        max-width: 1200px;
    }
    #extra-block-bottom .links h3 {
        font-size: 1.5rem !important;
        font-weight: 600;
        text-align: center;
        color: var(--rychle-linky-H3);
        padding-bottom: 14px;
        text-transform: uppercase;
        border: none;
    }
    #extra-block-bottom .links ul {
        display: grid;
        grid-template-columns: auto;
        list-style-type: none;
        margin-bottom: 1rem;
        align-items: center;
    }
    #extra-block-bottom .links ul li {
        grid-row: auto;
        margin: 0 auto 1rem;
        transition-duration: 0.3s;
        transition: all 0.3s ease-in-out;
    }
    #extra-block-bottom .links ul li a {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    #extra-block-bottom .links ul li img {
        transition: all 0.3s ease-in-out;
        box-shadow: 4px 4px 5px #36363610;
    }
    #extra-block-bottom .links ul li:hover img {
        transform: translateY(-5px);
        transition-duration: 0.3s;
        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: 10px;
        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: .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 */






    /* MOBILNA APLIKACIA */
    .Mobilna-aplikacia {
        background: #0065B3 url(mobilna-app.png) no-repeat center center;
        display: flex;
        width: 100%;
        min-height: 200px;
        justify-content: center;
    }
    .Mobilna-aplikacia .editor {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-rows: auto;
        max-width: 1200px;
        margin: 0 auto;
    }
    .Mobilna-aplikacia .editor h3 {
        grid-column: 2;
        color: #fff;
        font-size: 1.5rem !important;
        text-transform: uppercase;
        padding: 15px;
    }
    .Mobilna-aplikacia .editor ul {
        grid-column: 2/3;
        padding: 0 10px;
        list-style-type: none;
    }
    .Mobilna-aplikacia .editor ul li {
        color: #fff;
        font-size: 1.25rem;
        line-height: normal;
    }
    .Mobilna-aplikacia .editor a.MA-links {
        color: #B2E3FB;
        text-decoration: underline;
    }
    
    /* MOBILNA APLIKACIA END */









    /* MAPA */
    .mapa h3 {
        font-size: 1.5rem !important;
        font-weight: 300;
        color: var(--priamry);
        background: none !important;
        text-transform: uppercase;
        padding: 20px;
    }
    .embed-container { 
        width: 100%;
        height: auto;
        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%;
    }
    /* MAPA END */




    /* FIXED BACKGROUND */
    .bg-FIX  {
        background: url(bg-fixed.jpg);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        height: 25vw;
        box-shadow: 0px -2px 40px -10px #000;
    }
    .bg-FIX .editor {
        color: #fff;
    }
    /* 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%;
    }
    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 {
        /*border-bottom: 2px solid #f5f5f5;*/
    }
    footer .upper .env_hf_logo.logo-footer img {
        width: auto;
        max-width: 100px;
        margin: 2em auto;
        filter: drop-shadow(0 4px 8px #fff);
        display: flex;
     
    }
    .module-container-header a.module-container-header-trigger {
        width: 80%;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: 1fr;
        margin: 0 auto;
    }
    footer .trigger-text {
        grid-column: 1/span 4;
        display: flex;
        align-items: center;
        font-weight: bold;
    }
    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(--secondary);
    }
    footer .trigger-graphic::after {
        display: inline-flex;
        content: '\f105';
        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: 0 30px;
        width: 90%;
        position: relative;
        height: auto;
        opacity: 1;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        box-shadow: 0 15px 15px 0 #000000;
        transition: all 0.25s ease-in-out;
        margin-bottom: 1em;
        
    }
    footer .upper .module-container-collapsable-envelope .module-in-container {
        padding: 5px 0;
        width: 100%;
        border-bottom: 1px dotted #fff;
    }
    footer .upper .module-container-collapsable-envelope .module-in-container:last-of-type {
        border: none;
    }
    footer .upper .module-container-collapsable-envelope a {
        color: var(--link-color-main);
    }

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




    /* LOWER */
    footer .lower {
        max-width: 80%;
        margin: 2em auto 0;
    }
    footer .env_hf_module_container.lower .module-container-columns-envelope {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
    }
    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 .lower div,
    footer li,
    footer .editor {
        color: var(--footer-color);
    }

    /* 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: .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: .3s;
        margin-right: 10px;
    }
    /* FOOTER ICON END */
    /* LOWER END */
    
    /* -------------------- FOOTER END -------------------- */

    
    
    /* LINKS UNDERLINE */
    footer a {
        text-decoration: underline;
        transition-timing-function: ease-in-out;
        transition-duration: .25s;
        line-height: 150%;
    }
    /* 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 -------------------- */
    .env_hf_multi_foto {
        display: block;
    }
    /* -------------------- HEADER END -------------------- */



    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* BANER SLOT */
    #banner-homepage {
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: 1fr 1fr auto;
        grid-auto-columns: 1fr;
        max-height: unset;
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        /*grid-column: 1/5;
        grid-row: 1/4;*/
        max-width: 860px;
    }
    #banner-slot-text-array {
       /* grid-column: 5/7;
        grid-row-start: span 2;*/
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        -webkit-line-clamp: 5;
        line-height: 150%;
        height: auto;
        margin: 2rem 30px 0;
    }
    #main-banner-buttons {
        /*grid-column: 5/7;
        grid-row: 3;*/
        align-items: flex-end;
    }
    .banner-actual-button a {
        width: 40px;
    }
    /* BANER SLOT END */
    
    
    /* -------------------- EXTRA BLOCK TOP END -------------------- */



    /* -------------------- MAIN CONTENT -------------------- */
    #main-content .column_mc {
        grid-template-columns: 1fr ;
    }
    main#main {
        /*grid-column: 1/3;*/
    }
    aside#left-column .column_l,
    aside#right-column .column_r {
        /*-webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -moz-column-fill: balance;
        column-fill: auto;
        grid-gap: 30px;*/
        max-width: 600px;
        margin: 0 auto;
    }
    aside#right-column {
        grid-row: 3;
        /*grid-column: 2;*/
    }
    








    /* ----- 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 a.tabbed-page-modules-li-a-trigger {
        font-size: 1.3125rem;
        padding: 17px 20px;
    }
    /* TABBED END */







    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE ----- */
    .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-gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(263px, 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 {
        grid-column: auto;
    }
    .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 {
        height: 30vw;
    }
    .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;
    }
    .env_actions_portal_graphic ul.actions-graphic-list li.without-image .image-envelope {
        background-size: contain;
        background-position: top;
    }

    /* ----- 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: 15vw;
        height: auto !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: 2rem;
    }
    /* 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;
    }
    
    /* OZNAMY FILTER */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
    /* OZNAMY FILTER END */

    /* VZN */
    .filter-vzn .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
    /* VZN END */
        
    /* VYVOZ ODPADU */
    .filter-olo .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }        
    /* VYVOZ ODPADU END */
    /* VYHLADAVAC */
    .filter-vyhladavanie .search-extended-trigger .filter-body-part {
        grid-row: 1;
    }
    /* VYHLADAVAC END */


    #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 {
        grid-column-start: span 2; 
    }
    .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-column: auto;
    }    
    /* FILTER UPRAVY END */

    /* -------------------- MAIN CONTENT END -------------------- */









    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    #extra-block-bottom .links ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */



    /* -------------------- FOOTER -------------------- */
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-auto-columns: 3fr;
        padding: 0;
    }
    /* 4 COLUMNS */ /* !!! V pripade 3 stlpcoveho riesenie paticky zakomentovat !!! */
    footer .upper .module-container-columns-envelope .column-1 {
        grid-row: 2/5;
        grid-column: 1;
        border: none;
    }
    footer .upper .module-container-columns-envelope .column-2 {
        grid-row: 2;
        grid-column: 2/5;
        align-self: center;
    }
    footer .upper .module-container-columns-envelope .column-3 {
        grid-row: 3;
        grid-column: 2/5;
        align-self: center;
    }
    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 4;
        grid-column: 2/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 {
        grid-row: 1/3;
        grid-column: 1/5;
    }
    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: flex-start;
    }
    footer .env_hf_module_container.lower .module-container-columns-envelope {
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    /* -------------------- 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: 20px;
    }

    .header-logo-text { 
        font-size: 2rem;
    }
    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: flex-end;
        align-items: center;
        height: auto;
        margin: 0;
        grid-row: 1;
        z-index: 99999;
        grid-column: 4/11;
        background: none;
    }
    .google-lang-position-others {
        bottom: auto;
        box-shadow: 0px 5px 15px -1px #00000025;
    }
    .module_envelope_h.env_hf_menu_rwd {
        width: 45px;
        top: 0;
        display: flex;
        justify-content: flex-end;
        grid-column: 12;
        grid-row: 1;
    }
    .rwd-menu-container.opened {
        width: 50vw;
    }
   
    /* HEADER DATA END */

    /* -------------------- HEADER END -------------------- */



    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* BANER SLOT */
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.3125rem;
    }
    #banner-buttons-stop, 
    #banner-buttons-start {
        height: 20px;
    }
    #banner-buttons-stop::after,
    #banner-buttons-start::after {
        font: bold normal normal 24px/1 FontAwesome;
        box-shadow: 0px 0px 10px 0px rgba(0 0 0 / 25%);
        border-radius: 50%;
    }
    /* BANER SLOT END */








    /* FOTO BANNER */
    .multi-foto-link-system .multi-foto-link-controls a {
        width: 22px;
        height: 22px;
    }
    .multi-foto-link-controls #multi-foto-link-stop--0::after,
    .multi-foto-link-controls #multi-foto-link-start--0::after {
        font: normal normal normal 24px/1 FontAwesome;
        width: auto;
        height: auto;
    }
    /* FOTO BANNER END */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */









    /* -------------------- MAIN CONTENT -------------------- */
    #main-content {
        padding: 0 20px;
    }
    #tabbed-page-modules ul.tabbed-page-modules {
        justify-content: flex-start;
    }     









    /* OZNAMY VODOROVNE A AKCIE VODOROVNE */
    .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-gap: 28px;
        grid-template-columns: repeat(auto-fit, minmax(224px, 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 {
        height: 19vw;
        min-height: 144px;
    }
    /* 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 */










    /* ----- 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(auto-fit, 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: 20vw;
    }
    
    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;
        grid-template-columns: repeat(5, minmax(170px, 1fr));
    }
    .env_zasadania .module_body .zasadenie-envelope a {
        font-size: 1.1875rem;
    }
    .filter-zasadania .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr;
    }
    .filter-zasadania .filter-envelope-body .filter-body-part-submit {
        grid-column-start: span 2 !important;
    }
    /* ----- 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 {
        font-size: 1rem;
        padding: 0 10px;
    }
    table {
        font-size: 1rem;
        line-height: 150%;
    }
    /* ----- TABLE END ----- */
    







    /* --------------------- FILTER UPRAVA --------------------- */
    .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
    .filter-body-parts .filter-body-part {
        grid-row: 1;
    }



    /* 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 */
    .filter-actions-new-columns .filter-body-parts {
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
        grid-gap: 20px;
    }
    .filter-actions-new-columns .filter-body-parts .filter-body-part-id_action_kat {
        grid-column-start: span 2;
    }
    .filter-actions-new-columns .filter-body-parts .filter-body-part-select {
        grid-column-start: span 2;
        grid-row: auto;
    }    
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-row: auto;
    }
    /* 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-row: 1;
        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 {
        display: block;
        font-size: 1.3125rem;
        min-height: 80px;
    }
    .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-column-start: span 2;
        grid-row: auto;
        grid-template-columns: 1fr 1fr;
    }
    .filter-vyhladavanie .filter-body-parts.search-extended-trigger .filter-body-parts,
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .search-extended-select .filter-body-part-search-extended-select-all,
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .search-extended-select .filter-body-part-search-extended-select-none,
    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts .filter-body-part-search-extended-areas.part-checkbox,
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .filter-body-part.search-dates {
        grid-column: auto;
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts {
        display: grid;
        grid-column-start: span 2;
        grid-template-columns: 1fr 1fr;
    }
    /* 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-bottom: 2rem;
    }
    .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 !important;
        color: #000;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        font-size: 1.1875rem;
        text-decoration: underline;
    }


    /* MOBILNA APLIKACIA */
    .Mobilna-aplikacia .editor h3 {
        font-size: 2.125rem !important;
        padding-top: 35px;
    }
    .Mobilna-aplikacia .editor ul li {
        font-size: 1.625rem;
    }
    /* MOBILNA APLIKACIA END */

    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */






    /* -------------------- FOOTER -------------------- */
    footer {
        padding: 20px 0 0;
        color: #fff;
    }
    footer .column_f {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
    }
    footer .env_hf_module_container.upper {
        border: none;
        border-right: 2px solid var(--footer-border-bottom);
        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: 62px;
        align-items: start;
        margin: 1em auto 2em;
    }
  
    footer .lower {
        margin: 2em auto 2em;
    }
    footer .env_hf_module_container.lower .column-1 .webygroup {
        margin: 1em 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: #fff url(bg-top.png) no-repeat center top -46px
    }
    

    
    
       /* -------------------- HEADER -------------------- */
    header {
        position: sticky;
        top: -95px;
        display: flex;
        /* min-height: 174px; */
        height: 138px;
        margin: 0;
        /* max-height: 174px; */
        border: none;
        box-shadow: none;
        
    }
    /*header::before {
        display: flex;
        content: "";
        clear: both;
        background-color: #0065B3;
        height: 54px;
        width: 100%;
        margin: 0 auto;
        z-index: 0;
        position: absolute;
        border-bottom: 2px solid #F7A500;
    }*/
    header .column_h { 
        max-width: 1200px;
        grid-row-gap: 0;
        padding: 10px 10px 0;
        grid-template-columns: 1fr;
    }
    a#homepage-link-with-text-envelope, span#login-login a, .env_hf_contacts .module_body 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:hover, 
    span#login-login a:hover, 
    .env_hf_contacts .module_body a:hover,
    .env_hf_text_pure.FB.social .module_body a:hover {
        text-decoration-thickness: 3px;
    }
    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        align-items: flex-start;
    }
    header .env_hf_module_container.header-data {
        grid-column: 2;
    }
  
    header .env_hf_menu {
        display: flex;
        position: relative;
        top: 0px;
        width: 100%;
        grid-row: 3;
        grid-column-start: span 2;
        justify-content: center;
        flex-wrap: wrap;
    }
    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 { 
        color: var(--bg-header-icons-laptop);
        font-size: 1rem;
        padding-right: 6px;
        display: inline-block;
    }

    #search-submit-button {
        margin-top: -7px;
    }
    #search-submit-button:after {
        color: var(--link-color-white);
    }

    /*#my-current-lang {
        color: #fff;
    }
    #my-current-lang.lang-opened {
        color: #fff;
    }
    #my-current-lang:hover {
        color: #fff;
    }*/



    /* LOGO */
 
    
    .header-logo-text {
        font-size: 2.25rem;
        font-weight: 600;
    }
    header .header-logo-text-ext {
        font-size: 1.1875rem;
    }
    header .header-logo-img-envelope img {
        height: 78px;
    }
    .header-logo-envelope>a {
        align-items: unset;
    }
    header .env_hf_logo {
        grid-row: 1 / 2;
        grid-column: 1;
        align-items: flex-start;
        z-index: 999999;
    }
    /* LOGO END */







    /* NAVIGATION - MENU */
    .env_main_menu {
        display: block;
    }
    nav ul.hf-hmenu {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px;
    }


    /* -------------------------------- 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: unset;
        display: flex;
        flex-wrap: wrap;
        float: none;
        width: auto;
        margin: 0 auto;
        min-width: 50px;
        background: none;
        overflow: visible;
        /*flex-grow: 1;*/
    }
        /* LEVEL 0 */

    .hf-menu.level-0 > .hf-menu-envelope > a {
          /* color: #003D6B; */
        padding: 11px 20px;
        border: none;
        border: 4px solid var(--bg-header-border);
        display: flex;
        flex-wrap: wrap;
        font-size: 1.25rem;
        justify-content: center;
        margin: 0;
        align-items: unset;
        text-transform: uppercase;
        position: relative;
        /* background: none; */
        /* min-height: 88px; */
        /* border-radius: 5px; */
    }
    .hf-menu.level-0:hover > .hf-menu-envelope a,
    .hf-menu.level-0.liopened > .hf-menu-envelope a {
        color: var(--secondary);
        background: #EDF7FF;
        border-bottom: 2px solid var(--border-menu-active);
    }
   
    .hf-menu.level-0.current > .hf-menu-envelope a {
        color: var(--color-active);
        background: var(--bg-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 {
        position: absolute;
        display: grid;
        grid-template-rows: auto;
        transition: ease-in-out .2s;
        overflow: hidden;
        overflow-y: auto;
        background: var(--bg-submenu);
        max-width: 1200px;
        width: 100vw;
        top: 0px;
        left: -10px;
        right: 0;
        padding: 10px;
        margin: 65px auto 0;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        max-height: calc(100vh - 80px - 126px);
        border: none;
        box-sizing: border-box;
        box-shadow: 0 18px 23px -15px #000000a6;
    }
    nav li.level-0 > ul.hf-hsubmenu li {
        width: 100%;
        min-height: 36px;
        height: auto;
    }

        /* 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: #fff;
    }
    .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,
    ul.hf-hsubmenu.opened.hopened li.hf-menu.level-1.current .alevel1 {
        color: #fff;/*var(--color-active)*/
        text-decoration: underline; 
        background: var(--bg-submenu);
    }   
    .hf-menu.level-1.current > .hf-menu-envelope a.alevel-1 {
        background: #003D6B;
        color: #fff;
    }
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hclosed {
        display: none;
    }
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hopened {
        position: relative !important;
        flex-flow: column;
        display: flex;
        overflow: hidden;
        left: auto !important;
        width: -webkit-fill-available !important;
        border: none;
        gap: 0;
        padding: 0;
        background: #fff;
        margin: 0;
        box-shadow: 0px 0px 10px 0px #00000040;
    }

        /* LEVEL 2 */



    nav li.level-0 > ul.hf-hsubmenu li.level-2,
    ul.hf-hsubmenu li.level-2 {
        padding: 0px;
        width: 100%;
    }
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hopened ul {
        margin: 4px 0 0 4px;
    }
    .hf-menu.level-2 .hf-menu-envelope a {
        padding: 10px;
        min-height: unset;
        color: var(--secondary);
    }

        /* LEVEL 3 */



    nav li.level-0 > ul.hf-hsubmenu li.level-3 {
        width: 100%;
    }
    .hf-menu.level-3 .hf-menu-envelope a {
        padding: 15px;
    }

        /* NAVIGATION MENU ICONS HOVER / ACTIVE / OPEN*/
        /* LEVEL 0 */
        li.level-0.with-submenu.liclosed a.alevel-0::after {
            display: flex;
            content: '\f0d7';
            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;
        } 
        li.level-0.with-submenu.liopened a.alevel-0::after,
        li.level-0.current.with-submenu.liclosed a.alevel-0::after {
            display: flex;
            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.vertical-menu-cover-common .menu_hlavicka a.menu_hlavicka {
        color: var(--vertical-menu-color-PC);
        font-size: 1.1875rem;
        padding: 13px 15px;
        border: none;
        border-left: 2px solid var(--vertical-menu-border);
        display: flex;
        align-items: unset;
        font-weight: 300;
        position: relative;
        margin: 0 !important;
        background: var(--vertical-bg-menu);
        text-transform: unset;
    }
    ul.vertical-menu-cover-common .menu_hlavicka.opened a.menu_hlavicka.opened,
    ul.vertical-menu-cover-common .menu_hlavicka a.menu_hlavicka:hover {
        /* border-left: 2px solid var(--vertical-menu-border-active); */
        background: var(--vertical-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(--vertical-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.vertical-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: 1.4375rem;
        font-weight: 600;
        color: var(--primary);
        padding: 14px 0;
        border-bottom: 2px solid var(--side-header);
        margin-bottom: 20px;
    }

    ul.clone-hmenu.c-level1 {
        margin-left: 0;
    }
    .clone-hmenu.c-level1 > .clone-hmenu-li > a {
        background: var(--clone-menu-bg);
        color: var(--clone-menu-color);
        border-left: var(--clone-menu-border);
        min-height: 50px;
        display: flex;
        padding: 13px 30px 13px 15px;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: none;
        margin-bottom: 4px;
        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;
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-collapsable.opened {
        background: var(--clone-menu-bg-hover);
        color: #fff;
        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,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.current::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: #fff;
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level1 > .clone-hmenu-li:hover > a,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.current {
        background: var(--clone-menu-bg-hover);
        color: #fff;
        transition-duration: 0.15s;
    }
    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: #fff;
    }
    /* HOVER/ ACTIVE EFECTS END */

    
    /* LEVEL 1 */
    .clone-hmenu.c-level2 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 10px;
    }
    .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: 15px;
        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(--priamry);
        transition-duration: 0.15s;
        border-radius: 10px;
        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: rotate(180deg);
        color: var(--priamry);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level2 > .clone-hmenu-li:hover > a {
        color: var(--priamry);
        transition-duration: 0.15s;
        text-decoration: underline;
    }
    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--priamry);
    }
    /* HOVER/ ACTIVE EFECTS END */
    /* LEVEL 1 END */

    /* LEVEL 2 */
    .clone-hmenu.c-level3 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 20px;
    }
    .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(--priamry);
        transition-duration: 0.15s;
        border-radius: 10px;
        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: rotate(180deg);
        color: var(--priamry);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level3 > .clone-hmenu-li:hover > a {
        color: var(--priamry);
        transition-duration: 0.15s;
        border-radius: 10px;
        text-decoration: underline;
    }
    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--priamry);
    }
    /* HOVER/ ACTIVE EFECTS END */
    /* LEVEL 2 END */
    /* -------------------- CLONE MENU END -------------------- */

    /* NAVIGATION - MENU END */
    /* -------------------- HEADER END -------------------- */








    /* -------------------- EXTRA BLOCK TOP -------------------- */
    
    
    
    /* BANNER SLOT - Klasicky */
    /*#page-banner-homepage {
        max-width: 1000px;
    }
    #banner-homepage {
        grid-template-columns: auto 38%;
        border: 2px solid #eee;
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-column: 1;
        grid-row: 1/4;
        max-width: fit-content;
    }
    #main-banner-buttons {
        padding: 0 30px 20px;
        width: 90%;
        grid-column: 2;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.75rem;
        margin: 30px 30px 0;
        padding: 0 !important;
        -webkit-line-clamp: 4;
    }
    #banner-slot-text-array {
        grid-column: 2;
        grid-row-start: span 2;
    }*/
    /* BANNER SLOT END - Klasik */

    /* BANNER SLOT - Prepinace z boku */
    #page-banner-homepage {
        max-width: 900px;
    }
    #banner-homepage {
        grid-template-columns: 1fr 45px;
        border: 0px solid #eee;
    }
    #banner-homepage a {
        text-decoration: none;
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-column: 1;
        grid-row: 1/3;
        max-width: fit-content;
    }
    #main-banner-buttons {
        padding: 0 5px 10px;
        width: 100%;
        grid-column: 2;
        grid-row: auto;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.5625rem;
        margin: 4rem 30px 0;
        padding: 0 !important;
        -webkit-line-clamp: 2;
    }
   
    #main-banner-buttons {
        padding: 0 5px 10px;
        grid-column: 2;
        grid-row: 1/3;
        flex-flow: column;
        align-items: center;
    }
    #banner-buttons-control-envelope {
        position: absolute;
        display: inline-flex !important;
        width: 44px;
        right: auto;
        bottom: 0;
        flex-grow: 1;
        height: 35px;
        align-items: center;
        justify-content: center;
    }
    /* BANNER SLOT - Prepinace z boku END */








    /* FOTO BANNER */
    .module_envelope.env_hf_multi_foto {
        /*max-width: 1200px;*/
        margin: 0 auto 33px;
        display: flex;
        justify-content: center;
    }
    .multi-foto-link-system {
        box-shadow: 0px 0px 20px 0px #fff;
        display: flex;
        width: auto;
        max-width: 2560px;
        margin: 0 auto;
        justify-content: flex-end;
    
    }
  
    .multi-foto-link-system .multi-foto-link-controls {
        right: 0;
    }
    /* FOTO BANNER END */


    /* -------------------- EXTRA BLOCK TOP END -------------------- */





    /* -------------------- MAIN CONTENT -------------------- */
    #main-content {
        padding: 0;
        max-width: 1200px;
        margin-top: 42px;
    }
    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: 190px;
    }
    aside#right-column {
        grid-row: 1;
        grid-column: 3;
        max-width: 250px;
        min-width: 190px;
    }
 

    /* 2 STLPCE */
    #main-content .column_mc {
        max-width: 1200px;
        gap: 3%;
        grid-template-columns: auto; /*250px 1fr*/
        scroll-margin-top: 5rem;
    }
    /* 2 STLPCE END */
    /* 3 STLPCE */
    /*#main-content .column_mc {
        grid-template-columns: 250px 1fr;
    }*/
    /* 3 STLPCE END */







    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE / OZNAMY GRAFICKE / AKCIE GRAFICKE ----- */
    .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-gap: 30px;
        grid-template-columns: 1fr 1fr 1fr;/*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 {
        max-height: 184px;
        min-height: unset;
        /*min-height: 170px;*/
    }
    .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: 204px; /*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 {
        padding: 0 0 10px;
        grid-template-rows: max-content;
        transition-duration: .3s;
        transition-property: transform;
    }
    .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 {
        transition-duration: .53s;
        transition-property: transform;
        /* transform: scale(0.9); */
        box-shadow: 0px 5px 25px -25px #000;
        transform: translateY(-10px);
    }
    

    .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;
    }
    .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: .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: 55px;
    }
    /* 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(auto-fit, 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: 12vw;
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        max-height: 240px;   
    }
    /* 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 */
    .filter-actions-new-columns .filter-body-part {
        grid-row: 1;
    } 
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel, 
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-select {
        grid-row: 2;
    }
    .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: 1;
    }
    .filter-actions-new-columns .filter-envelope-body .filter-body-part-calendar {
        grid-row: auto;
    }
    /* 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: span 3;
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs .filter-body-part-personal_data_protection {
        grid-column-start: span 2;
    }
    .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 .links ul {
        grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
    }
    #extra-block-bottom .links ul li {
        grid-row: auto;
    }
    

    /* -------------------- 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;
    }
    #data-header,
    .data-header, 
    .data-footer.header {
        display: block;
        font-size: 1.1875rem !important;
        padding-bottom: 15px;
        font-weight: 600;
        border: none;
        color: var(--footer-header);
    }
    footer .module-inner-envelope {
        max-width: 1200px;
        margin: 0 auto;
    }
    footer .env_hf_module_container.upper {
        font-size: 1.1875rem;
        margin: 0 auto;
        border: none;
        max-width: 1200px;
        border-bottom: 2px solid var(--footer-border-bottom);
        padding: 0;
    }
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-template-columns: 1fr;
        padding: 35px 0 25px;
        grid-gap: 40px;
    }
    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;
        color: #fff;
    }
    footer .upper .module-container-collapsable-envelope a {
        color: #fff;
    }
    .logo-footer {
        width: 120px;
        display: grid;
    
    }
 
    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 {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: 1fr 270px;
    }
    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: 0;
        padding: 2em 0;
        /*background: #F8F7F7;*/
        max-width: unset;
    }
    footer .env_hf_module_container.lower .column-1 .webygroup {
        grid-row: 1;
        margin: 0;
        align-items: center;
        grid-column: 1;
    }
    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: 0px;
    }
    /* -------------------- HEADER -------------------- */
    /* MENU */
    ul.hf-hmenu li.level-0:focus-within > ul.hf-hsubmenu.hopened, 
    ul.hf-hmenu li.level-0 > ul.hf-hsubmenu.hopened {
        width: 2560px !important;
        left: -139.5% !important;
        max-width: unset;
        justify-content: center;
        grid-template-columns: repeat(4, minmax(auto, 300px));
    }
    nav li.level-0 > ul.hf-hsubmenu li {
        width: 300px;
        min-height: 36px;
        height: auto;
    }
    /* MENU END */
    /* -------------------- HEADER END -------------------- */






    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */






    /* -------------------- MAIN CONTENT -------------------- */
    /* 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;
    }
    /* 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: 140px;
    }
    /* FOTOGALERIA 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 END -------------------- */







    /* -------------------- FOOTER -------------------- */  
    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) { 

}














    /* 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: 9999;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        bottom: 3rem !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: 10px;
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        margin: auto;
        position: relative;
        transition-duration: .3s;
        color: var(--return-to-top-icon);
    }
    #header-anchor-link:hover { 
        transform: scale(1.1);
        transition-duration: .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 ------------- */
   /* #homepage_0 #page-banner-homepage {
        max-width: 1000px;
    }
@media (min-width: 992px) {
    #homepage_0 #banner-homepage-img-link {
        grid-column:1;
        grid-row:1/3;
    }
    #homepage_0 #main-banner-buttons {
        grid-column:2;
        grid-row:2;
    }
    #homepage_0 #banner-slot-text-array {
        grid-column: 2;
        grid-row: 1;
    }
}*/
/* ------------- 1 STLPCOVY WEB END ------------- */  



 








/* ------------- 3 STLPCOVY WEB ------------- */  
@media (min-width: 992px) {
    #main-content .column_mc {
        grid-template-columns: 250px 1fr;
        gap: 50px;
    }



    /* BANNER SLOT */
    /*#banner-homepage {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }
    #banner-homepage-img-link {
        grid-column: auto;
        grid-row: 1;
    }
    #banner-slot-text-array {
        grid-column: auto;
        grid-row: 2;
    }
    #main-banner-buttons {
        grid-column: auto;
        grid-row: 3;
        width: 95%;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.5rem;
        margin: 15px 30px;
        -webkit-line-clamp: 2;
    }*/
    /* BANNER SLOT END */ 







    /* OZNAMY / AKCIE */
    .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 {
        height: 100%;
    }
    .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;*/
    }
     
    
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a:hover img {
        transform: translateY(-5px);
        box-shadow: 5px 5px 20px -8px #000;
        transition-duration: .35s;
    }
    /* 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: 1fr 1fr;
    }
    #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 */
    #reg_user_add .filter-parts-intro,
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column-start: span 2;
    }
    .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 */
    /* FOTOGALERIE */
    /*div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        grid-template-columns: 1fr 1fr 1fr;
    }
    div.fotogaleria div.paging {
        grid-column: auto;
        grid-column-start: span 2;
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        max-height: 165px;
        height: 15vw !important;
    }*/
    /* FOTOGALERIE END */
    


    /* FILTER 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: 175px;*/
        min-height: unset;
        height: 15vw;
    }
    .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;
    }


    
    
}