.c-hamburger{display:block;position:relative;top: 11px;right:-10px;overflow:hidden;margin:0;padding:0;width:38px;height:38px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s; border-radius:5px;}
.c-hamburger:focus{outline:0}
.c-hamburger span{display:block;position:absolute;top:17px;left:6px;right:6px;height:4px;background:#fff;border-radius:5px;}
.c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:0;width:70%;height:4px;background:#fff;border-radius:5px;content:""}
.c-hamburger--htla span::after,.c-hamburger--htla span::before{width:100%;}
.c-hamburger span::before{top:0;left:-2px;-webkit-transform:translateX(-2px)translateY(12px)rotate(45deg);-ms-transform:translateX(-2px)translateY(12px)rotate(45deg);transform:translateX(-2px)translateY(12px)rotate(45deg);}
.c-hamburger span::after{bottom:0;left:-2px;-webkit-transform:translateX(-2px)translateY(-12px)rotate(-45deg);-ms-transform:translateX(-2px)translateY(-12px)rotate(-45deg);transform:translateX(-2px)translateY(-12px)rotate(-45deg);}
.c-hamburger--htla{background:none;}
.c-hamburger--htla span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.c-hamburger--htla span::before{top:-6px;-webkit-transform:translateX(2px)translateY(14px)rotate(0);-ms-transform:translateX(2px)translateY(14px)rotate(0);transform:translateX(2px)translateY(14px)rotate(0);}
.c-hamburger--htla span::after{bottom:-6px;-webkit-transform:translateX(2px)translateY(-14px)rotate(0);-ms-transform:translateX(2px)translateY(-14px)rotate(0);transform:translateX(2px)translateY(-14px)rotate(0);}