/*------------------------------------------------------------------
[Table of contents]

1. MegaMenu Horizontal
2. MegaMenu Mobile Heading
3. Responsive MegaMenu
-------------------------------------------------------------------*/

/* @group 1. MegaMenu Horizontal
------------------*/	
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	z-index: 15;
}

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

	#menu .background-menu {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}
	
	.megaMenuToggle,
	.megamenu-heading {
		display: none;
	}
	
	.container-megamenu, 
	.container-megamenu .container {
		padding: 0px;
	}
	
		.container-megamenu.container .container {
			width: auto !important;
		}

	.megamenu-wrapper {
		text-align: left;
	}
		     
	          .header-type-6 #top .container .megamenu-wrapper {
	               padding-right: 330px;
	          }
	
		ul.megamenu {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: relative;
			z-index: 0;
			opacity: 1;
			text-align: left;
		}
		
		     #top .container .megamenu-wrapper ul.megamenu {
		          position: static;
		     }
			
			ul.megamenu > li {
				display: block;
				margin: 0 auto;
			}
			
			     ul.megamenu > li.home {
			          margin-right: 5px;
			     }
			     
				ul.megamenu > li.pull-right {
					float: right;
				}
				
				ul.megamenu > li .close-menu,
				ul.megamenu > li .open-menu {
					display: none;
				}
				
				/* @group Search */
				
				ul.megamenu > li.search {
					background: none;
				}
				
					#top ul.megamenu > li.search .search_form, ul.megamenu > li.search .search_form {
						padding: 0px;
						margin: 8px;
					}
					
						#top ul.megamenu > li.search .search_form input, ul.megamenu > li.search .search_form input {
							height: 29px;
							min-height: 29px;
							border: none;
						}
						
						ul.megamenu > li.search .button-search2 {
							top: 6px;
							right: 8px;
						}
						
				/* @end */
				
				ul.megamenu > li > a,
				ul.megamenu > li.current > span {
					display: block;
					position: relative;
					color: #fff;
					font-size: 18px;
					line-height: 21px;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					padding: 3px 6px;
					text-align: center;
				}

					ul.megamenu > li > a strong {
						font-weight: 400;
					}
														
					ul.megamenu > li.current {
						background: #fff;
						border-radius: 4px;
						cursor: default;
					}
					
					ul.megamenu > li > a > .fa-home {
						display: block;
						font-size: 16px;
						padding: 2px 0px 0px 0px;
					} 
					
					#top .container .megamenu-wrapper ul.megamenu > li > a > .fa-home {
					     background: url(../img/icon-home.png) top left no-repeat;
					     width: 13px;
					     height: 12px;
					     display: block;
					     margin-top: 4px;
					     padding: 0px;
					}

					     #top .container .megamenu-wrapper ul.megamenu > li > a > .fa-home:before {
					          display: none;
					     }
					
					ul.megamenu > li > a img {
						margin-right: 10px;
						height: 22px;
						vertical-align: top;
					}
					
					/* @group Description */
					
					ul.megamenu > li > a.description {
						font-size: 14px;
						padding: 10px 20px 11px 21px;
						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;
						}
						
					/* @end */
					
					/* @group Submenu */
					
					ul.megamenu > li > .sub-menu {
						position: absolute;
						z-index: -20;
						visibility: hidden;
						right: 0;
					}
					
						ul.megamenu > li.active > .sub-menu {
							z-index: 20;
							right: auto;
							visibility: visible;
						}
					
						ul.megamenu > li > .sub-menu > .content {
							display: none;
						}
					
							ul.megamenu > li.active > .sub-menu > .content {
								display: block;
							}
							
							ul.megamenu > li > .sub-menu .mobile-link {
								display: none;
							}
							
							
						/* @group Transitions */
							
						/* @group Transition fade */
						
						ul.megamenu.fade > li > .sub-menu > .content {
							display: block;
							opacity: 0;
							filter: alpha(opacity=0);
							visibility: hidden;
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
						}
						
							ul.megamenu.fade > li.active > .sub-menu > .content {
								display: block;
								opacity: 1;
								filter: alpha(opacity=100);
								visibility: visible;
							}
							
						/* @end */
							
						/* @group Transition shift up */
						
						ul.megamenu.shift-up > li > .sub-menu > .content {
							display: block;
							opacity: 0;
							filter: alpha(opacity=0);
							visibility: hidden;
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
							margin-top: 18px;
						}
							ul.megamenu.shift-up > li.active > .sub-menu > .content {
								margin-top: 0px;
								display: block;
								opacity: 1;
								filter: alpha(opacity=100);
								visibility: visible;
							}
							
						/* @end */
							
						/* @group Transition shift down */
						
						ul.megamenu.shift-down > li > .sub-menu > .content {
							display: block;
							opacity: 0;
							filter: alpha(opacity=0);
							visibility: hidden;
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
							margin-top: -18px;
						}
							ul.megamenu.shift-down > li.active > .sub-menu > .content {
								margin-top: 0px;
								display: block;
								opacity: 1;
								filter: alpha(opacity=100);
								visibility: visible;
							}
					     
					     /* @end */
							
						/* @group Transition shift left */
						
						ul.megamenu.shift-left > li > .sub-menu > .content {
							display: block;
							opacity: 0;
							filter: alpha(opacity=0);
							visibility: hidden;
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
							left: 30px;
						}
							ul.megamenu.shift-left > li.active > .sub-menu > .content {
								left: 0px;
								display: block;
								opacity: 1;
								filter: alpha(opacity=100);
								visibility: visible;
							}
							
						/* @end */
							
						/* @group Transition shift right */
						
						ul.megamenu.shift-right > li > .sub-menu > .content {
							display: block;
							opacity: 0;
							filter: alpha(opacity=0);
							visibility: hidden;
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
							left: -30px;
						}
							ul.megamenu.shift-right > li.active > .sub-menu > .content {
								left: 0px;
								display: block;
								opacity: 1;
								filter: alpha(opacity=100);
								visibility: visible;
							}
							
						/* @end */
							
						/* @group Transition flipping */
						
						ul.megamenu.flipping > li > .sub-menu > .content {
							display: block;
							filter: alpha(opacity=0);
							visibility: hidden;
							opacity: 0;
							-webkit-transform-origin: 50% 0%;
							-o-transform-origin: 50% 0%;
							transform-origin: 50% 0%;
							-webkit-transform: perspective(350px) rotateX(-90deg);
							-o-transform: perspective(350px) rotateX(-90deg);
							transform: perspective(350px) rotateX(-90deg);
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
						}
						
							ul.megamenu.flipping > li.active > .sub-menu > .content {
								display: block;
								opacity: 1;
								filter: alpha(opacity=100);
								visibility: visible;
								-webkit-transform: perspective(350px) rotateX(0deg);
								-o-transform: perspective(350px) rotateX(0deg);
								transform: perspective(350px) rotateX(0deg);
								-webkit-transition:0.2s linear 0s;
								-o-transition:0.2s linear 0s;
								transition:0.2s linear 0s;
							} 
							
						/* @end */
						
						/* @group Transition slide */
						
						ul.megamenu.slide > li > .sub-menu > .content {
							display: block;
							opacity:0;
							filter: alpha(opacity=0);
							visibility: hidden;
							-webkit-transform-origin: top;
							-moz-transform-origin: top;
							-o-transform-origin: top;
							-ms-transform-origin: top;
							transform-origin: top;
							
							-webkit-animation-fill-mode: forwards;
							-moz-animation-fill-mode: forwards;
							-ms-animation-fill-mode: forwards;
							-o-animation-fill-mode: forwards;
							animation-fill-mode: forwards;
							
							-webkit-transform: scale(1, 0);
							-moz-transform: scale(1, 0);
							-o-transform: scale(1, 0);
							-ms-transform: scale(1, 0);
							transform: scale(1, 0);
							
							-webkit-transition: all 0.2s ease-out;
							-moz-transition: all 0.2s ease-out;
							-o-transition: all 0.2s ease-out;
							-ms-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
						}
						
							ul.megamenu.slide > li.active > .sub-menu > .content {
								-webkit-transform: scale(1, 1);
								-moz-transform: scale(1, 1);
								-o-transform: scale(1, 1);
								-ms-transform: scale(1, 1);
								transform: scale(1, 1);
								opacity:1 !important;
								filter: alpha(opacity=100) !important;
								visibility: visible !important;
							} 
							
						/* @end */
							
						/* @end */
					
						.horizontal ul.megamenu > li > .sub-menu {
							max-width: 100%;
							top: 100%;
							margin-top: 20px;
						}
											
						ul.megamenu li .sub-menu .content {
							padding: 25px;
							background: #fff;
						}
						
							ul.megamenu .sub-menu .content > .row {
								padding-top: 20px;
							}
							
							ul.megamenu .sub-menu .content > .border {
								padding-top: 0px;
							}
							
								ul.megamenu .sub-menu .content > .row:first-of-type {
									padding: 0px;
								}
                                   
                                   /* @group Text style */
                                   
                                   ul.megamenu li h3 {
                                        padding: 0px 0px 24px 0px;
                                        margin: -6px 0px 24px 0px;
                                        font-size: 23px;
                                        text-transform: uppercase;
                                        border-bottom: 2px solid #182140;
                                        display: inline-block;
                                        position: relative;
                                   }
                                   
                                   ul.megamenu li p {
                                        padding: 0px;
                                        margin: 0px;
                                        line-height: 23px;
                                   }
                                   
                                   /* @end */
                                   
                                   /* @group Product */
							
							ul.megamenu li .product {
								position: relative;
								padding: 15px;
							}
								
								ul.megamenu li .product .image {
									padding: 0px;
								}
								
									ul.megamenu li .product .image img {
                                                  display: block;
                                                  margin: 0px auto;
									}
								
								ul.megamenu li .product .name {
									padding: 20px 0px 0px 0px;
								}
								
								ul.megamenu li .product .price {
									color: #182140;
									font-size: 16px;
									font-family: Lato;
									font-weight: 800;
									-webkit-font-smoothing: antialiased;
									-moz-osx-font-smoothing: grayscale;
									padding: 0px;
									margin: 0px;
								}
								
							/* @end */

							/* @group Open Categories */
							
							ul.megamenu li .sub-menu .content .open-categories,
							ul.megamenu li .sub-menu .content .close-categories {
								display: none;
							}
							
							/* @end */
							
							/* @group Static Menu */
							
							ul.megamenu li .sub-menu .content .static-menu a.main-menu {
								font-weight: 800;
								font-size: 17px;
								color: #182140;
								text-transform: uppercase;
								-webkit-font-smoothing: antialiased;
								-moz-osx-font-smoothing: grayscale;
							}
							
							     ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover {
							          color: #6daca1;
							     }
							
							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-top: 23px;
									border-top: 1px solid #e5e5e5;
									margin-top: 20px;
								}
								
								     ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li:first-child {
								          padding-top: 0px;
								          margin-top: -8px;
								          border: none;
								     }
							
								ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
									padding: 10px 0px 0px 0px;
								}
									
							/* @end */
									
							/* @group Hover Menu */
							
							ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
							}
							
							     ul.megamenu li .sub-menu .content .hover-menu a.with-submenu {
							          position: relative;
							          padding-right: 30px;
							          margin-right: -30px;
							          display: block;
							          overflow: hidden;
							          -webkit-transition: all 0.2s ease-out;
							          -moz-transition: all 0.2s ease-out;
							          -o-transition: all 0.2s ease-out;
							          -ms-transition: all 0.2s ease-out;
							          transition: all 0.2s ease-out;
							     }
							     
							          ul.megamenu li .sub-menu .content .hover-menu a.with-submenu:before {
							               display: block;
							               position: absolute;
							               top: 9px;
							               right: 30px;
							               font-family: "Font Awesome 5 Pro";
							               cursor: pointer;
							               font-size: 9px;
							               line-height: 9px;
							               font-weight: 400;
							               -webkit-font-smoothing: antialiased;
							               -moz-osx-font-smoothing: grayscale;
							               content: "\f061";
							               color: #cecece;
							               -webkit-transition: all 0.2s ease-out;
							               -moz-transition: all 0.2s ease-out;
							               -o-transition: all 0.2s ease-out;
							               -ms-transition: all 0.2s ease-out;
							               transition: all 0.2s ease-out;
							          }
							          
							               ul.megamenu li .sub-menu .content .hover-menu li:hover > a.with-submenu:before {
							                    right: 0px;
							                    color: #6daca1;
							                    opacity: 0;
							               }
							               
							          ul.megamenu li .sub-menu .content .hover-menu a.with-submenu:after {
							               display: block;
							               position: absolute;
							               top: 9px;
							               left: -30px;
							               font-family: "Font Awesome 5 Pro";
							               cursor: pointer;
							               font-size: 9px;
							               line-height: 9px;
							               font-weight: 400;
							               -webkit-font-smoothing: antialiased;
							               -moz-osx-font-smoothing: grayscale;
							               content: "\f061";
							               color: #cecece;
							               -webkit-transition: all 0.2s ease-out;
							               -moz-transition: all 0.2s ease-out;
							               -o-transition: all 0.2s ease-out;
							               -ms-transition: all 0.2s ease-out;
							               transition: all 0.2s ease-out;
							          }
							          
							               ul.megamenu li .sub-menu .content .hover-menu li:hover > a.with-submenu:after {
							                    left: 0;
							                    color: #6daca1;
							               }
							     
							          ul.megamenu li .sub-menu .content .hover-menu li:hover > a.with-submenu {
							               color: #6daca1;
							               padding-left: 13px;
							          }
							
							ul.megamenu li .sub-menu .content .hover-menu .menu ul {
								list-style: none;
								margin: -7px 0px -11px 0px;
								padding: 0px;
								position: relative;
							}
							
							     ul.megamenu li .sub-menu .content .hover-menu .menu ul a {
							          font-size: 12px;
							          line-height: 30px;
							          /*text-transform: uppercase;*/
							          font-weight: 700;
							     }
							
								ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
								     display: none;
									margin-top: -51px;
									opacity: 0;
									filter: alpha(opacity=0);
									visibility: hidden;
									-webkit-transition: all 0.2s ease-out;
									-moz-transition: all 0.2s ease-out;
									-o-transition: all 0.2s ease-out;
									-ms-transition: all 0.2s ease-out;
									transition: all 0.2s ease-out;
									width: 220px;
									padding: 30px;
									position: absolute;
									z-index: 10;
									left: 100%;
									margin-left: 60px;
									background: #fff;
									box-shadow:            0px 0px 20px rgba(0, 0, 0, 0.2);
									-moz-box-shadow:       0px 0px 20px rgba(0, 0, 0, 0.2);
									-webkit-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.2);
								}
								
								     ul.megamenu li:hover .sub-menu .content .hover-menu .menu ul ul {
								          display: block;
								     }
								
									ul.megamenu li .sub-menu .content .hover-menu .menu ul ul.active {
										display: block;
										opacity: 1;
										filter: alpha(opacity=100);
										visibility: visible;
										margin-left: 30px;
									}

									ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
										position: absolute;
										display: block;
										border-color: transparent;
										border-style: solid;
										border-width: 10px;
										content: "";
										top: 24px;
										left: -10px;
										border-right-color: #fff;
										border-left-width: 0;
									}
								
									ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
										position: relative;
									}
								
						     /* @end */
								
					/* @end */
					
     /* @end */

	/* @group 2. MegaMenu Mobile Heading */
	
	.megaMenuToggle {
		display: none;
		cursor: pointer;
	}
	
		.megamenuToogle-wrapper {
			position: relative;
			z-index: 26;
			background: #786762;
		}
		     
		     #top .container .megamenuToogle-wrapper {
		          background: #fff;
		          border: 2px solid #d9d9d9;
		          width: 40px;
		          height: 40px;
		          overflow: hidden;
		          margin-top: 24px;
		          z-index: 0;
		     }

			.megamenuToogle-wrapper .container {
				color: #fff;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: 800;
				padding: 13px 20px 11px 20px !important;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			
			     #top .container .megamenuToogle-wrapper .container {
			          padding: 8px 11px 11px 11px !important;
			          margin: 0px;
			     }
			
				.vertical .megamenuToogle-wrapper .container {
					padding: 9px 20px 8px 15px !important;
				}
			
				.megamenuToogle-wrapper .container > div {
					float: left;
					width: 15px;
					margin: 4px 11px 0px 0px;
				}
				
					.megamenuToogle-wrapper .container > div span {
						display: block;
						width: 100%;
						height: 2px;
						margin-top: 2px;
						background: #fff;
					}
					
					#top .container .megamenuToogle-wrapper .container > div {
					     margin-bottom: 30px;
					}
					
					     #top .container .megamenuToogle-wrapper .container > div span {
					          background: #221f1f;
					     }
					
	/* @end */

