.nav-container {  position: relative;  z-index: 4; top:0; width: 100%; left: 0;   float: left;
	  width: 310px;
	background: #66c4d3; }


	 #menu-icon {
		display: block;
		font-size: 34px;
		color: #fff;
		cursor: pointer;
		text-transform: none;
		font-weight: 500;
		padding:0 0 0 20px;
		line-height: 70px;
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

	}
	#menu-icon:before {content: "\f0c9"; font-size: 21px; line-height: 70px; float: right; padding:0 25px 0 20px; }
	#menu-icon:hover {color: #333;}


.uMenuRoot {
	position: absolute;
	background: #f2f2f2;
	display: none;
}
.uMenuRoot:after { display: table; clear: both; content: "";}
.uMenuRoot li {
	display: inline-block;
	text-align: left;
	position: relative;
	z-index: 99;
	width: 100%;
	border-bottom: solid 1px #c7c8cb;
}
.uMenuRoot li:last-child {border: 0;}
.uMenuRoot li.uWithSubmenu {z-index: 999;}
.uMenuRoot > li {margin-right:0px; }
.uMenuRoot > li > a {display: inline-block;}
.uMenuRoot>li>a {
	cursor: pointer;
	display: block;
	font-size: 17px;
	line-height: 25px;
	color: #3b3e4f;
	padding: 20px 25px;
	font-family: 'Roboto', sans-serif;
	position: relative;
	z-index: 2;
	-webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.uMenuRoot>li>a:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	background: #3b3e4f;
	z-index: -1;
	-webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.uMenuRoot>li:last-child>a {

}
.uMenuRoot > li > a > span {
	 cursor: pointer;
	display: block;
	white-space: nowrap;
}
.uMenuRoot > li.uWithSubmenu > a span:after { 
	display: inline-block; 
	vertical-align: middle;
	position: absolute;
	right: 14px;
	top: 14px;
	content: "\f101";
  color: #66c4d3;
  font-size: 25px;
  text-align: center;
  background: #fff;
  line-height: 36px;
  width: 36px;
  -webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.uMenuRoot > li.sfHover.uWithSubmenu > a span:after, .uMenuRoot > li.uWithSubmenu > a:hover span:after, .uMenuRoot > li.uWithSubmenu > a.uMenuItemA span:after {content: "\f103"; background: #66c4d3; color: #fff;}
.uMenuRoot > li.sfHover > a,
.uMenuRoot > li > a:hover,
.uMenuRoot > li > a.uMenuItemA { color: #fff; background-color: #66c4d3;}

.uMenuRoot > li.sfHover > a:before,
.uMenuRoot > li > a:hover:before,
.uMenuRoot > li > a.uMenuItemA:before { height: 100%;}

.uMenuRoot li a:hover {  text-decoration: none;}

.uMenuRoot ul {
	position: absolute;
	top: -999em;
	z-index: 99;
	padding: 7px 20px;
	display: none;
	moz-box-sizing:content-box;
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	 box-sizing: content-box;

	width: 250px;
	background: #f2f2f2;
	/*padding: 20px;*/
	padding: 0;
}
.uMenuRoot li li.uWithSubmenu > a:before { content: "\f107"; float: right; font-size: 15px; color: #fff;}

.uMenuRoot li li.uWithSubmenu.sfHover > a:before,
.uMenuRoot li li.uWithSubmenu:hover > a:before,
.uMenuRoot li li.uWithSubmenu > a.uMenuItemA:before { content: "\f105";}

.uMenuRoot li li.last { }
.uMenuRoot li li {  position: relative; float: none; border-bottom: solid 1px #c7c8cb; padding: 0;}
.uMenuRoot li li:last-child {border: 0;}
.uMenuRoot li li a {
	background: none;
	/*border:none;*/
	display: block;
	font-size: 17px;
	line-height: 25px;
	color: #3b3e4f;
	padding: 20px 25px;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.uMenuRoot li li > a:hover,
.uMenuRoot li li.sfHover > a,
.uMenuRoot li li > a.uMenuItemA {  color: #fff; background-color: #3b3e4f; outline: none; }

.uMenuRoot ul ul {
	position: absolute;
	top: -999em;
	z-index: 99;
	width: 220px;
}
.uMenuRoot li:hover ul,
.uMenuRoot li.sfHover ul {
	left: 313px;
	top: 0px;
	/* match top ul list item height */
}

ul.uMenuRoot li:hover li ul,
ul.uMenuRoot li.sfHover li ul {
	top: -999em;
}
ul.uMenuRoot li li:hover ul,
ul.uMenuRoot li li.sfHover ul {
	left: 30px;
	/* match ul width */
	top:0px;
}
ul.uMenuRoot li li:hover li ul,
ul.uMenuRoot li li.sfHover li ul {
	top: -999em;
}
ul.uMenuRoot li li li:hover ul,
ul.uMenuRoot li li.sfHover ul {
	left: 216px;
	/* match ul width */
	top: 0px;
}


/******* Menu shop ******************/
.gTable {background: none;}
.block .gTableTop,
.block .gTableSubTop {
	background: none; 
	height: auto; 
	font-size: 14px !important; 
	color: #333; 
	padding:0; 
	margin: 4px 0; 
	cursor: pointer;
	font-weight: normal;
	text-transform: capitalize;
}
.block .gTableTop:hover, .block .gTableSubTop:hover/*,.block .gTableSubTop */{color: #d2c314;}
.cat-blocks div:before {content: "\f105"; margin-right: 10px; font-size: 14px;}
.cat-blocks .div[text='"="']:before {content: ".sdgfd.";}
.gTableSubTop {background: none;}
.cat-blocks ul {display: none; padding-left: 15px;}
/*.forumNameTd, .forumLastPostTd {padding: 0; margin-left: 10px; margin-bottom: 3px; text-transform: capitalize;}
.forumDescr, 
.forumModer {
	text-decoration: none;
	color: #ccc;
} */
.select-menu {display: none !important;}

@media only screen and (max-width: 991px) {
	.nav-container {
			padding: 10px 0;
	}
	.uMenuV {}
	.uMenuRoot {display: none;}
	.select-menu {
		background: #FFFFFF;
		border: solid 4px #87e7f6;
		border-radius: 0;
		box-shadow: 1px 3px 7px -3px #d2d2d2 inset;
		color: #000;
		cursor: pointer;
		display: inline-block !important;
		font-size: 12px;
		height: 30px;
		padding-bottom: 3px; 
		padding-right: 3px;
		padding-top: 3px;
		vertical-align: middle;
		width: 100%;
	}

	.nav-container {
			/* padding: 10px 0; */
			/* margin-left: -30px; */
			/* margin-right: -30px; */
			/* padding-left: 30px; */
			/* padding-right: 30px; */
			width: 100%;
			padding: 0 10px 10px;
		}


}
@media only screen and (max-width: 767px) { 
		
}