@charset "utf-8";
/* jquery.fatNav */



.fatNav_hamburger {
	display: block;
/*	z-index: 10000;	*/
	z-index: 888;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.hamburger__icon {
	position: relative;
/*	margin-top: 7px;	*/
/*	margin-bottom: 7px;	*/
}

.hamburger__icon,
.hamburger__icon::after,
.hamburger__icon::before {
	display: block;
	width: 28px;
/*	height: 2px;	*/
	height: 3px;
	margin: 0 auto;
	background-color: #4f3535;
	-moz-transition-property: background-color,-moz-transform;
	-o-transition-property: background-color,-o-transform;
	-webkit-transition-property: background-color,-webkit-transform;
	transition-property: background-color,transform;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.hamburger__icon::after,
.hamburger__icon::before {
	position: absolute;
	content: "";
}

.hamburger__icon::before {
	top: -9px;
}

.hamburger__icon::after {
	top: 9px;
}

.fatNav_hamburger.active .hamburger__icon {
	background-color: transparent;
}

.fatNav_hamburger.active .hamburger__icon::after,
.fatNav_hamburger.active .hamburger__icon::before {
/*	background-color: #4f3535;	*/
	background-color: #cc0000;
}

.fatNav_hamburger.active .hamburger__icon::before {
	-moz-transform: translateY(9px)rotate(45deg);
	-ms-transform: translateY(9px)rotate(45deg);
	-webkit-transform: translateY(9px)rotate(45deg);
	transform: translateY(9px)rotate(45deg);
}

.fatNav_hamburger.active .hamburger__icon::after {
	-moz-transform: translateY(-9px)rotate(-45deg);
	-ms-transform: translateY(-9px)rotate(-45deg);
	-webkit-transform: translateY(-9px)rotate(-45deg);
	transform: translateY(-9px)rotate(-45deg);
}



.fat-nav {
	position: fixed;
	top: 0;
	left: 0;
/*	z-index: 9999;	*/
	z-index: 777;
	display: none;
	width: 100%;
	height: 100%;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.fat-nav__wrapper {
	height: 100% !important;
	transform: translate(0,0) !important;
}


