.child    { top: 10; left: 10; }

#langMenu { opacity: 1; transition: opacity 0.5s ease-in-out; }

#minisubMenu { opacity: 1; transition: opacity 0.5s ease-in-out; }
.msmHide { opacity: 0; }

.hiddenTopMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0px;
  z-index: 1;
  display: none;
  opacity: 0; /* Устанавливаем начальную прозрачность элемента */
  transition: opacity 0.5s ease;
}

body.menu-hide-show      .hiddenTopMenu { display: block; }
body.menu-change-opacity .hiddenTopMenu { opacity: 1;     }

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}

nav ul li {
  margin: 10px;
}

nav ul li a {
  text-decoration: none;
  color: #333;
  padding: 5px;
}

/* Дополнительные стили для оформления */
body {
  #margin-top: 50px; /* Добавьте отступ для контента, чтобы он не перекрывался верхним меню */
  margin: 0px;
  padding: 0px;

#background-image: url(images/banner-1.png);
#    background-repeat: no-repeat;
#    background-size: cover;
#    position: relative;
#    background-position: bottom

}

/* Дополнительные стили для оформления активного пункта меню */
nav ul li a.active {
  font-weight: bold;
}