﻿@charset "utf-8";.Hmenu-btn{width:30px;padding:24px 0 0;height:50px;float:right;cursor:pointer;display:none;margin:0 0 0 10px}
.Hmenu-btn a{display:block;width:100%;height:3px;background-color:#4e4e4e;position:relative}
.Hmenu-btn a:after,.Hmenu-btn a:before{content:"";display:block;width:100%;height:3px;background-color:#4e4e4e;position:absolute;left:0}
.Hmenu-btn a:before{top:-10px}
.Hmenu-btn a:after{bottom:-10px}
.Hmenu-btn.cur a{-moz-animation:buttonAnimation .3s ease forwards;-webkit-animation:buttonAnimation .3s ease forwards;animation:buttonAnimation .3s ease forwards}
.Hmenu-btn.cur a:before{-moz-animation:buttonAnimationBefore .3s ease forwards;-webkit-animation:buttonAnimationBefore .3s ease forwards;animation:buttonAnimationBefore .3s ease forwards}
.Hmenu-btn.cur a:after{-moz-animation:buttonAnimationAfter .3s ease forwards;-webkit-animation:buttonAnimationAfter .3s ease forwards;animation:buttonAnimationAfter .3s ease forwards}
@-moz-keyframes buttonAnimationBefore{0%{-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
	50%{-moz-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
	100%{-moz-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@-webkit-keyframes buttonAnimationBefore{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
	50%{-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
	100%{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@keyframes buttonAnimationBefore{0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
	50%{-moz-transform:translateY(10px) rotate(0);-ms-transform:translateY(10px) rotate(0);-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
	100%{-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@-moz-keyframes buttonAnimationAfter{0%{-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
	50%{-moz-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
	100%{-moz-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@-webkit-keyframes buttonAnimationAfter{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
	50%{-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
	100%{-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@keyframes buttonAnimationAfter{0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
	50%{-moz-transform:translateY(-10px) rotate(0);-ms-transform:translateY(-10px) rotate(0);-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
	100%{-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@-moz-keyframes buttonAnimation{0%{background:#aaa}
	50%{background:rgba(255,255,255,0)}
	100%{background:rgba(255,255,255,0)}
}
@-webkit-keyframes buttonAnimation{0%{background:#aaa}
	50%{background:rgba(255,255,255,0)}
	100%{background:rgba(255,255,255,0)}
}
@keyframes buttonAnimation{0%{background:#aaa}
	50%{background:rgba(255,255,255,0)}
	100%{background:rgba(255,255,255,0)}
}
