/* MegaMenu
------------------*/	

#menu {
	position: relative;
	overflow: visible;
}

	#menu .background-menu {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}
	
	#megaMenuToggle {
		display: none;
	}
	
	.container-megamenu, 
	.container-megamenu .container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
		.container-megamenu.container .container {
			width: auto !important;
		}
	
	.megamenu-wrapper {
		position: relative;
		z-index: 4;
	}
	
		ul.megamenu {
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: relative;
			z-index: 0;
			background: url(../img/bg-menu.png) bottom left repeat-x;
		}
		
			.container-megamenu.container ul.megamenu {
				padding-left: 25px;
			}
		
			ul.megamenu:before,
			ul.megamenu:after {
			  display: table;
			  content: " ";
			}
			
			ul.megamenu:after {
			  clear: both;
			}
			
			ul.megamenu > li {
				float: left;
				width: auto;
				margin: 0px 30px 0px 0px;
			}
			
				ul.megamenu > li:first-child {
					background: none;
				}
			
				ul.megamenu > li.pull-right {
					float: right;
				}
				
				ul.megamenu > li .close-menu {
					display: none;
				}
				
				/* Search */
				
				ul.megamenu > li.search {
					background: none;
					margin: 0px;
				}
				
					#top ul.megamenu > li.search .search_form, ul.megamenu > li.search .search_form {
						padding: 0px;
						margin: 10px 0px;
						width: auto;
					}
					
						#top ul.megamenu > li.search .search_form input, ul.megamenu > li.search .search_form input {
							height: 36px;
							min-height: 36px;
							display: block;
						}
				
				ul.megamenu > li > a {
					display: block;
					position: relative;
					color: #2e2f36;
					font-size: 16px;
					padding: 16px 15px 0px 15px;
					margin: 0px -15px 0px -15px;
					height: 55px;
				}

					ul.megamenu > li > a strong {
						font-weight: 600;
					}
				
					ul.megamenu > li > a:hover, 
					ul.megamenu > li.active > a {
						color: #9d9ea8;
					}
					
					ul.megamenu > li > a:before {
						position: absolute;
						content: '';
						display: block;
						width: auto;
						height: 2px;
						background: #494b56;
						bottom: 0;
						left: 15px;
						right: 15px;
						visibility: hidden;
					}
					
						ul.megamenu > li > a:hover:before, 
						ul.megamenu > li.active > a:before {
							visibility: visible;
						}
						
						ul.megamenu > li.home > a:before {
							visibility: visible;
						}
						
							ul.megamenu:hover > li.home > a:before {
								visibility: hidden;
							}
							
							ul.megamenu > li.home:hover > a:before {
								visibility: visible;
							}
					
						ul.megamenu > li > a > .fa-home {
							display: block;
							font-size: 17px;
							margin: 4px 0px 0px 0px;
						}
					
					ul.megamenu > li > a img {
						margin-right: 10px;
						height: 28px;
						vertical-align: middle;
					}
					
					ul.megamenu > li > a.description {
						line-height: 1;
					}
					
						ul.megamenu > li > a.description strong {
							font-size: 14px;
						}
					
						ul.megamenu > li > a.description img {
							float: left;
						}
					
						ul.megamenu > li > a.description .description {
							font-size: 11px;
							opacity: 0.9;
						}
						
						ul.megamenu > li > a.description .description-left {
							float: left;
							width: auto;
						}
					
					/* Submenu */
					
					ul.megamenu > li > .sub-menu {
						position: absolute;
						z-index: 20;
						display: none;
					}

						/* ul.megamenu li .sub-menu .content { */
							/* display: none; */
							/* padding: 30px 35px; */
							/* background: #fff; */
							/* border: 2px solid #494b56; */
							/* box-sizing: content-box !important; */
							/* -moz-box-sizing: content-box !important; */
							/* -webkit-box-sizing: content-box !important; */
						/* } */
						
							ul.megamenu .sub-menu .content > .row {
								padding-top: 30px;
							}
							
							ul.megamenu .sub-menu .content > .border {
								padding-top: 30px;
								background: url(../img/bg-menu.png) bottom left repeat-x;
							}
							
								ul.megamenu .sub-menu .content > .row:first-child {
									padding: 0px;
								}
							
							/* Product */
							
							ul.megamenu li .product {
								position: relative;
								padding: 7px 0px 0px 0px;
							}
								
								ul.megamenu li .product .image {
									padding: 0px;
								}
								
									ul.megamenu li .product .image img {
									}
								
								ul.megamenu li .product .name {
									padding: 15px 0px 0px 0px;
								}
								
									ul.megamenu li .product .name a {
										font-size: 14px;
										line-height: 18px;
									}
								
								ul.megamenu li .product .price {
									font-size: 18px;
									font-weight: 700;
									padding: 5px 0px 5px 0px;
								}

							/* Static Menu */
							
							ul.megamenu li .sub-menu .content .static-menu a.main-menu {
								display: block;
								font-weight: 800;
								font-size: 16px;
								background: url(../img/bg-menu.png) bottom left repeat-x;
								padding: 0px 0px 9px 0px;
								margin: 7px 0px 14px 0px;
							}
							
							ul.megamenu li .sub-menu .content .static-menu .menu ul {
								list-style: none;
								margin: 0px;
								padding: 0px;
								line-height: 30px;
							}
							
								ul.megamenu li .sub-menu .content .static-menu .menu > ul > li {
									padding: 25px 0px 0px 0px;
								}
								
									ul.megamenu li .sub-menu .content .static-menu .menu > ul > li:first-child {
										padding: 0px;
									}

								ul.megamenu li .sub-menu .content .static-menu .menu ul ul ul {
									padding: 0px 10px;
								}

							/* Hover Menu */
							
							ul.megamenu li .sub-menu .content .hover-menu .menu ul li a {
								display: block;
								line-height: 30px;
							}
							
							ul.megamenu li .sub-menu .content .hover-menu .menu ul {
								list-style: none;
								margin: -2px 0px;
								padding: 0px;
								position: relative;
							}
							
								ul.megamenu li .sub-menu .content .hover-menu {
									min-width: 500px !important;
								}
							
								ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
									display: none;
									margin-top: -41px;
									width: 250px;
									padding: 30px 35px;
									position: absolute;
									z-index: 10;
									left: 100%;
									background: #fff;
									border: 2px solid #494b56;
								}
								
									ul.megamenu li .sub-menu .content .hover-menu .menu ul li {
										display: block !important;
									}
								
									ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
										position: relative;
									}
									
	/* Heading MegaMenu */
	
	#megaMenuToggle {
		display: none;
		cursor: pointer;
	}
	
		.megamenuToogle-wrapper {
			position: relative;
			z-index: 20;
		}
			
				.container-megamenu.container .megamenuToogle-wrapper .container .background-megamenu {
					padding-left: 14px;
				}
				
				.megamenuToogle-wrapper .container .background-megamenu {
					color: #2e2f36;
					font-size: 16px;
					font-weight: 600;
					background: url(../img/bg-menu.png) bottom left repeat-x;
					padding: 10px 0px 8px 0px;
				}
			
				.megamenuToogle-wrapper .container .background-megamenu > div {
					float: left;
					width: 15px;
					margin: 4px 9px 0px 0px;
				}
				
					.megamenuToogle-wrapper .container > div span {
						display: block;
						width: 100%;
						height: 3px;
						margin-top: 2px;
						background: #2e2f36;
					}
								
