.mini-submenu{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 75px;
  cursor: pointer;
}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}



.mini-submenu2{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 75px;

}

.mini-submenu2:hover{
  cursor: pointer;
}

.mini-submenu2 .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu2 .icon-bar {
  background-color: #000;
}

#slide-submenu2{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}



.mini-submenu3{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  text-align: center;
  /*position: relative;*/
  width: 75px;

}

.mini-submenu3:hover{
  cursor: pointer;
}

.mini-submenu3 .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu3 .icon-bar {
  background-color: #000;
}

#slide-submenu3{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}




.mini-submenu4{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  text-align: center;
  /*position: relative;*/
  width: 75px;

}

.mini-submenu4:hover{
  cursor: pointer;
}

.mini-submenu4 .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu4 .icon-bar {
  background-color: #000;
}

#slide-submenu4{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}



.mini-submenu5{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  text-align: center;
  /*position: relative;*/
  width: 75px;

}

.mini-submenu5:hover{
  cursor: pointer;
}

.mini-submenu5 .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu5 .icon-bar {
  background-color: #000;
}

#slide-submenu5{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}




.mini-submenu6{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  text-align: center;
  /*position: relative;*/
  width: 75px;

}

.mini-submenu6:hover{
  cursor: pointer;
}

.mini-submenu6 .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu6 .icon-bar {
  background-color: #000;
}

#slide-submenu6{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

.memdirecs {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000;
  width: 100px;
  height: 100px;
  background: blue;
}