.menuTop ul {font-size:18px;list-style:none;display:flex;align-items: center;gap:2px;background-color:#0082b5;padding-inline:2em;}
.menuTop li {flex:1 1 auto;}
.menuTop ul a {color:#fff;display:flex;align-items: center;justify-content: center;padding:.6em 10px;}

.menuTop ul a:hover,
.menuTop li.sel>a {background-color:#046696;}
@media screen and (min-width:769px){
    button.showMenu {display:none;}
}
button.showMenu {height:23px;width:28px;padding:0;position:relative;z-index:0;background:transparent;border:none;outline:none;cursor:pointer;}
button.showMenu span {transition: opacity .4s;position:absolute;left:0;right:0;height:5px;background-color:#0082b5;border-radius:2px;top:0;bottom:0;margin:auto 0;}
button.showMenu::before {content:'';position:absolute;left:0;right:0;height:5px;background-color:#0082b5;border-radius:2px;top:0;transition:top .15s ease-out .15s,transform .15s;}
button.showMenu::after {content:'';position:absolute;left:0;right:0;height:5px;background-color:#0082b5;border-radius:2px;bottom:0;transition:bottom .15s ease-out .15s,transform .15s;}
button.showMenu.show span {opacity:0;}
button.showMenu.show::before {top:9px;transform: rotate(-45deg);transition:top .15s,transform .15s ease-out .15s;}
button.showMenu.show::after {bottom:9px;transform: rotate(45deg);transition:bottom .15s,transform .15s ease-out .15s;}

.menu-footer ul {list-style:none;display:flex;align-items: center;gap:4em;}


@media screen and (max-width:768px){
    .menuTop>ul {position:fixed;top:70px;bottom:0;right:0;width:calc(100% - 10px);display:block;padding-inline:0;}
    .menuTop:not(.show)>ul {display:none;}
    .menuTop ul a {display:block;padding:1em 2em;border-bottom:1px solid #3ea7cf;}
}