button.drawer-toggle.drawer-hamburger { 
  /*position: fixed; 
  top: calc(100% - 100px);
  top: 14px;
  /*right: 30px!important; 
  right: 22px!important;
  width: 16px; 
  z-index: 1204; */
  position: relative;
  padding: 0;
  z-index: 1204;
  background: rgba(0,0,0,0);
}

/* button.drawer-hamburger:after { content:'MENU'; position: fixed; bottom: -1px; right: 0; left: 0; margin: auto; color: #fff;} */
button.drawer-hamburger:hover, button.drawer-hamburger:focus { background: rgba(0,0,0,0); }

.drawer-nav { background: #fff; z-index: 1202; }
.drawer--top .drawer-nav { height: 100vh; }

/*.drawer-nav a {
  display: block;
  padding: 1rem 1rem 1rem 2.5rem;
  padding: 1rem;
  text-decoration: none;
  color: #333;
  font-weight: bold;
}
.drawer-nav a:hover { color: #999; text-decoration: none; }*/

.drawer-overlay { z-index: 1200; }

.drawer-hamburger-icon{ margin-bottom: 4px; }

.drawer-hamburger-icon, 
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  background-color: var(--vk-color-text-link);
  height: 1px;
}

.drawer-hamburger-icon { visibility: hidden; }
.drawer-hamburger-icon:before { visibility: visible; top: -7px; width: 24px; }
.drawer-hamburger-icon:after { visibility: visible; top: 0; width: 16px; }

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after { width: 20px; }

.drawer-menu { padding: 10vw; }

/*
 .drawer-hamburger-text { color: #fff;  line-height: 40px; }

.drawer-nav ul.sub-menu { margin: 0; margin-left: 0; padding: 0; }
.drawer-nav ul.sub-menu a { padding-left: 40px; }

.drawer-menu { text-align: center; }
*/

.drawer-nav ul { display: block; }
.drawer-nav ul li { margin-top: 0; cursor: pointer; }