.main_menu,
.main_submenu1,
.main_submenu2,
.main_submenu3,
.main_submenu4,
.main_submenu5
{
	position:absolute;
	height:var(--resgui-16row);
	width:var(--resgui-5column);
	margin-top:calc(var(--resgui-2row) * 1.025);
	margin-left:calc(var(--resgui-6column) * -1);
	background:var(--main-menu-background);
	border-radius:4px;
	box-shadow: 5px 5px 5px var(--shadow-color);
	flex-direction:column;
}


@keyframes main_menu_entry_anime
{
	0% {margin-left:calc(var(--resgui-6column) * -1); }
	
	100% {margin-left: calc(var(--resgui-2row) * 0.025); }
}

.main_menu_entry
{
  
  animation-name: main_menu_entry_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  z-index:900; 
}

@keyframes main_menu_exit_anime
{
	0% {margin-left: calc(var(--resgui-2row) * 0.025);  }
	100% {margin-left:calc(var(--resgui-6column) * -1);  }
}

.main_menu_exit
{
  
  animation-name: main_menu_exit_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
}

.main_menu_row
{
	height:var(--resgui-1row);
	width:var(--resgui-5column);
	align-items:center;
	cursor:pointer;
	z-index:1000;
}

.main_menu_row:hover
{
	background:var(--main-menu-background-hover);
}


.with_child div:first-of-type:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: calc(var(--resgui-1row))  ;
  height: calc(var(--resgui-1row))  ;
  right:calc(calc(var(--resgui-1row) * 0.85) / -1.7);
  border-top:1px solid white;
  border-right:1px solid white;
  border-top-right-radius: 5px;
  background:var(--ariannathead-background);
  -webkit-transform: scale(0.707) rotate(45deg);
          transform: scale(0.707) rotate(45deg);
  box-sizing: border-box;
/*  box-shadow: 5px 0px 0px var(--shadow-color);*/
  z-index:50;

}

.with_child:hover div:first-of-type:before {
  background: var(--ariannathead-background-hover);
  color: white;
  box-sizing: border-box;
}

/* submenu 1*/

@keyframes main_submenu1_entry_anime
{
	0% {margin-left:calc(var(--resgui-6column) * -1); }
	
	100% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-5column) + var(--resgui-eighthcolumn)); }
}

.main_submenu1_entry
{
  
  animation-name: main_submenu1_entry_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  z-index:899; 
}

@keyframes main_submenu1_exit_anime
{
	0% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-5column) + var(--resgui-eighthcolumn));  }
	100% {margin-left:calc(var(--resgui-6column) * -1);  }
}

.main_submenu1_exit
{
  
  animation-name: main_submenu1_exit_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
}

/* submenu 2*/

@keyframes main_submenu2_entry_anime
{
	0% {margin-left:calc(var(--resgui-6column) * -1); }
	
	100% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-10column) + var(--resgui-eighthcolumn) * 2); }
}

.main_submenu2_entry
{
  
  animation-name: main_submenu2_entry_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  z-index:898; 
}

@keyframes main_submenu2_exit_anime
{
	0% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-15column) + var(--resgui-eighthcolumn) * 2);  }
	100% {margin-left:calc(var(--resgui-6column) * -1);  }
}

.main_submenu2_exit
{
  
  animation-name: main_submenu2_exit_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
}

/* submenu 3*/

@keyframes main_submenu3_entry_anime
{
	0% {margin-left:calc(var(--resgui-6column) * -1); }
	
	100% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-15column) + var(--resgui-eighthcolumn) * 3); }
}

.main_submenu3_entry
{
  
  animation-name: main_submenu3_entry_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  z-index:887; 
}

@keyframes main_submenu3_exit_anime
{
	0% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-15column) + var(--resgui-eighthcolumn) * 3);  }
	100% {margin-left:calc(var(--resgui-6column) * -1);  }
}

.main_submenu3_exit
{
  
  animation-name: main_submenu3_exit_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
}

/* submenu 4*/

@keyframes main_submenu4_entry_anime
{
	0% {margin-left:calc(var(--resgui-6column) * -1); }
	
	100% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-20column) + var(--resgui-eighthcolumn) * 4); }
}

.main_submenu4_entry
{
  
  animation-name: main_submenu4_entry_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  z-index:896; 
}

@keyframes main_submenu4_exit_anime
{
	0% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-20column) + var(--resgui-eighthcolumn) * 4);  }
	100% {margin-left:calc(var(--resgui-6column) * -1);  }
}

.main_submenu4_exit
{
  
  animation-name: main_submenu4_exit_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
}

/* submenu 5*/

@keyframes main_submenu5_entry_anime
{
	0% {margin-left:calc(var(--resgui-6column) * -1); }
	
	100% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-25column) + var(--resgui-eighthcolumn) * 5); }
}

.main_submenu5_entry
{
  
  animation-name: main_submenu5_entry_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  z-index:895; 
}

@keyframes main_submenu5_exit_anime
{
	0% {margin-left: calc(var(--resgui-2row) * 0.025 + var(--resgui-25column) + var(--resgui-eighthcolumn) * 5);  }
	100% {margin-left:calc(var(--resgui-6column) * -1);  }
}

.main_submenu5_exit
{
  
  animation-name: main_submenu5_exit_anime;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
}