.header-1 * {transition:.3s;}
.header-1 {position:relative; z-index:10;}
.header-1 #logo {display:block;}
.header-1 #logo:hover {opacity:.75;}
.header-1 #logo img {max-width:200px; max-height:200px;}

.header-1 #header_items {margin:.5rem 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.header-1 #header_items .logo svg path {fill: var(--color-base);}
.header-1 #header_items .logo svg path.arrow {fill: var(--color-body);}
.header-1 #top_menu {background: var(--color-base); margin-bottom: .5rem}
.header-1 #top_menu ul {display:flex; padding: 0; flex-wrap:wrap; margin:0;}
.header-1 #top_menu ul li {position: relative; flex: auto; text-align: center; display:block;}
.header-1 #top_menu ul li a {color: var(--color-base-text) !important; display:block; padding:1rem;}
.header-1 #top_menu ul li:hover a {background:rgba(255,255,255,.2);}
.header-1 #top_menu ul li ul {display:none; position:absolute; top:100%; left:0; background:#fff; text-align:left; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); white-space: nowrap;}
.header-1 #top_menu ul li ul li {text-align:left; border-bottom:1px solid #ddd; position: unset; max-width: 60rem;}
.header-1 #top_menu ul li ul li a {color: var(--color-text) !important;}
.header-1 #top_menu ul li ul li:hover > a {background:#ddd;}
.header-1 #top_menu ul li ul li ul li:hover a {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.header-1 #top_menu ul li:hover > ul {display: block;}
.header-1 #top_menu ul li ul li ul {display: none; top: 0; left: 100%; min-height: 100%;}
.header-1 #top_menu ul li ul li.parent > a {padding-right:2rem; position:relative;}
.header-1 #top_menu ul li ul li.parent > a::before {content: '\27A4'; position:absolute; right:.5rem; top:50%; transform:translateY(-50%);}
.header-1 .mobile-window {}
.header-1 .mobile-window .bg {position:fixed; background:rgba(0,0,0,.5); top:0; left:0; right:100%; bottom:0; border-radius:0 100% 100% 0;}
.header-1 .mobile-window .window {width:0; background:#fff; position:fixed; top:0; left:0; bottom:0; border-radius:0 100% 100% 0; opacity:0; padding:0; overflow:auto; display:flex; flex-direction: column; text-align: center;}
.header-1 .mobile-window .close {position:fixed; top:0; left:300px; margin:1rem; font-size:0; color:#fff; cursor:pointer;}
.header-1 .mobile-window .close:hover {opacity:.7;}
.header-1 .mobile-window .window > div {margin:1rem 0;}
.header-1 .mobile-window .mobile_menu {background:var(--color-base); text-align:left; margin-bottom:auto;}
.header-1 .mobile-window .mobile_menu ul {display:block; margin:0; padding:0;}
.header-1 .mobile-window .mobile_menu ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
.header-1 .mobile-window .mobile_menu ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
.header-1 .mobile-window .mobile_menu ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
.header-1 .mobile-window .mobile_menu ul li ul.active > li {display:block;}
.header-1 .mobile-window .mobile_menu ul li.parent ul::before {content:'\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; background:#fff; padding:0 .5rem; top: .5rem; right:.5rem; cursor:pointer;}

body.active-menu {overflow:hidden;}
body.active-menu .header-1 .mobile-window {display:block;}
body.active-menu .header-1 .mobile-window .bg {right:0; border-radius:0;}
body.active-menu .header-1 .mobile-window .close {font-size:3rem;}
body.active-menu .header-1 .mobile-window .window {width:300px; border-radius:0; opacity:1; padding:1rem;}


[data-color="#000000FF"] {color:#000000FF}

.privacy .left-menu ul {position: sticky; top:0; border:1px solid #ddd; padding: 1rem 0; margin: 0;}
.privacy .left-menu ul li {padding: 0; margin: 0; display: block;}
.privacy .left-menu ul li a {padding: .5rem; display: block;}

.module.privacy {padding:100px 0;}
[data-color="#000000FF"] {color:#000000FF}

.footer-1 {padding:3rem 0;}
.footer-1 ul {display:block; margin:0; padding:0;}
.footer-1 ul li {display:block; margin:0; padding:0; border-bottom:1px solid var(--color-inverse);}
.footer-1 ul li a {display:block; margin:0; padding:.3rem 1rem;}
.footer-1 .zerro-author {display: flex; color:#A2A2A2;}
.footer-1 .zerro-author:hover {color:#A2A2A2;}
.footer-1 .zerro-author::before {content: url('/assets/images/zerro.svg'); margin-right:1rem; filter:grayscale(1) invert(1);}
.footer-1 .row:nth-child(1) {padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid #a2a2a2;}
.footer-1 .row:nth-child(2) a:hover {filter:contrast(3);}


[data-color="#ffffffFF"] {color:#ffffffFF}
[data-color="#A2A2A2"] {color:#A2A2A2}

