body .container-menu {
	background: 		#F4F4F4;
	position: 			relative;
	z-index: 			3;
}

.navbar {
	margin: 			0;
}

.collapse {
	display: 			block;
}

.navbar-default {
	height: 			100%;
}

.navbar-default .navbar-collapse {
	padding:	 		0;			
}

.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background: 		none;
	border: 			none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	box-shadow: 		inset 0 0 0 #FFF;
}

ul.navbar-nav {
	width: 				100%;
	margin-bottom: 		92px;
}

.navbar-nav > li {
	float: 				none;
	padding: 			0;
	width: 				100%;
}

.navbar-default .navbar-nav li a {
	font: 				700 16px/50px 'Open Sans';
	color: 				#555557;
	margin: 			0;
	padding: 			0;
	display: 			block;
	height: 			50px;
	width: 				99.9%;
	position: 			relative;
	z-index: 			2;
	background: 		#F4F4F4;
}

.navbar-default .navbar-nav li .level0 a {
	background: 		transparent;
}

.navbar-default .navbar-nav li a span {
	display: 			block;
	position: 			relative;
	z-index: 			2;
	background: 		transparent url(../images/bg_sprite_mobile.png) no-repeat 35px 21px;
	background-size: 	1000px auto;
	-moz-background-size: 	1000px auto;
	-webkit-background-size: 	1000px auto;
	padding: 			0 0 0 60px;
}

.navbar-default .navbar-nav li a span.color-background {
	position: 			absolute;
	left: 				0;
	top: 				0;
	z-index: 			1;
	width: 				0;
	height: 			100%;
	opacity: 			0;
	filter: 			alpha(opacity=0);
	padding: 			0;
	transition: 	all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: 	all .3s ease-in-out;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: 		#F4F4F4;
}

.navbar-default .navbar-nav li:first-child a span.color-background {
	background: #ffd237 !important;
	width: 100%;
}

.navbar-default .navbar-nav li a:hover span.color-background, 
.navbar-default .navbar-nav .active a span.color-background {
	opacity: 			1;
	filter: 			alpha(opacity=100);
	width: 				100%;
}

.navbar-default .navbar-nav li a:hover {
	text-decoration: 	none;
	color: 				#555557;
}
.navbar-main li.level0 ul.level0 {
    width:              260px;
    min-height:         100%;
    height:             auto;
    overflow:           hidden;
    padding:            0;
    box-shadow:         5px 5px 10px -5px #999, inset 7px 0 10px -7px #999;
    -moz-box-shadow:    5px 5px 10px -5px #999, inset 7px 0 10px -7px #999;
    -webkit-box-shadow: 5px 5px 10px -5px #999, inset 7px 0 10px -7px #999;
    background:         #E5E5E5;
    transition:     	all .3s ease-in-out;
    -moz-transition:	all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: 	all .3s ease-in-out;
    -o-transition:     	all .3s ease-in-out;
    position: 			absolute;
    z-index: 			3;
}

.submenu-container {
    width: 				260px;
    min-height: 		100%;
    position:           absolute;
    left:               -320px;
    top:                0;
    z-index: 			1000;
}

.submenu-over:after {
	font-family: 		'iconvault';
	content: 			'\f102';
	color: 				#FFF;
	font-size: 			25px;
	line-height:		67px;
    display: 			inline-block;
    position: 			absolute;
    top: 				0;
    right: 				10px;
    z-index: 			2;
}

.submenu-over {
	width: 				100%;
	position: 			absolute;
	left: 				0;
	top: 				0;
	bottom: 			0;
	z-index: 			1;
    background: 		#ccc;
	transition:     	background .3s ease-in-out;
    -moz-transition:	background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    -ms-transition: 	background .3s ease-in-out;
    -o-transition:     	background .3s ease-in-out;
}

.submenu-over:hover {
	cursor: 			pointer;
    background: 		#a3a3ab;	
}

