/*******************************************************SP MegaMenu Style********************************************************/
 .navbar-toggle, .label-menu, #remove-megamenu {
	 display: none;
}
 .navbar {
	 padding: 0;
}
 .spmegamenu {
	 padding: 0;
}
 .navbar {
	 border: none;
	 margin: 0;
	 border-radius: 0;
	 z-index: auto;
	 z-index: inherit;
}
 .sp-megamenu {
	 padding: 0;
	 min-height: inherit;
}
 .sp-megamenu .navbar-nav {
	 padding: 0;
	 vertical-align: top;
}
 .sp-megamenu .navbar-nav > li {
	 display: inline-block;
	 margin: 0;
	 padding: 0;
	 position: relative;
}
.sp-megamenu .navbar-nav > li.parent > a:after{
	content: "\e92e";
	font-family: 'icomoon' !important;
    speak: none;
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	transition: 0.3s all ease 0s;
	-moz-transition: 0.3s all ease 0s;
	-webkit-transition: 0.3s all ease 0s;
	-ms-transition: 0.3s all ease 0s;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0 0 0 3px;
}
.lang-rtl .sp-megamenu .navbar-nav > li.parent > a:after{
	margin:0 3px 0 0;
}
 .sp-megamenu .navbar-nav > li > a {
	 position: relative;
	 padding: 0 20px;
	 height: 50px;
	 line-height: 50px;
	 font-weight: 400;
	 font-size: 16px;
	 display: block;
	 transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -webkit-transition: all 0.3s;
	 -ms-transition: all 0.3s;
}

 .sp-megamenu .navbar-nav > li > a .label_hot {
	 position: absolute;
	 margin: 0;
	 right: 25px;
	 top: -10px;
	 padding: 0 5px;
	 height: 16px;
	 line-height: 16px;
	 border-radius: 3px;
	 display: block;
	 background: #4482ff;
	 color: #fff !important;
	 font-size: 10px;
	 font-weight: normal;
	 text-align: center;
	 z-index: 9;
}
.menu-fixed .sp-megamenu .navbar-nav > li > a .label_hot {
	top: 0;
}
 .sp-megamenu .navbar-nav > li > a .label_hot:before {
	 position: absolute;
	 right: calc(50% - 4px);
	 bottom: -4px;
	 height: 8px;
	 width: 8px;
	 display: block;
	 background: #4482ff;
	 color: #fff;
	 z-index: 1;
	 content: "";
	 transform: rotate(45deg);
}
 .sp-megamenu .navbar-nav > li > a .label_sale {
	 position: absolute;
	 margin: 0;
	 right: 25px;
	 top: -10px;
	 padding: 0 5px;
	 height: 16px;
	 line-height: 16px;
	 border-radius: 3px;
	 display: block;
	 background: #ff2d37;
	 color: #fff !important;
	 font-size: 10px;
	 font-weight: normal;
	 text-align: center;
	 z-index: 9;
}
.menu-fixed .sp-megamenu .navbar-nav > li > a .label_sale {
	top: 0;
}

 .sp-megamenu .navbar-nav > li > a .label_sale:before {
	 position: absolute;
	 right: calc(50% - 4px);
	 bottom: -4px;
	 height: 8px;
	 width: 8px;
	 display: block;
	 background: #ff2d37;
	 color: #fff;
	 z-index: 1;
	 content: "";
	 transform: rotate(45deg);
}
 .sp-megamenu .navbar-nav  li{
	 position: relative;
	 z-index: 19;
 }
 .sp-megamenu .navbar-nav  li.logo_center{
	 z-index: 18;
	 vertical-align: top;
	 margin: 0 20px;
 }
 .sp-megamenu .navbar-nav  li > .dropdown-menu {
	 visibility: hidden;
	 display: block;
	 border: none;
	 border-radius: 0;
	 transition: 0.3s all ease 0s;
	 position: absolute;
	 z-index: 9;
	 top: 150%;
	 left: 0;
	 right: 0;
	 min-width: 170px;
	 background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.1);
	 padding: 0;
	 margin: 0;
	 opacity: 0;
}
 .sp-megamenu .navbar-nav  li > .dropdown-menu ul {
	 padding: 0;
}
.sp-megamenu .navbar-nav  li > .dropdown-menu ul li a{
	padding:10px 15px;
	display: block;
	color: #222 !important;
}
.sp-megamenu .navbar-nav  li > .dropdown-menu ul li:hover > a{
	color: #fff !important;
}
.sp-megamenu .navbar-nav  li > .dropdown-menu ul li.parent:after{
	content: "\e930";
	font-family: 'icomoon' !important;
    speak: none;
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
	height: 100%;
	width: 30px;
	transition: 0.3s all ease 0s;
	-moz-transition: 0.3s all ease 0s;
	-webkit-transition: 0.3s all ease 0s;
	-ms-transition: 0.3s all ease 0s;
	line-height: 40px;
}
.sp-megamenu .navbar-nav li > .dropdown-menu ul li.parent:hover:after{
	color: #fff;
}
 .sp-megamenu .navbar-nav  li:hover > .dropdown-menu {
	 top: 100%;
	 visibility: visible;
	 opacity: 1;
}
 .sp-megamenu .navbar-nav  li:not(.item-1):not(.sp-home-layouts) > .dropdown-menu {
    right: auto;
    left: 100%;
    top: 0;
 }

 .sp-megamenu .navbar-nav > li .dropdown-menu ul li > a {
	 position: relative;
	 font-size: 13px;
	 white-space: nowrap;
}
 .sp-megamenu .navbar-nav > li .dropdown-menu ul li.group.parent > a:before, .images_cat a:before {
	 display: none;
}
 .sp-megamenu .navbar-nav > li.mega_type1 .dropdown-menu ul li .images_cat a {
	 position: relative;
	 display: block;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu {
	 max-width: 870px;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li {
	 padding: 0 15px;
	 float: left;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .banner-menu {
	 margin-bottom: 12px;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li > a {
	 text-transform: uppercase;
	 margin-bottom: 8px;
	 font-weight: 600;
	 font-size: 14px;
	 color: #333;
	 display: block;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu {
	 position: relative;
	 top: auto;
	 left: auto;
	 margin: 0;
	 box-shadow: none;
	 right: auto;
	 bottom: auto;
	 padding: 0;
	 opacity: 1;
	 z-index: 9;
	 display: block;
	 border: none;
	 width: 100%;
	 min-width: inherit;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li {
	 width: 100%;
	 padding: 7px 0;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li a {
	 font-size: 14px;
	 font-weight: 400;
	 color: #777;
	 text-transform: capitalize;
	 padding: 0;
	 margin-bottom: 0;
	 border: none;
	 position: relative;
	 transition: 0.3s all ease 0s;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li a:before {
	 content: "";
	 display: block;
	 height: 4px;
	 width: 4px;
	 position: absolute;
	 left: 0;
	 transition: 0.3s all ease 0s;
	 opacity: 0;
	 border-radius: 50%;
	 top: 6px;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li a:hover {
	 padding: 0 12px;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li a:hover:before {
	 opacity: 1;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li.category-thumbnail {
	 padding: 0;
	 position: absolute;
	 top: 10px;
	 left: 0;
}
 .sp-megamenu .navbar-nav > li.mega_type .dropdown-menu ul li .dropdown-menu ul li.category-thumbnail img {
	 width: 100%;
	 height: auto;
}
 .sp-megamenu .navbar-nav > li.mega_type.type2 > .dropdown-menu {
	 max-width: 970px;
	 margin: 0 auto;
}
 .sp-megamenu .navbar-nav > li.css_type {
	 position: relative;
}
 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu {
	 left: 0;
	 right: auto;
	 width: 170px;
	 padding: 10px 0px;
}
 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu ul li {
	 padding: 0;
	 position: relative;
	 padding: 10px 20px;
}
 @media (min-width: 992px) {
	 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu ul li.parent .grower {
		 float: none;
		 opacity: 1;
	}
	 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu ul li.parent .grower:after {
		 content: "\f105";
		 font-family: FontAwesome;
		 font-size: 14px;
		 position: absolute;
		 top: 10px;
		 right: 10px;
		 color: #777;
	}
}
 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu ul li a {
	 padding: 0;
	 display: block;
	 font-weight: 400;
	 font-size: 14px;
	 color: #777;
}
 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu ul li .dropdown-menu {
	 visibility: hidden;
	 display: block;
	 border: none;
	 border-radius: 0;
	 transition: 0.3s all ease 0s;
	 position: absolute;
	 z-index: 9;
	 top: 120%;
	 left: 100%;
	 right: auto;
	 min-width: auto;
	 min-width: inherit;
	 -webkit-box-shadow: none;
	 box-shadow: 0 3px 3px #ccc;
	 padding: 10px 0;
	 margin: 0;
	 border-radius: 5px;
	 opacity: 0;
}
 .sp-megamenu .navbar-nav > li.css_type .dropdown-menu ul li:hover .dropdown-menu {
	 visibility: visible;
	 top: 0;
	 opacity: 1;
}
 .sp-home-layouts {
	 position: relative;
	 display: block;
	 padding: 0 20px 0 0;
	 margin: 0 !important;
}

.lang-rtl .sp-home-layouts{
	float: right;
	padding: 0 0 0 20px;
}

.sp-home-layouts ul{
	margin: 0;
}
 .sp-home-layouts > .dropdown-menu {
	 visibility: hidden;
	 display: block;
	 border: none;
	 border-radius: 0;
	 transition: 0.3s all ease 0s;
	 position: absolute;
	 z-index: 100;
	 top: 150%;
	 left: 0;
	 right: 0;
	 min-width: 170px;
	 -webkit-box-shadow: none;
	 box-shadow: 0 3px 3px #ccc;
	 padding: 10px 15px;
	 margin: 0;
	 border-radius: 5px;
	 opacity: 0;
	 box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.1);
}
 .sp-home-layouts > .dropdown-menu{
	left: 0 !important;
    top: 100% !important;
 }
 .sp-home-layouts > .dropdown-menu li {
	 width: 100%;
	 padding: 0;
}
 .sp-home-layouts > .dropdown-menu li a {
	 font-size: 14px;
	 text-transform: capitalize;
	 padding: 0;
	 margin-bottom: 0;
	 border: none;
	 position: relative;
}
 .sp-home-layouts > .dropdown-menu li a:before {
	 content: "";
	 display: block;
	 height: 4px;
	 width: 4px;
	 position: absolute;
	 left: 0;
	 transition: 0.3s all ease 0s;
	 opacity: 0;
	 border-radius: 50%;
	 top: 6px;
}
 .sp-home-layouts > .dropdown-menu li a:hover:before {
	 opacity: 1;
}
 .sp-home-layouts:hover > .dropdown-menu {
	 top: 100%;
	 visibility: visible;
	 opacity: 1;
}

.lang-rtl .sp-megamenu .navbar-nav > li.parent:after{
	right: auto;
	left: 0;
	transition: 0.3s all ease 0s;
	-moz-transition: 0.3s all ease 0s;
	-webkit-transition: 0.3s all ease 0s;
	-ms-transition: 0.3s all ease 0s;
}
.lang-rtl .sp-megamenu .navbar-nav li:not(.item-1):not(.sp-home-layouts) > .dropdown-menu{
	right: 100% !important;
	left: auto !important;
}
.lang-rtl .sp-megamenu .navbar-nav li > .dropdown-menu ul li.parent:after{
	right: auto;
	left: 21px;
	transform: rotate(180deg);
}


 @media (min-width: 992px) and (max-width: 1199px) {
	 .spmegamenu .navbar-nav > li > a {
		 padding: 0 15px;
	}
}
 @media (max-width: 1023px) {
	 .sp-megamenu .navbar-nav .grower{
		 display: none;
	 }
	 #index #header .sp-home-layouts > a:hover{
		 display: none;
	 }
}
 
