/* hamburber menu */
.c-hamburger { display: none; position: relative; overflow: hidden; width: 50px; height: 50px; height:51px\9; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; z-index:1;}
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: 50%; left: 11px; right: 11px; height: 4px; background: white; transform:translateY(-50%);}
.c-hamburger span::before,
.c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #fff; content: ""; }
.c-hamburger span::before { top: -9px; }
.c-hamburger span::after { bottom: -9px; }
.c-hamburger--htx { background-color: #CE2E3B; }
.c-hamburger--htx span { transition: background 0s 0.3s; }
.c-hamburger--htx span::before,
.c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.c-hamburger--htx span::before { transition-property: top, transform; }
.c-hamburger--htx span::after { transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {background-color: #B1222D;}
.c-hamburger--htx.is-active span { background: none; }
.c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; }

@media screen and (max-width:992px){
	.c-hamburger{display: block; position: absolute; right: 17px; top:0; z-index:5;}
}