/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}

.mobile-menu .mouse-container {
	position: relative;
}
.mobile-menu .mouse_icon {
  position: absolute;
  top: 0px;
  right: 1rem;
  /* Важно: сохраняем центровку, но теперь управляем Y через анимацию покачивания */
  transform: translateX(-50%); 
  z-index: 9999;
  cursor: pointer;
  
  /* Подключаем ДВЕ анимации одновременно: покачивание и исчезновение */
  animation: 
    floatUpAndDown 2s ease-in-out infinite,
    fadeOut 0.5s ease-out 3s forwards; /* Задержка 5с, forwards сохраняет состояние */
}

/* Анимация покачивания */
@keyframes floatUpAndDown {
  0% {
    transform: translate(-50%, 0); 
  }
  50% {
    transform: translate(-50%, 15px); 
  }
  100% {
    transform: translate(-50%, 0); 
  }
}

/* Анимация исчезновения */
@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden; /* Чтобы нельзя было кликнуть после исчезновения */
    pointer-events: none;
  }
}