body.footer-active { overflow: hidden; }

.stickyFooter { position: fixed; bottom: 0; width: 100%; background: #22366A; z-index: 999; }

@media (min-width: 768px) and (max-width: 991px) { .stickyFooter { background: #22366A; border-bottom: 16px solid; padding: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .stickyFooter .sticky-items { max-width: 550px; margin: 0 auto; } }

@media (min-width: 992px) { .stickyFooter { display: none; } }

.stickyFooter ul { display: flex; justify-content: space-between; background: #22366A; align-items: center; }

.stickyFooter ul li { padding: 19px 23px 19px 23px; position: relative; color: #EFEFEF; font-size: 16px; line-height: 20px; letter-spacing: -0.011em; position: relative; }

.stickyFooter ul li:last-child::after { content: none; }

.stickyFooter ul li span { vertical-align: sub; margin-right: 6px; }

.stickyFooter ul li:nth-child(2) { padding: 19px 29px; }

.stickyFooter ul li:nth-child(2)::after { content: ''; position: absolute; top: 34%; right: 0; width: 1px; height: 20px; background: #BDC3D2; }

@media (min-width: 768px) and (max-width: 991px) { .stickyFooter ul li:nth-child(2)::after { right: -30%; } }

.stickyFooter ul li:nth-child(2)::before { content: ''; position: absolute; top: 34%; left: 0; width: 1px; height: 20px; background: #BDC3D2; }

@media (min-width: 768px) and (max-width: 991px) { .stickyFooter ul li:nth-child(2)::before { left: -30%; } }

.stickyFooter ul li:last-child { padding: 19px 26px 19px 45px; }

.stickyFooter-menu { position: fixed; top: 0; height: 100vh; background: white; z-index: 9999; left: 0; right: 0; grid-template-columns: 1.1fr 1.5fr; grid-template-rows: 49px; display: grid; overflow-y: scroll; overflow-x: hidden; transform: translateY(150%); transition: ease all 0.5s; }

.stickyFooter-menu.active-menu { transition: ease all 0.5s; transform: translateY(0); }

.stickyFooter-menu .logo-icons { padding: 14px 0 0 20px; }

.stickyFooter-menu .cross-btn { background: #22366A; padding: 10px 0 10px 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #647297; }

.stickyFooter-menu .cross-btn div:first-child { display: flex; align-items: center; opacity: 0; font-size: 12px; line-height: 16px; color: #FFFFFF; margin-left: 4px; }

.stickyFooter-menu .cross-btn div:first-child.btn-active { opacity: 1; }

.stickyFooter-menu .cross-btn div:first-child span { transform: rotate(180deg); margin-left: 7px; }

.stickyFooter-menu .cross-btn div:last-child { padding: 14px; background: #647297; }

.stickyFooter-menu .menu-grid { grid-template-columns: 1.1fr 1.5fr; grid-column-gap: 0; background: #22366A; grid-column: 1/3; }

.stickyFooter-menu .menu-list { padding: 0 0 0 0; background: #FFFFFF; overflow-y: scroll; height: 100vh; z-index: 111; }

.stickyFooter-menu .menu-list li { font-size: 12px; line-height: 16px; padding: 6px 10px 6px 20px; min-height: 44px; width: 100%; display: flex; position: relative; justify-content: space-between; align-items: center; }

.stickyFooter-menu .menu-list li span { max-width: 6.5rem; }

.stickyFooter-menu .menu-list li span::after { content: ''; position: absolute; width: 20px !important; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDExLjVMNiA2TDEgMC41IiBzdHJva2U9IiMyMjM2NkEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K "); background-repeat: no-repeat; right: 0; top: 32%; }

.stickyFooter-menu .menu-list li.active { background: #22366A; color: #FFFFFF; }

.stickyFooter-menu .menu-list li.active span::after { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(102%) contrast(101%); }

.stickyFooter-menu .active-menu { padding: 14px 20px 26px; overflow-y: scroll; height: 100vh; grid-column: 2/3; grid-row: 1; z-index: 50; position: relative; transition: ease transform 0.5s; }

.stickyFooter-menu .active-menu .sub-menu { margin-bottom: 28px; display: block; }

.stickyFooter-menu .active-menu .sub-menu a { font-size: 12px; line-height: 16px; font-weight: 700; color: #C88C32; }

.stickyFooter-menu .active-menu ul li { font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; }

.stickyFooter-menu .active-menu ul ul { margin-bottom: 28px; padding-top: 0; }

.stickyFooter-menu .active-menu ul ul li { margin-bottom: 28px; display: flex; justify-content: space-between; }

.stickyFooter-menu .active-menu ul ul li a { font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; }

.stickyFooter-menu .active-menu.fade-out { transition: ease transform 0.5s; transform: translateX(-100%); }

.stickyFooter-menu .active-menu.inner-menu { z-index: 100; background: #22366A; transition: ease transform 0.5s; transform: translateX(100%); padding: 0; }

.stickyFooter-menu .active-menu.inner-menu span, .stickyFooter-menu .active-menu.inner-menu li { margin-bottom: 0; padding: 14px 20px; border-bottom: 0.5px solid #909AB4; }

.stickyFooter-menu .active-menu.inner-menu.inner-menu-active { transition: ease transform 0.5s; transform: translateX(0); }

.stickyFooter-menu .active-menu.non-active { opacity: 0; display: none; }

.stickyFooter-menu .active-menu.active { opacity: 1 !important; display: block !important; }