.ds-mega-menu {
  background: none;
  padding-top: 11px;
  border-radius: 6px; }
  .ds-mega-menu .container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .ds-mega-menu .container *:after, .ds-mega-menu .container *:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
  .ds-mega-menu .container .row-ds {
    margin-right: -15px;
    margin-left: -15px; }
    .ds-mega-menu .container .row-ds:after, .ds-mega-menu .container .row-ds:before {
      display: table;
      content: " "; }
    .ds-mega-menu .container .row-ds:after {
      clear: both; }
  .ds-mega-menu .container .col-ds {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }
  .ds-mega-menu .container .col-ds-12 {
    width: 100%; }
  .ds-mega-menu .container .col-ds-6 {
    width: 50%; }
  .ds-mega-menu .container .col-ds-4 {
    width: 33.33333333%; }
  .ds-mega-menu img {
    width: auto !important;
    height: auto !important; }
  .ds-mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .ds-mega-menu h4, .ds-mega-menu .h4 {
    color: #454444;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 10px; }
  .ds-mega-menu .href {
    margin-bottom: 3px; }
    .ds-mega-menu .href > a {
      font-size: 14px;
      color: #777; }
      .ds-mega-menu .href > a:hover {
        color: #F55003; }
  .ds-mega-menu .price {
    margin: 5px 0; }
  .ds-mega-menu .span0 {
    width: auto; }
  .ds-mega-menu .level-1 {
    z-index: 10;
    position: relative; }
    .ds-mega-menu .level-1 > li {
      float: left;
      border-radius: 0;
      position: relative; }
      .ds-mega-menu .level-1 > li:not(:last-child)::after {
      	content: "";
      	display: block;
      	position: absolute;
      	top: 12px;
      	right: 5px;
      	height: 3px;
      	width: 3px;
      	background: #cacaca;
      	border-radius: 50%;
      	box-shadow: 0px 6px 0px 0px #cacaca, 0px 12px 0px 0px #cacaca; }
      .ds-mega-menu .level-1 > li > a {
      	padding: 12px 10px;
      	display: block;
      	text-decoration: none;
      	line-height: 20px;
      	font-size: 18px;
      	font-weight: 600;
      	text-transform: uppercase;
      	color: #000;
      	padding-right: 20px; }
        .ds-mega-menu .level-1 > li > a .arraw {
          position: relative; }
          .ds-mega-menu .level-1 > li > a .arraw:after {
            content: '\f107';
            background-image: none;
            background-position: 0 0;
            background-repeat: repeat;
            display: inline;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 0px;
            height: auto;
            margin-top: 0;
            text-decoration: inherit;
            vertical-align: middle;
            width: 1.45em;
            padding-left: 3px;
            font-size: 21px;
            color: #fff; }
      .ds-mega-menu .level-1 > li:hover > a, .ds-mega-menu .level-1 > li:focus > a, .ds-mega-menu .level-1 > li.active > a {
        color: #e4007b; }
  .ds-mega-menu .level-2 {
    visibility: hidden;
    position: absolute;
    top: 44px;
    left: -5px;
    width: calc(100% + 10px);
    padding-bottom: 10px; }
    .ds-mega-menu .level-2.hovered {
      visibility: visible; }
    .ds-mega-menu .level-2 .wrapper-ds {
      position: relative;
      margin-top: 6px; }
      .ds-mega-menu .level-2 .wrapper-ds .wrapper-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #c1c1c1;
        border-radius: 7px;
        background-color: white;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(35, 31, 32, 0.61);
        -moz-box-shadow: 0px 0px 5px 0px rgba(35, 31, 32, 0.61);
        -ms-box-shadow: 0px 0px 5px 0px rgba(35, 31, 32, 0.61);
        box-shadow: 0px 0px 5px 0px rgba(35, 31, 32, 0.61); }
  .ds-mega-menu .nav-subcategories {
    background-color: #e4e4e4;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-right: 1px solid #c1c1c1; }
    .ds-mega-menu .nav-subcategories > li {
      margin: 0 0 0 8px;
      float: none;
      display: block; }
      .ds-mega-menu .nav-subcategories > li > a {
        border: none;
        border-radius: 0;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        padding: 8px 12px;
        margin: 0; }
        .ds-mega-menu .nav-subcategories > li > a:hover, .ds-mega-menu .nav-subcategories > li > a:focus {
          background: none;
          color: #000; }
      .ds-mega-menu .nav-subcategories > li.active > a,
      .ds-mega-menu .nav-subcategories > li.active > a:hover,
      .ds-mega-menu .nav-subcategories > li.active > a:focus {
        background: #f54f03;
        color: #fff;
        border-radius: 5px 0px 0px 5px;
        cursor: pointer;
        border: none; }
        .ds-mega-menu .nav-subcategories > li.active > a:after,
        .ds-mega-menu .nav-subcategories > li.active > a:hover:after,
        .ds-mega-menu .nav-subcategories > li.active > a:focus:after {
          content: '';
          display: block;
          right: -31px;
          position: absolute;
          top: 0;
          border: 18px solid transparent;
          border-left: 13px solid #f54f03; }
  .ds-mega-menu .tab-pane.offset {
    padding-left: 8px; }
  .ds-mega-menu .subcategory-column {
    border-right: 1px solid #c1c1c1; }
  .ds-mega-menu .no-border .subcategory-column:last-child {
    border-right: none; }
  .ds-mega-menu .other-product {
    padding-right: 8px;
    margin-bottom: 8px; }
    .ds-mega-menu .other-product .thumb .image {
      float: left;
      margin-right: 5px; }
    .ds-mega-menu .other-product .thumb .a {
      font-size: 12px;
      color: #333; }
    .ds-mega-menu .other-product a.button {
      min-width: 127px;
      text-align: center; }
  .ds-mega-menu .other-html {
    margin-bottom: 8px;
    padding-right: 8px; }

@media (max-width: 979px) {
  .ds-mega-menu {
    display: none; } }
@media (min-width: 768px) and (max-width: 1198px) {
	.ds-mega-menu .level-1 > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 6px; } }

/*# sourceMappingURL=ds-mega-menu.css.map */