#menu-lng{padding:20px 0px 0px 24px;}
.language-switcher {display:inline-block; cursor: pointer; margin: 23px 0px 0px 24px; border-radius: 5px; position: relative;}/* Стиль для контейнера переключателя языка */
.current-language-flag {width:32px; height:22px;} /* Стиль для флага текущего языка */
.language-menu {display: none; position:absolute;  margin: 11px 0px 0px -73px;  border: 1px solid #fff; background: rgba(255, 255, 255, 0.6); border:0px; -webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomleft:9px;border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px;-moz-border-radius-bottomright:9px;border-bottom-right-radius:9px; z-index: 1000; width: 120px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);} /* Стили для меню языков */
.language-menu ul {list-style: none; padding: 0; margin: 0;} /* Внутренние элементы меню */
.language-menu li {float:left; list-style-type: none; cursor: pointer; padding: 10px;}
.language-menu li:hover {cursor: pointer; padding-right: 30px; background: rgba(255, 255, 255, 0.432); border:0px; -webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomleft:9px;border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px;-moz-border-radius-bottomright:9px;border-bottom-right-radius:9px; z-index: 1000; width: 120px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.language-switcher.active .language-menu {display: block;} /* Когда переключатель активен, отображаем меню */





#horisontalmenu {max-width:1000px;height:69px;}
#horizontal-menu {height:30px; float:left; padding:24px 0px 0px 0px;}
#menu-left{width:80px;height:69px;float:left;background:transparent url(/img/menu-left.png) no-repeat left bottom;cursor: pointer;}
#menu-left.active {background: transparent url(/img/menu-left1.png) no-repeat left bottom;}

#secondary {display: none;position: relative;}
#secondary.active {display: block; z-index:33;}

#login_logout{width:24px;height:24px;float:left;background:transparent url(/img/login.png) no-repeat left bottom;cursor: pointer;z-index:4;margin:20px 0px 0px 20px;}
#logout_login{width:24px;height:24px;float:left;background:transparent url(/img/logout.png) no-repeat left bottom;cursor: pointer;z-index:4;margin:20px 0px 0px 20px;}





#menu-bg{height:69px;margin:0px 80px 0px 80px;background:transparent url(/img/menu-bg.png) repeat-x bottom;}
#menu-right{width:80px;height:69px; float:right; background:transparent url(/img/menu-right.png) no-repeat right bottom;}









.horizontal-menu {margin: -5px 0px 0px 0px; display: flex; z-index: 20;}
.horizontal-menu li {list-style-type:none; margin-right:10px; display:block; position: relative;}
.horizontal-menu li a {text-decoration: none; color: #333; position: relative; padding: 5px; transition: color 0.3s ease; display:block;}
.horizontal-menu li a:hover {color: #000;}
/* Псевдоэлемент для фона */
.horizontal-menu li a::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #27D7F9; border: 1px solid #ccc; border-top-left-radius: 8px; border-bottom-right-radius: 8px;
z-index: -1; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; transform: scale(0.95); }
/* При наведении на ссылку фоновый псевдоэлемент становится видимым */
.horizontal-menu li a:hover::before {opacity: 1; transform: scale(1); }
/* Задержка исчезновения фона предыдущей ссылки */
.horizontal-menu li a:not(:hover)::before {transition-delay: 0.2s; /* Задержка исчезновения фона */}

.horizontal-menu li ul.sub-menu {display: block;

margin: 11px 0px 0px -73px;  border: 1px solid #fff; background: rgba(255, 255, 255, 0.6); border:0px; -webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomleft:9px;border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px;-moz-border-radius-bottomright:9px;border-bottom-right-radius:9px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; padding: 10px 0; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; min-width: 150px; /* Минимальная ширина для подменю */ transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; transform: translateY(-10px); /* Подменю поднимается вверх перед появлением */}

.horizontal-menu li:hover ul.sub-menu {opacity: 1; visibility: visible; transform: translateY(0); /* Подменю плавно опускается */}



.hamburger {display: none; /* Скрываем по умолчанию */ flex-direction: column; cursor: pointer; margin: 0 0 0 -43px; z-index: 1000; /* Поверх меню */}

.hamburger .bar {width: 25px; height: 3px; background-color: #000; margin: 2px 0; transition: all 0.3s ease; /* Добавляем анимацию */}

.hamburger.open .bar:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.hamburger.open .bar:nth-child(2) {opacity: 0; /* Скрываем среднюю полоску */}
.hamburger.open .bar:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

@media (max-width: 768px) {
.hamburger {display: flex; padding-left: 15px;}

.horizontal-menu {display: none;/* Скрываем меню по умолчанию */flex-direction: column;}

.horizontal-menu.open {display: flex; margin: 15px 0px 0px -30px; padding:4px; z-index: 999; position: relative; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 2px solid #fff; padding:10px; background: rgba(255, 255, 255, 0.6); border:0px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomleft:9px; border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; -moz-border-radius-bottomright:9px; border-bottom-right-radius:9px; z-index:1000; width: 120px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);  /* Поверх других блоков */}

.horizontal-menu li {padding:5px;}
}