/* @group 3. Responsive
------------------*/

@media (max-width: 767px) {
	
	/* @group Submenu */
	
	.responsive ul.megamenu .sub-menu .content .border {
		display: none;
	}
	
	.responsive ul.megamenu .sub-menu .content .row {
		padding: 0px;
	}
	
		.responsive ul.megamenu .sub-menu .content .row > div {
			padding-top: 20px;
			margin-top: 20px;
		}
		
			.responsive ul.megamenu .sub-menu .content .row:first-of-type > div:first-child {
				margin-top: 0px;
				border-top: none;
				padding-top: 0px;
			}
			
			.responsive ul.megamenu .sub-menu .content .row:first-of-type > div.mobile-disabled + .mobile-enabled {
				margin-top: 0px;
				border-top: none;
				padding-top: 0px;
			}
			
			.responsive ul.megamenu .sub-menu .content .row:first-of-type > div.mobile-enabled + .mobile-disabled + .mobile-enabled,
			.responsive ul.megamenu .sub-menu .content .row:first-of-type > div.mobile-enabled + .mobile-disabled  + .mobile-disabled + .mobile-enabled,
			.responsive ul.megamenu .sub-menu .content .row:first-of-type > div.mobile-enabled + .mobile-disabled  + .mobile-disabled + .mobile-disabled + .mobile-enabled,
			.responsive ul.megamenu .sub-menu .content .row:first-of-type > div.mobile-enabled + .mobile-disabled  + .mobile-disabled + .mobile-disabled + .mobile-disabled + .mobile-enabled  {
				margin-top: 20px;
				border-top: 2px solid #d9d9d9;
				padding-top: 20px;
			}
			
	/* @end */
			
	/* @group Open Categories */
	
	.responsive ul.megamenu li .menu > ul > li {
		position: relative;
	}
	
		.responsive ul.megamenu .menu > ul > li.active > .close-categories {
			display: block !important;
			position: absolute;
			top: 0;
			right: 0;
			height: 45px;
			cursor: pointer;
		}
		
		     .responsive #top .container .megamenu-wrapper ul.megamenu .menu > ul > li.active > .close-categories {
		          right: -10px;
		     }
		
			.responsive ul.megamenu .menu > ul > li.active > .close-categories:before {
				content: "-";
				font-family: Arial;
				font-weight: 300;
				font-size: 36px;
				line-height: 46px;
				padding: 0px 18px;
			}
		
		.responsive ul.megamenu .menu > ul > li > .open-categories {
			display: block !important;
			position: absolute;
			top: 0;
			right: 0;
			height: 45px;
			cursor: pointer;
		}
		
		     .responsive #top .container .megamenu-wrapper ul.megamenu .menu > ul > li > .open-categories {
		          right: -10px;
		     }
		
			.responsive ul.megamenu .menu > ul > li.active > .open-categories {
				display: none !important;
			}
		
			.responsive ul.megamenu li .open-categories:before {
				content: "+";
				font-family: Arial;
				font-weight: 300;
				font-size: 24px;
				line-height: 50px;
				padding: 0px 17px;
			}
			
			.responsive #main ul.megamenu li .menu > ul > li .visible,
			.responsive #main ul.megamenu li .menu > ul > li > ul {
				display: none;
			}
			
				.responsive #main ul.megamenu li .menu > ul > li.active .visible,
				.responsive #main ul.megamenu li .menu > ul > li.active > ul {
				}
				
	/* @end */
			
	/* @group Categories -> Hover Menu & Static Menu */
	
	.responsive ul.megamenu li .sub-menu .content .hover-menu .menu,
	.responsive ul.megamenu li .sub-menu .content .static-menu .menu {
		position: relative;
		margin: -20px;
		overflow: hidden;
	}
	
		.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul,
		.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul {
			margin: 0px;
			padding: 0px;
		}
	
		.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li,
		.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li {
			background: url(../img/bg-cart-content.png) top left repeat-x;
		}
		
			.responsive .border-width-1 ul.megamenu li .sub-menu .content .hover-menu .menu ul li,
			.responsive .border-width-1 ul.megamenu li .sub-menu .content .static-menu .menu ul li {
				background: url(../img/bg-cart-content2.png) top left repeat-x;
			}
		
			.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li:before {
				display: none;
			}
		
			.responsive ul.megamenu li .sub-menu .content .hover-menu .menu > ul:first-child > li:first-child,
			.responsive ul.megamenu li .sub-menu .content .static-menu:first-child .menu > ul:first-child > li:first-child {
				background: none;
			}
			
			.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a,
			.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li a {
				display: block;
				padding: 10px 20px 6px 30px;
				font-size: 12px;
				font-weight: 700;
				line-height: 30px;
				text-transform: uppercase;
			}
			
			     .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a:before,
			     .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a:after {
			          display: none;
			     }
			
			     .responsive #top .container .megamenu-wrapper ul.megamenu li .sub-menu .content .hover-menu .menu ul li a,
			     .responsive #top .container .megamenu-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul li a {
			          padding-left: 15px;
			     }
						
			.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul,
			.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
				margin: 0px !important;
				padding: 0px !important;
				opacity: 1 !important;
				filter: alpha(opacity=100);
				visibility: visible !important;
				-webkit-transition: none !important;
				-moz-transition: none !important;
				transition: none !important;
			}
			
				.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li a,
				.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a {
					padding-left: 40px !important;
				}
				
				     .responsive #top .container .megamenu-wrapper ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li a,
				     .responsive #top .container .megamenu-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a {
				          padding-left: 30px !important;
				     }
				
					.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul ul li a,
					.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul ul ul li a {
						padding-left: 60px !important;
					}
					
					     .responsive #top .container .megamenu-wrapper ul.megamenu li .sub-menu .content .hover-menu .menu ul ul ul li a,
					     .responsive #top .container .megamenu-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul ul li a  {
					          padding-left: 45px !important;
					     }
					
			.responsive ul.megamenu .sub-menu .content .static-menu .row > div {
				padding: 0px 20px !important;
				margin-top: 0px;
			}
			
			.responsive .static-menu .visible {
				padding: 0px !important;
			}
			
			.responsive ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
				padding: 0px;
				margin: 0px;
				border: none;
			}
			
	/* @end */
}


