@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  font-family: "Roboto", arial, helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

.ui-loader {
  display: none; }

body {
  padding-top: 60px; }
  @media screen and (min-width: 900px) {
    body {
      padding-top: 0; } }

header {
  background: #fff;
  border-bottom: 1px solid #999;
  height: 60px;
  left: 0;
  position: fixed;
  top: -1px;
  width: 100%;
  z-index: 103; }
  @media screen and (min-width: 900px) {
    header {
      border: 0;
      height: 100px;
      position: sticky; } }

.overlay {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }

.parag {
  font-size: 14px;
  line-height: 1.3; }
  .parag--recover {
    color: #666;
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 20px auto 0;
    max-width: 400px; }

.wrapper {
  padding: 0 15px; }
  @media screen and (min-width: 900px) {
    .wrapper__header {
      margin: 0 auto;
      max-width: 1400px;
      position: relative; } }

.topbar {
  display: none; }
  @media screen and (min-width: 900px) {
    .topbar {
      background: #fff;
      border-top: 2px solid #006FB7;
      display: block;
      height: 45px;
      left: 0;
      padding-top: 3px;
      position: absolute;
      text-align: right;
      top: 0;
      width: 100%;
      z-index: 103; } }
  .topbar .wrapper {
    border-right: 1px solid #e1e1e1;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0; }
  .topbar__link {
    border-left: 1px solid #e1e1e1;
    color: #666;
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    padding: 8px 5px 0 7px; }
    .topbar__link:hover {
      color: #006FB7; }
    .topbar__link--48h {
      background: url(../img/envios48h-icon.svg) 3px 4px no-repeat;
      background-size: 26px auto;
      padding-left: 33px; }
    .topbar__link--att {
      background: url(../img/att-icon.svg) 5px 3px no-repeat;
      background-size: 17px auto;
      padding-left: 26px; }
    .topbar__link--cca {
      background: url(../img/club-clientes.jpg) 3px 2px no-repeat;
      background-size: 29px auto;
      -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: -o-pixelated;
      image-rendering: pixelated;
      padding-left: 33px; }

.topbar2 {
  display: none; }
  @media screen and (min-width: 900px) {
    .topbar2 {
      background: #fff;
      border-bottom: 1px solid #ccc;
      display: block;
      left: 0;
      position: absolute;
      top: 47px;
      width: 100%;
      display: none; } }
  .topbar2__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0 auto;
    max-width: 1024px;
    width: 100%; }
  .topbar2__link {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 25px 0 25px 42px;
    text-decoration: none;
    width: calc(100% / 3); }
    .topbar2__link--48h {
      background: url(../img/envios48h-icon.svg) center left no-repeat;
      background-size: 30px auto; }
    .topbar2__link--att {
      background: url(../img/att-icon.svg) center left no-repeat;
      background-size: 22px auto; }
    .topbar2__link--cca {
      background: url(../img/club-clientes.jpg) center left no-repeat;
      background-size: auto 30px;
      -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: -o-pixelated;
      image-rendering: pixelated; }
    .topbar2__link:hover {
      color: #006FB7; }

.sesion {
  display: none; }
  @media screen and (min-width: 900px) {
    .sesion {
      color: #006FB7;
      cursor: pointer;
      font-size: 13px;
      font-weight: 400;
      margin-left: 5px;
      margin-top: 14px;
      text-decoration: none;
      width: 80px;
      z-index: 100;
      position: absolute;
      left: auto;
      text-align: right;
      right: 50px;
      display: none; }
      .sesion__menu {
        background: #fff;
        border: 1px solid #ccc;
        display: none;
        margin-top: 12px;
        padding: 10px 15px;
        right: 0;
        top: 10px;
        position: absolute;
        width: 160px; }
        .sesion__menu--vsb {
          display: block; }
        .sesion__menu-link {
          color: #000;
          display: block;
          font-size: 13px;
          font-weight: 200;
          padding: 5px 0;
          text-decoration: none;
          text-transform: none; }
          .sesion__menu-link--logout {
            border-top: 1px solid #ccc;
            margin-top: 5px;
            padding-top: 5px; } }

.menu__close {
  height: 16px;
  left: 15px;
  position: absolute;
  top: 20px;
  width: 20px;
  z-index: 99; }
  @media screen and (min-width: 900px) {
    .menu__close {
      display: none; } }
  .menu__close::after, .menu__close::before {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    margin-top: -1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .menu__close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

@media screen and (min-width: 900px) {
  .menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    position: relative;
    top: 60px; } }

.hamburguer {
  border: 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  cursor: pointer;
  height: 16px;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px; }
  @media screen and (min-width: 900px) {
    .hamburguer {
      display: none; } }
  .hamburguer::after {
    background: #000;
    content: "";
    display: block;
    height: 2px;
    margin-top: -1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%; }

.logo {
  left: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80px; }
  @media screen and (min-width: 900px) {
    .logo {
      left: 20px;
      top: 42px;
      width: 145px; } }
  .logo img {
    border: 0;
    image-rendering: auto;
    width: 100%; }

.box-mensajes {
  display: none; }
  @media screen and (min-width: 900px) {
    .box-mensajes {
      display: block;
      height: 52px;
      position: absolute;
      right: 100px;
      top: 45px;
      width: 223px; }
      .box-mensajes img {
        display: block;
        opacity: 0;
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        -webkit-transition: opacity 500ms ease-in-out;
        -o-transition: opacity 500ms ease-in-out;
        transition: opacity 500ms ease-in-out;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        .box-mensajes img.on {
          opacity: 1; } }

.iconos {
  display: block;
  height: 28px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media screen and (min-width: 900px) {
    .iconos {
      right: 15px;
      top: 52px; } }
  .iconos > div {
    display: inline-block;
    width: 30px;
    height: 100%; }
    @media screen and (min-width: 900px) {
      .iconos > div {
        height: 40px;
        width: 40px; } }
    .iconos > div.search {
      width: 35px;
      cursor:pointer;
      height: 30px; }
      @media screen and (min-width: 900px) {
        .iconos > div.search {
          display: none; } }
      .iconos > div.search::before {
        background: url(../img/buscador-ico.svg) center center no-repeat;
        background-size: 25px auto;
        content: "";
        display: block;
        height: 100%;
        width: 100%; }
    .iconos > div.cesta {
      cursor: pointer; }
      @media screen and (min-width: 900px) {
        .iconos > div.cesta {
          position: relative;
          top: -10px; } }
    .iconos > div.cesta::before {
      background: url(../img/cesta-ico.svg) center center no-repeat;
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      position: relative;
      top: -1px; }
      @media screen and (min-width: 900px) {
        .iconos > div.cesta::before {
          background: url(../img/bag-ico.svg) center center no-repeat;
          background-size: 45% auto;
          border: 2px solid #e1e1e1;
          border-radius: 100px;
          height: 40px;
          width: 40px; } }
      .iconos > div.user:hover {
        cursor: pointer; }
      .iconos > div.user::before {
        background: url(../img/user-ico.svg) center center no-repeat;
        background-size: 25px;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 100%; }
      @media screen and (min-width: 900px) {
        .iconos > div.user {
          display: inline-block;
          position: relative;
          right: 10px;
          top: -10px; }
          .iconos > div.user::before {
            background: url(../img/user-mc-ico.svg) center center no-repeat;
            background-size: 45px auto;
            border: 2px solid #e1e1e1;
            border-radius: 100px;
            content: "";
            display: inline-block;
            height: 40px;
            left: 0;
            position: absolute;
            top: 0;
            width: 40px; } }

.menu {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 75%;
  z-index: 100; }
  @media screen and (min-width: 670px) {
    .menu {
      width: 50%; } }
  @media screen and (min-width: 900px) {
    .menu {
      margin-bottom: 0;
      overflow: visible;
      position: relative;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 100%;
      z-index: 101; } }
  @media screen and (min-width: 900px) {
    .menu li {
      border: 0;
      display: inline-block;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      white-space: nowrap;
      position: static;
      text-align: left; } }
  .menu li:last-child {
    border-bottom: 1px solid #fff; }
    @media screen and (min-width: 900px) {
      .menu li:last-child {
        border: 0; } }
  .menu li.tit-block {
    background: #000;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 44px;
    padding: 12px 0 0;
    text-align: center; }
    @media screen and (min-width: 900px) {
      .menu li.tit-block {
        color: transparent;
        display: block;
        width: 1px !important;
        overflow: hidden;
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        height: 20px;
        position: relative;
        top: 15px; }
        .menu li.tit-block:first-child {
          display: none; }
        .menu li.tit-block--mob {
          display: none; } }
    .menu li.tit-block--ocMbl {
      display: none; }
      @media screen and (min-width: 900px) {
        .menu li.tit-block--ocMbl {
          display: block; } }
  .menu > div {
    background: #006FB7;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .menu > div {
        background: #fff;
        border-bottom: 1px solid #dad8d8;
        border-top: 1px solid #e1e1e1;
        overflow: visible; } }
  .menu__level {
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: calc(100% - 122px);
    left: 0;
    position: absolute;
    top: 57px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 3; }
    @media screen and (min-width: 900px) {
      .menu__level {
        border: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        position: relative;
        top: 0;
        max-width: auto; } }
    .menu__level ul {
      display: none; }
    @media screen and (min-width: 900px) {
      .menu__level--lev1 {
        margin: 0 auto;
        max-width: 1400px;
        overflow: hidden;
        width: 100%; } }
    @media screen and (min-width: 900px) {
      .menu__level .has-sub:hover .menu__level--lev3 {
        display: block;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
      .menu__level .has-sub:hover .menu__level--lev2 {
        background: #fff;
        border-bottom: 1px solid #000;
        display: block;
        left: 0;
        margin: 0 auto;
        max-width: 100vw;
        overflow: auto;
        padding-bottom: 20px;
        position: fixed;
        top: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100vw;
        height: auto;
        max-height: 300px; }
        .menu__level .has-sub:hover .menu__level--lev2 li {
          display: block;
          position: relative; }
          .menu__level .has-sub:hover .menu__level--lev2 li a {
            padding: 5px; }
          .menu__level .has-sub:hover .menu__level--lev2 li ul {
            position: static; }
        .menu__level .has-sub:hover .menu__level--lev2 .menu__lev2-li {
          border: 0;
          font-size: 14px;
          font-weight: 600; } }
    @media screen and (min-width: 900px) and (min-width: 900px) {
      .menu__level .has-sub:hover .menu__level--lev2 .menu__lev2-li {
        white-space: normal; } }
    @media screen and (min-width: 900px) {
          .menu__level .has-sub:hover .menu__level--lev2 .menu__lev2-li span, .menu__level .has-sub:hover .menu__level--lev2 .menu__lev2-li a {
            padding: 7px 5px; }
        .menu__level .has-sub:hover .menu__level--lev2 .menu__lev3-li {
          border: 0;
          font-size: 0.9em;
          font-weight: 400; }
          .menu__level .has-sub:hover .menu__level--lev2 .menu__lev3-li span, .menu__level .has-sub:hover .menu__level--lev2 .menu__lev3-li a {
            padding: 6px 7px 4px 5px;
            white-space: nowrap;
            width: 135px;
            max-width: 100%;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis; }
        .menu__level .has-sub:hover .menu__level--lev2 .menu__lev2-li--esnuevo, .menu__level .has-sub:hover .menu__level--lev2 .menu__lev2-li--sets {
          display: block;
          width: 100%; }
        .menu__level .has-sub:hover .menu__level--lev2 .menu__left {
          max-width: 50%;
          padding: 10px 25px 0 17px;
          position: relative;
          top: 0; }
          .menu__level .has-sub:hover .menu__level--lev2 .menu__left::after {
            border-left: 1px solid #999;
            content: "";
            display: block;
            height: calc(100% - 10px);
            position: absolute;
            right: 0;
            top: 10px;
            width: 1px; }
        .menu__level .has-sub:hover .menu__level--lev2 .menu__right {
          padding: 10px 10px 0 25px;
          top: 0; }
        .menu__level .has-sub:hover .menu__level--lev2 .menu-cols {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          padding: 10px 5px 0;
          width: 100%; }
          .menu__level .has-sub:hover .menu__level--lev2 .menu-cols__col {
            border-right: 1px solid #ccc;
            min-width: 25%;
            padding: 0 15px 0 15px; }
            .menu__level .has-sub:hover .menu__level--lev2 .menu-cols__col:last-child {
              border: 0; }
            .menu__level .has-sub:hover .menu__level--lev2 .menu-cols__col--left {
              min-width: auto;
              width: 220px; } }
    .menu__level--lev2 {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .menu__level--lev3 {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .menu__level.in-left {
      -webkit-animation-name: inLeft;
      animation-name: inLeft; }
    .menu__level.in-right {
      -webkit-animation-name: inRight;
      animation-name: inRight; }
    .menu__level.out-left {
      -webkit-animation-name: outLeft;
      animation-name: outLeft; }
    .menu__level.out-right {
      -webkit-animation-name: outRight;
      animation-name: outRight; }

.menu__tit {
  display: none; }
  @media screen and (min-width: 900px) {
    .menu__tit {
      border-bottom: 1px solid #666;
      border: 0;
      color: #006FB7;
      display: block;
      font-size: 40px;
      font-weight: 300;
      margin: 0 20px;
      padding: 25px 0 15px;
      text-align: left;
      text-transform: none;
      width: 100%; } }

.ver-todo {
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
  text-decoration: none; }

@media screen and (min-width: 900px) {
  .menu__panel-dktop {
    margin: 0 auto 20px;
    max-width: 1400px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    .menu__level--mini .menu__panel-dktop {
      max-width: 750px; }
    .menu__level--medium .menu__panel-dktop {
      max-width: 850px; } }

.menu__lev1-li {
  border-top: 1px solid #fff;
  font-size: 15px;
  font-weight: 400;
  list-style-type: none;
  position: relative;
  text-transform: uppercase; }
  @media screen and (min-width: 900px) {
    .menu__lev1-li {
      border-right: 1px solid #fff !important;
      -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      text-align: left !important;
      text-transform: uppercase; }
      .menu__lev1-li:first-child {
        border-left: 1px solid #e1e1e1 !important; }
      .menu__lev1-li--marcas {
        position: relative !important; }
        .menu__lev1-li--marcas::before {
          background: #000;
          content: "";
          display: block;
          height: 20px;
          left: 0;
          position: absolute;
          top: 15px;
          width: 1px; }
      .menu__lev1-li--mob {
        display: none !important; } }

.menu__lev1-link {
  background: #006FB7;
  color: #fff;
  display: block;
  padding: 20px;
  text-decoration: none; }
  @media screen and (min-width: 900px) {
    .menu__lev1-link {
      background: #fff;
      color: #333;
      font-size: 15px;
      font-weight: 400;
      padding: 25px 13px;
      position: relative;
      text-transform: none;
      border-right: 1px solid #e1e1e1; }
      .menu__lev1-link:hover, .menu__lev1-link--curr {
        border-top: 2px solid #006FB7;
        padding-top: 24px; } }
  .has-sub .menu__lev1-link::after {
    background: url(../img/arrow-but.svg) center center no-repeat;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px; }
    @media screen and (min-width: 900px) {
      .has-sub .menu__lev1-link::after {
        display: none; } }

.menu__lev2-li {
  border-top: 1px solid #fff;
  font-size: 15px;
  font-weight: 400;
  list-style-type: none;
  position: relative;
  text-transform: uppercase; }
  @media screen and (min-width: 900px) {
    .menu__lev2-li {
      font-size: 14px;
      position: relative;
      text-align: left;
      text-transform: uppercase;
      white-space: normal; } }

.menu__lev2-img {
  display: none; }
  @media screen and (min-width: 900px) {
    .menu__lev2-img {
      max-width: 220px;
      min-width: 220px;
      width: 220px; }
      .menu__lev2-img a {
        border-left: 1px solid #999;
        display: block;
        padding-top: 0;
        padding-left: 10px;
        text-align: right; }
      .menu__lev2-img img {
        border: 0;
        display: inline-block;
        min-width: 210px;
        width: calc(100% - 10px); } }

.menu__lev2-link {
  color: #fff;
  display: block;
  padding: 17px 15px;
  text-decoration: none; }
  @media screen and (min-width: 900px) {
    .menu__lev2-link {
      color: #000;
      font-size: 13px;
      font-weight: 600;
      padding: 17px 10px; } }
  .has-sub .menu__lev2-link::after {
    background: url(../img/arrow-but.svg) center center no-repeat;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px; }
    @media screen and (min-width: 900px) {
      .has-sub .menu__lev2-link::after {
        display: none; } }

.menu__lev3-li {
  border-top: 1px solid #979797;
  font-size: 15px;
  font-weight: 400;
  list-style-type: none;
  position: relative;
  text-transform: uppercase; }
  @media screen and (min-width: 900px) {
    .menu__lev3-li {
      font-size: 11px;
      text-align: left;
      text-transform: uppercase; } }
  .menu__lev3-li--inicial {
    background: #e1e1e1;
    border: 0;
    bottom: -1px;
    color: #000;
    font-weight: 600;
    padding: 7px 5px 4px 15px;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 900px) {
      .menu__lev3-li--inicial {
        background: none transparent;
        font-weight: 700 !important;
        padding-left: 5px; } }
  .menu__lev3-li--nores {
    display: none !important; }

.menu__lev3-link {
  color: #000;
  display: block;
  padding: 17px 15px;
  text-decoration: none; }
  @media screen and (min-width: 900px) {
    .menu__lev3-link {
      color: #666;
      font-size: 13px;
      text-transform: none; } }

.menu-back {
  border-top: 0;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative; }
  .menu-back span {
    display: block;
    padding: 15px 15px 15px 30px;
    font-size: 14px;
    font-weight: 700; }
  .menu-back::after {
    background: url(../img/arrow-but-wh.svg) center center no-repeat;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    width: 10px;
    left: 15px;
    right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }

.menu__select {
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 95px; }
  @media screen and (min-width: 900px) {
    .menu__select {
      display: none; } }
  .menu__select select {
    position: relative;
    right: -20px; }

@media screen and (min-width: 900px) {
  .menu__level--columnas {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; } }

.menu__level--columnas > div {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.menu__level--columnas.menu__marcas-cat > div {
  -webkit-box-flex: initial;
  -ms-flex-positive: initial;
  flex-grow: initial;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%; }

.menu__aloe {
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 220px; }
  .menu__aloe a {
    border: 0; }

.mercado-ban {
  display: none;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 900px) {
    .mercado-ban {
      background: #fff;
      height: auto;
      padding-top: 35px;
      position: absolute;
      top: 35px;
      width: 100%; } }
  .mercado-ban--vsb {
    display: block; }
  .mercado-ban .wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative; }
    @media screen and (min-width: 900px) {
      .mercado-ban .wrapper {
        max-width: 990px; } }
  .mercado-ban__tit {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.05;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase; }
    @media screen and (min-width: 900px) {
      .mercado-ban__tit {
        font-size: 27px; } }
  .mercado-ban__tit-col {
    font-size: 11px;
    margin-bottom: 20px;
    text-transform: uppercase; }
    .mercado-ban__tit-col--resp {
      border-bottom: 1px solid #ccc;
      display: block;
      margin-top: 40px;
      padding-bottom: 10px;
      font-size: 17px;
      text-transform: uppercase; }
      @media screen and (min-width: 900px) {
        .mercado-ban__tit-col--resp {
          margin-top: 0;
          border: 0;
          padding-bottom: 0; } }
  @media screen and (min-width: 900px) {
    .mercado-ban__opciones {
      border-bottom: 1px solid #ccc;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      margin-bottom: 15px;
      padding-bottom: 20px; } }
  @media screen and (min-width: 900px) {
    .mercado-ban__cols {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .mercado-ban__cols--int {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .mercado-ban__col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .mercado-ban__col--sp {
      margin-bottom: 30px; }
      @media screen and (min-width: 900px) {
        .mercado-ban__col--sp {
          margin-bottom: 0;
          width: 20%; } }
    @media screen and (min-width: 900px) {
      .mercado-ban__col--int {
        width: 80%; } }
    .mercado-ban__col--25 {
      width: 25%; }
    @media screen and (max-width: 900px) {
      .mercado-ban__col--50-resp {
        width: 50%; } }
  .mercado-ban__link {
    color: #333;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    text-decoration: none; }
    .mercado-ban__link--curr {
      color: #000;
      font-weight: 600; }
  .mercado-ban .mercado-ban__idioma {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 20px;
    position: relative; }
  .mercado-ban__close {
    background: url(../img/close-icon2.svg) center center no-repeat;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px; }

.cesta__tit {
  border-bottom: 1px solid #ccc;
  display: block;
  font-size: 20px;
  font-weight: 700;
  left: 0;
  padding-bottom: 15px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 100%; }
  @media screen and (min-width: 670px) {
    .cesta__tit {
      display: none; } }

.cesta__ban {
  background: #fff;
  display: none;
  height: 100vh;
  padding: 80px 20px 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99; }
  @media screen and (min-width: 640px) {
    .cesta__ban {
      -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
      height: auto;
      padding: 0;
      right: 0;
      top: 60px;
      width: 361px; } }
  @media screen and (min-width: 900px) {
    .cesta__ban {
      right: 15px;
      top: 80px; } }
  .cesta__ban--vsb {
    display: block; }
  .cesta__ban-total {
    border-top: 1px solid #000;
    display: block;
    font-size: 14px;
    margin-top: 20px;
    padding: 10px 30px 30px 10px;
    text-align: right; }
    @media screen and (min-width: 640px) {
      .cesta__ban-total {
        margin: 0 20px 0;
        border-top: 1px dashed #ccc;
        display: block;
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 30px;
        padding-top: 20px;
        text-align: left; } }
  .cesta__ban-totq {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0 0 20px;
    text-align: right;
    width: 75px; }
    @media screen and (min-width: 640px) {
      .cesta__ban-totq {
        font-size: 18px;
        float: right;
        padding-top: 0; } }
  .cesta__ban .button--add {
    display: block; }
    @media screen and (min-width: 640px) {
      .cesta__ban .button--add {
        border-radius: 0;
        margin: 0;
        padding: 20px; } }
    @media screen and (min-width: 900px) {
      .cesta__ban .button--add {
        left: 5px;
        top: -5px;
        width: calc(100% - 10px); } }
  .cesta__ban-close {
    background: url(../img/close-icon2.svg) center center no-repeat;
    background-size: 85% auto;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    z-index: 2; }
    @media screen and (min-width: 640px) {
      .cesta__ban-close {
        display: none; } }

.cesta__prods {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: calc(85vh - 240px);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto; }
  @media screen and (min-width: 640px) {
    .cesta__prods {
      max-height: 250px;
      padding: 40px 13px 20px 13px; } }

.cesta__prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 20px;
  overflow: hidden; }
  .cesta__prod-img {
    display: block;
    min-width: 60px; }
    .cesta__prod-img img {
      display: block;
      height: auto !important;
      width: 100%; }
  .cesta__prod-name {
    color: #000;
    display: block;
    font-size: 11px;
    min-width: 160px;
    padding: 5px 15px;
    text-decoration: none; }
    .cesta__prod-name:hover {
      color: #1e7ec8; }
  .cesta__prod-quant {
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    min-width: 10px; }
  .cesta__prod-price {
    font-size: 14px;
    padding: 5px 5px 5px 0;
    text-align: right;
    min-width: 60px; }
  .cesta__prod-close {
    cursor: pointer;
    display: block;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    position: relative; }
    .cesta__prod-close::after {
      background: url(../img/close-icon2.svg) center center no-repeat;
      background-size: auto 6px;
      border: 1px solid #999;
      border-radius: 100px;
      content: "";
      height: 16px;
      display: block;
      right: 0;
      position: absolute;
      top: 3px;
      width: 16px; }

.cesta__vacia {
  color: #999;
  font-size: 18px;
  padding: 20px 40px 40px;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .cesta__vacia {
      font-size: 14px; } }

.badge {
  background: #006FB7;
  border-radius: 100px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  height: 18px;
  padding: 3px;
  position: absolute;
  font-style: normal;
  text-align: center;
  bottom: -5px;
  right: -5px;
  width: 18px; }

.radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/radio.svg) center center;
  background-size: 100% auto;
  border-radius: 100px;
  display: inline-block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 15px; }
  .radio--current {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/radio-curr.svg) center left;
    background-size: 100% auto; }

.search-box {
  border-radius: 6px;
  display: none;
  height: 30px;
  position: absolute;
  top: 50px; }
  @media screen and (min-width: 900px) {
    .search-box {
      padding-top: 0px !important;
      display: block;
      height: 40px;
      left: 210px;
      top: 21px;
      width: 40%; } }
  .search-box--vsb {
    display: block; }
  .search-box__ppal {
    flex-grow: 0.5;
    border: none;
    border-radius: 6px;
    color: #666;
    display: block;
    height: 30px;
    padding: 7px 10px;
    }
    @media screen and (min-width: 900px) {
      .search-box__ppal {
        font-size: 16px;
        padding: 7px 16px;
        width: calc(100% - 70px);} }
  .search-box__btn {
    background: url(../img/buscador-ico-gr.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 30px;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 30px; }
    @media screen and (min-width: 900px) {
      .search-box__btn {
        background-size: 20px auto;
        right: 0; } }
  .search-box__resultados {
    background: #fff;
    border: 3px solid #000;
    -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    position: absolute;
    top: 50px;
    width: 390px; }
    .search-box__resultados--vsb {
      display: block;
      z-index: 103; }
  .search-box__link {
    border-bottom: 1px solid #006FB7;
    color: #000;
    display: block;
    padding: 20px 15px;
    text-decoration: none; }
    .search-box__link i {
      display: inline-block;
      position: relative;
      top: 1px; }
      .search-box__link i::before {
        background: url(../img/arrow-but.svg) center center no-repeat;
        background-size: auto 10px;
        content: "";
        display: block;
        height: 15px;
        width: 15px; }
  .search-box__link-prod {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #006FB7;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 20px 15px;
    position: relative;
    text-decoration: none; }
  .search-box__img {
    width: 70px; }
  .search-box__desc {
    display: block;
    padding-left: 15px;
    width: calc(100% - 70px); }
  .search-box__price {
    display: block;
    text-align: right;
    width: 100%; }
    .search-box__price--old {
      color: #666;
      display: block;
      font-size: 15px;
      margin-bottom: 5px; }
    .search-box__price--new {
      display: block;
      font-size: 20px;
      font-weight: 700; }
  .search-box__link-all {
    background: #006FB7;
    border: 0;
    color: #fff;
    display: block;
    padding: 30px 15px;
    text-align: center;
    text-decoration: none; }
  .search-box__close {
    /*border-bottom: 1px solid #006FB7;*/
    display: none; }
  .search-box--vsb {
    display: block; }
    @media screen and (max-width: 901px) {
      .search-box--vsb {
        background: #fff;
        height: 60px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9; }
        .search-box--vsb .search-box__ppal {
          font-size: 16px;
          max-height: 60px;
          padding: 15px;
          width: calc(100% - 10px); }
        .search-box--vsb .search-box__btn {
          background-image: url(../img/buscador-ico-gr.svg);
          margin-top: 7px;
          border: 0;
          left: auto;
          right: 50px;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          border-radius: 6px;
          width: 35px; }
        .search-box--vsb .search-box__close {
          background: url(../img/close-icon.svg) center center no-repeat;
          background-size: 25px auto;
          cursor: pointer;
          display: block;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          width: 50px; }
        .search-box--vsb .search-box__resultados {
          border: 0;
          border: 3px solid #006FB7;
          max-height: calc(100vh - 60px);
          overflow: hidden;
          overflow-y: auto;
          top: 60px;
          width: 100%;
          -webkit-overflow-scrolling: touch; } }

.related-search {
  border-top: 3px solid #000;
  color: #666;
  display: block;
  font-size: 14px;
  padding: 20px;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .related-search {
      border: 0;
      padding: 20px 0;
      text-align: left; } }
  .related-search__link {
    color: #1e7ec8;
    font-weight: 600; }

.search-adv {
  background: #2f3841;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 10px;
  text-align: center; }

.find-shop {
  background: #999;
  bottom: 0;
  border-top: 0px solid #000;
  height: 55px;
  position: absolute;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 900px) {
    .find-shop {
      display: none; } }
  .find-shop__link {
    color: #fff;
    display: inline-block;
    margin: 22px auto 0 auto;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: center; }
    .find-shop__link::before {
      background-size: auto 100%;
      content: url(../img/ico_tiendas2.svg);
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: 6px;
      width: 20px;
      height: 10px; }

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .select-box {
    background: #fff;
    border: 1px solid #ccc;
    margin: 5px 0;
    position: relative; }
    @media screen and (min-width: 640px) {
      .select-box {
        max-width: 300px; } }
    @media screen and (min-width: 900px) {
      .select-box {
        padding: 5px 10px; } }
  @media screen and (min-width: 900px) and (min-device-width: 1400px) {
    .select-box--form {
      padding: 0 10px; } }
    .select-box--res {
      background: #fff;
      margin: 10px auto;
      max-width: 200px;
      padding: 5px; }
      .select-box--res--full {
        margin: 10px 0 40px 0;
        max-width: 400px; }
    .select-box--summ {
      background: #fff;
      margin: 5px 0 20px;
      max-width: 200px;
      padding: 5px; }
    .buscf .select-box {
      margin: 10px 0 10px 0; }
    .select-box--table-top {
      display: inline-block;
      margin-left: 10px;
      max-width: 140px;
      width: 140px; }
      @media screen and (min-width: 900px) {
        .select-box--table-top {
          padding: 0; } }
    .select-box::after {
      background: url(../img/select-ctrl.svg) center center no-repeat #fff;
      background-size: auto 15px;
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      width: 30px; }
      @media screen and (min-width: 900px) {
        .select-box::after {
          height: 100%; } }
    .select-box--mercado-dkt {
      border: 1px solid red;
      width: 230px; }
      @media screen and (min-width: 900px) {
        .select-box--mercado-dkt {
          padding: 0 10px; } }
  .select__mercado {
    background: none;
    border: 0;
    color: #666;
    display: block;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    text-align: right;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 100%; }
  .select--buscf {
    background: #fff;
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 13px;
    padding: 15px;
    position: relative;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .select--buscf {
        height: 30px;
        padding: 0; } }
  .select--form {
    background: #fff;
    border: 0;
    display: block;
    font-size: 14px;
    padding: 15px 10px;
    position: relative;
    width: 100%; }
    @media screen and (min-device-width: 1400px) {
      .select--form {
        height: 35px;
        padding: 0px 10px; } }
  .select--min {
    padding: 5px 10px; }
    @media screen and (min-device-width: 1400px) {
      .select--min {
        height: 25px;
        padding: 0px 10px; } }
  .select--table-top {
    background: #fff;
    border: 0;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    width: 100%; }
    @media screen and (min-device-width: 1400px) {
      .select--table-top {
        height: 35px;
        padding: 0px 10px; } }

.submenu-perfil, .submenu-mobile {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  border-radius: 0;
  display: block;
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 50px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .submenu-perfil, .submenu-mobile {
      display: none; } }
  .submenu-perfil h3, .submenu-mobile h3 {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: -25px; }
  .submenu-perfil span, .submenu-mobile span {
    color: #000;
    display: block;
    position: relative;
    text-align: center;
    z-index: 1; }
    .submenu-perfil span::after, .submenu-mobile span::after {
      background: url(../img/arrow-select.svg) center center no-repeat;
      content: "";
      display: block;
      height: 20px;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      width: 20px; }
  .submenu-perfil select, .submenu-mobile select {
    border: 1px solid red;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; }

.marca__indice {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid #ccc;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 200px;
  padding: 10px 0;
  position: fixed;
  right: 8px;
  top: 65%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2; }
  .marca__indice--resp {
    display: table; }
  @media screen and (min-width: 900px) {
    .marca__indice {
      background: none;
      border: 0;
      border-radius: 0;
      display: block;
      height: auto;
      left: 0;
      min-height: auto;
      padding: 0 20px;
      position: absolute;
      text-align: left;
      top: 15px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: 100%; } }
  .marca__indice .all-brands {
    display: none; }
    @media screen and (min-width: 900px) {
      .marca__indice .all-brands {
        border: 1px solid #999;
        color: #000;
        cursor: pointer;
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        margin-left: 20px;
        padding: 5px 8px;
        position: relative;
        top: -3px; }
        .marca__indice .all-brands:hover {
          background: #000;
          color: #fff; } }

.marca__inic {
  cursor: pointer;
  -ms-flex-preferred-size: 14px;
  flex-basis: 14px;
  text-align: center;
  text-transform: uppercase; }
  .marca__inic--nores {
    display: none; }
  @media screen and (min-width: 900px) {
    .marca__inic {
      display: inline-block; } }

.marca__link {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  width: 20px; }
  @media screen and (min-width: 900px) {
    .marca__link {
      color: #000;
      font-size: 20px;
      font-weight: 700; } }
  .marca__link--nores {
    display: none; }
  @media screen and (min-width: 900px) {
    .marca__link--tenue {
      color: #ccc; }
      .marca__link--tenue:hover {
        color: #000; } }

.menu__marcas {
  height: calc(100% - 110px);
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 900px) {
    .menu__marcas {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: auto;
      width: 100%;
      overflow: visible;
      margin-top: 100px; } }
  .menu__marcas .menu__marcas-cat {
    display: none; }
    @media screen and (min-width: 900px) {
      .menu__marcas .menu__marcas-cat {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 20px; }
        .menu__marcas .menu__marcas-cat--1 {
          width: 10%; }
        .menu__marcas .menu__marcas-cat--2 {
          width: 20%; }
        .menu__marcas .menu__marcas-cat--3 {
          width: 30%; }
        .menu__marcas .menu__marcas-cat--4 {
          width: 40%; }
        .menu__marcas .menu__marcas-cat--5 {
          width: 50%; }
        .menu__marcas .menu__marcas-cat--6 {
          width: 60%; }
        .menu__marcas .menu__marcas-cat--7 {
          width: 70%; }
        .menu__marcas .menu__marcas-cat--8 {
          width: 80%; }
        .menu__marcas .menu__marcas-cat--9 {
          width: 90%; }
        .menu__marcas .menu__marcas-cat--10 {
          width: 100%; } }
    .menu__marcas .menu__marcas-cat--curr {
      display: block; }

.menu__level--marcas {
  overflow: hidden; }

.marcas-sel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%; }
  @media screen and (min-width: 900px) {
    .marcas-sel {
      display: block;
      padding: 0 20px;
      position: absolute;
      top: 60px; } }
  .marcas-sel__link {
    background: #fff;
    border: 1px solid #666;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; }
    @media screen and (min-width: 900px) {
      .marcas-sel__link {
        background: none;
        border: 0;
        border-bottom: 1px solid #000;
        color: #000;
        cursor: default;
        display: block;
        float: left;
        font-weight: 600;
        padding: 5px;
        text-align: left; }
        .marcas-sel__link:first-child {
          margin-right: 25px;
          width: calc(80% - 25px); }
        .marcas-sel__link:last-child {
          margin-left: 25px;
          width: calc(20% - 25px); } }
    .marcas-sel__link--curr {
      background: #000;
      border-color: #000;
      color: #fff; }
      @media screen and (min-width: 900px) {
        .marcas-sel__link--curr {
          background: none;
          color: #000; } }

body.menu-abrir .menu {
  -webkit-animation-name: abrirMenu;
  animation-name: abrirMenu; }

body.menu-abierto .menu {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

body.menu-cerrar .menu {
  -webkit-animation-name: cerrarMenu;
  animation-name: cerrarMenu; }

@-webkit-keyframes abrirMenu {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes abrirMenu {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes cerrarMenu {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes cerrarMenu {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes outLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes outLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes outRight {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes outRight {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes inRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes inRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes inLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes inLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/*****************  ********************/
main {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 10px;
  position: relative; }
  @media screen and (min-width: 640px) {
    main {
      padding: 20px 15px; } }
  @media screen and (min-width: 900px) {
    main {
      padding-left: 300px;
      padding-top: 20px; } }
  main.main--producto {
    padding-top: 20px; }
    @media screen and (min-width: 900px) {
      main.main--producto {
        padding-left: calc(30px + 500px);
        padding-top: 0; } }
  @media screen and (min-width: 900px) {
    main.main--user {
      padding-left: 15px; } }
  main.main__grid {
    margin: 20px auto 0 auto;
    max-width: 1400px; }
    @media screen and (min-width: 640px) {
      main.main__grid {
        padding: 15px;
        padding-top: 0;
        position: relative; } }
    @media screen and (min-width: 900px) {
      main.main__grid {
        padding-left: calc(300px); } }
  @media screen and (min-width: 640px) {
    main.main--magazine, main.main--cms {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      padding-left: 15px; } }
  main.full {
    clear: both; }
    @media screen and (min-width: 640px) {
      main.full {
        padding: 0 20px;
        max-width: 1060px; } }
    main.full.bott {
      margin-top: 60px; }
    main.full--compra {
      max-width: 900px;
      padding-top: 20px; }
    main.full--checkout {
      padding-top: 20px; }
  main.main--tienda {
    z-index: 1; }

.breadcrumb {
  display: none;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 640px) {
    .breadcrumb {
      display: block;
      font-size: 9px;
      font-weight: 600;
      padding: 10px 0;
      top: 0;
      background: #e7effb;
      border-bottom: 1px solid #e8e8e8; } }
  .breadcrumb .wrapper {
    margin: 0 auto;
    max-width: 1400px; }
  .breadcrumb__link {
    color: #999;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 8px 5px 0;
    position: relative;
    text-decoration: none;
    margin-right: 8px; }
    .breadcrumb__link::after {
      content: " >";
      position: absolute;
      right: -5px;
      text-decoration: none; }
  .breadcrumb__current {
    color: #3f3f3f;
    display: inline-block;
    font-size: 15px;
    padding: 5px; }
  .breadcrumb--full {
    border: 0;
    margin: 10px auto 0 auto;
    max-width: 1000px;
    position: static;
    width: 100%; }
  .breadcrumb--noline {
    border: 0; }

.ctrls-resp {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }
  @media screen and (min-width: 900px) {
    .ctrls-resp {
      display: none; } }
  .ctrls-resp-but__filt, .ctrls-resp-but__sort {
    background: #fff;
    /*border-bottom: 2px solid #efefef;*/
    /*border-top: 2px solid #efefef;*/
    color: #000;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 12px;
    font-weight: bold;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: center; }
  .ctrls-resp-but__filt {
    background-size: 12px auto;
    /*border-right: 2px solid #efefef;*/ }
    .ctrls-resp-but__filt--only {
      /*border: 2px solid #efefef;*/ }
  .ctrls-resp-but__sort {
    /*border-left: 2px solid #efefef;*/
    /*border-right: 2px solid #efefef;*/
    height: 48px; }

.tit-category {
  color: #006FB7;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -1px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 670px) {
    .tit-category {
      padding-bottom: 7px; } }
  @media screen and (min-width: 900px) {
    .tit-category {
      font-size: 40px;
      margin-top: 30px;
      margin-bottom: 0;
      padding-top: 0;
      text-align: left; } }
  .tit-category--center {
    margin-top: 5px;
    text-align: center; }
  .tit-category--user {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: left; }
  .tit-category--order {
    font-size: 25px; }
    @media screen and (min-width: 900px) {
      .tit-category--order {
        font-size: 35px; } }
  .tit-category--bg {
    background: #006FB7;
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    display: block;
    margin-bottom: 40px;
    padding: 30px 50px 50px;
    text-align: center; }
    .tit-category--bg span {
      display: inline-block !important;
      margin: 0 auto;
      padding: 15px 20px; }
      .tit-category--bg span::before {
        content: "[";
        font-size: 2.0em;
        font-weight: 500;
        left: -0.3em;
        position: relative;
        top: 10px; }
      .tit-category--bg span::after {
        content: "]";
        font-size: 2.0em;
        font-weight: 500;
        right: -0.3em;
        position: relative;
        top: 10px; }
  .tit-category span {
    display: block;
    max-width: 500px; }
    @media screen and (min-width: 670px) {
      .tit-category span {
        margin: 0 auto; } }
    @media screen and (min-width: 900px) {
      .tit-category span {
        margin: 0; } }
    .tit-category span strong {
      font-weight: 400; }
    .tit-category span small {
      color: #D6D1D1;
      display: block;
      font-size: 0.85em;
      font-weight: 400; }

@media screen and (min-width: 900px) {
  .bantit-category {
    max-height: 240px; } }

.bantit-category--bg {
  background: #006FB7;
  margin-bottom: 40px;
  padding: 10px 50px 40px;
  text-align: center; }
  .bantit-category--bg .tit-category {
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    text-align: center; }
    @media screen and (min-width: 900px) {
      .bantit-category--bg .tit-category {
        font-size: 40px;
        margin-top: 20px; } }
    .bantit-category--bg .tit-category span {
      display: inline-block !important;
      margin: 0 auto;
      padding: 15px 20px; }
      .bantit-category--bg .tit-category span::before {
        content: "[";
        font-size: 2.0em;
        font-weight: 400;
        left: -0.3em;
        position: relative;
        top: 10px; }
      .bantit-category--bg .tit-category span::after {
        content: "]";
        font-size: 2.0em;
        font-weight: 400;
        right: -0.3em;
        position: relative;
        top: 10px; }
  .bantit-category--bg p {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin: -20px auto 20px;
    max-width: 80%; }
    @media screen and (min-width: 640px) {
      .bantit-category--bg p {
        max-width: 300px; } }
    @media screen and (min-width: 900px) {
      .bantit-category--bg p {
        margin: 0 auto 20px; } }

.bantit-category--perfumes {
  background: url(../img/bg-perfumes.jpg) center left no-repeat #006FB7;
  background-size: cover; }
  @media screen and (min-width: 900px) {
    .bantit-category--perfumes {
      background: url(../img/bg-perfumes.jpg) center center no-repeat #006FB7;
      background-size: cover; } }

.tit-prod {
  color: #006FB7;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: -1px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .tit-prod {
      padding-bottom: 7px; } }
  @media screen and (min-width: 900px) {
    .tit-prod {
      margin-bottom: 0;
      padding-top: 0;
      text-align: left; } }

.tit-full {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 670px) {
    .tit-full {
      font-size: 21px;
      padding-bottom: 7px; } }
  @media screen and (min-width: 900px) {
    .tit-full {
      font-size: 24px;
      margin-top: 20px;
      margin-bottom: 5px;
      padding-top: 0; } }
  .tit-full--rel {
    font-size: 16px;
    padding: 0 0 10px;
    text-align: left;
    text-transform: uppercase; }

.tit-prod-marca {
  color: #333;
  font-size: 35px;
  font-weight: 400;
  margin-top: 30px;
  text-align: center; }
  @media screen and (min-width: 900px) {
    .tit-prod-marca {
      margin-top: 30px;
      padding-top: 0;
      text-align: left; } }

.banner-category {
  margin-bottom: 30px; }
  .banner-category__img {
    display: block;
    height: auto;
    width: 100%; }
    @media screen and (min-width: 670px) {
      .banner-category__img {
        border: 0;
        margin-top: 0; } }

/*****************  CONTROLES GRID ********************/
.resultados {
  color: #999;
  font-size: 13px;
  margin-bottom: 20px; }
  @media screen and (min-width: 900px) {
    .resultados {
      margin-bottom: 0; } }

.ctrls {
  display: none; }
  @media screen and (min-width: 900px) {
    .ctrls {
      border-bottom: 1px solid #ccc;
      display: block;
      margin-bottom: 5px;
      margin-top: -30px;
      padding: 0;
      text-align: right; } }
  .ctrls.vsb {
    display: block; }
  .ctrls__lit {
    color: #999;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align: left;
    width: 100%; }
    @media screen and (min-width: 670px) {
      .ctrls__lit {
        display: inline-block;
        left: -200px;
        padding: 7px;
        position: absolute;
        text-align: right;
        top: 0;
        width: 200px; } }
  .ctrls__sort {
    display: inline-block;
    position: relative;
    width: 250px; }
    @media screen and (min-width: 670px) {
      .ctrls__sort {
        margin: 10px 0 5px;
        text-align: right;
        width: auto; } }
    .vsb .ctrls__sort {
      display: block; }
  .ctrls__ord {
    background: url(../img/i_desc_arrow.svg) center center no-repeat;
    background-size: auto 60%;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    height: 25px;
    width: 25px; }
    .ctrls .ctrls__ord {
      float: left; }
    .ctrls-resp .ctrls__ord {
      position: absolute;
      z-index: 3;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 10px; }
    .ctrls__ord--asc {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg); }
    .ctrls__ord--desc {
      -webkit-transform: rotateX(0);
      transform: rotateX(0); }
  .ctrls__sel {
    background: none;
    border: 1px solid #ccc;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    width: 100%;
    -webkit-appearance: none; }
    .ctrls .ctrls__sel {
      float: left;
      width: 150px; }
    .ctrls-resp .ctrls__sel {
      border-radius: 0;
      position: relative;
      text-align: center;
      opacity: 0;
      z-index: 2; }
  .ctrls__op {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    white-space: nowrap;
    z-index: 1; }

/***************** ÁREA USUARIO ********************/
.user-block {
  padding-bottom: 40px; }
  @media screen and (min-width: 640px) {
    .user-block {
      display: block;
      padding-left: 250px;
      padding-top: 60px;
      position: relative; } }
  @media screen and (min-width: 900px) {
    .user-block {
      padding-top: 22px; } }
  .user-block__left p {
    display: none;
    font-size: 14px;
    line-height: 1.3;
    text-align: center; }
  @media screen and (min-width: 640px) {
    .user-block__left {
      left: 0;
      padding-left: 15px;
      padding-right: 0;
      position: absolute;
      text-align: left;
      top: 40px;
      width: 200px; }
      .user-block__left p {
        color: #666;
        display: block;
        margin-bottom: 20px;
        text-align: left; } }
  .user-block__tit-left {
    display: none;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .user-block__tit-left {
        display: block;
        font-size: 26px;
        text-align: left; } }
  @media screen and (max-width: 640px) {
    .user-block--vsb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; }
      .user-block--vsb .tit-category {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0; }
      .user-block--vsb .user-block__left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        align-self: center;
        order: 1;
        padding-bottom: 30px; }
        .user-block--vsb .user-block__left > * {
          display: block; }
      .user-block--vsb .form {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }

.store-loc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }
  .store-loc__left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 0 30px; }
    .store-loc__left p {
      color: #333;
      font-size: 15px;
      line-height: 1.3;
      margin-bottom: 20px; }
      @media screen and (min-width: 900px) {
        .store-loc__left p {
          font-weight: 400; } }
  .store-loc h1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .store-loc__results {
    -webkit-box-ordinal-group: 3;
    padding: 0 0 40px 0; }
    .store-loc__results .select-box {
      max-width: 400px; }
  .store-loc__map {
    background: #e1e1e1;
    height: 300px;
    margin: 20px 0; }
  .store-loc__list-itm {
    font-size: 15px;
    line-height: 1.3;
    padding: 10px; }
    .store-loc__list-itm-tit {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px; }
    .store-loc__results h1 {
      margin-top: 30px; }
  @media screen and (min-width: 900px) {
    .store-loc {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      position: relative; }
      .store-loc__left {
        width: 25%;
        margin-top: 30px;}
      .store-loc__results {
        width: 70%;
        -ms-flex-order: 2;
        order: 2; } }

/***************** FILTROS ********************/
.filtros {
  background: #fff;
  height: calc(100% - 60px);
  left: 0;
  position: fixed;
  width: 100%;
  top: 60px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  z-index: 99; }
  @media screen and (min-width: 640px) and (max-width: 899px) {
    .filtros {
      max-width: 400px; } }
  .filtros.vsb {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
    @media screen and (min-width: 640px) and (max-width: 899px) {
      .filtros.vsb {
        -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); } }
  @media screen and (min-width: 900px) {
    .filtros {
      background: none transparent;
      display: block;
      height: auto;
      padding-right: 60px;
      position: absolute;
      width: 300px;
      top: 180px;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      z-index: 1; } }
  @media screen and (min-width: 1200px) {
    .filtros {
      left: calc((100vw - 1400px) / 2); } }
  @media screen and (min-width: 900px) {
    .filtros--cat {
      top: 460px; } }
  .filtros--escaparate {
    position: static;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial; }
    @media screen and (min-width: 640px) {
      .filtros--escaparate {
        max-width: none;
        text-align: center; } }
    @media screen and (min-width: 900px) {
      .filtros--escaparate {
        background: #000;
        height: 448px;
        padding: 0 10px;
        position: absolute;
        text-align: left;
        top: 218px;
        width: 240px;
        -webkit-overflow-scrolling: touch; } }
  .filtros__blocks {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 50px;
    position: absolute;
    top: 0;
    -webkit-overflow-scrolling: touch;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .filtros__blocks {
        height: auto;
        position: static;
        background: #f7f7f7;
        width: 110%;
        padding: 0 15px 0 15px;
        margin-top: 100px; }
        .filtros__blocks--marcas-view {
          height: 338px; } }
    .filtros--escaparate .filtros__blocks {
      position: static; }
  .filtros__submenu {
    margin-top: 0;
    margin-bottom: 40px !important;
    max-height: none !important; }
    .filtros__submenu--user {
      display: none; }
      @media screen and (min-width: 640px) {
        .filtros__submenu--user {
          display: block;
          padding: 0 !important; } }
    .filtros__submenu-sub {
      padding: 5px 0 20px 10px; }
    .filtros__submenu-link {
      color: #666;
      display: block;
      font-size: 16px;
      margin: 5px 0;
      padding: 4px 0;
      text-decoration: none; }
      @media screen and (min-width: 900px) {
        .filtros__submenu-link {
          margin: 0; } }
      .filtros__submenu-link:hover {
        color: #000; }
      .filtros__submenu-link--curr {
        color: #000;
        font-weight: 500; }
      .filtros__submenu-link--sub {
        font-size: 0.85em; }
  .filtros__rango-precio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -10px; }
    @media screen and (min-width: 900px) {
      .filtros__rango-precio {
        width: calc(100% + 20px); } }
    .filtros__rango-precio label {
      color: #333;
      width: calc(50% - 10px); }
  .filtros__block {
    clear: both;
    margin-bottom: 20px;
    overflow-x: auto;
    padding: 10px 20px 0;
    -webkit-overflow-scrolling: touch; }
    @media screen and (min-width: 900px) {
      .filtros__block {
        max-height: 200px;
        padding-left: 0; } }
    .filtros__block-tit {
      color: #333;
      display: block;
      font-size: 14px;
      font-weight: 700;
      margin: 0 20px 20px;
      padding: 15px 0 0; }
      @media screen and (min-width: 900px) {
        .filtros__block-tit {
          border: 0;
          font-weight: 700;
          margin: 0;
          margin-bottom: 25px;
          padding: 0; } }
      .filtros__block-tit--big {
        color: #006FB7;
        display: block;
        font-size: 18px;
        font-weight: 500;
        margin: 10px 20px 0;
        padding: 10px 0; }
        @media screen and (min-width: 900px) {
          .filtros__block-tit--big {
            margin: 30px 0 0;
            padding: 5px 0; } }
      .filtros__block-tit-link {
        color: #000;
        display: block;
        margin-bottom: 10px;
        text-decoration: none; }
      @media screen and (min-width: 640px) {
        .filtros--escaparate .filtros__block-tit {
          border: 0; } }
      @media screen and (min-width: 900px) {
        .filtros--escaparate .filtros__block-tit {
          color: #fff;
          font-size: 15px;
          font-weight: 800; } }
      .filtros__block-tit--aplicados {
        border: 0;
        color: #000;
        font-size: 13px;
        font-weight: 700;
        margin: 10px 0 20px;
        text-align: center; }
        @media screen and (min-width: 900px) {
          .filtros__block-tit--aplicados {
            margin: 20px 0 10px 0;
            text-align: left; } }
    .filtros__block--current {
      color: #000;
      display: block;
      margin-left: 40px;
      padding: 20px 0 20px;
      width: calc(100% - 80px); }
      @media screen and (min-width: 900px) {
        .filtros__block--current {
          margin: 0;
          width: 100%; }
          .filtros--escaparate .filtros__block--current {
            padding: 0; } }
    .filtros__block--aplicados {
      background: #fafafa;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      padding-top: 0;
      position: relative; }
      @media screen and (min-width: 900px) {
        .filtros__block--aplicados {
          background: none;
          max-height: 400px !important;
          padding-right: 0; } }
    .filtros__block-itm {
      list-style: none; }
  .filtros .filtros__block-seleccionados {
    padding: 0 20px 0; }
    @media screen and (min-width: 900px) {
      .filtros .filtros__block-seleccionados {
        padding-top: 0;
        padding-left: 0; } }
    .filtros .filtros__block-seleccionados > *:first-child {
      display: block;
      margin-top: 20px; }
    .filtros .filtros__block-seleccionados > *:last-child {
      display: block;
      margin-bottom: 20px;
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px; }
  .filtros__color {
    margin-bottom: 60px;
    padding-top: 0;
    position: relative;
    top: -15px; }
  .filtros__curr-link {
    color: #000;
    display: block;
    font-family: 'Raleway', serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 900px) {
      .filtros__curr-link {
        font-size: 14px;
        padding: 28px 20px 0 0;
        text-align: left; }
        .filtros--escaparate .filtros__curr-link {
          padding: 0; } }
    .filtros__curr-link span {
      display: block;
      font-family: 'Raleway', serif; }
      @media screen and (min-width: 900px) {
        .filtros__curr-link span {
          display: none; } }
    .filtros__curr-link img {
      display: none; }
      @media screen and (min-width: 900px) {
        .filtros__curr-link img {
          display: block; }
          .filtros--escaparate .filtros__curr-link img {
            max-height: 70px; } }
  .filtros__marca {
    background: #fff;
    height: 100%;
    left: 0;
    padding: 0 20px 20px 20px;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    width: 100%;
    z-index: 99; }
    @media screen and (min-width: 640px) {
      .filtros__marca {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%); } }
    @media screen and (min-width: 900px) {
      .filtros__marca {
        background: none;
        display: none;
        height: auto;
        left: calc(100% - 200px);
        margin-top: -50px;
        padding: 0 0 0 100px;
        position: absolute;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        -webkit-transition: initial;
        -o-transition: initial;
        transition: initial;
        width: 920px; }
        .filtros--escaparate .filtros__marca {
          left: calc(100% - 100px);
          width: 820px; } }
    .filtros__marca.vsb {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
      @media screen and (min-width: 900px) {
        .filtros__marca.vsb {
          display: block; } }
  .filtros__columna {
    width: 100%; }
    @media screen and (min-width: 900px) {
      .filtros__columna {
        padding-right: 20px; }
        .filtros__cols-img--4 .filtros__columna {
          -ms-flex-preferred-size: 25%;
          flex-basis: 25%; } }
    .filtros__columna-tit {
      border-bottom: 1px solid #666;
      color: #203548;
      display: block;
      font-family: 'Raleway', serif;
      font-size: 17px;
      font-weight: 700;
      margin: 0 0 30px;
      padding: 15px 0 0;
      text-transform: uppercase; }
      @media screen and (min-width: 900px) {
        .filtros__columna-tit {
          font-size: 13px;
          margin-bottom: 15px; } }
    .filtros__columna-subtit {
      color: #999;
      display: block;
      font-family: 'Raleway', serif;
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 20px;
      margin-top: 50px;
      text-transform: uppercase; }
      @media screen and (min-width: 900px) {
        .filtros__columna-subtit {
          font-size: 14px;
          margin-bottom: 10px;
          margin-top: 20px; } }
    .filtros__columna-inic {
      color: #966966;
      display: block;
      font-size: 24px;
      font-weight: 600;
      margin-top: 20px; }
      @media screen and (min-width: 900px) {
        .filtros__columna-inic {
          font-size: 12px;
          margin-bottom: 7px; } }
  .filtros__img-col {
    display: block;
    margin-top: 40px; }
    @media screen and (min-width: 900px) {
      .filtros__img-col {
        margin-top: 20px; } }
  .filtros__cols-img {
    background: #fff;
    height: 100%;
    left: 0;
    padding: 0 20px 20px 20px;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    width: 100%;
    z-index: 99; }
    @media screen and (min-width: 640px) {
      .filtros__cols-img {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%); } }
    @media screen and (min-width: 900px) {
      .filtros__cols-img {
        background: none;
        display: none;
        height: auto;
        left: calc(100% - 200px);
        margin-top: -50px;
        padding: 0 0 0 100px;
        position: absolute;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        -webkit-transition: initial;
        -o-transition: initial;
        transition: initial; }
        .filtros__cols-img--5 {
          width: 920px; }
        .filtros__cols-img--4 {
          width: 920px; }
        .filtros--escaparate .filtros__cols-img {
          left: calc(100% - 100px);
          min-width: 300px; }
          .filtros--escaparate .filtros__cols-img--4, .filtros--escaparate .filtros__cols-img--5 {
            width: 820px; } }
    .filtros__cols-img.vsb {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
      @media screen and (min-width: 900px) {
        .filtros__cols-img.vsb {
          display: block; } }
  .filtros__close {
    background: url(../img/close-icon2.svg) center center no-repeat;
    background-size: 85% auto;
    cursor: pointer;
    display: block;
    height: 20px;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20px;
    z-index: 2; }
    @media screen and (min-width: 900px) {
      .filtros__close {
        display: none; } }
  .filtros__link {
    display: block;
    color: #333;
    margin-bottom: 15px;
    text-decoration: none; }
    @media screen and (min-width: 900px) {
      .filtros__link {
        font-size: 11px;
        text-transform: uppercase; }
        .filtros--escaparate .filtros__link {
          color: #fff;
          font-weight: 600; } }
  @media screen and (min-width: 900px) and (min-device-width: 1400px) {
    .filtros__link {
      margin-bottom: 7px; } }
    .filtros__link--alt {
      margin-bottom: 20px;
      text-transform: uppercase; }
    .filtros__link-col {
      display: block;
      color: #333;
      margin-bottom: 15px;
      text-decoration: none; }
      @media screen and (min-width: 900px) {
        .filtros__link-col {
          font-size: 11px;
          margin-bottom: 7px; } }
  @media screen and (min-width: 900px) and (min-device-width: 1400px) {
    .filtros__link-col {
      margin-bottom: 5px; } }
    .filtros__link--aplicados {
      background: #e1e1e1;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      margin: 0;
      padding: 20px 45px 20px 20px;
      position: relative; }
      @media screen and (min-width: 900px) {
        .filtros__link--aplicados {
          padding: 12px 45px 12px 12px; } }
      .filtros__link--aplicados::after {
        background: url(../img/close-icon2.svg) center center no-repeat;
        background-size: auto 57%;
        border: 1px solid #666;
        border-radius: 2px;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        top: 20px;
        right: 15px;
        width: 15px; }
        @media screen and (min-width: 900px) {
          .filtros__link--aplicados::after {
            right: 12px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }
    .filtros__link--clearAll {
      border: 1px solid #999;
      color: #000;
      display: block;
      font-size: 12px;
      margin: 20px auto 0;
      padding: 7px 14px;
      text-align: center;
      text-transform: uppercase;
      width: 150px; }
      @media screen and (min-width: 900px) {
        .filtros__link--clearAll {
          display: inline-block;
          font-size: 11px;
          float: right;
          width: auto; } }
  .filtros__quant::before {
    content: "("; }
  .filtros__quant::after {
    content: ")"; }
  .filtros__curr-img {
    border: 0;
    display: block;
    width: 100%; }
  .filtros__scr-pane {
    margin-bottom: 20px;
    max-height: calc(100vh - 63px);
    overflow: hidden;
    overflow-y: auto;
    padding-top: 20px;
    -webkit-overflow-scrolling: touch; }
    @media screen and (min-width: 900px) {
      .filtros__scr-pane {
        max-height: none; }
        .filtros--escaparate .filtros__scr-pane {
          border: 0;
          left: 20px;
          margin-left: 30px;
          padding-top: 0; } }

.borrar-filtros {
  border: 1px solid #999;
  color: #666;
  cursor: pointer;
  display: none;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  margin: 10px 20px 0;
  padding: 10px;
  position: relative; }
  @media screen and (min-width: 900px) {
    .borrar-filtros {
      margin: 10px 0 10px; } }
  .borrar-filtros.vsb {
    display: block; }
  .borrar-filtros::after {
    background: url(../img/close-icon.svg) center center no-repeat;
    background-size: 100% auto;
    content: "";
    height: 20px;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px; }
  .borrar-filtros:hover {
    background: #666;
    color: #fff; }
    .borrar-filtros:hover::after {
      -webkit-filter: invert(100%);
      filter: invert(100%); }
  .borrar-filtros--block {
    background: none;
    border: 0;
    color: #999;
    float: right;
    margin-top: 0;
    margin-bottom: -40px;
    padding: 0;
    top: -40px;
    text-align: center; }
    .borrar-filtros--block::after {
      content: none; }
    .borrar-filtros--block:hover {
      background: none;
      color: #666;
      text-decoration: underline; }

.back-level {
  cursor: pointer;
  display: block;
  font-style: normal;
  position: relative; }
  .back-level::after {
    content: "Volver";
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    top: 11px;
    left: 15px; }
  .back-level::before {
    background: url(../img/arrow-but.svg) center right no-repeat;
    content: "";
    display: block;
    height: 40px;
    padding: 10px 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 100%; }

.filt-columnas {
  height: calc(100% - 60px);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 900px) {
    .filt-columnas {
      background: #fff;
      border: 1px solid #000;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      overflow: hidden;
      overflow-y: auto;
      padding: 20px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap; } }

/***************** GRID ********************/
.tit-subcat {
  border: 1px solid #e1e1e1;
  display: block;
  font-size: 15px;
  font-weight: 200;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  text-transform: uppercase; }
  .tit-subcat--relateds {
    border: 0;
    margin: 0;
    padding: 10px 0; }
  .tit-subcat img {
    height: 20px;
    width: auto; }
  .tit-subcat .see-all {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #999;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 10px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .tit-subcat .see-all--ocultar {
      background: #fff;
      border-color: #ccc;
      overflow: hidden; }
      .tit-subcat .see-all--ocultar::before {
        background: #e1e1e1;
        content: "Ocultar";
        color: #999;
        display: block;
        height: 100%;
        left: 0;
        padding: 8px 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%; }

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  position: relative; }
  @media screen and (min-width: 900px) {
    .grid {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  .grid__prod {
    border: 1px solid #efefef;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 50%; }
    .grid__prod.ocultar {
      display: none; }
      .grid__prod.ocultar.mostrar {
        display: block; }
    @media screen and (min-width: 640px) {
      .grid__prod {
        border: 0;
        -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3); } }
    @media screen and (min-width: 900px) {
      .grid__prod {
        padding-bottom: 80px;
        -ms-flex-preferred-size: 25%;
        flex-basis: 20%; }
        .grid--perfumes-marca .grid__prod,
        .grid--accesorios .grid__prod {
          -ms-flex-preferred-size: calc(100% / 3);
          flex-basis: calc(100% / 3); } }
    @media screen and (max-width: 420px) {
      .grid__prod {
        padding-bottom: 56px;
      }
    }
    .grid__prod--full {
      border: 0;
      width: 100%; }
    .grid .grid__prod:nth-child(odd) {
      border-left: 0; }
      .grid .grid__prod:nth-child(odd):last-child {
        border: 0; }
    .grid .grid__prod:nth-child(even) {
      border-right: 0; }
    @media screen and (min-width: 640px) {
      .grid--home .grid__prod {
        -ms-flex-preferred-size: calc(100% / 4);
        flex-basis: calc(100% / 4); } }
    .grid__prod--bf10::before {
      background: url(../img/bf11.png) center center no-repeat;
      content: "";
      display: block;
      height: 60px;
      left: 10px;
      position: absolute;
      top: 0;
      width: 55px;
      z-index: 20; }
    .grid__prod--bf10 .grid__prod-price:not(.grid__prod-price--old) {
      color: red; }
    .grid__prod--nice-price::before {
      background: url(../img/nice-price.svg) center left no-repeat;
      background-size: 90% auto;
      content: "";
      display: block;
      height: 60px;
      left: 10px;
      position: absolute;
      top: 0;
      -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      transform: rotate(-5deg);
      width: 55px;
      z-index: 20; }
  .grid__prod-link {
    text-decoration: none; }
  .grid__prod-inner {
    padding: 0 10px; }
  .grid__prod-img--imagen {
    border: 0px;
    width: 100%; }
  .grid__prod-brand:hover {
    opacity: 0.5; }
  .grid__prod-tit {
    color: #000;
    display: block;
    font-weight: 300;
    margin-bottom: 5px;
    text-decoration: none;
    font-size: 14px;}
    .grid--cosmetica-fam .grid__prod-tit {
      font-size: 12px;
      font-weight: 600; }
      .grid--cosmetica-fam .grid__prod-tit .submarca {
        display: block;
        font-size: 14px;
        margin-bottom: 5px; }
  .grid__prod-subtit {
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px; }
  .grid__prod-price {
    color: #5C5B5B;
    font-size: 15px;
    font-weight: 600;
    position: relative; }
    @media screen and (min-width: 640px) {
      .grid__prod-price {
        font-size: 17px; } }
    .grid__prod-price--old {
      color: #666;
      display: inline-block;
      font-size: smaller;
      font-weight: 300;
      margin: 5px auto;
      position: relative;
      text-decoration: line-through; }
      .grid--perfumes-fam .grid__prod-price--old,
      .grid--perfumes-marca .grid__prod-price--old {
        margin: 5px auto; }
  .grid__prod-but {
    background: #ccc;
    border: 0;
    border-radius: 2px;
    bottom: 20px;
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    letter-spacing: -0.05em;
    margin: 10px auto;
    padding: 8px 20px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 130px; }
    :hover > .grid__prod-but {
      display: none; }
      @media screen and (min-width: 900px) {
        :hover > .grid__prod-but {
          background: #ccc;
          display: block; } }
      :hover > .grid__prod-but:hover {
        background: #006FB7; }
  .grid--relateds {
    border-top: 5px solid #644F44;
    display: block; }
    .grid--relateds::before, .grid--relateds::after {
      content: none; }
  .grid__slider {
    min-height: 280px;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    -webkit-overflow-scrolling: touch; }
    @media screen and (min-width: 900px) {
      .grid__slider {
        margin: 0 50px; } }
    @media screen and (min-device-width: 1024px) {
      .grid__slider {
        overflow-x: hidden; } }
    .grid__slider-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      left: 0;
      position: absolute;
      top: 0;
      width: 200%; }
    .grid__slider .grid__prod {
      border: 0;
      -ms-flex-preferred-size: 150px;
      flex-basis: 150px; }

.grid--marcas {
  margin-bottom: 40px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.grid--full {
  max-width: 1024px;
  padding: 0 10px; }
  .grid--full .grid__prod {
    border: 0; }
    @media screen and (min-device-width: 640px) {
      .grid--full .grid__prod {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        width: 20%; } }

.grid--rel {
  margin-top: 20px;
  padding: 20px 20px 0; }

.marcas__blck {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 40px 10px 25px;
  width: 50%; }
  .marcas__blck-inic {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 10px; }
  .marcas__blck-link {
    color: #333;
    display: block;
    margin-bottom: 5px;
    text-decoration: none; }
  @media screen and (min-width: 640px) {
    .marcas__blck {
      width: calc(100% / 3); }
      .marcas__blck:nth-child(3 + n) {
        border-right: 1px solid red; } }
  @media screen and (min-width: 900px) {
    .marcas__blck {
      width: calc(100% / 4); } }
  @media screen and (min-width: 1200px) {
    .marcas__blck {
      width: calc(100% / 5); } }

.rel-srch {
  color: #999;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center; }
  @media screen and (min-width: 900px) {
    .rel-srch {
      margin-bottom: 70px;
      text-align: left; } }
  .rel-srch span {
    display: block;
    margin-bottom: 10px; }
    @media screen and (min-width: 900px) {
      .rel-srch span {
        display: inline-block;
        margin: 0; } }
  .rel-srch a {
    color: #006FB7;
    font-size: 15px; }

.pagin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px auto 50px; }
  .pagin__itm {
    border: 1px solid #ccc;
    border-left: 0;
    display: block;
    height: 40px;
    list-style-type: none;
    text-align: center;
    width: 40px; }
    .pagin__itm:first-child {
      border-left: 1px solid #ccc; }
  .pagin__link {
    color: #006FB7;
    display: block;
    font-size: 14px;
    height: 100%;
    padding: 10px;
    text-decoration: none; }
    .pagin__link--prev:before {
      content: "<<";
      letter-spacing: -2px; }
    .pagin__link--next:before {
      content: ">>";
      letter-spacing: -2px; }
    .pagin__link--dsbl {
      color: #ccc; }
      .pagin__link--dsbl:hover {
        cursor: normal;
        font-weight: normal !important; }
    .pagin__link--curr {
      background: #006FB7;
      color: #fff;
      font-weight: bold; }
    .pagin__link:hover {
      font-weight: bold; }

.nice-price {
  padding-top: 10px; }
  .nice-price__info {
    cursor: pointer;
    display: inline-block;
    position: relative; }
    .table--cart-detail .nice-price__info {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-102%);
      -ms-transform: translateY(-50%) translateX(-102%);
      transform: translateY(-50%) translateX(-102%);
      margin-top: 2px;
      z-index: 100; }
  .nice-price__icon {
    background: #e1e1e1;
    border-radius: 100px;
    color: #000;
    display: inline-block;
    font-style: none;
    height: 22px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 22px; }
    .nice-price__icon::before {
      content: "?";
      font-style: normal;
      position: relative;
      top: 3px; }
      .producto__gr-price .nice-price__icon::before {
        font-size: 13px;
        top: 0; }
  .nice-price__txt {
    color: #000;
    display: none;
    background: #fafafa;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
    top: 25px;
    font-size: 12px;
    font-weight: 300;
    left: -20px;
    line-height: 1.2;
    padding: 12px;
    position: absolute;
    text-align: left;
    width: 200px;
    z-index: 99; }
    .producto__gr-price .nice-price__txt {
      left: -150px;
      top: 20px; }
    .cart__art-price .nice-price__txt {
      left: -125px; }
    .table--cart-detail .nice-price__txt {
      left: -125px; }
    .nice-price__txt--vsb {
      display: block; }
    @media screen and (min-width: 900px) {
      .nice-price__info:hover .nice-price__txt {
        display: block; } }

.grid-tit {
  margin: 60px auto 20px;
  position: relative; }
  .grid-tit__name {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 26px;
    font-weight: 200;
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 900px) {
      .grid-tit__name {
        font-size: 30px; } }
    .grid-tit__name-center {
      display: block;
      margin: 0 auto;
      max-width: calc(100% - 160px); }
  .grid-tit__link {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .grid-tit__link:after {
      content: " >"; }
  .grid-tit--full {
    margin: 30px auto 20px; }
    .grid-tit--full .grid-tit__name {
      color: #006FB7;
      font-size: 34px;
      font-weight: 300;
      margin-bottom: 0;
      padding-bottom: 35px;
      position: relative;
      text-align: center;
      text-transform: none; }
      @media screen and (min-width: 900px) {
        .grid-tit--full .grid-tit__name {
          font-size: 40px; } }
      .grid-tit--full .grid-tit__name::after {
        background: #006FB7;
        bottom: -1px;
        content: "";
        display: block;
        height: 4px;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100px; }

/* QUICKVIEW */
.grid__prod {
  position: relative; }
  .grid__prod .quick-view {
    background: rgba(0, 0, 0, 0.6);
    color: #e1e1e1;
    content: "QUICKVIEW";
    cursor: pointer;
    display: none;
    font-size: 14px;
    font-weight: 600;
    left: 50%;
    max-width: 160px;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 75%;
    z-index: 99; }
    .grid--accesorios .grid__prod .quick-view {
      -webkit-transform: translateY(-150%) translateX(-50%);
      -ms-transform: translateY(-150%) translateX(-50%);
      transform: translateY(-150%) translateX(-50%); }
    .grid__prod .quick-view:hover {
      background: rgba(0, 0, 0, 0.9);
      -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
      color: #fff;
      width: 77%; }
  @media screen and (min-device-width: 1400px) {
    .grid__prod:hover .quick-view {
      display: block; } }

.producto-qv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .producto-qv .producto__img {
    margin: 0;
    position: static;
    width: 320px; }
  .producto-qv .producto__conf {
    border: 0;
    width: calc(100% - 370px); }
  .producto-qv .producto__gr-add {
    min-width: 180px; }
  .producto-qv .producto__img-reg {
    cursor: normal !important; }

.banners-home {
  margin: 60px auto; }
  @media screen and (min-width: 640px) {
    .banners-home {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.banner-home {
  margin-bottom: 20px;
  position: relative; }
  @media screen and (min-width: 640px) {
    .banner-home {
      -ms-flex-preferred-size: calc((100% / 3) - 15px);
      flex-basis: calc((100% / 3) - 15px); } }

.banner-link__img {
  border: 1px solid #ccc;
  display: block;
  height: auto;
  width: 100%; }

.banner-link__title {
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  left: 0;
  padding: 25px 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .banner-link__title {
      padding: 15px 0; } }
  @media screen and (min-width: 900px) {
    .banner-link__title {
      font-size: 12px;
      font-weight: 600;
      padding: 25px 0; } }
  .banner-link__title::after {
    content: " >"; }

.banner-full {
  overflow: hidden; }
  .banner-full__img {
    display: block;
    height: 270px;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto; }
    @media screen and (min-width: 640px) {
      .banner-full__img {
        height: 450px; } }
    @media screen and (min-width: 900px) {
      .banner-full__img {
        left: calc(50% + 120px);
        margin-bottom: 30px; } }
  .banner-full__img-full {
    display: block;
    margin: 0 auto;
    max-width: 1024px;
    width: 100%; }
  .banner-full__msg {
    background: #e1e1e1;
    font-size: 16px;
    line-height: 1.3;
    margin: 5px auto;
    max-width: 1024px;
    padding: 15px;
    text-align: center; }
    @media screen and (min-width: 900px) {
      .banner-full__msg {
        margin: 10px auto 5px; } }
    .banner-full__msg strong {
      font-weight: 600; }

@media screen and (min-width: 900px) {
  .slider-ctrl {
    position: relative; }
    .slider-ctrl__arrow {
      display: block;
      height: 40px;
      position: absolute;
      top: 130px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 40px;
      z-index: 2; }
      .slider-ctrl__arrow--prev {
        background: url(../img/left-arrow.png) center center no-repeat #fff;
        background-size: 85% auto;
        left: 0; }
      .slider-ctrl__arrow--next {
        background: url(../img/right-arrow.png) center center no-repeat #fff;
        background-size: 85% auto;
        right: 0; }
      .slider-ctrl__arrow:hover {
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } }

/***************** PRODUCTO ********************/
.producto {
  position: relative; }
  @media screen and (min-width: 640px) {
    .producto {
      padding-top: 0; } }
  @media screen and (min-width: 900px) {
    .producto {
      padding-top: 0; } }
  .producto__tit-all-prods {
    display: none; }
    @media screen and (min-width: 640px) {
      .producto__tit-all-prods {
        color: #000;
        display: block;
        font-size: 10px;
        height: 25px;
        left: auto;
        position: absolute;
        right: 0;
        top: 5px;
        text-align: right;
        text-decoration: none;
        text-transform: uppercase;
        width: 257px; }
        .producto__tit-all-prods::before {
          content: "Ver todos los productos de "; }
        .producto__tit-all-prods::after {
          content: ">"; } }
  .producto__tit-brand-img {
    display: block; }
    @media screen and (min-width: 640px) {
      .producto__tit-brand-img {
        display: block;
        margin-bottom: 30px;
        position: relative;
        text-align: right;
        top: 35px;
        width: 100%; } }
    .producto__tit-brand-img img {
      border: 0;
      display: block;
      margin: 0 auto 20px;
      width: 60%; }
      @media screen and (min-width: 640px) {
        .producto__tit-brand-img img {
          border: 0;
          display: inline-block;
          width: auto;
          max-height: 27px; } }
  .producto__tit-name {
    border-top: 1px solid #000;
    padding-top: 10px; }
    .producto__tit-name span {
      font-size: 21px;
      font-weight: 200;
      text-align: center;
      text-transform: uppercase;
      line-height: 1.3;
      display: block; }
    @media screen and (min-width: 640px) {
      .producto__tit-name {
        border-top: 0;
        border-bottom: 5px solid #644F44;
        padding-bottom: 10px;
        padding-top: 0;
        position: relative;
        text-align: left; }
        .producto__tit-name span {
          display: block;
          font-size: 30px;
          max-width: 500px;
          text-align: left; } }
  .producto__tit-brand {
    display: none; }
    @media screen and (min-width: 640px) {
      .producto__tit-brand {
        color: #999;
        padding: 5px 0 20px;
        font-size: 14px;
        font-weight: 400;
        text-align: left; } }
  .producto__img {
    padding-bottom: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 80%; }
    @media screen and (min-width: 900px) {
      .producto__img {
        left: calc((60px + 500px) * -1);
        margin: 0 30px;
        position: absolute;
        top: 0;
        width: 500px; } }
    @media screen and (min-width: 900px) {
      .producto__img {
        padding-left: 15px; } }
    .producto__img-reg {
      cursor: pointer;
      height: auto;
      position: absolute;
      top: 0;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      left: 0;
      width: 100%;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
      .producto__img-reg.in-left {
        -webkit-animation-name: inLeft;
        animation-name: inLeft; }
      .producto__img-reg.in-right {
        -webkit-animation-name: inRight;
        animation-name: inRight; }
      .producto__img-reg.out-left {
        -webkit-animation-name: outLeft;
        animation-name: outLeft; }
      .producto__img-reg.out-right {
        -webkit-animation-name: outRight;
        animation-name: outRight; }
      .producto__img-reg--curr {
        position: static;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
    .producto__img-thumbs {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: none; }
      @media screen and (min-width: 900px) {
        .producto__img-thumbs {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 20px; } }
      .producto__img-thumbs--muestras {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px; }
    .producto__img-thumb {
      height: auto !important;
      width: 20%; }
      .producto__img-thumb--curr {
        border: 2px solid #000; }
      .producto__img-thumb--muestra {
        margin: 3px;
        width: 50px; }
  .producto__glob-price-block {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .producto__glob-price-block {
        text-align: left; } }
  .producto__glob-price--old {
    color: #999;
    font-size: 20px;
    text-decoration: line-through; }
  .producto__glob-price--new {
    color: #006FB7;
    font-size: 16px;
    font-weight: 400; }
  .producto__glob-desc {
    border-top: 2px solid #ccc;
    color: #666;
    font-size: 14px;
    padding: 20px 10px; }
    @media screen and (min-width: 900px) {
      .producto__glob-desc {
        border-top: 0;
        padding: 0 0 15px 0; } }
    .producto__glob-desc p {
      font-size: 14px;
      line-height: 1.3; }
      @media screen and (min-width: 900px) {
        .producto__glob-desc p {
          font-size: 14px; } }
  .producto__colores {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px 0 20px 0; }
    @media screen and (min-width: 670px) {
      .producto__colores {
        margin-top: 30px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; } }
  .producto__color {
    background: #e1e1e1;
    cursor: pointer;
    padding: 2px;
    width: calc(100% / 9); }
    @media screen and (min-width: 640px) {
      .producto__color {
        width: 36px; } }
    .producto__color--curr {
      border: 2px solid black;
      padding: 0; }
  .producto__groups {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 20px 0; }
    @media screen and (min-width: 640px) {
      .producto__groups {
        padding: 10px 0 60px; } }
  .producto__groups-tit {
    border-top: 2px solid #d9d9d9;
    font-size: 17px;
    font-weight: 500;
    margin-top: 15px;
    padding: 5px 0;
    text-transform: uppercase; }
    @media screen and (min-width: 640px) {
      .producto__groups-tit {
        font-size: 15px;
        padding: 10px 0 5px 10px; } }
  .producto__gr {
    border-top: 1px solid #ccc;
    padding: 30px 0; }
    @media screen and (min-width: 900px) {
      .producto__gr {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        padding: 18px 10px 0; } }
    .producto__groups .producto__gr:first-child {
      border: 0; }
    .producto__gr-thumb {
      border: 1px solid #000;
      float: left;
      margin-bottom: 30px;
      margin-right: 10px;
      width: 50px; }
      .producto__gr--curr .producto__gr-thumb {
        border: 3px solid #000; }
    .producto__gr::after {
      clear: both;
      content: "";
      display: block; }
    .producto__gr-desc {
      padding-right: 20px; }
      @media screen and (min-width: 900px) {
        .producto__gr-desc {
          width: 37%;
          float: left; } }
    .producto__gr-name {
      font-size: 19px;
      color: #333;
      font-weight: 500; }
    .producto__gr-status {
      color: #999;
      font-size: 15px;
      font-weight: 400;
      margin-top: 4px;
      font-style: italic; }
      .producto__gr-status--agotado {
        color: red; }
    .producto__gr-new {
      color: #8EBF43;
      display: block;
      font-size: 14px;
      font-weight: 700; }
    .producto__gr-ref {
      color: #999;
      font-size: 0.8em; }
    .producto__gr-precioml {
      color: #999;
      display: block;
      font-size: 11px;
      margin-top: 2px; }
    .producto__gr-price {
      color: #006FB7;
      font-size: 22px;
      font-weight: 500; }
      .producto__gr-price-block {
        float: left;
        font-size: 18px;
        position: relative;
        text-align: right;
        width: 40%; }
        @media screen and (min-width: 900px) {
          .producto__gr-price-block {
            padding-top: 0;
            width: 100%; } }
        .producto__gr-price-block--promo::before {
          background: url(../img/etiqueta_20.png) no-repeat;
          content: "";
          display: block;
          height: 55px;
          left: -10px;
          position: absolute;
          top: -5px;
          width: 55px; }
          @media screen and (min-width: 670px) {
            .producto__gr-price-block--promo::before {
              top: 0; } }
        .producto__gr-price-block--promo .producto__gr-price:not(.producto__gr-price--old) {
          color: red; }
        .producto__gr-price-block--bf30::before {
          background: url(../img/bf30.png) no-repeat;
          content: "";
          display: block;
          height: 55px;
          position: absolute;
          top: -5px;
          width: 55px;
          left: -10px; }
        .producto__gr-price-block--nice-price::before {
          background: url(../img/nice-price.svg) left top no-repeat;
          background-size: 45px auto;
          content: "";
          display: block;
          height: 55px;
          left: -15px;
          position: absolute;
          top: 0;
          width: 55px; }
      .producto__gr-price--old {
        color: #999;
        display: inline-block;
        font-size: 17px;
        font-weight: 100;
        margin-top: 5px;
        text-align: right;
        text-decoration: line-through; }
        @media screen and (min-width: 900px) {
          .producto__gr-price--old {
            margin-top: 0; } }
    .producto__gr-quant {
      clear: left;
      float: left;
      margin-top: 20px;
      padding: 9px 0;
      text-align: left;
      width: 120px; }
      @media screen and (min-width: 640px) {
        .producto__gr-quant {
          width: calc(100% - 200px);
          text-align: right;
          padding: 10px 30px; } }
      @media screen and (min-width: 900px) {
        .producto__gr-quant {
          margin: 0;
          position: relative;
          width: 65px; } }
    .producto__gr-add {
      float: left;
      margin-top: 20px;
      padding: 5px 0;
      text-align: right;
      width: calc(100% - 120px); }
      @media screen and (min-width: 640px) {
        .producto__gr-add {
          padding: 5px;
          width: 200px; } }
      @media screen and (min-width: 900px) {
        .producto__gr-add {
          margin: 0;
          padding-top: 0;
          width: calc(40% - 65px); } }
  .producto__info {
    background: #e1e1e1;
    margin: 20px 0; }
    @media screen and (min-width: 900px) {
      .producto__info {
        background: none;
        border-top: 2px solid #000;
        clear: both;
        height: 300px;
        overflow: hidden;
        padding-top: 30px;
        position: relative; } }
  .producto__info-dev {
    padding: 30px 0; }
    .producto__info-dev h4 {
      color: #666;
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 10px; }
    .producto__info-dev p {
      color: #666;
      font-size: 14px;
      line-height: 1.3; }

.producto__share {
  text-align: center; }
  @media screen and (min-width: 640px) {
    .producto__share {
      display: block;
      margin-top: 40px;
      text-align: center; } }

.producto__mmedia {
  text-align: center; }

.producto__360-but {
  background: url(../img/360-icon.svg) center center no-repeat;
  background-size: auto 50px;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  margin: 30px auto;
  width: 60px; }

.producto__video-but {
  background: url(../img/video-icon.svg) center center no-repeat;
  background-size: auto 45px;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  margin: 30px auto;
  width: 60px; }

.producto__conf {
  border-bottom: 2px solid #000;
  padding-bottom: 20px; }
  @media screen and (min-width: 670px) {
    .producto__conf {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; } }

@media screen and (min-width: 670px) {
  .producto__res {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 20px; } }

@media screen and (min-width: 900px) {
  .producto__res {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.producto__res::after {
  content: "";
  display: block;
  clear: both; }

.prod-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 3; }
  .prod-dots li {
    background: #666;
    border: 1px solid #666;
    border-radius: 100px;
    display: inline-block;
    height: 10px;
    margin: 5px;
    width: 10px; }
    .prod-dots li.curr {
      background: #000;
      border-color: #000; }
  .producto__img--color .prod-dots {
    display: none; }

.opiniones {
  padding: 10px 0;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 10px;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .opiniones {
      margin-top: -10px;
      text-align: left; } }
  @media screen and (min-width: 900px) {
    .opiniones {
      border: 0;
      padding: 10px 0;
      margin: 5px 0 30px; } }
  .opiniones::before {
    content: "";
    clear: both;
    display: block; }
  .opiniones a {
    border: 1px solid #006FB7;
    color: #006FB7;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    position: relative; }
    @media screen and (min-width: 640px) {
      .opiniones a {
        display: inline-block;
        top: -3px; } }
    .opiniones a:hover {
      background: #006FB7;
      color: #fff;
      opacity: 0.45; }
  .opiniones__starbar {
    background: url(../img/stars-empty.svg) center left no-repeat;
    background-size: auto 100%;
    display: inline-block;
    height: 20px;
    margin: 0;
    width: 124px; }
    .opiniones__starbar::after {
      content: "";
      background: url(../img/stars-full.svg) center left no-repeat;
      background-size: auto 100%;
      display: block;
      height: 100%;
      position: relative; }
    .opiniones__starbar--1::after {
      width: 10%; }
    .opiniones__starbar--2::after {
      width: 20%; }
    .opiniones__starbar--3::after {
      width: 30%; }
    .opiniones__starbar--4::after {
      width: 40%; }
    .opiniones__starbar--5::after {
      width: 50%; }
    .opiniones__starbar--6::after {
      width: 60%; }
    .opiniones__starbar--7::after {
      width: 70%; }
    .opiniones__starbar--8::after {
      width: 80%; }
    .opiniones__starbar--9::after {
      width: 90%; }
    .opiniones__starbar--10::after {
      width: 100%; }

.opiniones-block {
  background: #e6effb;
  border-top: 5px solid #006FB7;
  padding: 0 20px 20px;
  text-align: left; }

.opiniones__fst-media {
  padding: 30px 0 0;
  text-align: center; }
  .opiniones__fst-media span {
    display: block;
    font-size: 14px;
    font-weight: 600; }
  .opiniones__fst-media .opiniones__starbar {
    margin-top: 15px; }

.opiniones-block__tit {
  font-size: 20px;
  padding: 10px 0;
  text-align: center; }

.opi-list {
  border-top: 2px solid #999;
  margin-top: 50px;
  padding-top: 20px; }
  .opi-list__filtros {
    border-bottom: 3px solid #ccc;
    padding-bottom: 10px;
    position: relative; }
    @media screen and (min-width: 900px) {
      .opi-list__filtros {
        padding-bottom: 80px; }
        .opi-list__filtros .label--sort-opi {
          bottom: 5px;
          position: absolute;
          right: 5px;
          width: 200px; }
        .opi-list__filtros .select--form {
          padding: 5px; } }
  .opi-list__itm {
    border-bottom: 3px solid #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 40px; }
    .opi-list__itm:last-child {
      border-bottom: 0; }
  .opi-list__user {
    padding-right: 20px;
    padding-top: 20px;
    width: 100px; }
    .opi-list__user-name {
      font-size: 12px; }
    .opi-list__user-info {
      color: #333;
      font-size: 11px;
      padding: 5px 0; }
      .opi-list__user-info span {
        display: block;
        margin-bottom: 5px; }
  .opi-list__opinion {
    font-size: 13px;
    width: calc(100% - 100px); }
  .opi-list__valoracion {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 20px;
    position: relative; }
    .opi-list__valoracion .opiniones__starbar {
      height: 10px;
      width: 62px; }
  .opi-list__date {
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0; }
  .opi-list__res {
    color: #006FB7;
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 5px; }
  .opi-list__comment p {
    font-size: 14px;
    line-height: 1.1; }
  .opi-list__tags {
    color: #333;
    font-size: 12px;
    margin-bottom: 10px; }
  .opi-list__helpful {
    border-top: 1px dotted #ccc;
    margin-top: 20px;
    padding-top: 5px; }
    .opi-list__helpful p {
      color: #666;
      display: block;
      font-size: 12px; }

.helpful-val {
  border: 1px solid #ccc;
  display: inline-block;
  color: #666;
  margin-right: 5px;
  margin-bottom: 22px;
  margin-top: 7px;
  padding: 3px 5px;
  text-decoration: none; }

.helpful-res {
  color: #666;
  font-size: 12px;
  margin-bottom: 5px; }

.producto__add {
  display: block;
  margin-bottom: 20px; }
  .producto__add::before {
    display: block;
    clear: both;
    content: ""; }
  .producto__add::after {
    display: block;
    clear: both;
    content: ""; }

.producto__h3 {
  display: none;
  color: gold;
  font-size: 12px;
  text-transform: uppercase;
  margin: 20px 0 10px; }
  @media screen and (min-width: 670px) {
    .producto__h3 {
      display: block; } }
  @media screen and (min-width: 670px) {
    .producto__h3--talla {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }

.producto__tallas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 20px; }
  @media screen and (min-width: 670px) {
    .producto__tallas {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; } }

.producto__talla {
  border: 1px solid #000;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px; }
  @media screen and (min-width: 640px) {
    .producto__talla {
      -webkit-box-flex: initial;
      -ms-flex-positive: initial;
      flex-grow: initial;
      width: 50px; } }
  .producto__talla--checked {
    background: #e1e1e1;
    border: 3px solid #000;
    font-weight: 600;
    margin: 3px 5px; }
  .producto__talla--disabled {
    border: 1px solid #ccc;
    color: #999; }

.producto__talla-radio {
  display: none; }

.disponibilidad {
  padding: 20px 0 0; }
  @media screen and (min-width: 640px) {
    .disponibilidad {
      text-align: right; } }
  @media screen and (min-width: 900px) {
    .disponibilidad {
      float: right;
      padding-bottom: 20px;
      width: 50%; } }
  .disponibilidad__tit {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px; }
    @media screen and (min-width: 900px) {
      .disponibilidad__tit {
        text-align: right; } }
  .disponibilidad__form {
    display: block;
    float: left;
    height: 42px;
    position: relative;
    width: 50%; }
    @media screen and (min-width: 640px) {
      .disponibilidad__form {
        display: block;
        float: none;
        text-align: right;
        width: 100%; } }
    .disponibilidad__form::after {
      display: block;
      clear: both; }
  .disponibilidad__zip {
    display: block;
    border: 1px solid #ccc;
    border-radius: 2px;
    float: left;
    font-size: 14px;
    padding: 9px 10px;
    width: 100%; }
    @media screen and (min-width: 640px) {
      .disponibilidad__zip {
        display: inline-block;
        float: none;
        max-width: 200px;
        text-align: right; } }
    .disponibilidad__zip--focus {
      width: 70%; }
  .disponibilidad__find {
    background: green;
    border: 0;
    border-radius: 2px;
    color: #fff;
    display: none;
    float: left;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 2px;
    width: 0; }
    @media screen and (min-width: 640px) {
      .disponibilidad__find {
        float: right; } }
    .disponibilidad__find--focus {
      display: block;
      width: 30%; }
  .disponibilidad__link {
    color: #000;
    display: block;
    float: left;
    font-size: 14px;
    padding: 10px 10px 20px;
    text-align: center;
    width: 50%;
    overflow: hidden; }
    @media screen and (min-width: 640px) {
      .disponibilidad__link {
        display: inline-block;
        padding: 5px;
        position: relative;
        float: none;
        width: auto;
        top: 0; } }
    @media screen and (min-width: 900px) {
      .disponibilidad__link {
        display: block;
        text-align: right; } }
  .disponibilidad::after {
    clear: both;
    content: "";
    display: block; }

@media screen and (min-width: 900px) {
  .info-block {
    display: inline-block; } }

.info-block__tit {
  border-bottom: 3px solid #fff;
  cursor: pointer;
  padding: 15px 10px;
  text-align: center; }
  @media screen and (min-width: 900px) {
    .info-block__tit {
      border: 1px solid #000;
      border-bottom: 0;
      color: #ccc;
      font-size: 12px;
      font-weight: 300;
      margin-right: -6px;
      padding: 8px 15px;
      text-transform: uppercase; }
      .info-block--curr .info-block__tit {
        background: #fff;
        color: #000;
        position: relative;
        z-index: 3; } }

.info-block__cont {
  display: none; }
  @media screen and (min-width: 900px) {
    .info-block__cont {
      background: #fff;
      border: 0;
      border-top: 1px solid #000;
      display: block;
      padding: 20px;
      height: calc(100% - 45px);
      overflow: hidden;
      overflow-y: auto;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      -webkit-overflow-scrolling: touch;
      z-index: 1; }
      .info-block--curr .info-block__cont {
        z-index: 2; } }
  .info-block__cont p {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 20px; }
  .info-block__cont h6 {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 25px; }
  .modal__content .info-block__cont {
    display: block;
    padding: 0 30px; }
    @media screen and (min-width: 640px) {
      .modal__content .info-block__cont {
        padding: 0 60px; } }

.input__txt-quant {
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 17px;
  height: 30px;
  padding: 5px;
  text-align: center;
  width: 30px; }
  @media screen and (min-width: 900px) {
    .input__txt-quant {
      border-radius: 2px;
      height: 32px;
      top: 0;
      position: absolute;
      left: 10px; } }

.input-text, .input-pass {
  border: 1px solid #ccc;
  border-radius: 2px;
  display: block;
  font-size: 14px;
  margin: 5px 0;
  padding: 15px 10px;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .input-text, .input-pass {
      max-width: 300px; }
      .label--full .input-text, .label--full .input-pass {
        max-width: none;
        width: calc(100% - ((50% - 300px))); }
      .form--50 .input-text, .form--50 .input-pass {
        max-width: 250px; } }
  @media screen and (min-device-width: 1400px) {
    .input-text, .input-pass {
      padding: 7px; } }
  .input-text--coupon, .input-pass--coupon {
    display: inline-block;
    width: 200px; }
    @media screen and (min-width: 900px) {
      .input-text--coupon, .input-pass--coupon {
        width: 150px; } }

.input__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: -4px;
  width: 20px; }
  .input__checkbox:checked {
    border: 1px solid #006FB7; }
    .input__checkbox:checked::before {
      background: #006FB7;
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      left: 50%; }

.input-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 100px;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative; }
  .input-radio:checked {
    border: 2px solid #006FB7; }
    .input-radio:checked:before {
      background: #006FB7;
      border-radius: 100px;
      content: "";
      display: block;
      height: 10px;
      position: absolute;
      right: 3px;
      top: 3px;
      width: 10px; }

.label--form {
  color: #000;
  display: block;
  font-size: 12px;
  margin-bottom: 15px; }

.label--full {
  width: 100% !important; }

.label--check {
  display: block;
  font-size: 13px;
  margin-top: 15px; }

.label--filtro {
  color: #333;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 17px;
  text-transform: uppercase; }

.label--filtro-color {
  display: inline-block;
  height: 39px;
  position: relative;
  width: 39px; }
  .label--filtro-color img {
    display: block;
    height: auto;
    margin: 2px;
    width: calc(100% - 4px); }
  .label--filtro-color input {
    border: 3px solid #fff;
    border-radius: 0;
    height: 100%;
    left: 0;
    padding: 3px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-appearance: none; }
    .label--filtro-color input:checked {
      border-color: #006FB7; }

.label--radio {
  display: block;
  font-size: 13px;
  margin: 15px 0;
  padding-top: 3px;
  padding-left: 25px;
  position: relative; }
  .label--radio .txt {
    display: block;
    font-size: 0.9em;
    margin-top: 5px; }
  .label--radio input {
    left: 0;
    position: absolute;
    top: 0; }
  .label--radio--paypal a {
    color: #1e7ec8; }
    .label--radio--paypal a:before {
      content: "";
      display: block;
      float: left;
      width: 37px;
      height: 23px;
      margin-right: 5px;
      margin-top: -3px;
      background: url(../img/PayPal_mark_37x23.gif); }

.label--giftwrap {
  display: block;
  font-size: 14px;
  margin: 0 auto;
  max-width: 240px;
  padding: 20px;
  text-align: center; }
  .label--giftwrap input {
    top: auto;
    bottom: 0; }
  .label--giftwrap span {
    display: inline-block;
    padding-left: 25px;
    position: relative; }

.label--table-top {
  text-align: right; }

.label--comprados {
  display: block;
  margin-bottom: 15px; }

.label--link {
  color: #006FB7; }

.label__link {
  color: #006FB7; }

.label--hidden {
  display: none; }

.textarea {
  border: 1px solid #ccc;
  display: block;
  height: 150px;
  margin-top: 10px;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .textarea {
      max-width: calc(100% - (50% - 300px)); }
      .form--opiniones .textarea {
        max-width: 300px; } }

.form {
  padding: 40px 0; }
  .form__tit {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%; }
  .form__back-link {
    color: #1e7ec8;
    display: block;
    float: none;
    font-size: 14px;
    margin: 20px 0 40px; }
  .form__foot {
    padding: 20px 0 40px 0;
    width: 100%; }
  .form__forgot-link {
    color: #006FB7;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px;
    text-decoration: none;
    text-align: right; }
  @media screen and (min-width: 640px) {
    .form--login {
      margin: 0 auto;
      max-width: 300px; } }
  @media screen and (min-width: 640px) {
    .form--center {
      margin: 0 auto;
      max-width: 370px; }
      .form--center .form__foot {
        text-align: center; } }
  @media screen and (min-width: 640px) {
    .form--dobleCol {
      margin: 0 auto;
      max-width: 300px; } }
  @media screen and (min-width: 900px) {
    .form--dobleCol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      max-width: 660px; }
      .form--dobleCol .label--form {
        width: 50%; }
        .form--dobleCol .label--form sup.red {
          color: red;
          font-size: 1.4em;
          display: inline-block;
          height: 15px;
          vertical-align: bottom; }
      .form--dobleCol .label--check {
        width: 100%; }
      .form--dobleCol .change-pass {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%; }
      .form--dobleCol p {
        width: 100%; }
      .form--dobleCol .required {
        font-size: 13px;
        width: 100%; }
        .form--dobleCol .required sup {
          font-size: 1.3em;
          position: relative;
          top: 5px; } }
  @media screen and (min-width: 640px) {
    .form--50 {
      display: block; } }
  .form--checkout {
    padding-top: 0; }

.form--opiniones {
  display: none; }
  @media screen and (min-width: 640px) {
    .form--opiniones {
      margin: 0 auto;
      max-width: 300px; } }
  .form--opiniones--vsb {
    display: block;
    border: 3px solid #e1e1e1;
    padding: 20px 60px;
    max-width: 420px;
    background: #fafafa; }
  .form--opiniones p {
    font-size: 14px;
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 90%;
    text-align: center; }

.form .score--stars {
  background: url(../img/stars-empty.svg) center left no-repeat;
  background-size: auto 100%;
  height: 22px;
  margin: 10px 0 40px;
  width: 145px;
  position: relative; }
  .form .score--stars a {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .form .score--stars a:nth-child(5) {
      width: 100%;
      z-index: 1; }
    .form .score--stars a:nth-child(4) {
      width: 80%;
      z-index: 2; }
    .form .score--stars a:nth-child(3) {
      width: 60%;
      z-index: 3; }
    .form .score--stars a:nth-child(2) {
      width: 40%;
      z-index: 4; }
    .form .score--stars a:nth-child(1) {
      width: 20%;
      z-index: 5; }
    .form .score--stars a span {
      display: none;
      font-size: 14px; }
    .form .score--stars a::after {
      background: url(../img/stars-full.svg) center left no-repeat;
      background-size: auto 100%;
      content: "";
      display: none;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .form .score--stars a.curr span {
      color: #000;
      display: block;
      position: absolute;
      top: 3px;
      left: 155px;
      width: 70px; }
    .form .score--stars a.curr::after {
      display: block; }
    @media screen and (min-device-width: 1400px) {
      .form .score--stars a:hover::after {
        display: block; }
    }
  .form .score--stars input[name="score"] {
    display: none; }

.form--quest {
  display: none;
  border: 3px solid #e1e1e1;
  margin: 0 auto 40px;
  padding: 40px 60px;
  max-width: 420px;
  background: #fafafa; }

.form__small {
  font-size: 14px;
  margin: -10px auto 0;
  max-width: 200px;
  text-align: center; }

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .tags {
      max-width: 300px; } }
  .tags > label {
    width: calc(100% / 3); }

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .button--add {
    background: #006FB7;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .button--add {
        position: relative;
        top: -5px; } }
  .button--consultar {
    background: #ff0000;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .button--consultar {
        position: relative;
        top: -5px; } }
  .button--blue {
    background: #006FB7;
    border: 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin: 20px auto;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .button--blue {
        max-width: 250px; } }
  .button--cart-back {
    background: #fff;
    border: 1px solid #006FB7;
    border-radius: 2px;
    color: #006FB7;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; }
  .button--cart-back2 {
      background: #fff;
      border: 2px solid #006FB7;
      border-radius: 2px;
      color: #006FB7;
      font-size: 14px;
      font-weight: 400;
      padding: 15px 20px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      width: 100%;
      max-width: 130px;
      margin-top: 12px;
      max-height: 48px; }
  .button--cart-back3 {
        background: #fff;
        color: #006FB7;
        font-size: 14px;
        font-weight: 400;
        padding: 15px 20px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
        max-width: 215px;
        margin-top: 12px;
        max-height: 48px; }
  .button--buscf {
    background: #006FB7;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.05em;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .button--buscf {
        padding: 13px 20px; } }
  .button__quant-sel {
    background: #fff;
    border: 1px solid #999;
    color: transparent;
    font-size: 16px;
    height: 30px;
    padding: 5px;
    text-align: center;
    text-indent: 1000px;
    width: 30px; }
    .button__quant-sel[value="+"] {
      background: url(../img/more.svg) center center no-repeat;
      background-size: 40% auto; }
    .button__quant-sel[value="-"] {
      background: url(../img/less.svg) center center no-repeat;
      background-size: 40% auto; }
    @media screen and (min-width: 900px) {
      .button__quant-sel {
        height: 15px;
        padding: 0;
        position: absolute;
        right: 10px;
        width: 15px; }
        .button__quant-sel[value="+"] {
          left: 42px;
          position: absolute;
          top: 0; }
        .button__quant-sel[value="-"] {
          left: 42px;
          position: absolute;
          top: 17px; } }
    .button__quant-sel--disabled {
      background: #fff;
      color: #ccc;
      text-indent: 1000px; }
  .button--log {
    background: #006FB7;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.05em;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
  .button--form {
    background: #006FB7;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin: 30px 0;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
    @media screen and (min-width: 640px) {
      .button--form {
        max-width: 250px; } }
  .button--comprados {
    font-size: 12px; }
  .button--coupon {
    background: #e1e1e1;
    color: #000;
    border: 1px solid #999;
    border-radius: 0;
    font-size: 13px;
    padding: 15px 20px;
    text-transform: uppercase; }
    @media screen and (min-device-width: 1400px) {
      .button--coupon {
        font-size: 11px;
        padding: 8px 20px; } }
  .button--disabled {
    background-color: #999;
    cursor: not-allowed; }
  .button--giftwrap {
    border: 1px solid #666;
    color: #000;
    display: block;
    margin-bottom: 20px;
    padding: 10px 15px 15px;
    text-align: center;
    text-decoration: none; }
    @media screen and (min-device-width: 640px) {
      .button--giftwrap {
        margin: 0 auto;
        max-width: 280px; } }
    .button--giftwrap:before {
      background: url(../img/gift-icon.svg) center center no-repeat;
      background-size: auto 100%;
      content: "";
      display: inline-block;
      margin-bottom: -4px;
      margin-right: 9px;
      height: 23px;
      width: 20px; }
  .button--opinar {
    background: #006FB7;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px auto;
    padding: 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 80%; }
    @media screen and (min-width: 640px) {
      .button--opinar {
        max-width: 200px; } }
    .button--opinar--ocultar {
      opacity: 0.5; }
  .button--quest {
    background: #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px auto 20px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 640px) {
      .button--quest {
        max-width: 300px; } }
  .button--cancelar, .button--continuar {
    background: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 640px) {
      .button--cancelar, .button--continuar {
        max-width: 250px; } }
    .button--cancelar:hover, .button--continuar:hover {
      background: #000;
      color: #fff; }

.bot-dbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px auto 0;
  max-width: 500px;
  padding-top: 10px;
  text-align: center; }
  .bot-dbl > * {
    width: calc(50% - 5px); }

/* MODAL */
.modal {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  width: 100%;
  z-index: 300; }
  .modal--in {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .modal__overlay {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1; }
  .modal__popup {
    background: #fff;
    border-radius: 4px;
    left: 50%;
    max-height: 85%;
    max-width: 95%;
    overflow: hidden;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 95%;
    z-index: 2; }
    @media screen and (min-width: 670px) {
      .modal__popup {
        max-width: 80%; }
        .modal__popup.zoom {
          max-width: 90%;
          max-height: 100%;
          height: 90%; }
          .modal__popup.zoom .producto__img-reg {
            margin: 0 auto;
            display: block; }
        .modal__popup.msg {
          max-width: 700px; } }
    @media screen and (min-width: 900px) {
      .modal__popup.zoom .producto__img-reg {
        height: 100%;
        width: auto; } }
  .modal__header {
    left: 0;
    position: relative;
    top: 0;
    width: 100%; }
  .modal__body {
    max-height: calc(100vh - 230px);
    /*
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		*/ }
    @media screen and (min-width: 670px) {
      .modal__body {
        max-height: calc(100% - 100px);
        height: 100%; } }
  .modal__content {
    height: 100%;
    max-height: calc(85vh - 100px);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .modal__footer {
    height: 50px; }
  .modal__close {
    background: url(../img/close-icon.svg) center center no-repeat;
    background-size: 80% auto;
    cursor: pointer;
    display: block;
    height: 25px;
    right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px; }
  .modal__msg {
    padding: 0 40px; }
  .modal__p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 15px; }

.modal__popup--shops {
  border: 0;
  border-radius: 0;
  height: 100%;
  max-height: none;
  width: 100%;
  max-width: none; }
  @media screen and (min-width: 640px) {
    .modal__popup--shops {
      border-radius: 4px;
      height: calc(100% - 100px);
      width: calc(100% - 100px); } }
  .modal__popup--shops .modal__body {
    border: 0;
    height: calc(100% - 50px);
    max-height: none; }
  @media screen and (min-width: 640px) {
    .modal__popup--shops .modal__content {
      padding: 30px; } }
  .modal__popup--shops .modal__footer {
    display: none; }

.modal__popup--quickview {
  max-width: 850px; }

.img-zoom {
  width: 100%;
  height: auto; }

/* BLOQUES FOOTER */
.fbl1 {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  padding: 15px 10px; }
  @media screen and (min-width: 640px) {
    .fbl1 {
      border: 1px solid #ccc;
      margin-bottom: 10px;
      padding: 50px 30px; } }
  @media screen and (min-width: 900px) {
    .fbl1 {
      position: relative; } }
  .fbl1__tit {
    display: block;
    background: url(../img/more.svg) right center no-repeat;
    background-size: 15px auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600; }
    .fbl1__tit--less {
      background-image: url(../img/less.svg); }
    @media screen and (min-width: 640px) {
      .fbl1__tit {
        background: none;
        color: #494949;
        cursor: auto;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase; } }
  .fbl1__cont {
    display: none;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    padding: 40px 10px 20px 10px; }
    @media screen and (min-width: 640px) {
      .fbl1__cont {
        display: block;
        font-size: 12px;
        left: 250px;
        margin-bottom: -30px;
        padding: 0;
        position: relative;
        top: -25px;
        width: calc(100% - 250px); } }
    @media screen and (min-width: 900px) {
      .fbl1__cont {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: auto;
        right: 60px;
        width: auto; } }
    .fbl1__cont--vsb {
      display: block; }
    .fbl1__cont a {
      color: #1e7ec8;
      display: block; }
      @media screen and (min-width: 900px) {
        .fbl1__cont a {
          display: inline-block;
          margin-right: 10px;
          padding-right: 5px;
          position: relative; }
          .fbl1__cont a::after {
            color: #333;
            content: "|";
            position: absolute;
            text-decoration: none;
            top: 0;
            right: -5px; } }
    .fbl1__cont .tel {
      color: #666;
      display: inline-block;
      font-family: georgia, serif;
      font-size: 25px;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1;
      margin-bottom: 30px; }
      @media screen and (min-width: 640px) {
        .fbl1__cont .tel {
          margin-bottom: 20px; } }
      @media screen and (min-width: 900px) {
        .fbl1__cont .tel {
          margin-bottom: 0;
          font-size: 1.6em; } }

@media screen and (min-width: 640px) {
  .fbl2 {
    border: 1px solid #ccc;
    padding: 50px 30px; } }

.fbl2__tit {
  display: none; }
  @media screen and (min-width: 640px) {
    .fbl2__tit {
      display: block;
      color: #494949;
      margin-bottom: 10px;
      font-size: 20px;
      font-weight: 400;
      text-transform: uppercase; } }

@media screen and (min-width: 640px) {
  .fbl2__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.fbl2__txt {
  border-bottom: 1px solid #000;
  display: none;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
  padding: 40px 20px 20px 20px; }
  @media screen and (min-width: 640px) {
    .fbl2__txt {
      border: 0;
      display: block;
      font-size: 12px;
      padding: 0; } }
  .fbl2__txt--vsb {
    display: block; }
  .fbl2__txt a {
    color: #1e7ec8; }
  .fbl2__txt .red {
    color: red;
    font-weight: 600; }

.fbl2__col-tit {
  background: url(../img/more.svg) right 10px center no-repeat;
  background-size: 15px auto;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  padding: 15px 10px; }
  .fbl2__col-tit--less {
    background-image: url(../img/less.svg);
    border-bottom: 0; }
  @media screen and (min-width: 640px) {
    .fbl2__col-tit {
      background: none;
      border: 0;
      padding: 15px 0; } }

@media screen and (min-width: 640px) {
  .fbl2__col {
    -ms-flex-preferred-size: calc((100% / 3) - 20px);
    flex-basis: calc((100% / 3) - 20px); } }

.fbl3 {
  display: none; }
  @media screen and (min-width: 640px) {
    .fbl3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 10px; }
      .fbl3__itm {
        background: #fff;
        border: 1px solid #ccc;
        -ms-flex-preferred-size: calc(20% - 10px);
        flex-basis: calc(20% - 10px);
        text-decoration: none; } }
    @media screen and (min-width: 640px) and (min-width: 900px) {
      .fbl3__itm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media screen and (min-width: 640px) {
        .fbl3__itm-cont {
          color: #666;
          font-size: 11px;
          padding: 10px; }
        .fbl3__itm-brand {
          margin-bottom: 5px;
          max-width: 100%; }
        .fbl3__itm-price {
          color: #F69;
          display: block;
          font-family: arial black, serif;
          font-size: 14px;
          font-weight: 600;
          margin-top: 15px; }
          .fbl3__itm-price--old {
            color: #666;
            margin: 0;
            text-decoration: line-through; } }

.buscf {
  background: #e1e1e1;
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
  margin-top: 60px;
  padding: 15px 0; }
  @media screen and (min-width: 640px) {
    .buscf {
      background: none;
      border: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      margin-top: 40px;
      margin-bottom: 30px; } }
  .buscf__step {
    padding: 10px 15px; }
    @media screen and (min-width: 640px) {
      .buscf__step {
        width: calc(100% - 150px); } }
    @media screen and (min-width: 640px) {
      .buscf__step--buscar {
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 150px; }
        .buscf__step--buscar input {
          position: relative;
          top: -10px; } }
  .buscf__tit {
    font-size: 20px;
    font-weight: 200;
    text-transform: uppercase; }
    @media screen and (min-width: 640px) {
      .buscf__tit {
        font-size: 15px;
        white-space: nowrap; } }
    @media screen and (min-width: 900px) {
      .buscf__tit {
        font-size: 16px; } }
    .buscf__tit span {
      background: #006FB7;
      border-radius: 100px;
      color: #fff;
      display: inline-block;
      font-size: 0.8em;
      width: 28px;
      height: 28px;
      margin-right: 3px;
      padding: 5px;
      position: relative;
      text-align: center;
      top: -3px; }
      @media screen and (min-width: 640px) {
        .buscf__tit span {
          font-size: 16px;
          font-weight: 700;
          font-family: 'Raleway', serif;
          padding: 3px; } }

footer {
  background: #006FB7; }

.footer {
  color: #fff;
  margin: 0 auto;
  max-width: 1400px;
  padding: 10px;
  position: relative; }
  @media screen and (min-width: 800px) {
    .footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      padding: 20px 10px 0; } }
  .footer__rrss {
    padding: 10px 0;
    text-align: right; }
    @media screen and (min-width: 800px) {
      .footer__rrss {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 20px;
        width: 25%; } }
  .footer__rs-link {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    font-size: 13px;
    height: 21px;
    padding-top: 2px;
    width: 21px; }
    .footer__rs-link--tw {
      background-image: url(../img/twitter-ico.svg); }
    .footer__rs-link--fb {
      background-image: url(../img/facebook-ico.svg); }
    .footer__rs-link--ig {
      background-image: url(../img/instagram-ico.svg); }
    .footer__rs-link--pi {
      background-image: url(../img/pinterest-ico.svg); }
    @media screen and (min-width: 800px) {
      .footer__rs-link {
        background-position: left center;
        background-size: 21px auto;
        display: block;
        color: #fff;
        margin-bottom: 20px;
        padding-left: 30px;
        width: 100%;
        text-align: left;
        text-decoration: none; }
        .footer__rs-link--tw {
          background-image: url(../img/twitter-ico.svg) center left no-repeat; }
          .footer__rs-link--tw::before {
            content: "Twitter"; }
        .footer__rs-link--fb {
          background-image: url(../img/facebook-ico.svg); }
          .footer__rs-link--fb::before {
            content: "Facebook"; }
        .footer__rs-link--ig {
          background-image: url(../img/instagram-ico.svg); }
          .footer__rs-link--ig::before {
            content: "Instagram"; }
        .footer__rs-link--pi {
          background-image: url(../img/pinterest-ico.svg); }
          .footer__rs-link--pi::before {
            content: "Pinterest"; } }
  .footer__menu {
    border-top: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px 0; }
    @media screen and (min-width: 800px) {
      .footer__menu {
        border: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 75%; } }
    .footer__menu-col {
      width: 50%;
      padding: 20px 10px; }
      @media screen and (min-width: 800px) {
        .footer__menu-col {
          border-right: 1px solid #fff;
          width: calc(100% / 3);
          padding: 0 20px; } }
      .footer__menu-col--flags {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        text-align: right;
        width: 100%; }
        @media screen and (min-width: 800px) {
          .footer__menu-col--flags {
            -ms-flex-item-align: end;
            align-self: flex-end;
            border: 0; } }
    .footer__menu-tit {
      font-size: 17px;
      font-weight: 600;
      margin: 10px 0; }
      @media screen and (min-width: 800px) {
        .footer__menu-tit {
          font-size: 15px;
          margin-bottom: 20px; } }
    .footer__menu-link {
      color: #fff;
      display: block;
      font-size: 15px;
      padding: 10px 0;
      text-decoration: none; }
      @media screen and (min-width: 800px) {
        .footer__menu-link {
          font-size: 13px; } }
      @media screen and (min-width: 900px) {
        .footer__menu-link {
          padding: 5px 0; } }
  .footer__flag {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 11px;
    display: inline-block;
    height: 20px;
    width: 25px; }
    .footer__flag--es {
      background-image: url(../img/flag_es.png); }
    .footer__flag--en {
      background-image: url(../img/flag_en.png); }
    .footer__flag--de {
      background-image: url(../img/flag_de.png); }
  .footer__bot {
    border-top: 1px solid #fff;
    padding-bottom: 25px;
    padding-top: 25px; }
    @media screen and (min-width: 800px) {
      .footer__bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-top: 15px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 20px 0;
        width: 100%; } }
    @media screen and (min-width: 900px) {
      .footer__bot {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; } }
  .footer__legal {
    font-size: 15px;
    padding: 10px;
    text-align: left; }
    @media screen and (min-width: 800px) {
      .footer__legal {
        font-size: 12px;
        padding: 0 0;
        width: 100%; } }
    @media screen and (min-width: 900px) {
      .footer__legal {
        width: calc(100% - 270px); } }
    .footer__legal--link {
      color: #fff;
      display: block;
      margin-bottom: 10px;
      padding: 0;
      text-decoration: none; }
      @media screen and (min-width: 800px) {
        .footer__legal--link {
          display: inline-block;
          padding: 0 10px 0;
          width: auto; }
          .footer__legal--link:first-child {
            margin-left: 10px; } }
  .footer__copy {
    border-top: 1px solid #fff;
    font-size: 12px;
    margin-top: 20px;
    padding: 25px 10px 0;
    text-align: right; }
    @media screen and (min-width: 800px) {
      .footer__copy {
        margin: 10px 0 0;
        padding: 20px 10px 0;
        width: 100%; } }
    @media screen and (min-width: 900px) {
      .footer__copy {
        border: 0;
        margin: 0;
        padding: 0 10px;
        width: 270px; } }

/* MI CUENTA */
@media screen and (min-width: 900px) {
  main.full--micuenta {
    padding-left: 230px; } }

.tit-category--micuenta {
  padding-bottom: 10px;
  padding-top: 20px;
  text-align: left; }
  .tit-category--micuenta span {
    display: block;
    margin-bottom: 10px;
    max-width: 300px; }
    @media screen and (min-width: 640px) {
      .tit-category--micuenta span {
        max-width: 500px;
        text-align: center; } }
    @media screen and (min-width: 900px) {
      .tit-category--micuenta span {
        text-align: left; } }
  .tit-category--micuenta::after {
    background: #3E3F3D;
    content: "";
    display: block;
    height: 3px;
    width: 100%; }
    @media screen and (min-width: 640px) {
      .tit-category--micuenta::after {
        content: none; } }

.submen--micuenta {
  display: none; }
  @media screen and (min-width: 900px) {
    .submen--micuenta {
      border-top: 3px solid #3E3F3D;
      display: block;
      left: 20px;
      margin: 30px auto;
      padding: 0;
      position: absolute;
      top: 0;
      width: 180px; } }

.submen__block {
  display: block;
  padding: 20px 0; }
  .submen__block:first-child {
    border-bottom: 1px solid #ccc; }

.submen__itm {
  font-size: 11px;
  list-style: none;
  margin-bottom: 10px; }
  .submen__itm-tit {
    font-size: 13px;
    font-weight: 700;
    list-style: none;
    margin-bottom: 20px; }
  .submen__itm-subtit {
    display: block;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px; }

.submen__link {
  color: #333;
  display: block;
  text-decoration: none; }
  .submen__link--curr {
    color: #000;
    font-weight: 700; }

@media screen and (min-width: 640px) {
  .loguin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.loguin__block {
  border: 1px solid #ccc;
  margin-bottom: 30px;
  padding: 15px 15px 120px;
  position: relative; }
  @media screen and (min-width: 640px) {
    .loguin__block {
      -ms-flex-preferred-size: calc(50% - 10px);
      flex-basis: calc(50% - 10px);
      margin-top: 20px; } }
  @media screen and (min-width: 900px) {
    .loguin__block {
      padding: 15px 15px 150px; } }

.loguin__block-tit {
  border-bottom: 2px solid #000;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 10px 0; }

.loguin__txt {
  font-size: 14px;
  line-height: 1.3; }

.loguin__form {
  display: block;
  margin: 20px 0; }
  .loguin__form-label {
    color: #000;
    display: block;
    font-size: 12px;
    margin-bottom: 15px; }
  .loguin__form .red {
    color: red;
    font-size: 14px; }
  .loguin__form-acc {
    border-top: 1px solid #ccc;
    bottom: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .loguin__form-acc .button--log {
        display: block;
        margin: 40px auto 20px;
        max-width: 250px; } }
  .loguin__form-link {
    color: #1e7ec8;
    display: inline-block;
    float: left;
    font-size: 14px; }
    .loguin__form-link--fbook {
      float: right;
      margin-bottom: 30px; }
      @media screen and (min-width: 900px) {
        .loguin__form-link--fbook {
          margin-bottom: 0; } }

@media screen and (min-width: 640px) {
  .forgot-pass__block {
    padding: 15px 0; }
    .forgot-pass__block .button--log {
      max-width: 250px; } }

@media screen and (min-width: 900px) {
  .info-ayuda__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-top: 15px; } }

.info-ayuda__tit {
  color: #069;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 40px; }
  @media screen and (min-width: 900px) {
    .info-ayuda__tit {
      display: block;
      margin: 0;
      padding-right: 20px;
      text-align: right;
      width: 200px; } }

.info-ayuda p {
  color: #333;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px; }

@media screen and (min-width: 640px) {
  .info-perfil {
    padding-top: 40px; } }

.info-perfil p {
  color: #333;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px; }

.resumen-perfil {
  background: #e6effb;
  border: 1px solid #ccc;
  padding: 20px 10px; }
  @media screen and (min-width: 640px) {
    .resumen-perfil {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; } }
  .resumen-perfil__tit {
    border-bottom: 1px solid #333;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase; }

.perfil-block {
  margin-bottom: 35px;
  position: relative; }
  @media screen and (min-width: 640px) {
    .perfil-block {
      padding: 10px 20px;
      width: 50%; } }
  .perfil-block--full {
    width: 100%; }
  .perfil-block__tit {
    border-bottom: 1px dotted #000;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-right: 50px; }
    .perfil-block--full .perfil-block__tit {
      border-bottom: 2px solid #666;
      text-transform: uppercase;
      margin-bottom: 0;
      padding: 20px 0 10px; }
      @media screen and (min-width: 640px) {
        .perfil-block--full .perfil-block__tit {
          margin-bottom: -20px; } }
  .perfil-block p {
    font-size: 12px;
    line-height: 1.3; }
  .perfil-block__link {
    color: #1e7ec8;
    display: inline-block;
    font-size: 13px;
    margin-top: 20px; }
    .perfil-block__link--editar {
      display: block;
      margin-top: 0;
      padding: 0 10px;
      position: absolute;
      right: 0;
      text-align: right;
      top: 0;
      max-width: 130px; }
      @media screen and (min-width: 640px) {
        .perfil-block__link--editar {
          right: 10px;
          top: 10px; } }
      .perfil-block--full .perfil-block__link--editar {
        top: 15px; }
        @media screen and (min-width: 640px) {
          .perfil-block--full .perfil-block__link--editar {
            right: 20px;
            top: 20px; } }

.required {
  display: block;
  margin-top: 20px; }
  .required .red {
    color: red; }

.table--envios {
  background: #EBF1DE;
  margin-top: 20px; }
  .table--envios td, .table--envios th {
    font-size: 14px;
    padding: 8px; }
    @media screen and (min-width: 640px) {
      .table--envios td, .table--envios th {
        padding: 14px; } }
  .table--envios thead th {
    background: #9BBB59;
    color: #fff;
    text-align: left; }
  .table--envios tbody tr:nth-child(odd) td {
    background: #D8E4BC; }

.table--pedidos-rec {
  background: #e6effb;
  border: 1px solid #bebcb7;
  border-collapse: collapse;
  padding: 0;
  width: 100%; }
  .table--pedidos-rec td, .table--pedidos-rec th {
    border: 1px solid #bebcb7;
    font-size: 12px;
    padding: 8px; }
  .table--pedidos-rec thead th {
    background: #006FB7;
    color: #fff; }
  .table--pedidos-rec tbody td a {
    color: #1e7ec8;
    display: block;
    text-align: center;
    white-space: nowrap; }

.table--check tr > td:first-child {
  width: 20px; }
  .table--check tr > td:first-child .input__checkbox {
    margin: 0 auto;
    top: 0; }

.table--articulos {
  background: #e6effb;
  border: 1px solid #bebcb7;
  border-collapse: collapse;
  padding: 0;
  width: 100%; }
  .table--articulos td, .table--articulos th {
    border: 1px solid #bebcb7;
    font-size: 12px;
    padding: 8px;
    text-align: center; }
    @media screen and (min-width: 900px) {
      .table--articulos td, .table--articulos th {
        text-align: left; } }
  .table--articulos thead th {
    background: #006FB7;
    color: #fff; }
    .table--articulos thead th:last-child {
      text-align: right; }
  .table--articulos tbody td a {
    display: block;
    text-align: center;
    white-space: nowrap; }
  .table--articulos tbody td:last-child {
    text-align: right; }
  .table--articulos tfoot tr td {
    background: #fff;
    border: 0;
    padding: 6px 8px;
    text-align: right; }
    .table--articulos tfoot tr td:last-child {
      border-left: 1px solid #bebcb7; }
  .table--articulos tfoot tr:last-child td {
    font-size: 1.3em;
    font-weight: 700; }

.table--summ {
  border-collapse: collapse;
  width: 100%; }
  .table--summ td, .table--summ th {
    color: #333;
    font-size: 14px;
    line-height: 1.3;
    padding: 20px 3px; }
    .table--summ td i, .table--summ th i {
      color: #e1007a;
      display: block;
      font-style: normal;
      margin: 20px 0; }
  .table--summ tr td:last-child {
    color: #000;
    font-size: 16px;
    text-align: right;
    width: 70px; }
  .table--summ thead td {
    border-bottom: 1px solid #000; }
    .table--summ thead td:last-child {
      font-weight: 600; }
  .table--summ tfoot td {
    border-top: 1px solid #000;
    font-size: 20px;
    font-weight: 700; }
    .table--summ tfoot td:last-child {
      font-size: 20px; }

.table--cart-detail {
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100%; }
  .table--cart-detail td, .table--cart-detail th {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    padding: 8px 3px;
    text-align: center; }
  .table--cart-detail tr td:last-child {
    position: relative;
    text-align: right; }
  .table--cart-detail th {
    text-align: left; }
  .table--cart-detail tfoot tr td:first-child {
    padding-right: 10px;
    text-align: right; }
  .table--cart-detail tfoot tr:last-child td {
    font-size: 1.1em;
    font-weight: 700; }

.cont-table {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.change-pass {
  margin-top: 30px; }
  .change-pass--oc {
    display: none !important; }

.direc {
  padding-top: 30px; }
  @media screen and (min-width: 640px) {
    .direc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 640px) {
    .direc__col {
      width: calc(50% - 20px); } }
  .direc__tit {
    border-bottom: 1px solid #333;
    display: block;
    font-family: 'Raleway', serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .direc__block {
    background: #f6f6f6;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 20px 10px; }
  .direc__block-tit {
    border-bottom: 1px dotted #000;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 10px; }
  .direc__block-txt {
    display: block;
    font-size: 12px;
    line-height: 1.3; }
  .direc__block-link {
    color: #1e7ec8;
    display: block;
    font-size: 14px;
    margin-top: 15px; }

.new-dir {
  margin-top: 40px; }
  .new-dir p {
    margin-bottom: 40px; }

.pedidos {
  min-height: 220px;
  padding: 30px 0; }
  .pedidos p {
    font-size: 14px; }
  .pedidos__table-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0; }

.tarjeta-regalo {
  min-height: 220px;
  padding-top: 40px; }
  .tarjeta-regalo p {
    font-size: 14px;
    margin-bottom: 30px; }

.pedidos__rec {
  margin-bottom: 30px;
  position: relative; }

.pedido__top-links {
  text-align: center; }
  @media screen and (min-width: 640px) {
    .pedido__top-links {
      margin: 20px auto;
      text-align: left; } }

.pedido__top-link {
  color: #1e7ec8;
  font-size: 13px; }

.pedido__about {
  background: #dee5e8;
  border: 1px solid #d0cbc1;
  margin: 20px auto;
  padding: 4px 8px; }

.pedido__date {
  font-size: 14px;
  margin: 10px auto 20px;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .pedido__date {
      text-align: left; } }

@media screen and (min-width: 640px) {
  .pedido__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; } }

.pedido__block {
  background: #e6effb;
  border: 1px solid #d0cbc1;
  padding: 8px;
  margin: 0 0 8px; }
  @media screen and (min-width: 640px) {
    .pedido__block {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin: 5px; } }

.pedido__sub-block {
  margin: 20px 10px; }

.pedido__tit-sub {
  border-bottom: 1px dotted #000;
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 5px; }

.pedido__txt {
  display: block;
  font-size: 12px;
  line-height: 1.3; }

.devos {
  margin-top: 30px; }
  .devos__tit {
    margin-bottom: 20px; }
  .devos__txt {
    font-size: 14px;
    margin-bottom: 20px; }
  .devos__info {
    margin-bottom: 50px; }
  .devos__articulos {
    display: none;
    margin-bottom: 50px; }
    .devos__articulos--vsb {
      display: block; }
  .devos__comment {
    display: none; }
    .devos__comment--vsb {
      display: block; }

.articulos__tit {
  display: block;
  font-family: 'Raleway', serif;
  font-size: 16px;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.contacto {
  padding-top: 40px; }
  .contacto p {
    margin-bottom: 40px; }

.small {
  display: block;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 30px; }
  .small a {
    color: #1e7ec8; }

.link {
  color: #1e7ec8; }
  .link--ver-todo {
    color: #1e7ec8;
    font-size: 13px;
    margin: 0 auto 10px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0; }
  .link--comprados {
    color: #1e7ec8;
    display: block;
    font-size: 11px;
    line-height: 1.1;
    margin-left: 30px;
    position: relative;
    text-decoration: none;
    top: -5px; }
  .link--todos-comprados {
    color: #1e7ec8;
    display: block;
    font-size: 13px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center; }
  .link--checkout {
    color: #1e7ec8;
    font-size: 13px; }

.pago-seguro {
  background: #dcd6d3;
  color: #655756;
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
  padding: 7px;
  text-align: right;
  text-transform: uppercase; }
  .pago-seguro::after {
    background: url(../img/secure-pay.svg) top center no-repeat;
    background-size: 80% auto;
    content: "";
    display: inline-block;
    height: 18px;
    margin-left: 5px;
    width: 20px; }

.cart__last-added {
  border: 1px solid #446423;
  background-color: #eff5ea;
  color: #3d6611;
  font-size: 12px;
  font-weight: 700;
  margin: 20px auto;
  padding: 10px 10px 13px; }
  .cart__last-added:before {
    content: url(../img/i_msg-success.gif);
    position: relative;
    top: 3px; }

.cart__res {
  background: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  font-size: 15px;
  padding: 20px 10px 0;
  text-align: center; }
  .cart__res-total {
    font-weight: 700;
    margin-bottom: 20px; }
  .cart__res-envio {
    margin-bottom: 20px; }
  .cart__res-add {
    margin-bottom: 20px; }
  .cart__res i {
    color: #e1007a;
    font-style: normal; }
  @media screen and (min-width: 900px) {
    .cart__res {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      font-size: 13px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .cart__res > * {
        margin: 0 5px; }
      .cart__res .select-box--res {
        display: inline-block;
        margin: 0 10px;
        width: 170px; } }

.cart__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin-bottom: 70px;
  width: 100%;
}
.cart__links--new {
  display: flex;
  flex-direction: column-reverse;
  letter-spacing: 0em;
  font-weight: 900;  
 }
  @media screen and (min-width: 900px) {
    .cart__links {
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      padding: 20px 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    .cart__links--new {
        flex-direction: row-reverse;
        align-items: flex-start;
        }
  }
  .cart__res .cart__links {
    margin-left: -10px;
    margin-top: 15px;
    width: calc(100% + 20px); }
    @media screen and (min-width: 900px) {
      .cart__res .cart__links {
        width: 100%;
        margin: 40px auto 0; } }
  @media screen and (min-width: 900px) {
    .cart__links a {
      position: static;
      width: 230px; } }
  .cart__links > a:first-child {
    margin-top: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    @media screen and (min-width: 900px) {
      .cart__links > a:first-child {
        margin: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0; } }

.cart__paypal-link {
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center; }
  @media screen and (min-width: 900px) {
    .cart__links .cart__paypal-link {
      text-align: right;
      width: 100%; } }

.cart__detail {
  margin: 30px 0 0; }

.cart__art {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 20px;
  padding-bottom: 10px; }
  @media screen and (min-width: 900px) {
    .cart__art {
      padding-bottom: 20px; } }
  .cart__art:last-child {
    margin-bottom: 0; }
  .cart__art-img {
    border: 1px solid #ccc;
    height: auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 70px; }
  .cart__art-desc {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    padding: 5px 10px;
    width: calc(100% - 160px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    .cart__art-desc .cart-id {
      color: #666;
      display: block;
      font-weight: 100;
      margin-top: 10px; }
  .cart__art-remove {
    margin-left: calc(100% - 80px);
    padding: 10px 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    text-align: right;
    width: 80px; }
    .cart__art-remove:before {
      color: #999;
      content: "ELIMINAR";
      font-size: 12px; }
  .cart__art-quant {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 70px;
    padding: 10px;
    position: relative; }
  .cart__art-price {
    font-weight: 700;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 5px;
    text-align: right;
    width: 90px; }
  @media screen and (min-width: 900px) {
    .cart__art {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap; }
      .cart__art-img {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 75px; }
      .cart__art-desc {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 340px); }
      .cart__art-remove {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-left: 0;
        height: 50px;
        width: 50px;
        position: relative; }
        .cart__art-remove:before {
          background: url(../img/close-icon.svg) top center no-repeat;
          background-size: 20px auto;
          content: "";
          display: block;
          height: 30px;
          opacity: 0.4;
          position: absolute;
          top: 4px;
          width: 100%; }
      .cart__art-quant {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 0;
        width: 70px; }
      .cart__art-price {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 130px; } }

.cart__value {
  background: #e7effb;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 20px 10px; }
  @media screen and (min-width: 900px) {
    .cart__value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 20px; }
      .cart__value > * {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }

.cart__coupon {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  padding-bottom: 20px;
  text-align: center; }
  @media screen and (min-width: 900px) {
    .cart__coupon {
      text-align: left; } }
  .cart__coupon hr {
    border: 0; }
  .cart__coupon--checkout {
    text-align: left; }
    .cart__coupon--checkout hr {
      border: 0; }

.cart__giftwrap {
  padding: 20px 10px; }

@media screen and (min-device-width: 900px) {
  .giftwrap__opts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }

.giftwrap__opts--hidden {
  display: none; }

.giftwrap__opts > div {
  padding: 30px 0; }
  @media screen and (min-device-width: 900px) {
    .giftwrap__opts > div {
      width: 50%; } }

.giftwrap__opts .button--form {
  display: block;
  margin: 0 auto 50px; }

.giftwrap__title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  padding: 20px;
  text-align: center; }

.giftwrap__img {
  border: 1px solid #ccc;
  clear: both;
  display: block;
  margin: 20px auto;
  padding: 5px;
  width: 160px; }

.giftwrap__tarjeta-form {
  font-size: 13px;
  margin: 30px auto;
  max-width: 300px; }
  .giftwrap__tarjeta-form label {
    display: block;
    margin-bottom: 15px; }
  .giftwrap__tarjeta-form--hidden {
    display: none; }

/* CHECKOUT */
.checkout__links {
  border-bottom: 2px solid #000;
  padding: 10px 0;
  text-align: right; }

@media screen and (min-width: 900px) {
  .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px; } }

.steps__col {
  margin-bottom: 40px; }
  .steps__col:last-child {
    border: 0; }
  @media screen and (min-width: 900px) {
    .steps__col {
      border: 0;
      border-right: 1px solid #ccc;
      width: calc(100% / 3); } }

.steps__block {
  clear: both;
  padding: 20px 10px; }
  .steps__block--hidden {
    display: none; }
  .steps__block-opt {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px; }
  .steps__block-tit {
    font-size: 17px; }

.steps__tit {
  color: #006FB7;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px; }
  .steps__tit span {
    border: 2px solid orange;
    border-radius: 100px;
    color: orange;
    display: inline-block;
    font-size: 17px;
    height: 30px;
    margin-bottom: 15px;
    margin-right: 3px;
    padding: 4px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 30px; }

.steps__tit-col {
  background: #e7effb;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 20px 10px;
  text-align: center;
  text-transform: uppercase; }
  @media screen and (min-width: 900px) {
    .steps__tit-col {
      text-align: left; } }

.nueva-dir {
  display: none; }
  .nueva-dir--vsb {
    display: block; }

.dir-user {
  font-size: 14px;
  margin-bottom: 30px; }
  .dir-user strong {
    display: block;
    font-size: 18px;
    margin-bottom: 0; }

.click-collect__options--hidden {
  display: none; }

.click-collect__options .select-box--res--full {
  margin-bottom: 10px;
  margin-top: 0; }

.click-collect__map {
  margin-bottom: 20px; }
  .click-collect__map-link {
    color: #1e7ec8;
    font-size: 13px; }
    .click-collect__map-link--hidden {
      display: none; }
  .click-collect__map-close {
    background: url(../img/close-icon.svg) center center no-repeat;
    background-size: 90% auto;
    height: 25px;
    margin-bottom: 5px;
    margin-top: 10px;
    float: right;
    width: 25px; }
    .click-collect__map-close--hidden {
      display: none; }
  .click-collect__map-frame {
    background: #e1e1e1;
    clear: both;
    height: 250px;
    margin-top: 20px; }
    .click-collect__map-frame--hidden {
      display: none; }

.click-collect__receptor {
  display: block;
  font-size: 13px; }

.check-conf {
  margin: 0 auto;
  max-width: 600px;
  text-align: center; }
  .check-conf .tit-category {
    text-align: center; }
  .check-conf p {
    font-size: 16px;
    line-height: 1.3;
    margin: 0 auto; }
  .check-conf__ref {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 35px auto !important; }
  .check-conf .msg {
    font-size: 18px;
    font-weight: 500; }

/* TIENDAS*/
.tiendas__hero-img {
  display: block;
  width: 100%; }

.tiendas__map {
  background: #e1e1e1;
  margin: 20px auto;
  min-height: 300px;
  position: relative; }
  .tiendas__map .simulacion {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

.tiendas__aviso {
  border: 1px solid #999;
  color: #999;
  font-size: 13px;
  margin: 0 auto 20px;
  padding: 15px 10px;
  text-align: center; }

.tiendas__list {
  padding: 20px; }
  @media screen and (min-width: 640px) {
    .tiendas__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; } }
  .tiendas__list-isla {
    display: block;
    margin-bottom: 40px;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .tiendas__list-isla {
        text-align: left;
        width: 25%; } }
    .tiendas__list-isla:last-child {
      margin-bottom: 0; }
  .tiendas__list-itm {
    display: block;
    margin-bottom: 15px; }
    @media screen and (min-width: 900px) {
      .tiendas__list-itm {
        margin-bottom: 5px; } }
    .tiendas__list-itm--tit {
      font-size: 24px;
      font-weight: 700;
      padding-bottom: 10px; }
      @media screen and (min-width: 640px) {
        .tiendas__list-itm--tit {
          font-size: 20px; } }
  .tiendas__list-link {
    color: #1e7ec8;
    display: block;
    font-size: 16px; }
    @media screen and (min-width: 640px) {
      .tiendas__list-link {
        font-size: 14px; } }

.tienda__link-all {
  color: #999;
  display: inline-block;
  font-size: 13px;
  margin-top: 20px;
  text-decoration: none; }
  @media screen and (min-width: 640px) {
    .tienda__link-all {
      display: none; } }

.sub-tiendas {
  background: #fff;
  height: 100%;
  left: 0;
  padding: 80px 20px 40px 20px;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  width: 100%;
  z-index: 99; }
  @media screen and (min-width: 900px) {
    .sub-tiendas {
      background: none;
      float: left;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      padding-top: 20px;
      position: relative;
      width: 240px; } }
  @media screen and (min-width: 1024px) {
    .sub-tiendas {
      margin-left: calc((100vw - 1024px) / 2); } }
  .sub-tiendas--vsb {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .sub-tiendas__close {
    background: url(../img/close-icon.svg) center center no-repeat;
    background-size: 90% auto;
    cursor: pointer;
    height: 30px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 30px; }
    @media screen and (min-width: 900px) {
      .sub-tiendas__close {
        display: none; } }
  .sub-tiendas__list {
    height: calc(100% - 70px);
    list-style-type: none;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 60px;
    left: 20px;
    width: calc(100% - 20px);
    -webkit-overflow-scrolling: touch; }
    @media screen and (min-width: 900px) {
      .sub-tiendas__list {
        position: static; } }
  .sub-tiendas__list-link {
    color: #666;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 900px) {
      .sub-tiendas__list-link {
        font-size: 12px;
        padding: 6px 0 6px 12px; } }
  .sub-tiendas__list-itm--tit {
    color: #CCC;
    display: block;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 50px 0 10px; }
    @media screen and (min-width: 900px) {
      .sub-tiendas__list-itm--tit {
        font-size: 17px;
        padding: 20px 0 10px; } }
    .sub-tiendas__list-itm--tit:first-child {
      padding-top: 0; }
  @media screen and (min-width: 900px) {
    .sub-tiendas__list {
      position: static; } }

.tiendas__slider {
  min-height: 144px;
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: 640px) {
    .tiendas__slider {
      min-height: 290px; } }
  @media screen and (min-width: 900px) {
    .tiendas__slider {
      min-height: 395px; } }
  .tiendas__slider-img {
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    width: 100%; }
    .tiendas__slider-img--curr {
      opacity: 1; }
  .tiendas__slider-dots {
    display: block;
    list-style: none;
    margin: 5px auto 20px;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .tiendas__slider-dots {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin: 5px auto;
        padding-top: 3px; } }
    @media screen and (min-width: 900px) {
      .tiendas__slider-dots {
        text-align: right; } }
    .tiendas__slider-dots li {
      background: #666;
      border-radius: 100px;
      display: inline-block;
      list-style: none;
      height: 17px;
      margin: 15px;
      width: 17px; }
      .tiendas__slider-dots li.curr {
        background: #000; }
      .tiendas__slider-dots li img {
        display: none; }
    @media screen and (min-width: 640px) {
      .tiendas__slider-dots li {
        background: none;
        height: auto;
        margin: 5px;
        opacity: 0.5;
        width: 80px; }
        .tiendas__slider-dots li.curr {
          opacity: 1; }
        .tiendas__slider-dots li img {
          display: block;
          width: 100%; } }

.tienda__ficha {
  max-width: 600px;
  margin: 0 auto; }
  @media screen and (min-width: 900px) {
    .tienda__ficha {
      max-width: none; } }
  .tienda__ficha-tit {
    color: #665757;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .tienda__ficha-txt {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px; }
  .tienda__ficha-map {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin: 30px auto; }
    .tienda__ficha-map img {
      width: 150px; }
  .tienda__ficha-tel {
    color: #1e7ec8; }
    .tienda__ficha-tel::before {
      background: url(../img/phone-icon.svg) center center no-repeat;
      background-size: auto 100%;
      content: "";
      display: inline-block;
      height: 15px;
      left: -5px;
      position: relative;
      top: 2px;
      width: 12px; }

/* CMS */
.hero {
  display: block;
  width: 100%; }

.cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }
  .cms__submenu-cms {
    display: none; }
    @media screen and (min-width: 640px) {
      .cms__submenu-cms {
        display: block;
        padding-top: 40px;
        padding-right: 40px;
        width: 250px; } }
    @media screen and (min-width: 900px) {
      .cms__submenu-cms {
        width: 280px; } }
    .cms__submenu-cms-tit {
      color: #CCC;
      display: block;
      font-family: 'Raleway', serif;
      font-size: 17px;
      font-weight: 400;
      margin-bottom: 20px;
      text-transform: uppercase; }
    .cms__submenu-cms ul {
      display: block;
      list-style-type: none; }
      .cms__submenu-cms ul li {
        font-size: 12px;
        margin-bottom: 10px;
        text-transform: uppercase; }
        .cms__submenu-cms ul li a {
          color: #666;
          text-decoration: none; }
  .cms__central {
    color: #666;
    padding: 20px 0;
    -ms-flex-preferred-size: calc(100% - 80px);
    flex-basis: calc(100% - 80px); }
    @media screen and (min-width: 640px) {
      .cms__central {
        width: auto; } }
    .cms__central h1 {
      font-size: 24px;
      font-weight: 200;
      margin-top: 20px;
      margin-bottom: 10px;
      text-transform: uppercase; }
    .cms__central h2 {
      font-size: 15px;
      margin-bottom: 10px; }
    .cms__central p {
      font-size: 14px;
      line-height: 1.3;
      margin-bottom: 20px; }
    .cms__central ul {
      padding-left: 20px; }
      .cms__central ul li {
        font-size: 14px;
        line-height: 1.3;
        list-style-type: none; }
        .cms__central ul li::before {
          background: #666;
          border-radius: 100px;
          content: "";
          display: inline-block;
          height: 3px;
          margin-right: 7px;
          position: relative;
          top: -3px;
          width: 3px; }
  .cms__dcha {
    margin-left: 10px;
    padding-top: 50px;
    width: 80px; }
    @media screen and (min-width: 640px) {
      .cms__dcha {
        width: 240px; } }
    .cms__dcha img {
      display: block;
      margin: 0 auto 20px;
      max-width: 80%; }
  @media screen and (min-width: 640px) {
    .cms__grid-imgs {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; } }
  .cms__grid-imgs img {
    display: block;
    max-width: 200px;
    margin: 30px auto; }

/* DISPONIBILIDAD TIENDAS */
.shops {
  position: relative;
  height: 100%; }
  @media screen and (min-width: 900px) {
    .shops {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .shops__list {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    z-index: 2; }
    @media screen and (min-width: 900px) {
      .shops__list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: relative;
        width: 300px; } }
  .shops__map {
    background: #e1e1e1;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    width: 100%;
    z-index: 3; }
    @media screen and (min-width: 900px) {
      .shops__map {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: calc(100% - 300px); } }
    .shops__map--vsb {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  .shops__map-return {
    background: #fff;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 15px;
    position: absolute;
    text-decoration: none;
    top: 10px;
    left: 10px; }
    @media screen and (min-width: 900px) {
      .shops__map-return {
        display: none; } }
    .shops__map-return::before {
      background: url(../img/arrow-select.svg) center center no-repeat;
      background-size: 7px auto;
      content: "";
      display: block;
      float: left;
      height: 20px;
      -webkit-transform: rotate(180deg) translateY(2px);
      -ms-transform: rotate(180deg) translateY(2px);
      transform: rotate(180deg) translateY(2px);
      width: 20px; }
  .shops__tit {
    font-size: 24px;
    font-weight: 600;
    padding: 0 15px 10px;
    text-align: center; }
  .shops__listado {
    display: block;
    height: calc(100% - 55px);
    left: 0;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 55px;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
  .shops__itm {
    border-bottom: 1px solid #ccc;
    font-size: 17px;
    list-style: none;
    padding: 20px 15px; }
  .shops__itm-link {
    color: #000;
    display: block;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none; }
  .shops__itm-det {
    color: #444;
    display: block;
    font-size: 0.75em;
    line-height: 1.2;
    margin-top: 10px; }

/* PREGUNTAS Y RESPUESTAS */
.quest {
  border-top: 3px solid #000;
  padding-top: 40px; }
  .quest__tit {
    display: block;
    font-size: 20px;
    margin-bottom: 50px;
    text-align: center; }
  .quest__list {
    border-top: 1px solid #ccc;
    margin-top: -10px;
    padding-top: 30px; }
  .quest__question {
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 40px;
    padding: 0 70px 30px 0;
    position: relative; }
    .quest__question:last-child {
      margin-bottom: 0; }
  .quest__answ {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 25px;
    padding-right: 80px;
    position: relative;
    width: calc(100% + 70px); }
    .quest__answ p {
      margin-bottom: 15px; }
  .quest__helpf {
    position: absolute;
    right: 0;
    top: 0; }
  .quest__val {
    background: url(../img/hand-icon.svg) center center no-repeat;
    background-size: auto 90%;
    display: inline-block;
    height: 20px;
    width: 20px; }
    .quest__val-quant {
      display: inline-block;
      font-size: 18px;
      font-weight: 400;
      position: relative;
      top: -4px; }
    .quest__val--down {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

/* CLASES GOBALES */
.no-display {
  display: none !important; }

hr.sep {
  border: 0;
  clear: both; }

/* MENSAJES SESIÓN*/
.msg {
  margin: 20px auto;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 10px 13px; }
  .msg--ok {
    border: 1px solid #446423;
    background-color: #eff5ea;
    color: #3d6611; }
    .msg--ok:before {
      background: url(../img/ok-icon.svg);
      background-size: cover;
      content: "";
      display: inline-block;
      height: 17px;
      position: relative;
      top: 3px;
      width: 17px; }
  .msg--error {
    border: 1px solid #ff0000;
    background-color: #f5dddc;
    color: #ff0000; }
    .msg--error:before {
      background: url(../img/error-icon.svg);
      background-size: cover;
      content: "";
      display: inline-block;
      height: 17px;
      position: relative;
      top: 3px;
      width: 17px; }

@media screen and (min-width: 900px) {
  .full--sldr {
    margin-bottom: -10px; } }

.full--sldr .owl-carousel:not(.owl-loaded) {
  display: block;
  overflow: hidden; }
  .full--sldr .owl-carousel:not(.owl-loaded) > div:not(:first-child) {
    display: none; }
  .full--sldr .owl-carousel:not(.owl-loaded) > div:first-child img {
    width: 100%; }
    @media screen and (min-width: 900px) {
      .full--sldr .owl-carousel:not(.owl-loaded) > div:first-child img {
        margin-top: 30px; } }

.full-sldr {
  margin: 0 auto 0;
  padding-bottom: 20px; }
  @media screen and (min-width: 900px) {
    .full-sldr {
      margin: 0 auto; } }
  .full-sldr .owl-nav {
    display: none; }
  .full-sldr .owl-dots {
    padding-top: 20px; }
  @media screen and (min-width: 640px) {
    .full-sldr .owl-stage-outer {
      border: 1px solid #ccc;
      margin-top: 30px; } }

.owl-carousel {
  max-width: 1400px; }

.novedades {
  margin-bottom: 40px;
  min-height: 500px;
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: 640px) {
    .novedades {
      min-height: 470px; } }
  @media screen and (min-width: 900px) {
    .novedades {
      margin-top: -20px;
      min-height: 410px; } }
  .novedades__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px; }
    @media screen and (min-width: 900px) {
      .novedades__menu {
        background: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        padding-top: 2px; } }
  .novedades__link {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #999;
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin: 4px;
    padding: 11px 5px;
    text-align: center;
    text-decoration: none;
    width: calc(50% - 8px); }
    @media screen and (min-width: 640px) {
      .novedades__link {
        width: calc((100% / 3) - 8px); } }
    @media screen and (min-width: 900px) {
      .novedades__link {
        border: 0;
        border-bottom: 0;
        border-radius: 0;
        margin: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 20%; }
        .novedades__link:hover {
          color: #006FB7;
          border-color: #006FB7; } }
    .novedades__link--curr {
      background: #006FB7;
      border-color: #006FB7;
      color: #fff;
      font-weight: 600; }
      .novedades__link--curr:hover {
        color: #fff; }
  .novedades__sldr {
    left: 0;
    opacity: 0;
    position: absolute !important;
    top: 170px;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    width: 100%;
    z-index: 1; }
    @media screen and (min-width: 640px) {
      .novedades__sldr {
        top: 100px; } }
    @media screen and (min-width: 900px) {
      .novedades__sldr {
        top: 70px; } }
    .novedades__sldr--curr {
      display: block !important;
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  .novedades .owl-nav {
    display: none; }
  .novedades .owl-carousel:not(.owl-loaded) > * {
    display: none; }

.marcas__block {
  background: #d4e3f7;
  border: 0;
  margin-bottom: 70px;
  margin-top: -10px;
  padding: 20px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .marcas__block {
      margin-bottom: 120px;
      padding: 60px 40px; } }

.marcas__center {
  border: 3px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 20px;
  max-width: 1024px; }
  @media screen and (min-width: 640px) {
    .marcas__center {
      padding: 20px; } }
  @media screen and (min-width: 900px) {
    .marcas__center {
      border: 6px solid #fff;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      padding: 50px 20px; } }

.marcas__block-link {
  opacity: 0.8;
  overflow: hidden;
  padding: 20px 10px;
  width: 50%; }
  @media screen and (min-width: 640px) {
    .marcas__block-link {
      width: calc(100% / 3); } }

.marcas__block-img {
  display: block;
  margin: 0 auto;
  width: 80%; }
  @media screen and (min-width: 900px) {
    .marcas__block-img {
      max-width: 180px;
      width: auto; } }

.marcas__link-all {
  background: #000000;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  margin: 0 auto;
  padding: 15px 20px;
  text-decoration: none;
  width: 150px; }
  @media screen and (min-width: 900px) {
    .marcas__link-all {
      width: 200px; } }

/* MAGAZINE */
@media screen and (min-width: 640px) {
  .magazine {
    width: calc(100% - 220px); } }

@media screen and (min-width: 900px) {
  .magazine {
    margin-top: 20px; } }

.magazine__list {
  max-width: 820px; }
  @media screen and (min-width: 640px) {
    .magazine__list {
      padding-right: 30px; } }
  .magazine__list-itm {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0 10px 30px; }
    @media screen and (min-width: 640px) {
      .magazine__list-itm {
        clear: both;
        padding: 0 0 30px; } }
  .magazine__list-itm-link {
    display: block;
    text-decoration: none; }
    @media screen and (min-width: 640px) {
      .magazine__list-itm-link::after {
        content: "";
        display: block;
        clear: both; } }
  .magazine__list-itm-tit {
    color: #000;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1.2; }
    @media screen and (min-width: 640px) {
      .magazine__list-itm-tit {
        margin-bottom: 20px; } }
  .magazine__list-itm-res {
    color: #666; }
    .magazine__list-itm-res p {
      font-size: 15px;
      line-height: 1.3;
      margin-bottom: 15px; }
    @media screen and (min-width: 640px) {
      .magazine__list-itm-res {
        float: left;
        padding: 20px;
        width: calc(100% - 200px); } }
  .magazine__list-itm-img {
    display: block;
    width: 100%; }
  .magazine__list-itm-img-block {
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 5px; }
    @media screen and (min-width: 640px) {
      .magazine__list-itm-img-block {
        float: left;
        margin: 0;
        width: 200px; } }

.magazine__lat {
  background: #f7f7f7;
  margin-bottom: 20px;
  padding: 50px 15px 0; }
  @media screen and (min-width: 640px) {
    .magazine__lat {
      width: 220px;
      padding: 25px 15px; } }
  .magazine__lat-block {
    padding-bottom: 60px; }
    @media screen and (min-width: 640px) {
      .magazine__lat-block {
        padding-bottom: 35px; } }

.magazine__block-tit {
  color: #006FB7;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px; }
  @media screen and (min-width: 640px) {
    .magazine__block-tit {
      font-size: 15px;
      margin-bottom: 20px; } }

.magazine__block-link {
  color: #333;
  display: block;
  font-size: 25px;
  line-height: 1.1;
  margin-bottom: 26px;
  text-decoration: none;
  letter-spacing: -1px;
  font-weight: 300; }
  @media screen and (min-width: 640px) {
    .magazine__block-link {
      font-size: 16px;
      margin-bottom: 15px; } }

@media screen and (min-width: 640px) {
  .magazine--post {
    padding: 0 50px 0 15px; } }

.magazine__post-img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto; }
  @media screen and (min-width: 640px) {
    .magazine__post-img {
      height: auto;
      max-height: 400px;
      width: auto; } }
  @media screen and (min-width: 900px) {
    .magazine__post-img {
      width: 100%;
      height: auto;
      max-height: none; } }

.magazine__post-img-block {
  margin: 0 auto 40px auto; }

.magazine__post-tit {
  color: #000;
  display: block;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.2;
  margin-bottom: 20px; }

.magazine__post-txt {
  padding-bottom: 40px; }
  .magazine__post-txt p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px; }

@media screen and (min-width: 640px) {
  .cms-block {
    padding-right: 50px;
    width: calc(100% - 220px); } }

.cms-block__tit {
  color: #000;
  display: block;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.2;
  margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .cms-block__tit {
      font-size: 35px; } }

.cms-block__lead::before {
  border-top: 1px solid #ccc;
  content: "";
  display: block;
  margin-bottom: 15px;
  width: 100%; }

.cms-block__lead::after {
  border-top: 1px solid #ccc;
  content: "";
  display: block;
  margin-bottom: 15px;
  width: 100%; }

.cms-block__lead p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px; }

.cms-block__img-lead {
  width: 100%; }

.cms-block__img-block {
  margin: 20px 0; }

.cms-block__img-reg {
  margin: 20px;
  width: calc(100% - 40px); }
  @media screen and (min-width: 640px) {
    .cms-block__img-reg {
      max-width: 300px;
      width: auto; }
      .cms-block__img-reg--left {
        float: left; }
      .cms-block__img-reg--right {
        float: right; } }

.cms-block__txt p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 20px; }

.cms-block__lat {
  background: #f7f7f7;
  margin-bottom: 20px;
  padding: 50px 15px 0; }
  @media screen and (min-width: 640px) {
    .cms-block__lat {
      width: 220px;
      padding: 25px 15px; } }
  .cms-block__lat-block {
    padding-bottom: 60px; }
    @media screen and (min-width: 640px) {
      .cms-block__lat-block {
        padding-bottom: 35px; } }

.cms-block__block-tit {
  color: #006FB7;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px; }
  @media screen and (min-width: 640px) {
    .cms-block__block-tit {
      font-size: 15px;
      margin-bottom: 30px; } }

.cms-block__block-link {
  color: #333;
  display: block;
  font-size: 15px;
  line-height: 1.1;
  margin-bottom: 26px;
  text-decoration: none;
  letter-spacing: -1px;
  font-weight: 300; }
  @media screen and (min-width: 640px) {
    .cms-block__block-link {
      margin-bottom: 15px; } }

/* CLASES GLOBALES*/
.oc {
  display: none; }

/* JQUERY MOBILE*/
.ui-textinput {
  float: none; }

.ui-selectmenu-button-text {
  display: none; }

.w-auto{
  width: auto !important;
}
.flex-basis-20{
  flex-basis: 20% !important
}

.search-form {
  background: #fff;
  display:flex;
  flex-direction:row;
  height: 40px;
  padding:2px;
  border-radius: 6px;
  width: calc(100% - 50px);}
  @media screen and (min-width: 900px) {
  .search-form {
    height: 40px;
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 7px 16px;
    width: 100%; } }

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