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; }

header ~ #maincontent .container .tab-content .tab-pane .filter-header {
  display: none; }

@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 .link-home {
  text-decoration: none;
  color: black; }

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: #000;
      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 {
    text-align: initial;
    position: relative;
    left: 10px;
    top: 0;
    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 .gt-icon {
    position: absolute;
    left: 0;
    top: 25%;
    font-size: 0.5rem;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding-right: 5px;
    color: black;
    text-decoration: none !important; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li button h2:hover {
    text-decoration: underline; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li div.content {
    max-height: 200px;
    overflow-y: auto; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li div.content::-webkit-scrollbar {
      width: 8px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li div.content::-webkit-scrollbar-track {
      background: #B4B4B4;
      border-radius: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements > li div.content::-webkit-scrollbar-thumb {
      background: #444;
      border-radius: 10px; }
    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 .submain-jumbotron {
  background-color: black;
  padding: 10px 20px;
  margin-bottom: 1rem; }
  header ~ #maincontent .container .tab-content .tab-pane .submain-jumbotron div {
    font-size: 2rem;
    color: white;
    margin: 0;
    text-align: center; }
  @media (max-width: 991.98px) {
    header ~ #maincontent .container .tab-content .tab-pane .submain-jumbotron {
      margin-top: 1rem; } }

header ~ #maincontent .container .tab-content .tab-pane .product-grid {
  padding-top: 0; }
  @media (max-width: 991.98px) {
    header ~ #maincontent .container .tab-content .tab-pane .product-grid .experience-rightGridRegion {
      margin-top: 20px; } }
  header ~ #maincontent .container .tab-content .tab-pane .product-grid .container {
    padding-right: 0;
    padding-left: 0; }
  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 .text-banner {
    background-color: #000;
    padding: 25px;
    height: 100%;
    display: -ms-flexbox;
    display: flex; }
    header ~ #maincontent .container .tab-content .tab-pane .product-grid .text-banner .align-self-center {
      width: 100%; }
    header ~ #maincontent .container .tab-content .tab-pane .product-grid .text-banner-title {
      color: white;
      text-align: center;
      margin-bottom: 1rem;
      font-size: 1.4rem; }
    header ~ #maincontent .container .tab-content .tab-pane .product-grid .text-banner-text {
      display: block;
      color: white;
      text-align: center;
      font-size: 1rem; }
    @media (max-width: 991.98px) {
      header ~ #maincontent .container .tab-content .tab-pane .product-grid .text-banner {
        background-color: unset;
        padding: 0; }
        header ~ #maincontent .container .tab-content .tab-pane .product-grid .text-banner-title {
          color: #000; }
        header ~ #maincontent .container .tab-content .tab-pane .product-grid .text-banner-text {
          display: none; } }
  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 .col-6 {
      padding-left: 15px;
      padding-right: 15px; } }