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

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

@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url('https://fonts.googleapis.com/css?family=Montserrat');
}

.menu {
  font-family     : 'Quantico', sans-serif;
  font-weight     : 600;
  min-width       : 300px;
  text-transform  : none;
  color           : #FFF;
  box-shadow      : 1px 1px 7px rgba(50, 50, 50, 0.8);
  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: 40;
  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: rgba(50, 50, 50, 0.8);
  color: grey;
  text-align      : center;
  opacity         : 1.0;
  font-size       : 12px;
  line-height     : 30px;
  text-transform: uppercase;
}

.menu .head {
	position:relative;
	overflow:hidden;
	text-align:center;
}

.menu .head:before,.menu .head:after {
	content:" ";
	position:absolute;
	top:50%;
	margin-left:-999em;
	width:998em;
	border-top:1px solid rgba(37, 37, 37, 0.781);
}

.menu .head:after {
	left:auto;
	width:998em;
	margin:0 0 0 1em;
}

.menu .menu-items {
  max-height : 400px;
  overflow-y : hidden;
  background-color: rgba(50, 50, 50, 0.8);
}

.menu .menu-items .menu-item {
  height          : 45px;
  display         : block;
  background-color: rgba(50, 50, 50, 0.8);
  height          : 36px;
  line-height     : 36px;
  color           : grey;
  text-indent     : 5px;
  text-align      : center;
  border: 1px solid rgba(37, 37, 37, 0.781);
  font-size: 14px;
  margin: 3px;
}

.menu .menu-items .menu-item.selected {
  background-color: rgb(68, 68, 68);
  color           : rgb(255,255,255);
}