#side-menu, .side-menu-overlay {
  position: fixed;
  top: 0;
  height: 100%;
  display: none;
}

body.overflow-hidden {
  overflow: hidden;
}

#side-menu {
  width: 300px;
  right: -300px;
  overflow-y: auto;
  z-index: 1035;
  background: #fff;
  color: #333;
  transition: .4s;
}

body.side-menu-visible #side-menu {
  transform: translateX(-300px);
}

#side-menu .contents {
  padding: 20px 30px;
}

#side-menu .nav-link {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0;
}

#side-menu .nav-link:hover {
  opacity: .8;
}

#side-menu .close {
  font-size: 36px;
  font-weight: 400;
}

.side-menu-overlay {
  left: 0;
  min-width: 100%;
  background: rgba(0,0,0,.4);
  z-index: 100;
}

#side-menu.side-menu-left {
  right: auto;
  left: -300px;
}

body.side-menu-visible #side-menu.side-menu-left {
  transform: translateX(300px);
}

.close span {
  display: block;
  width: 35px;
  height: 35px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50" viewBox="0 0 50 50"><image x="3" y="3" width="44" height="44" xlink:href="data:img/png;base64,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"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.close {
  width: 37px;
  height: 37px;
  border-radius: 25px;
  float: right;
  padding: 0px;
}

#side-menu .closeWrap {
  padding: 15px 15px 0;
}