.btn-burger{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;height:60px;margin:auto;width:40px;width:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.btn-burger__line{background-color:#000;height:4px;height:3px;margin-top:-2px;position:relative;-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:background 10ms ease .3s;transition:background 10ms ease .3s;width:40px;width:28px}.btn-burger__line:after,.btn-burger__line:before{background-color:#000;content:"";height:4px;height:3px;left:0;position:absolute;-webkit-transition:top .3s ease .35s,-webkit-transform .3s ease 50ms;transition:top .3s ease .35s,-webkit-transform .3s ease 50ms;transition:top .3s ease .35s,transform .3s ease 50ms;transition:top .3s ease .35s,transform .3s ease 50ms,-webkit-transform .3s ease 50ms;width:40px;width:28px}.btn-burger__line:before{top:-10px}.btn-burger__line:after{top:10px}.btn-burger.is-active .btn-burger__line{background:transparent}.btn-burger.is-active .btn-burger__line:after,.btn-burger.is-active .btn-burger__line:before{top:0;-webkit-transition:top .3s ease 50ms,-webkit-transform .3s ease .35s;transition:top .3s ease 50ms,-webkit-transform .3s ease .35s;transition:top .3s ease 50ms,transform .3s ease .35s;transition:top .3s ease 50ms,transform .3s ease .35s,-webkit-transform .3s ease .35s}.btn-burger.is-active .btn-burger__line:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btn-burger.is-active .btn-burger__line:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}