@media (max-width: 991px) {

	/* @group Submenu background image */
	
	.responsive ul.megamenu li .sub-menu .content {
		background-image: none !important;
		padding: 15px 0;
	}
		
	/* @end */

	/* @group MegaMenu Vertical */
	
	.responsive .vertical #menuHeading {
	}
	
		.responsive .vertical ul.megamenu > li.click:before, 
		.responsive .vertical ul.megamenu > li.hover:before {
			display: none;
		}
		
	/* @end */
	
	/* @group MegaMenu Horizontal */			
	.responsive .megamenu-wrapper {
		opacity: 0;
		position: fixed;
		background: #fff;
		color: #000;
		width: 100%;
		left: 0;
		top: 0;
		padding: 0;
		max-width: 270px;
		height: calc(var(--vh,1vh)*100);
		z-index: 9999;
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s,-webkit-transform .3s,opacity .3s;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	.responsive .megamenu-wrapper.active {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	
	.responsive .megamenu-wrapper .megamenu-body {
		height: 100%;
		overflow: auto;
	}
	
	.responsive .megamenu-wrapper .megamenu-heading {
		background: #F5F0EB;
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
		padding: 15px 10px;
		display: block;
	}
	
	.responsive .megamenu-wrapper::before, 
	.responsive .megamenu-wrapper::after {
		content: '';
		position: absolute;
		top: 20px;
		left: 280px;
		width: 24px;
		height: 2px;
		background-color: #fff;
	}
		
		.responsive .megamenu-wrapper::before {
			transform: rotate(45deg);
		}
		
		.responsive .megamenu-wrapper::after {
			transform: rotate(-45deg);
		}
		
		.responsive ul.megamenu {
			display: block;
		}
	
		.responsive ul.megamenu > li {
			display: block;
			margin: 10px;
			padding: 5px 0;
			float: none !important;
			text-align: left;
			position: relative;
			height: auto !important;
		}
		
			.responsive ul.megamenu > li.home, 
			ul.megamenu > li.search {
				display: none;
			}
			
			.responsive ul.megamenu > li > a,
			.responsive ul.megamenu > li > span {
				display: inline-block;
				color: #000;
				font-size: 14px;
				line-height: 17px;
				text-transform: none;
				margin: 0;
				padding: 0;
				height: auto;
			}
			
			.responsive ul.megamenu > li:not(.promo) > a {
				padding-left: 0;
			}
			
			.responsive ul.megamenu > li > a:hover,
			.responsive ul.megamenu > li.active > a {
				color: #8908FF;
				background: inherit;
			}
			
			     .responsive ul.megamenu > li.with-sub-menu > a:after {
			          display: none;
			     }
			
			     .responsive ul.megamenu .megamenu-label {
			          display: inline-block;
			          position: relative;
			          top: -1px;
			          left: 12px;
			          margin-left: 0 !important;
			     }
			          .responsive ul.megamenu .megamenu-label span {
			               display: none;
			          }
			
				.responsive ul.megamenu > li > .sub-menu > .content > .arrow {
					display: none;
				}
			
				.responsive ul.megamenu > li:hover,
				.responsive ul.megamenu > li.active {
				}

				.responsive ul.megamenu > li.with-sub-menu .open-menu {
					position: absolute;
					right: 0;
					top: 0;
					z-index: 10;
					padding: 0;
					margin: 0;
					display: block;
					cursor: pointer;
					color: #000;
				}
				
					.responsive ul.megamenu > li.active .open-menu {
						display: none;
					}
					
						.responsive ul.megamenu > li.with-sub-menu .open-menu:before {
							content: "+";
							font-weight: 300;
							font-size: 20px;
							line-height: 1;
						}
			
				.responsive ul.megamenu > li.active .close-menu {
					display: block;
					position: absolute;
					z-index: 10;
					top: 0;
					right: 0;
					text-align: center;
					cursor: pointer;
					color: #000;
				}
				
					.responsive ul.megamenu > li.active .close-menu:before {
						content: "-";
						font-weight: 300;
						font-size: 20px;
						line-height: 1;
					}

			/* @group Submenu */
			
			.responsive ul.megamenu > li > .sub-menu {
				width: 100% !important;
				padding-top: 0px;
				position: relative;
				display: none;
				-webkit-transition: none !important;
				-moz-transition: none !important;
				transition: none !important;
				z-index: 2 !important;
				visibility: visible !important;
				left: 0 !important;
				margin: 0px !important;
			}
			
			.responsive ul.megamenu > li > .sub-menu .mobile-link {
				display: block;
				color: #E20505;
				text-decoration: none;
				margin-bottom: 20px;
				background: #FFFFFF;
				box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1);
				border-radius: 3px;
				padding: 4px;
				position: relative;
			}
			

			.responsive ul.megamenu > li > .sub-menu .mobile-link:before, 
			.responsive ul.megamenu > li > .sub-menu .mobile-link:after {
				border-right: 1px solid;
				content: '';
				display: block;
				height: 8px;
				margin-top: -6px;
				position: absolute;
				-moz-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				-webkit-transform: rotate(135deg);
				transform: rotate(135deg);
				right: 10px;
				top: 50%;
				width: 0;
			}

			.responsive ul.megamenu > li > .sub-menu .mobile-link:after {
				margin-top: -1px;
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
	
				.responsive ul.megamenu li .sub-menu .content {
					box-shadow: none;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					border: none;
					border-radius: 0px;
					-moz-border-radius: 0x;
					-webkit-border-radius: 0px;
					display: block !important;
					visibility: visible !important;
					opacity: 1 !important;
					filter: alpha(opacity=100) !important;
					margin-top: 0px !important;
					left: 0px !important;
					margin-left: 0px !important;
					-webkit-transition: none !important;
					-moz-transition: none !important;
					transition: none !important;
					-webkit-transform: scale(1, 1) !important;
					-moz-transform: scale(1, 1) !important; 
					-o-transform: scale(1, 1) !important;
					-ms-transform: scale(1, 1) !important;
					transform: scale(1, 1) !important;
				}
				
				.responsive ul.megamenu > li > .sub-menu > .content .container {
					padding: 0;
				}
				
				.responsive ul.megamenu li .sub-menu .content .sub-menu-wrapper {
					border: none;
				}
				
				/* @group Hover Menu */
				
				.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
					display: block;
					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;
					visibility: visible;
					opacity: 1;
				}
				
					.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
						display: none;
					}
					
					.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
						display: none;
					}

					.responsive .visible {
					}
					
						.responsive .visible > div {
							margin: 0px !important;
							border: none !important;
							padding: 0px 0px 0px 10px !important;
						}
						
				/* @end */
						
			/* @end */
						
	/* @end */
}

@media (min-width: 992px) {
	.megamenu-wrapper {
		display: block !important;
	}
}

/* @end */