/*******************************************************
  SP MegaMenu Style
********************************************************/
.navbar-toggle, .label-menu, #remove-megamenu {
  display: none; }

.navbar {
  padding: 0; }

.spmegamenu {
  float: left;
  width: 100%;
  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 {
    float: left;
    padding: 0; }
    .sp-megamenu .navbar-nav > li {
      display: inline-block;
      margin: 0 0 0 1px;
      padding: 0; }
      .sp-megamenu .navbar-nav > li > a {
        position: relative;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff; }
      #headerver3 .sp-megamenu .navbar-nav > li > a{
          padding: 0 15px;
      }
      .sp-megamenu .navbar-nav > li > a .label_hot{
        position: absolute;
        margin: 0;
        right: -10px;
        top: -15px;
        padding:0 5px;
        height: 22px;
        display: block;
        background: url(../../../assets/img/icon/label_hot.png) no-repeat 0px 0px;
        color: #fff;
        font-size: 11px;
        text-align: center;
        line-height: 15px;
        z-index: 9;
      }
      .sp-megamenu .navbar-nav > li > a:hover {
        background:#7d7d7d;
      }
      
        .sp-megamenu .navbar-nav > li > .dropdown-menu ul {
          padding: 0; }
      .sp-megamenu .navbar-nav > li.active a {
        color: #fff; }
      .sp-megamenu .navbar-nav > li:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        opacity: 1; }

.sp-megamenu .navbar-nav > li .dropdown-menu ul li > a {
  position: relative; }

.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;
  float: left;
  padding: 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: 999;
    top: 150%;
    left: 0;
    right: 0;
    min-width: 320px;
    -webkit-box-shadow: none;
    box-shadow: 0 3px 3px #ccc;
    padding: 10px 15px;
    margin: 0;
    border-radius: 5px;
    opacity: 0; }
    .sp-home-layouts > .dropdown-menu li {
      width: 50%;
      padding: 7px 0; 
	  float: left;
	}
      .sp-home-layouts > .dropdown-menu li a {
        font-size: 13px;
        font-weight: 500;
        color: #555;
        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; }
  #header .sp-home-layouts > a {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff; }
	#header #headerver3 .sp-home-layouts > a{color: #444;}
	

@media (min-width: 992px) and (max-width: 1199px) {
    .spmegamenu .navbar-nav > li > a {
      padding: 0 5px; }

  .header_v1 .sp-megamenu .navbar-nav > li {
    margin-left: 5px; }
    .lang-rtl .header_v1 .sp-megamenu .navbar-nav > li {
      margin-left: 0;
      margin-right: 5px; }
    .promotion3 .item.item2 {
    padding: 23px 20px 23px 60px;
}
    .header_v3 .sp-megamenu .navbar-nav > li > a,
    .header_v3 .sp-home-layouts > a{
      padding: 0 12px;
    font-size:12px;} }
@media (max-width: 991px) {
	.spmegamenu{display: none;}
}
@media (max-width: 767px) {
  .header_v5 .navbar .navbar-button .navbar-toggle {
    margin: 0;
    height: 40px; } }

/*# sourceMappingURL=spmegamenu.css.map */