a:1:{s:10:"custom_css";s:1425:".container22 {
  display:inline-block;
  cursor: pointer;
  transition: scale 180ms ease-in-out 500ms, transform 280ms ease-in-out 350ms;
  width:75px;
  height:55px;
  text-align:center;
  transform-origin: center;
    transform-box: fill-box;
  
 transform:scale(1);
}

.bar1, .bar2, .bar3 {
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #fff;
    margin: 8px auto;
    transition: 0.4s;
    border-radius: 100%;
      transform-origin: center;
    transform-box: fill-box;
}
.container22:hover:after {
    content:'MENU';
    position: absolute;
    transform: translate(-50%,0%);
    left:50%;
    top:50%;
    font-size: 8px;
    line-height: 1;
    width: auto;
margin:0 auto;
    
}
.container22:hover{
    transform: scale(3) translate(0px, -6%);
  transform-origin: center;
    transform-box: fill-box;
}
.container22:hover .bar1 {
      transform: translate(0,72.5%);
  transform-origin: center;
    transform-box: fill-box;
}
.container22:hover .bar3 {
  transform: translate(0, -72.5%);
  transform-origin: center;
    transform-box: fill-box;
}

.change .bar1 {
  transform: translate(0, 15px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -15px) rotate(45deg);
}

.container22.change{
transform:scale(1.75);
  transform-origin: center;
    transform-box: fill-box;
}";}