@media (max-width: 1200px) {
	.submenu-container {
    	width: 			245px;
   	}
	
	.submenu-over:after {
		right: 			0;
	}

	.navbar-main li.level0 ul.level0 {
		width: 			245px;
	}
}

.navbar-main li.level0:hover ul.level0 {
    height:             auto;
    min-height:         100%;
}

.navbar-default .navbar-nav li ul.level0 a {
	line-height: 		17px;
	margin: 			17px 0;
	height: 			auto;
}

.navbar-default .navbar-nav li ul.level0 a span {
	padding-left: 		28px;
	background: 		none;
	font: 				400 14px/17px 'Open Sans';
	color: 				#444;
    width:100%;
}

.navbar-default .navbar-nav li ul.level0 a:hover span {
	color: 				#101010;
}

.navbar-main li.active ul {
	opacity: 			1;
	height: 			auto;
}

#view-categories {
	height: 			50px;
	cursor: 			pointer;
	color: 				#FFF;
	padding-left: 		70px;
	background: 		#444 url(../images/bg_sprite_mobile.png) no-repeat 35px -184px;
	background-size: 	1000px auto;
	-moz-background-size: 	1000px auto;
	-webkit-background-size: 	1000px auto;
	display: 			block;
	width: 				100%;
	font: 				600 14px/50px 'Open Sans';
	position: 			relative;
}

#view-categories.clicked {
	background: 		#444;
}

#view-categories.clicked:before {
	font-family: 		'iconvault';
	content: 			'\f102';
	color: 				#FFF;
	font-size: 			20px;
    display: 			inline-block;
    position: 			absolute;
    left: 				30px;
    top: 				auto;
}

#menu-category {
	position: 			absolute;
	left: 				0px;
	top: 				50px;
	width: 				0;
	min-height:			100%;
	overflow: 			hidden;
	box-shadow: 		0 2px 10px 0 #999, inset 7px 0 10px -7px #999;
	-moz-box-shadow: 	0 2px 10px 0 #999, inset 7px 0 10px -7px #999;
	-webkit-box-shadow: 0 2px 10px 0 #999, inset 7px 0 10px -7px #999;
	background: 		#F4F4F4;
}

#menu-category ul.navbar-nav {
	margin-bottom: 		0;
}

#menu-subcategory ul.level0, #menu-subcategory a.level-top {
	padding: 			0 0 0 35px;
}	

#menu-subcategory a.level-top {
	display: 			block;
	height: 			60px;
	font: 				700 18px/60px 'Open Sans';
	color: 				#545457;
	position: 			relative;
	text-decoration: 	none;
}

#menu-subcategory a.level-top .color-background {
	display: 			block;
	position: 			absolute;
	left: 				0;
	top: 				0;
	z-index: 			-1;
	width: 				100%;
	height: 			100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.level0 .level-top .color-background{
    display: 			block;
    position: 			absolute;
    left: 				0;
    top: 				0;
    z-index: 			-1;
    width: 				100%;
    height: 			100%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    opacity: 			1 !important;
    filter: 			alpha(opacity=0);

}

ul.level0 .level-top span {
    font: 400 18px/17px 'Open Sans'!important;
    color: #545457 !important;
    font-weight: bold !important;
}
ul.level0 > a {
    margin:0 !important;
    padding:25px 0 !important;
}

ul.level0 li span {
    padding: 			0px 0 9px 0;
}

#menu-subcategory ul.level0 li span {
    padding: 			0px 0 9px 0;
}

#menu-subcategory ul.level0 li a {
	font: 				400 14px/17px 'Open Sans';
	color: 				#444;
	margin: 			15px 0;
	height: 			auto;
	display: 			block;
	padding-right: 		10px;
}

#menu-subcategory ul.level0 li a:hover, #menu-subcategory ul.level0 li.active a {
	color: 				#000;
	text-decoration: 	none;
}

@media (max-width: 1024px) {
	.navbar-main li.level0 ul.level0 {
		width: 			260px;
	}
	
	.submenu-container {
		overflow-y: 	auto;
		-webkit-overflow-scrolling: touch;
	}
}