header ~ #maincontent .container .main-jumbotron {
  background-color: black;
  padding-left: 20px;
  padding-top: 16px;
  padding-bottom: 16px; }
  header ~ #maincontent .container .main-jumbotron h1 {
    color: white;
    margin: 0; }

header ~ #maincontent .container .tab-content .tab-pane {
  margin-top: 1rem; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .categories-filter-mobile, header ~ #maincontent .container .tab-content .tab-pane .categories-filter-mobile {
    display: none; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .categories-filter-mobile .row, header ~ #maincontent .container .tab-content .tab-pane .categories-filter-mobile .row {
      height: 100%; }
  header ~ #maincontent .container .tab-content .tab-pane .dior-filter-header .header-bar {
    background-color: initial;
    border: initial; }
  header ~ #maincontent .container .tab-content .tab-pane .dior-filter-header .pull-right > span {
    color: #4cafaa;
    font-size: 1.625em;
    font-weight: 400; }
  @media (max-width: 768px) {
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .categories-filter-mobile, header ~ #maincontent .container .tab-content .tab-pane .categories-filter-mobile {
      display: block; }
    header ~ #maincontent .container .tab-content .tab-pane button.filter-results {
      background-color: transparent;
      border-color: transparent;
      color: #444444; }
      header ~ #maincontent .container .tab-content .tab-pane button.filter-results .filter-results-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.5 35.23' fill='%23444'%3E%3Cg id='Capa_2' data-name='Capa 2'%3E%3Cg id='Capa_5' data-name='Capa 5'%3E%3Crect y='4.1' width='21.53' height='3'/%3E%3Cpolygon points='26.53 4.1 26.53 0 23.53 0 23.53 11.2 26.53 11.2 26.53 7.1 36.5 7.1 36.5 4.1 26.53 4.1'/%3E%3Cpolygon points='8.22 23.22 11.22 23.22 11.22 12.02 8.22 12.02 8.22 16.12 0 16.12 0 19.12 8.22 19.12 8.22 23.22'/%3E%3Crect x='13.56' y='16.12' width='22.94' height='3'/%3E%3Cpolygon points='13.35 28.13 0 28.13 0 31.13 13.35 31.13 13.35 35.23 16.35 35.23 16.35 24.04 13.35 24.04 13.35 28.13'/%3E%3Crect x='18.38' y='28.13' width='18.12' height='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        height: 25px;
        width: 25px;
        margin-right: 10px; } }
  @media (max-width: 543.98px) {
    header ~ #maincontent .container .tab-content .tab-pane .top-bar {
      margin-bottom: unset; } }
  @media (min-width: 544px) {
    header ~ #maincontent .container .tab-content .tab-pane {
      padding-left: 0px;
      padding-right: 0px; } }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .btn-toggle-nav li {
    position: relative;
    display: block;
    margin-bottom: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .btn-toggle-nav li a {
      text-decoration: none;
      text-align: left;
      outline: none; }
      header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .btn-toggle-nav li a > div {
        bottom: 3px;
        padding-left: 10px;
        color: #999; }
        header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .btn-toggle-nav li a > div:hover {
          color: black;
          text-decoration: underline; }
      header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .btn-toggle-nav li a.selected > div {
        color: #000;
        text-decoration: underline; }
      header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements .btn-toggle-nav li a div.selected {
        font-weight: bold; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li {
    position: relative;
    display: block;
    margin-bottom: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li .btn-toggle {
      padding-top: 0;
      padding-left: 0; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li a h2 {
      font-weight: bold;
      margin-bottom: 0;
      color: #000; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li a.selected h2 {
      text-decoration: underline; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li div.content ul ul {
      padding-left: 15px; }
  @media (max-width: 768px) {
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar {
      z-index: 10;
      top: 0; } }
  header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-desktop, header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-mobile {
    padding-bottom: 15px; }
    header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-desktop p, header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-mobile p {
      margin: 0; }
    header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-desktop img, header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-mobile img {
      width: 100%; }
    @media (max-width: 991.98px) {
      header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-desktop, header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-mobile {
        display: none; } }
  header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-mobile {
    display: none; }
    @media (max-width: 991.98px) {
      header ~ #maincontent .container .tab-content .tab-pane .product-grid .image-banner-mobile {
        display: block; } }
  header ~ #maincontent .container .tab-content .tab-pane .product-grid .title-section {
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 3px solid;
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 15px; }
  @media (max-width: 543.98px) {
    header ~ #maincontent .container .tab-content .tab-pane .product-grid {
      padding-top: 0.938em; }
      header ~ #maincontent .container .tab-content .tab-pane .product-grid .col-6 {
        padding-left: 15px;
        padding-right: 15px; } }