#nav-toggle {position: relative; display: inline-block; width:35px; height:25px;}
#nav-toggle span { position: absolute; left: 0; top: 10px; }

#nav-toggle span, 
#nav-toggle span:before,
#nav-toggle span:after {
  position: absolute;
  display: block;
  content: '';
  height: 5px;
  width: 35px;
  background: black;
  border-radius: 1px;
  cursor: pointer;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px; 
}

/* Добавим анимацию всех свойств для блоков нашей иконки */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 0.3s ease-in-out;
}

/* Центральный блок делаем прозрачным */
div [aria-expanded = 'true'] #nav-toggle span {
  background-color: transparent;
}

/* Смещаем псевдо-элементы в центр иконки (на место основного блока) */
div [aria-expanded = 'true'] #nav-toggle span:before, div [aria-expanded = 'true'] #nav-toggle span:after {
  top: 0;
}

/* Наклоняем псевдо-элементы под углом 45 градусов, но в разные стороны */
div [aria-expanded = 'true'] #nav-toggle span:before {
  transform: rotate(45deg);
}
div [aria-expanded = 'true'] #nav-toggle span:after {
  transform: rotate(-45deg);
}
#menu__section {
  transition: all 0.3s ease-in-out;
  z-index: 99999;
}
.main_menu {
    font-size: 12px;
}
/*======= 2. Стили ГЛАВНОГО МЕНЮ =======*/
.menu_logo {
    display: none;
}
.menue_block {
    text-transform: uppercase;
    font-family: 'Museo Sans Cyrl 700';
}
/*2.2 Стили для ЭЛ-ТОВ МЕНЮ*/
.menue_block:last-child {
    margin-right: 0;
}




/*2.3 Стили подчеркивания элементов*/
.menue_block a{
    color: #212121;
    display: inline-block;
    line-height: 1;
    text-decoration:none;
    cursor: pointer;
    position:relative;
}


.menue_block a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: 50% 50%;
  width: 100%;
  height: 2px;
  background-color: red;
  transition: transform 0.5s;

}


.menue_block a:hover:after,
.menue_block a:focus:after,
.navbar-nav .open a:after {
    transform: translateX(-50%) scaleX(1);
    color: #ca0000;
}




/*2.4 Второй уровень выпадающего списка в меню*/
.second_list li a:after {
    background-color: #e04444;
    display: none;
}
/*=====================================*/