#off-canvas-nav
{
	display: none;
}
@media (max-width: 767px)
{
	.off-canvas
	{
		width: 100%;
		overflow-x: hidden;
		position: relative;
	}
	.off-canvas BODY
	{
		width: 100%;
		overflow-x: hidden;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.off-canvas BODY > *
	{
		left: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.off-canvas #t3-mainnav .nav-collapse, .off-canvas #ja-mainnav .nav-collapse
	{
		display: none;
	}
	.off-canvas #off-canvas-nav
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		z-index: 1;
		background: none;
	}
	.off-canvas #off-canvas-nav .t3-mainnav
	{
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 250px;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.off-canvas #off-canvas-nav .t3-mainnav .nav-collapse
	{
		height: auto;
		background: none;
	}
	.off-canvas-enabled BODY > *
	{
		-webkit-transform: translateX(250px);
		-moz-transform: translateX(250px);
		-o-transform: translateX(250px);
		transform: translateX(250px);
	}
	.off-canvas-enabled #t3-mainnav
	{
		display: block;
	}
}