/* 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 {
			width: auto;
		}

	.megamenu-wrapper {
		position: relative;
		z-index: 4;
		background: #FB7CB1;
		margin: 0px 20px 20px 20px;
	}




	.megamenu-wrapper  .container{
		padding-left: 0px;
		padding-right: 0px;
	}

	.megamenu-pattern {

	}

		ul.megamenu {
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: relative;
			z-index: 0;
		}

			ul.megamenu > li {
				float: left;
				width: auto;
			}

				ul.megamenu > li.pull-right {
					float: right;
					margin-right: 0px;
					margin-left: 20px;
				}

				ul.megamenu > li .close-menu {
					display: none;
				}

				ul.megamenu > li > a {
					display: block;
					position: relative;
					font-size: 14px;
					text-transform: uppercase;
					line-height: 54px;
					height: 54px;
					color: #FFFFFF;
					padding-left: 20px;
					padding-right: 20px;
					font-weight: 600;
					border-right: 1px solid #fd95c0;
				}

				ul.megamenu > li:hover {
						background: #fd95c0;
				}

				ul.megamenu > li:hover a {
						color: #FFFFFF;
				}

					ul.megamenu > li.pull-right > a {
						margin-right: 0px;
						margin-left: 34px;
					}

					ul.megamenu > li > a strong {
						font-weight: 600;
						color: #FFFFFF;
					}

					ul.megamenu > li > a:hover,
					ul.megamenu > li.active > a,
					ul.megamenu > li.home > a,
					ul.megamenu > li:hover > a {

					}



					ul.megamenu > li > a > .icon-home {
						display: block;
						font-size: 23px;
					}

					ul.megamenu > li > a img {
						margin-right: 10px;
						height: 28px;
						vertical-align: middle;
					}

					ul.megamenu > li > a.description {
						font-size: 14px;
						padding: 17px 0px 11px 0px;
						line-height: 1;
						text-transform: none;
						padding-left: 15px;
						padding-right: 15px;
					}

						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: 999;
						display: none;
					}


						.horizontal ul.megamenu > li > .sub-menu {
							max-width: 100%;
						}

						ul.megamenu li .sub-menu .content {
							z-index: 100;
							padding: 20px;
							background: #FFFFFF;
							box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
							box-sizing: content-box !important;
							-moz-box-sizing: content-box !important;
							-webkit-box-sizing: content-box !important;
							position: relative;

						}
						ul.megamenu li .sub-menu .content a{
							color: #868686;
							line-height: 24px;
						}
							ul.megamenu li .sub-menu .content a:hover{
								color: #FB7CB1;
							}

							ul.megamenu .sub-menu .content > .row {
								padding-top: 20px;
							}

							ul.megamenu .sub-menu .content > .border {
								padding-top: 20px;
								border-bottom: 1px solid #EFEFEF;
								position: relative;
								margin: 0px -20px;
							}

								ul.megamenu .sub-menu .content > .row:first-child {
									padding: 0px;
								}

							/* Product */

							ul.megamenu li .product {
								text-align: center;
								position: relative;
								background: #fff!important;
							}

								ul.megamenu li .product .image {
									padding: 0px;
								}
								ul.megamenu li .product .image  img{
								    height: auto;
									max-width: 100%;
								}
								ul.megamenu li .product .image a{
									font-size: 0px;
								}

								ul.megamenu li .product .name {
									padding: 7px 0px 0px 0px;
									background: #fff!important;
								}

									ul.megamenu li .product .name a {
										color: #868686;
										font-size: 14px;
										background: #fff!important;
									}

									ul.megamenu li .product .name a:hover {
										color: #FB7CB1;
									}

								ul.megamenu li .product .price {
									color: #868686;
									font-size: 15px;
									font-family: 'Roboto', sans-serif;
								}

							/* Manufacturer */

							ul.manufacturer {
								list-style: none;
								margin: -10px 0px 0px 0px !important;
								padding: 0px;
								position: relative;

							}

								ul.manufacturer li {
									display: inline-block;
									margin: 10px 5px 0px 0px;
								}

									ul.manufacturer li a {
										display: block;
										font-size: 12px;
										padding: 2px 15px;
										border: 1px solid #cccccc;
										background: #FFFFFF!important;
										color: #868686!important;
										text-transform: uppercase;
									}

										ul.manufacturer li a:hover {
											color: #FB7CB1!important;
											border: 1px solid #FB7CB1;
										}

							/* Static Menu */

							ul.megamenu li .sub-menu .content .static-menu a.main-menu {
								display: block;
								font-size: 12px;
								color: #868686;
								font-weight: 600;
								text-transform: uppercase;
							}

							ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover {
								color: #FB7CB1;
							}

							ul.megamenu li .sub-menu .content .static-menu .menu ul {
								list-style: none;
								margin: 0px;
								padding: 5px 0px;
							}

								ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
									padding-top: 7px;
								}

									ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li:first-child {
										padding-top: 0px;
									}

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

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

							/* Hover Menu */

							ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
								display: block;
							}

							ul.megamenu li .sub-menu .content .hover-menu .menu ul {
								list-style: none;
								margin: -20px -20px -20px -20px;
								padding: 0px;
								position: relative;
							}

								ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
									display: none;
									margin: -41px 0px 0px -10px;
									width: 200px;
									position: absolute;
									z-index: 10;
									left: 100%;
									background: #fff;
									border: 1px solid #EFEFEF;
								}

									ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {

									}



									ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
										position: relative;
									}

								ul.megamenu li .sub-menu .content .hover-menu a {
									padding: 10px 12px 10px 12px;
									display: block;
									color: #868686;
									border-top: 1px solid #efefef;
								}

									ul.megamenu li .sub-menu .content .hover-menu li > a:hover {
										color: #FFFFFF;
										background: #fd95c0;
									}




	/* Heading MegaMenu */

	#megaMenuToggle {
		display: none;
		cursor: pointer;
	}

		.megamenuToogle-wrapper {
			position: relative;
			z-index: 20;

		}

			.megamenuToogle-wrapper .container {
				color: #FFFFFF;
				font-size: 14px;
				font-weight: 700;
				padding-top: 10px!important;
				padding-bottom: 10px!important;
				text-transform: uppercase;
			}

				.megamenuToogle-wrapper .container > div {
					float: left;
					width: 15px;
					margin: 2px 9px 0px 0px;
				}

					.megamenuToogle-wrapper .container > div span {
						display: block;
						width: 100%;
						height: 2px;
						margin-top: 3px;
						background: #FFFFFF;
					}

