.menuTop button.showMenu {display:none;margin-left:auto;height:23px;width:28px;padding:0;position:relative;z-index:0;background:transparent;border:none;outline:none;cursor:pointer;}
.menuTop button.showMenu span {transition: opacity .4s;position:absolute;left:0;right:0;height:5px;background-color:var(--a-color, #a7c957);border-radius:2px;top:0;bottom:0;margin:auto 0;}
.menuTop button.showMenu::before {content:'';position:absolute;left:0;right:0;height:5px;background-color:var(--a-color, #a7c957);border-radius:2px;top:0;transition:top .15s ease-out .15s,transform .15s;}
.menuTop button.showMenu::after {content:'';position:absolute;left:0;right:0;height:5px;background-color:var(--a-color, #a7c957);border-radius:2px;bottom:0;transition:bottom .15s ease-out .15s,transform .15s;}

.menuTop button.showMenu.show span {opacity:0;}
.menuTop button.showMenu.show::before {top:9px;transform: rotate(-45deg);transition:top .15s,transform .15s ease-out .15s;}
.menuTop button.showMenu.show::after {bottom:9px;transform: rotate(45deg);transition:bottom .15s,transform .15s ease-out .15s;}


.menuTop ul {list-style:none;display:flex;}
.menuTop li {position:relative;z-index:1;}
.menuTop li+li {padding-left:19px;margin-left:19px;}
.menuTop li+li::before {content:'';position:absolute;top:0;bottom:0;margin:auto 0;left:0;width:1px;height:30px;background-color:#d9d9d9;}
.menuTop li>a,
.menuTop li>span {text-decoration:none;display:flex;align-items:center;justify-content:center;color:#666;text-transform:uppercase;gap:10px;}
.menuTop li ul {display:block;position:absolute;z-index:0;top:100%;left:0;background-color:#fff;min-width:100%;box-shadow:0 5px 5px rgba(0, 0, 0, 0.07);border-radius:0 0 5px 5px;visibility:hidden;opacity:0;transition:all .3s;}
.menuTop li:hover>ul {opacity:1;visibility:visible;}
.menuTop li li+li {padding-left:0;margin-left:0;border-top:1px solid #e8e8e8;}
.menuTop li li+li::before {content:none;}
.menuTop li li>a {display:block;padding:4px 10px;}
.menuTop li li>a:hover {color:var(--a-color)}
.menuTop li li.form {padding:10px;}
.menuTop li li.form button {width:100%;box-sizing:border-box;}


@media screen and (max-width: 998px) {
    .menuTop li>a {text-transform:none;}
}
@media screen and (max-width: 768px) {
    .menuTop {display:none;}
    .menuTop button.showMenu {display:block;}
    .menuTop>ul {display:block;position:fixed;top:60px;width:90%;right:0;bottom:0;overflow:auto;background-color:#A7C957;}
    .menuTop>ul:not(.show) {display:none;}
    .menuTop li+li {padding-left:0;margin-left:0;}
    .menuTop li+li::before {content:none}
    .menuTop li>a {display:block;padding:10px 20px;color:#fff;font-size:16px;text-transform:uppercase;}
    .menuTop li>a img {display:none;}
}