.burger-line-middle-one{-webkit-animation:animationOneReverse 1s ease forwards;animation:animationOneReverse 1s ease forwards}
@-webkit-keyframes animationOneReverse
{0%{-webkit-transform:rotate(315deg)}25%{-webkit-transform:rotate(360deg)}50%,100%{-webkit-transform:rotate(0deg)}}
@keyframes animationOneReverse
{0%{transform:rotate(315deg)}25%{transform:rotate(360deg)}50%,100%{transform:rotate(0deg)}}.burger.opened .burger-line-middle-one{-webkit-animation:animationOne 1s ease forwards;animation:animationOne 1s ease forwards}
@-webkit-keyframes animationOne
{0%,50%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(315deg)}}
@keyframes animationOne{0%,50%{transform:rotate(0deg)}75%{transform:rotate(360deg)}100%{transform:rotate(315deg)}}.burger-line-middle-two{-webkit-animation:animationTwoReverse 1s ease forwards;animation:animationTwoReverse 1s ease forwards}
@-webkit-keyframes animationTwoReverse
{0%{-webkit-transform:rotate(405deg)}25%{-webkit-transform:rotate(450deg)}50%,100%{-webkit-transform:rotate(0deg)}}
@keyframes animationTwoReverse{0%{transform:rotate(405deg)}25%{transform:rotate(450deg)}50%,100%{transform:rotate(0deg)}}.burger.opened .burger-line-middle-two{-webkit-animation:animationTwo 1s ease forwards;animation:animationTwo 1s ease forwards}
@-webkit-keyframes animationTwo
{0%,50%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(450deg)}100%{-webkit-transform:rotate(405deg)}}
@keyframes animationTwo{0%,50%{transform:rotate(0deg)}75%{transform:rotate(450deg)}100%{transform:rotate(405deg)}}.burger-line-top{-webkit-animation:animationBurgerTopReverse 1s ease forwards;animation:animationBurgerTopReverse 1s ease forwards}
@-webkit-keyframes animationBurgerTopReverse
{0%,50%{-webkit-transform:translateY(12px);opacity:0}51%{-webkit-transform:translateY(12px);opacity:1}100%{-webkit-transform:translateY(0px);opacity:1}}
@keyframes animationBurgerTopReverse
{0%,50%{transform:translateY(12px);opacity:0}51%{transform:translateY(12px);opacity:1}100%{transform:translateY(0px);opacity:1}}.burger.opened .burger-line-top{-webkit-animation:animationBurgerTop 1s ease forwards;animation:animationBurgerTop 1s ease forwards}
@-webkit-keyframes animationBurgerTop
{0%{-webkit-transform:translateY(0px);opacity:1}50%{-webkit-transform:translateY(12px);opacity:1}51%,100%{-webkit-transform:translateY(12px);opacity:0}}
@keyframes animationBurgerTop
{0%{transform:translateY(0px);opacity:1}50%{transform:translateY(12px);opacity:1}51%,100%{transform:translateY(12px);opacity:0}}.burger-line-bottom{-webkit-animation:animationBurgerBottomReverse 1s ease forwards;animation:animationBurgerBottomReverse 1s ease forwards}
@-webkit-keyframes animationBurgerBottomReverse
{0%,50%{-webkit-transform:translateY(-12px);opacity:0}51%{-webkit-transform:translateY(-12px);opacity:1}100%{-webkit-transform:translateY(0px);opacity:1}}
@keyframes animationBurgerBottomReverse
{0%,50%{transform:translateY(-12px);opacity:0}51%{transform:translateY(-12px);opacity:1}100%{transform:translateY(0px);opacity:1}}.burger.opened .burger-line-bottom{-webkit-animation:animationBurgerBottom 1s ease forwards;animation:animationBurgerBottom 1s ease forwards}
@-webkit-keyframes animationBurgerBottom
{0%{-webkit-transform:translateY(0px);opacity:1}50%{-webkit-transform:translateY(-12px);opacity:1}51%,100%{-webkit-transform:translateY(-12px);opacity:0}}
@keyframes animationBurgerBottom
{0%{transform:translateY(0px);opacity:1}50%{transform:translateY(-12px);opacity:1}51%,100%{transform:translateY(-12px);opacity:0}}