/* Responsive
------------------*/

@media (max-width: 767px) {

	.responsive #megaMenuToggle {
		margin-left: 10px!important;
		margin-right: 10px!important;
		margin-bottom: 0px;
	}

	.responsive .megamenu-pattern {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}

	.responsive .megamenu-wrapper .container {
			padding: 0px !important;
		}

	.responsive .megamenu-wrapper .container {
			width: 100%!important;
		}

	.responsive ul.megamenu > li > a {
    color: #4B4B4B;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding-left: 10px!important;
    padding-right: 10px!important;
}



	/* MegaMenu Submenu */

	.responsive .megamenu-wrapper {
		display: none;
		background: #f4f5f4 !important;
		position: relative;
		margin: 0px;
	}




	.responsive ul.megamenu .sub-menu .content .border {
		display: none;
	}

	.responsive ul.megamenu .sub-menu .content .row {
		margin: 0px -20px;
	}

		.responsive ul.megamenu .sub-menu .content .row > div {
			margin-top: 20px;
			border-top: 1px solid #F0F0F0;
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
		}

			.responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child {
				margin-top: 0px;
				border-top: none;
				padding-top: 0px;
			}

}

@media (min-width:767px) and (max-width:1168px) {
	.responsive .megamenu-wrapper .container {
			padding: 0px !important;
			width: 100%;
		}
		.responsive .standard-body #megaMenuToggle {
		margin: 0;
	}

	.responsive .standard-body .megamenu-pattern {
		margin: 0;
	}
}

@media (max-width: 1169px) {
		.responsive .megamenu-wrapper .container {
			width: 100%!important;
		}
        ul.megamenu > li > a strong {
						font-weight: normal;
						color: #4B4B4B;
					}

	.responsive #megaMenuToggle {
		display: block;
		background: #FB7CB1;
		margin-left: 20px;
		margin-right: 20px;
	}

	.responsive .megamenu-pattern {
		margin-left: 20px;
		margin-right: 20px;
	}

	.responsive .standard-body #megaMenuToggle {
		margin: 0;
	}

	.responsive .standard-body .megamenu-pattern {
		margin: 0;
	}


	.responsive .megamenu-wrapper {
		display: none;
		background: #fff !important;
		border-bottom: 1px solid #FFFFFF;
		position: relative;
		margin: 0;
	}

		.responsive ul.megamenu > li > a {
			color: #4B4B4B;
			display: block;
			font-size: 12px;
			font-weight: 400;
			height: 40px;
			line-height: 40px;
			padding-left: 20px;
			padding-right: 20px;
		}


		.responsive ul.megamenu > li {
			display: block;
			float: none !important;
			width: auto;
			background: none;
			border-top: 1px solid #FFFFFF;
			position: relative;
			margin: 0px;
			border-left: none;
		}



			.responsive ul.megamenu > li > a {
				text-shadow: none;
				background: #f4f5f4;
				height: auto;
				padding: 0px 20px 0px 20px;
				border: none;
			}



				.responsive ul.megamenu > li > a:before {
					display: none !important;
				}

			.responsive ul.megamenu > li.click:before,
			.responsive ul.megamenu > li.hover:before {
				content: "\f067";
				font-family: FontAwesome;
				color: #4b4b4b;
				font-weight: normal;
				font-size: 14px;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 10;
				padding: 9px 17px 10px 30px;
			}

				.responsive ul.megamenu > li.active .close-menu {
					display: block;
					position: absolute;
					z-index: 10;
					top: 0;
					right: 1px;
					width: 85px;
					height: 100%;
					padding: 9px 0px 0px 40px;
					background: #f4f5f4;
					text-align: center;
					cursor: pointer;

				}

					.responsive ul.megamenu > li.active .close-menu:before {
						content: "\f068";
						font-family: FontAwesome;
						color: #75513B;
						font-weight: 400;
						font-size: 14px;
					}

			/* 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: 5px 10px;
					width: auto;
					padding: 0px;
					position: static;
					left: 0;
					background: none;
					border: none;
					border-radius:         0px;
					-moz-border-radius:    0px;
					-webkit-border-radius: 0px;
					box-shadow:            none;
					-moz-box-shadow:       none;
					-webkit-box-shadow:    none;
				}

					.responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
						display: none;
					}

					.responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
						display: none;
					}

				.responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
				}

					.responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
						display: none;
					}

					.responsive .horizontal .visible {
						padding: 5px 0px 5px 0px !important;
					}

						.responsive .horizontal .visible > div {
							margin: 0px !important;
							border: none !important;
							padding: 0px 0px 0px 10px !important;
						}

}