/* Responsive
------------------*/

@media (max-width: 767px) {

	/* MegaMenu Submenu */
	
	.responsive ul.megamenu .sub-menu .content .border {
		display: none;
	}
	
	.responsive ul.megamenu .sub-menu .content {
		padding: 0px;
	}
	
	.responsive ul.megamenu .sub-menu .content .row {
		margin: 0px;
		padding: 0px;
	}
	
		.responsive ul.megamenu .sub-menu .content > .row > div {
			padding: 20px;
			background: url(../img/bg-menu.png) top left repeat-x;
		}
		
			.responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child {
				background: none;
			}
			
			.responsive ul.megamenu .sub-menu .content .row .row > div {
				padding: 0px;
			}
			
			.responsive ul.megamenu li .sub-menu .content .static-menu .menu > ul > li {
				padding: 10px 0px 0px 0px;
			}
			
				.responsive ul.megamenu li .sub-menu .content .static-menu .menu > ul > li:first-child {
					padding: 0px;
				}
}

@media (max-width: 960px) {

	.responsive #megaMenuToggle {
		display: block;
	}
			
	.responsive .megamenu-wrapper {
		display: none;
		background: #fff !important;
		position: relative;
	}
	
		.responsive ul.megamenu {
			padding: 0px !important;
			background: none;
			margin: 0px -20px;
		}
		
		.responsive .container-megamenu.container ul.megamenu {
			margin: 0px;
		}
		
		.responsive ul.megamenu > li {
			display: block;
			float: none !important;
			width: auto;
			position: relative;
			margin: 0px;
		}
		
			.responsive ul.megamenu > li.home, 
			ul.megamenu > li.search {
				display: none;
			}
			
			.responsive ul.megamenu > li > a {
				margin: 0px;
				padding: 10px 20px;
				height: auto;
				color: #2e2f36;
			}
			
				.responsive ul.megamenu > li > a:before {
					content: '';
					position: absolute;
					width: 100%;
					height: 1px;
					background: url(../img/bg-menu.png) bottom left repeat-x;
					bottom: 0;
					left: 0;
					right: 0;
					display: block !important;
					visibility: visible !important;
				}
			
				.responsive ul.megamenu > li.active > a,
				.responsive ul.megamenu > li:hover > a {
					background: #f2f2f2 !important;
				}
			
			.responsive ul.megamenu > li.click:before, 
			.responsive ul.megamenu > li.hover:before {
				content: "\f067";
				font-family: FontAwesome;
				color: #ce9b3a;
				font-weight: 400;
				font-size: 16px;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 10;
				padding: 13px 17px 10px 50px;
			}
			
				.responsive ul.megamenu > li.active .close-menu {
					display: block;
					position: absolute;
					z-index: 10;
					top: 0;
					right: 1px;
					width: 85px;
					height: 100%;
					padding: 12px 0px 0px 40px;
					background: #f2f2f2;
					text-align: center;
					cursor: pointer;
					
				}
				
					.responsive ul.megamenu > li.active .close-menu:before {
						content: "\f068";
						font-family: FontAwesome;
						color: #ce9b3a;
						font-weight: 400;
						font-size: 18px;
					}

			/* Submenu */
			
			.responsive .horizontal ul.megamenu > li > .sub-menu {
				width: 100% !important;
			}
			
				/* Hover Menu */
				
				.responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
					display: block !important;
					margin: 2px 10px;
					width: auto;
					padding: 0px;
					position: static;
					left: 0;
					background: none;
					border: none;
				}
}

@media (min-width: 961px) {

	.megamenu-wrapper {
		display: block !important;
	}

}