@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-Light.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-Light.woff2?peze2E') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-Regular.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-Regular.woff2?peze2E') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-Medium.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-Medium.woff2?peze2E') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-Bold.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-Bold.woff2?peze2E') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-LightItalic.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-LightItalic.woff2?peze2E') format('woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-Italic.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-Italic.woff2?peze2E') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-MediumItalic.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-MediumItalic.woff2?peze2E') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Public Sans';
    src:
        url('../../assets/fonts/PublicSans-BoldItalic.woff?peze2E') format('woff'),
        url('../../assets/fonts/PublicSans-BoldItalic.woff2?peze2E') format('woff2');
    font-weight: 700;
    font-style: italic;
}

html .no-scroll, body .no-scroll { overflow: hidden; }

.icontainer {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='search']:focus,
select:focus,
textarea:focus {
    outline: none;
}

.input-filter + label .span-filter { transform: rotate(180deg) }
.input-filter:checked + label .span-filter { transform: rotate(0) }

.input-nastaveni + label .span-nastaveni { transform: rotate(90deg) }

.js_submenu, .js_submenu1, .js_submenu2, .js_submenu3 { max-height: 80vh; height: 0; overflow: hidden; min-width: 286px; }
.js_submenu.active, .js_submenu1.active, .js_submenu2.active, .js_submenu3.active { height: auto; overflow: auto; transform: translateY(101%); z-index: 0; }
.menu-hover:hover .js_submenu1, .menu-hover:hover .js_submenu, .menu-hover:hover .js_submenu2, .menu-hover:hover .js_submenu3 { max-height: 80vh; height: auto; overflow: auto; transform: translateY(101%); z-index: 0; }
.js_submenu > a, .js_submenu1 > a, .js_submenu2 > a, .js_submenu3 > a { position: relative; display: block; padding: 4px 0 4px 14px; transition: .3s; }
.js_submenu > label, .js_submenu1 > label, .js_submenu2 > label, .js_submenu3 > label { position: relative; padding: 4px 0 4px 14px; transition: .3s; }
.js_submenu > a:last-child, .js_submenu1 > a:last-child, .js_submenu2 > a:last-child, .js_submenu3 > a:last-child { padding-bottom: 12px; }

.menu-hover:hover .js_submenu > a, .js_submenu.active > a, .menu-hover:hover .js_submenu > label, .js_submenu.active > label { padding-left: 10px; }
.menu-hover:hover .js_submenu > a:hover, .js_submenu.active > a:hover { padding-left: 14px; }

.menu-hover:hover .js_submenu1 > a, .js_submenu1.active > a, .menu-hover:hover .js_submenu1 > label, .js_submenu1.active > label { padding-left: 10px; }
.menu-hover:hover .js_submenu1 > a:hover, .js_submenu1.active > a:hover { padding-left: 14px; }

.menu-hover:hover .js_submenu2 > a, .js_submenu2.active > a, .menu-hover:hover .js_submenu2 > label, .js_submenu2.active > label { padding-left: 10px; }
.menu-hover:hover .js_submenu2 > a:hover, .js_submenu2.active > a:hover { padding-left: 14px; }

.menu-hover:hover .js_submenu3 > a, .js_submenu3.active > a, .menu-hover:hover .js_submenu3 > label, .js_submenu3.active > label { padding-left: 10px; }
.menu-hover:hover .js_submenu3 > a:hover, .js_submenu3.active > a:hover { padding-left: 14px; }

.arrow-down { transition: .3s; transform: rotate(0); }
.submenu-links { max-height: 0; height: auto; overflow: hidden; width: 100%; padding-bottom: 0; }
.submenu-links > a { position: relative; display: block; padding: 4px 0 4px 24px; transition: .3s; color: #B7CEE9; text-decoration: none; }
.submenu-links > a:hover { text-decoration: underline; }
.submenu-checkbox:checked + label .arrow-down { transform: rotate(180deg); }

#js_header { background: #fff; transition: .3s; }
#js_header.header-scroll { background: #fff; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 4px 10px rgb(0, 0, 0, .2); }

.info1, .info2, .info3, .info4 { display: none; }

input[id='info1']:checked + label[for='info1'], label[for='info1']:hover {
    background-color: #F2F8FF;
}

input[id='info2']:checked + label[for='info2'], label[for='info2']:hover {
    background-color: #F2F8FF;
}

input[id='info3']:checked + label[for='info3'], label[for='info3']:hover {
    background-color: #F2F8FF;
}

input[id='info4']:checked + label[for='info4'], label[for='info4']:hover {
    background-color: #F2F8FF;
}

input[id='info1']:checked ~ .info1 {
    display: block;
}

input[id='info2']:checked ~ .info2 {
    display: block;
}

input[id='info3']:checked ~ .info3 {
    display: block;
}

input[id='info4']:checked ~ .info4 {
    display: block;
}