/* @group Site Footer
------------------------------------ */
.site-footer { color: var(--footer-text); background: var(--bg-dark); padding: 6.5rem 0 17.7rem; text-transform: uppercase; position: relative; z-index: 4; }
.site-footer a { color: var(--footer-text); }
.site-footer ul:not(.sub-menu) > li:not(.small) > a { color: var(--footer-li); }
.site-footer p { font: 400 1.3em / 1.542em var(--bilo-font); letter-spacing: 2.08px; }
.site-footer p a { font-weight: 500; text-decoration: underline; }
.site-footer li { font: 300 2em / 1.4em var(--bilo-font); letter-spacing: 3.2px; margin: 0 0 2.4rem; }
.site-footer ul li { padding: 0; margin-left: 0; }
.site-footer-logos { background: var(--bg-dark); }
.site-footer-logos .logos { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.site-footer-logos .logos img { max-width: 7.6rem; margin: 0 .8rem 2rem; }
body:is([data-bg="light"], [data-bg="visit"], [data-bg="light-with-image"]) .site-footer-logos { padding-top: 6.5rem; }
@media only screen
and (min-width : 961px) {
    .site-footer { padding: 17rem 0 6.9rem; }
    .site-footer em { font-style: normal; }
    .site-footer ul:not(.sub-menu) > li > a { color: var(--footer-li); }
    .site-footer p { margin: 0; }
    .site-footer nav > .menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: stretch; }
    .site-footer nav > .menu > li { width: 100%; max-width: 19%; padding-right: 1rem; }
    .site-footer li { font-size: 1.4rem; font-weight: 400; letter-spacing: 2.24px; line-height: 1.429em; }
    .site-footer ul:not(.sub-menu) > li { font-weight: 500; margin: 0 0 4.4rem; }
    .site-footer .sub-menu li:first-child { margin-top: 2.4rem; }
    .site-footer li:last-child { margin: 0; }
    .Explorer .site-footer ul:not(.sub-menu) > li > a:hover,
    .Mozilla.v11 .site-footer ul:not(.sub-menu) > li > a:hover,
    .Explorer .site-footer a:hover,
    .Mozilla.v11 .site-footer a:hover { color: var(--footer-hover); }
    @media (hover: hover) {
        .site-footer ul:not(.sub-menu) > li > a:hover,
        .site-footer a:hover { color: var(--footer-hover); }
    }
    .site-footer-logos .logos img { max-width: 8.2rem; margin: 0 3.5rem 0 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .site-footer { text-align: center; }
    .site-footer .sub-menu { display: none; }
    .site-footer .small { font-size: 1.4em; font-weight: 400; letter-spacing: 2.24px; line-height: 1.286em; margin: 0 0 3.7rem; }
    .site-footer li:not(.small) { max-width: 14rem; margin-left: auto; margin-right: auto; }
    .site-footer li:not(.small) + .small { margin: 7.6rem 0 3.7rem; }
    .site-footer .small:last-of-type { margin: 0 0 9.7rem; }
    .site-footer .small a { color: var(--footer-text); }
}

/* @end */