.wrapper-menu {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 330ms ease-out;
}

.wrapper-menu.open {
  transform: rotate(-45deg);  
}

.line-menu {
  background: #efc239;
  border-radius: 5px;
  width: 100%;
  height: 4px;
}

.line-menu.half {
  width: 50%;
  background: #efc239;
}

.line-menu.start {
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: right;
}

.open .line-menu.start {
  transform: rotate(-90deg) translateX(3px);
}

.line-menu.end {
  align-self: flex-end;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}

.open .line-menu.end {
  transform: rotate(-90deg) translateX(-3px);
}

.main-menu{
    padding-top: 30px;
    flex-direction: column;
    z-index: 11;
    position: absolute;
    width: 100%;
}

.main-menu-2{
    padding-top: 30px;
    flex-direction: column;
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #000000b0;
    transition: ease 0.5s;
}

.bur-menu1{
  display: block!important;
  margin-top: 10px;
  transition: ease 1s;
  width: 100%;
  opacity:1!important;
  text-transform: uppercase; 
}

.bur-menu li{
    background: #ffd620d6;
    padding: 10px;
    width: auto;
    font: bold 1.5em tahoma;
    text-align: center;
    border-bottom: 1px solid;
}

.bur-menu li:hover {
  font-size: 35px;
}

.bur-menu li a{
  color: black;
}

.bur-menu{
    display:none;
    opacity:0;
}

.menu-block{
    z-index: 10;
    justify-content: flex-end;
}

.menu-block-2{
  z-index: 3;
}