/* hamburber menu */
.c-hamburger { display: none; position: relative; overflow: hidden; width: 69px; height: 69px; height:69px\9; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; z-index:1; border-left:1px solid #e5e5e5;}
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: 50%; left: 20px; right: 20px; height: 3.5px; background: #333; transform:translateY(-50%);}
.c-hamburger span::before,
.c-hamburger span::after { position: absolute; display: block; left: 0; width: 28px; height: 3px; background-color: #333; content: ""; }
.c-hamburger span::before { top: -8px; }
.c-hamburger span::after { bottom: -8px; }
.c-hamburger--htx { background-color: #fff; }
.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:1023px){
	.c-hamburger{display: block; position: absolute; right: 0; top:0; z-index:5;}
}