@font-face {
  font-family: bankgothic;
  src: url('../fonts/bankgothic.ttf');
}

@font-face {
  font-family: pdown;
  src: url('../fonts/pdown.ttf');
}
.menu {
  font-family: bankgothic;
  min-width  : 400px;
  color      : #fff;
  box-shadow : 0px 0px 50px 0px #000;
  position   : absolute;
}

.menu.align-left {
  left: 40;
  top : 50%;
  transform: translate(0, -50%);
}

.menu.align-top-left {
  left: 40;
  top : 40;
}

.menu.align-top {
  left: 50%;
  top : 40;
  transform: translate(-50%, 0);
}

.menu.align-top-right {
  right: 10;
  top  : 40;
}

.menu.align-right {
  right: 40;
  top  : 50%;
  transform: translate(0, -50%);
}

.menu.align-bottom-right {
  right : 40;
  bottom: 40;
}

.menu.align-bottom {
  left  : 50%;
  bottom: 40;
  transform: translate(-50%, 0);
}

.menu.align-bottom-left {
  left  : 40;
  bottom: 40;
}

.menu.align-center {
  left : 50%;
  top  : 50%;
  transform: translate(-50%, -50%);
}

.menu .head {
  background-color: #282828;
  text-align      : center;
  height          : 40px;
  line-height     : 40px;
}

.menu .menu-items {
  max-height : 600px;
  overflow-y : auto;
}

.menu .menu-items .menu-item {
  height          : 40px;
  display         : block;
  background-color: #282828;
  box-shadow      : inset 1px 0px 0px 1px #000000;
  height          : 32px;
  line-height     : 25px;
  color           : #FFFFFF;
  text-align      : center;
}

.menu .menu-items .menu-item.selected {
  background-color: #404040;
}