header ~ #maincontent .container .tab-content .tab-pane .top-bar {
  margin-bottom: 1rem; }
  header ~ #maincontent .container .tab-content .tab-pane .top-bar .sort-order-menu {
    display: block;
    padding-left: 2.6%; }
    header ~ #maincontent .container .tab-content .tab-pane .top-bar .sort-order-menu .custom-select {
      max-width: 210px;
      float: right;
      padding-right: 0.75rem;
      text-align-last: right;
      border: none;
      background: none;
      appearance: auto; }
      header ~ #maincontent .container .tab-content .tab-pane .top-bar .sort-order-menu .custom-select option {
        direction: rtl; }
      header ~ #maincontent .container .tab-content .tab-pane .top-bar .sort-order-menu .custom-select:focus {
        border-color: #4cafaa;
        outline: 0;
        box-shadow: 0 0 0 0.2rem #4cafaa; }
    @media (max-width: 1360px) {
      header ~ #maincontent .container .tab-content .tab-pane .top-bar .sort-order-menu {
        padding-left: 1.9%; } }
    @media (max-width: 768px) {
      header ~ #maincontent .container .tab-content .tab-pane .top-bar .sort-order-menu {
        padding-left: initial; } }
  @media (max-width: 543.98px) {
    header ~ #maincontent .container .tab-content .tab-pane .top-bar {
      margin-bottom: unset; } }

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 (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 {
  color: #000;
  text-decoration: none; }

header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements .btn-toggle-nav li {
  position: relative;
  display: block;
  margin-bottom: 10px; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements .btn-toggle-nav li a {
    text-decoration: none;
    text-align: left;
    outline: none; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements .btn-toggle-nav li a.selected > div {
      color: #000;
      text-decoration: underline; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements .btn-toggle-nav li a > div {
      bottom: 3px;
      padding-left: 10px;
      color: #999; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements .btn-toggle-nav li a > div:hover {
      color: #000;
      text-decoration: underline; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements .btn-toggle-nav li a div.selected {
      font-weight: bold; }

header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li {
  position: relative;
  display: block;
  margin-bottom: 10px; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li .btn-toggle {
    padding-top: 0;
    padding-left: 0; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-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.categories-refinements > li a.selected h2 {
    text-decoration: underline; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-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: #000;
    text-decoration: none !important; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li a h2:hover,
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li button h2:hover {
    text-decoration: underline; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li div.content {
    max-height: 200px;
    overflow-y: auto; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li div.content::-webkit-scrollbar {
      width: 8px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li div.content::-webkit-scrollbar-track {
      background: #B4B4B4;
      border-radius: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li div.content::-webkit-scrollbar-thumb {
      background: #444;
      border-radius: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .refinements.categories-refinements > li div.content ul ul {
      padding-left: 15px; }

header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .filter-text {
  font-weight: bold;
  color: #4cafaa;
  margin-bottom: 0.5rem; }

header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button {
  text-decoration: none;
  text-align: left;
  outline: none; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .refinement-control-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
    font-family: arial; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .refinement-control-label .refinement-control-checkbox {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .refinement-control-label .refinement-control-image {
      position: absolute;
      left: 0;
      top: 1%;
      height: 17px;
      width: 17px;
      background-color: #fff;
      border: 1px solid black; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .refinement-control-label .refinement-control-checkbox:checked ~ .refinement-control-image {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.2' height='14' viewBox='0 0 18.2 14'%3E%3Cpath id='Trazado_85832' data-name='Trazado 85832' d='M161.343,238.706a.677.677,0,0,1,0-.98l.98-.98a.677.677,0,0,1,.98,0l.07.07,3.85,4.13a.338.338,0,0,0,.49,0l9.38-9.73h.07a.677.677,0,0,1,.98,0l.98.98a.677.677,0,0,1,0,.98h0l-11.2,11.62a.677.677,0,0,1-.98,0l-5.46-5.88Z' transform='translate(-161.133 -231.006)' fill='%234cafaa'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button > span:not(.sr-only):not(.swatch-circle) {
    position: relative;
    bottom: 4px;
    left: 8px; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button span.selected {
    font-weight: bold; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .swatch-circle {
    position: absolute;
    top: 0;
    left: 25px;
    width: 30px;
    height: 17px;
    border-radius: initial; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .swatch-circle.selected {
      border: 2px solid black; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements .btn-toggle-nav li button .swatch-circle-miscellaneous {
    transform: rotate(0deg); }

header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li {
  position: relative;
  display: block; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li .btn-toggle {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 1rem; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li button h2 {
    font-weight: bold;
    margin-bottom: 0; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li button .refinement-dropdown-icon {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_25384' data-name='Grupo 25384' xmlns='http://www.w3.org/2000/svg' width='19.994' height='32.308' viewBox='0 0 19.994 32.308'%3E%3Cpath id='Trazado_85575' data-name='Trazado 85575' d='M977.738,101.086h0a2.2,2.2,0,0,1,.732-1.636l15.605-13.959A2.195,2.195,0,0,1,997,88.764l-13.776,12.322L997,113.411a2.195,2.195,0,0,1-2.926,3.273l-15.605-13.961A2.2,2.2,0,0,1,977.738,101.086Z' transform='translate(-977.738 -84.934)' fill=''/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 11px;
    height: 25px;
    top: 2px;
    left: auto;
    transform: rotate(-90deg);
    right: -5px;
    transition: all 0.5s; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li button[aria-expanded="true"] .refinement-dropdown-icon {
    transform: rotate(90deg);
    right: 2px; }
  header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li div.content {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 1.5rem; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li div.content::-webkit-scrollbar {
      width: 8px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li div.content::-webkit-scrollbar-track {
      background: #B4B4B4;
      border-radius: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-refinements li div.content::-webkit-scrollbar-thumb {
      background: #444;
      border-radius: 10px; }
    header ~ #maincontent .container .tab-content .tab-pane .refinement-bar .attributes-refinements-container .refinements.attributes-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: 1.5rem; }
  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; }
  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; } }
  header ~ #maincontent .container .tab-content .tab-pane .product-grid .grid-footer .show-more {
    display: none; }