.hide {
  display: none; }

.speakerOn, .speakerOff {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: transparent url(../media/images/speakerOn.png) no-repeat center center;
  background-size: contain;
  cursor: pointer; }

.speakerOff {
  background-image: url(../media/images/speakerOff.png); }

.keyboard {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: transparent url(../media/images/keyboard.png) no-repeat center center;
  background-size: contain;
  cursor: pointer; }

.keyboardBox {
  position: absolute;
  z-index: -1;
  top: 30px;
  width: 10px;
  height: 10px;
  opacity: 0; }

/*# sourceMappingURL=misc.css.map */