@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;500;600;700;800&display=swap");
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Restora";
  src: url("../fonts/RestoraExtraLight.woff2") format("woff2"),
    url("../fonts/RestoraExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Restora";
  src: url("../fonts/RestoraThinItalic.woff2") format("woff2"),
    url("../fonts/RestoraThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

a,
select,
button,
input,
textarea {
  outline: none;
}

.trans,
.header1 .acceso,
.header1 .menudistribuidores input[type="submit"],
.header1 .datosdistribuidor input[type="submit"],
.header1 .datosdistribuidor .cerrar,
.header1 .colaps .item,
.header1 .colaps ul a,
.cd-primary-nav > li > a,
.botoneshead a,
.botonesheadmob a,
.franjaenvio a,
.bienvenido .botones a,
.bienvenido a,
.productos .foto,
.productos .cantidad button,
.productos .addboton img,
.linkmenudis,
.conoce a,
.carouselconoce .addboton img,
.detalle .addcart li:first-child button,
.detalle .addcart li:last-child a,
.carrito .cantidad button,
.carrito .addboton img,
.carritocols .cupon input[type="button"],
.carritocols .continuar,
.carritocols .botones .enviarpedido,
.prodsvista2 .cantidad button,
.datosperfil .botones a,
.datosperfil .micuenta a,
.datosperfil .negocio a,
.datosperfil .ultimos a,
.historial td a,
.nosotros .mod1 a,
.medios .boton,
.vermapa,
.vender a,
footer ul li a,
footer .boton,
footer .col-md-12 a,
footer .redes a,
.botoncompletar,
.copy a,
.formdistribuidor input[type="text"],
.formdistribuidor input[type="email"],
.formdistribuidor input[type="submit"],
.formdistribuidor label,
.contrasena input[type="submit"],
.botonesgracias .boton1,
.botonesgracias .boton2,
.vertodoscats,
.vertodoscats2,
.confirmarcant,
.modalstock .borde a,
.menucab .menugris a,
.menucab .redes a,
.informapago label,
.informapago .pad form input[type="submit"],
.modal_complementos .x,
.contacto input[type="submit"],
.login input[type="submit"],
.mapav2 button,
#geolocate-button,
.hideme {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #333;
}

.clear {
  clear: both;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a,
a:hover {
  text-decoration: none;
  outline: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.linkacceso {
  position: relative;
}

.header1 {
  padding: 33px 33px 33px 20px;
}

.header1 .items {
  text-align: right;
}

.header1 .items li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 15px;
}

.header1 .items li:first-child input[type="text"] {
  border-radius: 6px;
  width: 245px;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  border: solid 1px #d5c8b8;
}

.header1 .items .borde {
  border-right: solid 1px #d5c8b8;
  padding-right: 15px;
}

.header1 .acceso {
  color: #fff;
  background-color: #d5c8b8;
  border-radius: 33px;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
}

.header1 .acceso:hover {
  background-color: #c6c1d9;
}

.header1 .cant {
  display: inline;
  background-color: #000;
  color: #d5c8b8;
  border-radius: 60px;
  padding: 6px 9px 6px 9px;
  font-weight: bold;
}

.header1 .linkcarrito {
  display: inline;
}

.header1 .acceso {
  position: relative;
}

.header1 .menudistribuidores {
  position: absolute;
  top: 57px;
  right: 0;
  background-color: #f7f6f2;
  border-bottom: solid 4px #d5c8b8;
  width: 379px;
  z-index: 99999999;
  padding: 33px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  text-align: left;
  display: none;
}

.header1 .menudistribuidores h1 {
  color: #333;
  font-family: "Restora";
  font-size: 20px;
  margin-bottom: 15px;
}

.header1 .menudistribuidores h1 span {
  display: block;
}

.header1 .menudistribuidores .linkacceso {
  display: block;
  position: relative;
}

.header1 .menudistribuidores input[type="email"],
.header1 .menudistribuidores input[type="password"] {
  border: none;
  background-color: transparent;
  font-size: 16px;
  width: 100%;
  font-family: "Barlow", sans-serif;
  border-bottom: solid 1px #d5c8b8;
  margin-bottom: 6px;
  padding: 10px;
  color: #000;
}

.header1 .menudistribuidores input::placeholder {
  color: #000;
  opacity: 1;
}

.header1 .menudistribuidores input[type="submit"] {
  background-color: #9c91c0;
  margin-bottom: 15px;
  color: #fff;
  font-size: 20px;
  font-family: "Barlow", sans-serif;
  padding: 6px 33px 6px 33px;
  border-radius: 20px;
  border: none;
}

.header1 .menudistribuidores input[type="submit"]:hover {
  background-color: #d5c8b8;
}

.header1 .menudistribuidores p {
  color: #333;
  padding: 6px 0 6px 0;
}

.header1 .menudistribuidores p a {
  color: #9c91c0;
  text-decoration: underline;
  font-weight: bold;
}

.header1 .menudistribuidores p a:hover {
  text-decoration: none;
}

.header1 .menudistribuidores .triangulo {
  width: 30px;
  height: 30px;
  background-color: #f7f6f2;
  position: absolute;
  top: -18px;
  right: 11px;
  transform: rotate(45deg);
}

.header1 .datosdistribuidor {
  position: absolute;
  top: 63px;
  right: -9px;
  background-color: #f7f6f2;
  border-bottom: solid 4px #d5c8b8;
  width: 379px;
  z-index: 99999999;
  padding: 33px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  text-align: left;
  display: none;
}

.header1 .datosdistribuidor h1 {
  color: #333;
  font-family: "Restora";
  font-size: 20px;
  margin-bottom: 15px;
}

.header1 .datosdistribuidor h1 span {
  display: block;
}

.header1 .datosdistribuidor .linkacceso {
  display: block;
  position: relative;
}

.header1 .datosdistribuidor input[type="email"],
.header1 .datosdistribuidor input[type="password"] {
  border: none;
  background-color: transparent;
  font-size: 16px;
  width: 100%;
  font-family: "Barlow", sans-serif;
  border-bottom: solid 1px #d5c8b8;
  margin-bottom: 6px;
  padding: 10px;
  color: #000;
}

.header1 .datosdistribuidor input::placeholder {
  color: #000;
  opacity: 1;
}

.header1 .datosdistribuidor input[type="submit"] {
  background-color: #9c91c0;
  margin-bottom: 15px;
  color: #fff;
  font-size: 20px;
  font-family: "Barlow", sans-serif;
  padding: 6px 33px 6px 33px;
  border-radius: 20px;
  border: none;
}

.header1 .datosdistribuidor input[type="submit"]:hover {
  background-color: #d5c8b8;
}

.header1 .datosdistribuidor p {
  color: #333;
  padding: 6px 0 6px 0;
}

.header1 .datosdistribuidor p a {
  color: #9c91c0;
  text-decoration: underline;
  font-weight: bold;
}

.header1 .datosdistribuidor p a:hover {
  text-decoration: none;
}

.header1 .datosdistribuidor .triangulo {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -15px;
  background-color: #f7f6f2;
  right: 11px;
  transform: rotate(45deg);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
}

.header1 .datosdistribuidor .triangulo2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 51px;
  height: 33px;
  background-color: #f7f6f2;
}

.header1 .datosdistribuidor h2 {
  color: #d5c8b8;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}

.header1 .datosdistribuidor p {
  font-size: 15px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 9px;
  padding: 9px;
}

.header1 .datosdistribuidor h3 {
  color: #d5c8b8;
  font-size: 15px;
  padding-left: 9px;
}

.header1 .datosdistribuidor .cerrar {
  color: #000;
  font-weight: 700;
  padding: 11px;
  display: block;
  background-image: url(../img/perfil_distrib/ico_cerrar.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  margin-top: 4px;
  background-color: #c6c1d9;
}

.header1 .datosdistribuidor .cerrar:hover {
  background-color: #333;
  color: #fff;
}

.header1 .datosdistribuidor .frase {
  padding: 3px 0 3px 0;
  font-size: 14px;
}

.header1 .inline {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}

.header1 .nro {
  font-size: 12px;
}

.header1 .saldos {
  line-height: 16px;
  font-size: 14px;
}

.header1 .saldos .disp {
  color: #2f915d;
}

.header1 .saldos .valor {
  color: #d5c8b8;
}

.header1 .saldos .valor span {
  color: #000;
}

.header1 .fotito img {
  float: left;
  margin-right: 15px;
}

.header1 .fotito .datos h1 {
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 0;
}

.header1 .fotito .datos p {
  padding: 0;
  border: none;
}

.header1 .colaps {
  padding-top: 15px;
}

.header1 .colaps .item {
  margin-bottom: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: 600;
  background-image: url(../img/perfil_distrib/ico_drop.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  cursor: pointer;
  padding: 12px;
}

.header1 .colaps .item:hover {
  background-color: #c6c1d9;
  color: #fff;
}

.header1 .colaps img {
  vertical-align: middle;
  margin-right: 4px;
}

.header1 .colaps ul {
  display: none;
}

.header1 .colaps ul a {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  color: #9c91c0;
  display: block;
  width: 100%;
}

.header1 .colaps ul a:hover {
  background-color: #c6c1d9;
  color: #fff;
}

.header1 .missaldos a {
  border-radius: 15px;
  border: solid 1px #000 !important;
  font-weight: bold;
  width: 189px !important;
  color: #000 !important;
  margin: 16px 0 16px 0;
  text-align: center;
}

.header1 .missaldos a:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.header1 .missaldos span {
  color: #c6c1d9;
}

.cd-main-header {
  background-color: #f7f6f2;
}

.cd-primary-nav {
  text-align: left;
}

.cd-nav {
  padding-left: 33px;
  padding-right: 0;
  margin: auto;
}

.cd-primary-nav > li > a {
  font-size: 18px;
  font-weight: 400;
  line-height: 52px;
}

.cd-primary-nav > li > a:hover {
  background-color: #c6c1d9;
  color: #fff;
}

.cd-primary-nav > .has-children > a::before,
.cd-primary-nav > .has-children > a::after {
  background-color: #9c91c0;
}

.cd-primary-nav .cd-nav-gallery {
  text-align: center;
  background-color: #333;
}

.cd-primary-nav .cd-nav-gallery li {
  margin-right: 0;
  width: 20%;
  text-align: left;
  margin-bottom: 0;
}

.cd-primary-nav a,
.cd-primary-nav ul a {
  border: none;
  color: #fff;
  font-size: 16px;
  height: auto;
  line-height: 29px;
}

.cd-primary-nav a span,
.cd-primary-nav ul a span {
  color: #9c91c0;
  font-size: 20px;
}

.cd-primary-nav > li > a.selected {
  background-color: #333;
  color: #fff;
  box-shadow: none;
}

.cd-primary-nav .cd-nav-gallery {
  box-shadow: none;
}

.cd-primary-nav > .has-children > a {
  padding-right: 37px !important;
  padding-left: 15px;
}

.botoneshead {
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 9999;
}

.botoneshead a {
  border-radius: 25px;
  font-weight: bold;
  padding: 4px 18px 4px 18px;
  margin-right: 6px;
  display: inline-block;
  margin-top: 7px;
}

.botoneshead a:hover {
  opacity: 0.8;
}

.botoneshead .boton1 {
  color: #9c91c0;
  border: solid 1px #9c91c0;
}

.botoneshead .boton2 {
  color: #fff;
  background-color: #6054bf;
  border: solid 1px #6054bf;
}

.botoneshead .boton3 {
  background-color: #c6c1d9;
  color: #fff;
  border: solid 1px #c6c1d9;
}

.botonesheadmob {
  text-align: center;
  max-width: 95%;
  margin: auto;
  display: none;
}

.botonesheadmob a {
  border-radius: 25px;
  padding: 4px 18px 4px 18px;
  width: 100%;
  display: inline-block;
  border: solid 1px #000 !important;
  color: #000;
  margin-top: 7px;
}

.botonesheadmob a:hover {
  background-color: #000;
  color: #fff;
}

.franjaenvio {
  background-color: #c6c1d9;
  color: #fff;
  font-size: 15px;
  padding: 9px;
  text-align: center;
}

.franjaenvio a {
  color: #fff;
}

.franjaenvio a:hover {
  opacity: 0.8;
}

.bienvenido {
  padding: 60px 0 60px 0;
}

.bienvenido .container-fluid {
  max-width: 90%;
}

.bienvenido h1 {
  font-size: 22px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 33px;
}

.bienvenido h1 strong {
  font-weight: 700;
}

.bienvenido .borde {
  border: solid 2px #d5c8b8;
  padding: 15px;
  text-align: center;
  border-radius: 15px;
  margin-bottom: 33px;
  font-size: 51px;
}

.bienvenido h2 {
  text-align: center;
  font-size: 20px;
}

.bienvenido .col-md-12 h3 {
  font-size: 26px;
  text-align: center;
}

.bienvenido .col-md-12 ul {
  text-align: center;
}

.bienvenido .col-md-12 ul li {
  display: inline-block;
  font-size: 22px;
  margin-right: 33px;
}

.bienvenido .col-md-12 ul li strong {
  font-weight: 700;
}

.bienvenido .col-md-12 ul li:last-child {
  margin: 0;
}

.bienvenido .rojo {
  color: #ff0000;
}

.bienvenido .verde {
  color: #2f915d;
}

.bienvenido .botones {
  text-align: center;
}

.bienvenido .botones a {
  border: solid 1px #9c91c0;
  display: inline;
  padding: 10px 15px 10px 15px;
  border-radius: 25px;
  color: #9c91c0;
}

.bienvenido .botones a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.bienvenido .botones .comenza {
  font-size: 26px;
}

.bienvenido a {
  color: #9c91c0;
  border-radius: 25px;
  padding: 10px 15px 10px 15px;
  border: solid 1px #9c91c0;
  font-size: 15px;
  width: 182px;
  display: block;
  margin: 15px auto auto auto;
  color: #9c91c0;
}

.bienvenido a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.bienvenido .bullets {
  margin-top: 45px; /*li:nth-child(4) .circ{margin:auto;}*/
}

.bienvenido .bullets li {
  width: 18%;
  border-top: solid 3px #d5c8b8;
  margin-right: -11px !important;
  position: relative;
  font-weight: 300;
  font-size: 14px !important;
  text-align: center;
  line-height: 20px;
  padding-top: 11px;
}

.bienvenido .bullets li .enter {
  display: block;
  font-size: 15px;
}

.bienvenido .bullets .grisado {
  border-top: solid 3px rgba(0, 0, 0, 0.2) !important;
}

.bienvenido .bullets .grisado .circ {
  background-color: #cccccc;
}

.bienvenido .bullets .circ {
  width: 15px;
  height: 15px;
  border-radius: 33px;
  position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  background-color: #d5c8b8;
}

.bienvenido .bullets li:nth-child(1) {
  text-align: left;
  width: 9%;
}

.bienvenido .bullets li:nth-child(1) .enter {
  margin-left: -20px;
}

.bienvenido .bullets li:nth-child(1) .fecha {
  margin-left: -9px;
}

.bienvenido .bullets li:nth-child(2) .circ {
  margin: auto;
}

.bienvenido .bullets li:nth-child(3) .circ {
  margin: auto;
}

.bienvenido .bullets li:nth-child(4) {
  text-align: right;
  width: 9%;
}

.bienvenido .bullets li:nth-child(4) .circ {
  right: 0;
  left: auto;
}

.bienvenido .bullets li:nth-child(4) .enter {
  margin-right: -25px;
}

.bienvenido .bullets li:nth-child(4) .fecha {
  margin-right: -9px;
}

.bienvenido .bullets .active .circ {
  background-image: url(../img/circ_pedidos.svg);
  width: 20px;
  height: 20px;
  background-color: transparent;
  top: -11px;
}

.bienvenido .capagrisa {
  opacity: 0.3;
  cursor: default;
}

.bienvenido .estado {
  padding-top: 33px;
}

.bienvenido .estado li {
  vertical-align: middle;
  line-height: 20px;
  margin-right: 6px !important;
}

.bienvenido .estado .verde {
  display: block;
  font-weight: bold;
  text-align: left;
}

.bienvenido .estado li:last-child {
  font-size: 43px;
  font-weight: 700;
}

.productos .container-fluid {
  max-width: 90%;
}

.productos .foto {
  width: 116px;
  height: auto;
  display: block;
  margin: 30px auto 33px auto;
}

.productos .foto:hover {
  opacity: 0.8;
}

.productos h2 {
  text-align: center;
  font-family: "Restora";
  font-size: 33px;
  padding: 33px;
  font-weight: 200;
}

.productos h1 .titulo {
  color: #9c91c0;
  font-size: 16px;
  display: block;
  text-align: center;
}

.productos h1 .nombre {
  font-size: 20px;
  display: block;
  text-align: center;
}

.productos h1 .capacidad {
  font-size: 14px;
  display: block;
  text-align: center;
  border-bottom: solid 2px #d5c8b8;
  padding-bottom: 6px;
  padding-left: 6px;
  margin: 0 15px 0px 15px;
}

.productos .item {
  text-align: center;
  position: relative;
}

.productos .precio {
  font-size: 26px;
  color: #333;
  text-align: right;
  padding-right: 6px;
  display: inline-block;
  margin-bottom: 4px;
}

.productos .precio strong {
  font-weight: bold;
}

.productos .cantidad {
  margin-bottom: 0px;
}

.productos .cantidad input[type="number"] {
  width: 33px;
  border: none;
  text-align: center;
  font-size: 16px;
}

.productos .cantidad span {
  border: solid 1px #d5c8b8;
  padding: 6px;
}

.productos .cantidad button {
  border-radius: 60px;
  background-color: #d5c8b8;
  border: none;
  color: #000;
  height: 26px;
  padding: 0px 9px 0px 9px;
}

.productos .cantidad button:hover {
  background-color: #c6c1d9;
}

.productos .addboton {
  margin-top: 7px;
  clear: both;
  display: block;
  text-align: center;
}

.productos .addboton img {
  display: block;
  margin: auto;
}

.productos .addboton img:hover {
  opacity: 0.8;
}

.productos .slick-next {
  background-color: transparent;
  background-image: url(../img/slider-prods_sig.svg);
  background-size: 100%;
}

.productos .slick-prev {
  background-color: transparent;
  background-image: url(../img/slider-prods_ant.svg);
  background-size: 100%;
}

.productos .off {
  position: absolute;
  top: 0;
  left: 31px;
  background-color: #333;
  line-height: 16px;
  z-index: 2;
  padding: 6px;
  color: #fff;
  text-align: center;
}

.productos .off span {
  font-weight: bold;
}

.productos .novedad {
  position: absolute;
  top: 0;
  left: 31px;
  background-color: #333;
  width: 87px;
  line-height: 16px;
  z-index: 99;
  padding: 6px;
  color: #fff;
  text-align: center;
}

.resultados {
  margin-top: 15px;
  font-size: 18px;
}

.resultados .left {
  font-weight: bold;
  width: 20%;
}

.resultados .container-fluid {
  max-width: 90%;
  border-bottom: solid 1px #d5c8b8;
}

.resultados .right {
  float: right;
  width: 79%;
  text-align: right;
}

.resultados .right a {
  color: #000;
}

.resultados ul li {
  display: inline-block;
  padding: 3px 11px 3px 11px;
  border-right: solid 1px #d5c8b8;
  font-weight: 300;
  margin-bottom: 4px;
}

.resultados ul li:last-child {
  border: none;
}

.resultados ul .active {
  font-weight: bold;
}

.resultados select {
  -webkit-appearance: none;
  padding-right: 15px;
  border: none;
  font-size: 15px;
  background-image: url(../img/drop_ordenar.svg);
  background-repeat: no-repeat;
  background-position: 100%;
}

.linkmenudis {
  cursor: pointer;
}

.linkmenudis:hover {
  opacity: 0.8;
}

.conoce {
  padding: 45px 0 45px 0;
  background-color: #f7f6f2;
  margin: 45px 0 0px 0;
}

.conoce .container-fluid {
  max-width: 90%;
}

.conoce h2 {
  text-align: center;
  font-family: "Restora";
  font-size: 33px;
  padding: 33px;
  font-weight: 200;
}

.conoce .foto {
  width: 49%;
  float: left;
}

.conoce .foto img {
  width: 100%;
}

.conoce .texto {
  width: 49%;
  float: left;
  padding: 15px;
}

.conoce h1 {
  color: #c6c1d9;
  font-size: 14px;
}

.conoce a {
  color: #333;
  font-size: 26px;
}

.conoce a:hover {
  color: #9c91c0;
}

.conoce .precio {
  font-size: 26px;
}

.colecciones {
  padding-bottom: 90px;
}

.colecciones .container-fluid {
  max-width: 90%;
}

.colecciones h1 {
  text-align: center;
  font-family: "Restora";
  font-size: 33px;
  padding: 33px;
  font-weight: 200;
}

.colecciones .item {
  border-right: solid 1px #d5c8b8;
}

.colecciones .item img {
  display: block;
  margin: auto;
}

.carouselconoce {
  max-width: 90%;
  margin: auto;
}

.carouselconoce .slick-next {
  right: -45px;
}

.carouselconoce .slick-prev {
  left: -45px;
}

.carouselconoce .addboton img:hover {
  opacity: 0.8;
}

.grilla h3 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: solid 2px #d5c8b8;
  margin-bottom: 15px;
  margin-top: 15px;
}

.grilla .col-md-9 {
  padding: 45px 0 45px 0;
}

.grilla .col-md-9 .item {
  width: 31%;
  display: inline-block;
  margin-bottom: 33px;
  position: relative;
}

.grilla .col-md-3 {
  padding-top: 45px;
}

.grilla input[type="text"] {
  border: solid 2px #d5c8b8;
  font-size: 16px;
  padding: 10px;
  width: 100%;
  border-radius: 15px;
}

.grilla ul {
  padding-bottom: 33px;
}

.grilla .filtro {
  padding-bottom: 45px;
}

.grilla .tagsfiltro {
  padding-top: 15px;
}

.grilla .tagsfiltro ul {
  padding-bottom: 15px;
}

.grilla .tagsfiltro ul li {
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 6px;
}

.grilla .tagsfiltro ul .tagtitulo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 3px 6px 3px 6px;
}

.grilla .tagsfiltro ul .x {
  cursor: pointer;
  font-size: 14px;
}

.grilla .tagsfiltro ul .x:hover {
  color: #9c91c0;
}

.news {
  background-color: #c6c1d9;
  padding: 33px;
  position: relative;
}

.news .bullet {
  display: block;
  margin: auto;
  position: absolute;
  top: -33px;
  left: 0;
  right: 0;
}

.news ul {
  text-align: center;
}

.news ul li {
  display: inline-block;
  margin-right: 6px;
}

.news ul li:first-child {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

.news ul input[type="text"],
.news ul input[type="email"] {
  border: solid 1px #fff;
  padding: 10px;
  background-color: #c6c1d9;
  color: #fff;
}

.news ul input[type="text"]::placeholder,
.news ul input[type="email"]::placeholder {
  color: #fff;
  opacity: 1;
}

.news ul input[type="submit"] {
  padding: 10px 15px 10px 15px;
  border: solid 1px #fff;
  background-color: #fff;
  color: #c6c1d9;
  border: none;
}

.detalle {
  padding-top: 45px;
}

.detalle div {
  width: 100%;
}

.detalle .slick-next {
  top: 36%;
}

.detalle .slick-prev {
  top: 36%;
}

.detalle .videos-slider-2 img {
  max-height: 500px;
  display: block;
  margin: auto;
}

.detalle .videos-slider-2 .slick-list {
  border-bottom: solid 1px #d5c8b8;
}

.detalle .cats {
  border-bottom: solid 1px #d5c8b8;
  margin-bottom: 45px;
  padding: 0 0 6px 15px;
  font-size: 14px;
}

.detalle .cats a {
  color: #d5c8b8;
}

.detalle .linkvolver {
  text-align: right;
}

.detalle .linkvolver a {
  color: #000;
}

.detalle .linkvolver a:hover {
  color: #c6c1d9;
}

.detalle .etiqueta {
  margin-bottom: 15px;
}

.detalle .etiqueta span {
  background-color: #000;
  color: #fff;
  font-size: 15px;
  padding: 0 6px 2px 6px;
}

.detalle h1 {
  font-size: 28px;
}

.detalle h2 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 300;
}

.detalle p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}

.detalle .precio {
  padding: 20px 0 6px 0;
  border-top: solid 1px #d5c8b8;
}

.detalle .precio li {
  display: inline-block;
  margin: 0 6px 0 0;
}

.detalle .precio .precio1 {
  font-size: 22px;
  font-weight: 600;
}

.detalle .precio .precio1 span {
  font-weight: 300;
}

.detalle .precio .tachado {
  font-size: 20px;
  font-weight: 300;
  text-decoration: line-through;
}

.detalle .precio .porcentaje span {
  background-color: #000;
  color: #fff;
  padding: 6px;
}

.detalle .cuotas {
  font-weight: bold;
}

.detalle .addcart {
  margin-top: 33px;
}

.detalle .addcart li {
  display: inline-block;
  margin-right: 6px;
}

.detalle .addcart li:first-child {
  border: solid 1px #c6c1d9;
  padding: 4px;
}

.detalle .addcart li:first-child input[type="number"] {
  width: 33px;
  border: none;
  text-align: center;
  font-size: 16px;
}

.detalle .addcart li:first-child span {
  border: solid 1px #d5c8b8;
  padding: 6px;
}

.detalle .addcart li:first-child button {
  border-radius: 60px;
  background-color: #9c91c0;
  border: none;
  color: #000;
  height: 26px;
  padding: 0px 9px 0px 9px;
}

.detalle .addcart li:first-child button:hover {
  background-color: #c6c1d9;
}

.detalle .addcart li:last-child a {
  background-color: #c6c1d9;
  color: #fff;
  border-radius: 9px;
  margin-top: 15px;
  display: block;
  padding: 9px 14px 9px 14px;
}

.detalle .addcart li:last-child a:hover {
  background-color: #9c91c0;
}

.detalle #accordion {
  padding-top: 45px;
}

.detalle #accordion h3 {
  border-top: solid 1px #d5c8b8;
  padding: 11px;
  font-size: 20px;
  cursor: pointer;
  outline: none;
  position: relative;
}

.detalle #accordion h3 span {
  position: absolute;
  top: 6px;
  right: 15px;
  background-color: #d5c8b8;
  border-radius: 60px;
  font-weight: bold;
  color: #000;
  padding: 0 6px 0 7px;
  width: 22px;
  height: 22px;
  font-size: 18px;
}

.detalle #accordion div {
  font-size: 14px;
  padding-left: 11px;
  padding-bottom: 15px;
}

.detalle #accordion .borde {
  border-bottom: solid 1px #d5c8b8;
}

.nocolor {
  background-color: #fff !important;
}

.padprods {
  padding-bottom: 70px;
}

.slider-nav-thumbnails .slick-track {
  margin: 0 !important;
}

.carrito {
  margin-top: 45px;
}

.carrito .container-fluid {
  max-width: 90%;
}

.carrito .tachado {
  text-decoration: line-through;
  margin-right: 6px;
  font-size: 14px;
}

.carrito .off2 {
  font-weight: 900;
  font-size: 15px;
  margin-left: 6px;
}

.carrito .titulo {
  border-bottom: solid 1px #9c91c0;
  padding-bottom: 11px;
}

.carrito .precio {
  font-size: 20px;
}

.carrito h1 {
  font-family: "Restora";
}

.carrito .right {
  padding-top: 11px;
}

.carrito .right .bold {
  font-weight: bold;
}

.carrito th {
  font-weight: 400;
}

.carrito table td,
.carrito table th {
  padding: 15px;
}

.carrito .table-bordered > thead > tr > th,
.carrito .table-bordered > tbody > tr > td {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.carrito .center {
  text-align: center;
}

.carrito .sinstock {
  color: #ff0500;
  font-weight: 500;
}

.carrito .tituloprod {
  font-size: 20px;
  font-weight: 400;
}

.carrito .tituloprod span {
  color: #9c91c0;
  display: block;
  font-size: 16px;
}

.carrito .cantidad {
  width: 100%;
  margin-top: 6px;
  display: inline-block;
}

.carrito .cantidad input[type="number"] {
  width: 33px;
  border: none;
  text-align: center;
  font-size: 16px;
}

.carrito .cantidad span {
  border: solid 1px #d5c8b8;
  padding: 6px;
}

.carrito .cantidad button {
  border-radius: 60px;
  background-color: #d5c8b8;
  border: none;
  color: #000;
  height: 26px;
  padding: 0px 9px 0px 9px;
}

.carrito .cantidad button:hover {
  background-color: #c6c1d9;
}

.carrito .cantidad .regalo {
  color: #d5c8b8;
}

.carrito .addboton {
  margin-top: 15px;
  clear: both;
  display: block;
  text-align: center;
}

.carrito .addboton img:hover {
  opacity: 0.8;
}

.prodagregado {
  padding: 9px;
  background-color: #2f915d;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.vaciarcarrito {
  float: right;
  color: #9c91c0;
  margin: 15px 0 45px 0;
  font-size: 20px;
  text-decoration: underline;
}

.vaciarcarrito:hover {
  text-decoration: none;
}

.table-striped tbody tr:nth-of-type(2n + 1) {
  background-color: #fff;
}

.carritocols {
  margin-top: 90px;
  margin-bottom: 60px;
}

.carritocols .container-fluid {
  max-width: 90%;
}

.carritocols h1 {
  font-size: 26px;
  padding-bottom: 3px;
  position: relative;
  margin-bottom: 15px;
}

.carritocols h1 span {
  /*position:absolute; right:33px; top:6px;*/
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: #9c91c0;
}

.carritocols h1 .drop1 {
  background-image: url(../img/menu_drop.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
}

.carritocols h1 .rotate {
  transform: rotate(180deg);
}

.carritocols h1 i {
  color: #2f915d;
  margin-right: 6px;
}

.carritocols .sub li:last-child {
  font-weight: 900;
}

.carritocols .flechita:hover {
  color: #9c91c0;
  cursor: pointer;
}

.carritocols .select1 {
  border: solid 1px #9c91c0;
  padding: 10px;
  width: 100%;
  -webkit-appearance: none;
  background-image: url(../img/menu_drop.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  background-color: #fff;
  text-align: center;
  background-size: 14px;
}

.carritocols .col1 {
  padding-bottom: 15px;
}

.carritocols .col1 .selectenvio {
  margin: 9px 0 9px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 6px;
  max-width: 300px;
}

.carritocols .col1 .selectenvio .pad {
  padding-left: 11px;
}

.carritocols .col1 .selectenvio .pad span {
  font-weight: 300;
  display: block;
  margin-bottom: 0;
}

.carritocols .col1 .selectenvio .titulo {
  padding: 11px 0 11px 0;
}

.carritocols .col1 .selectenvio .titulo2 {
  font-size: 12px;
  line-height: 20px;
}

.carritocols .col1 .selectenvio a {
  color: #9c91c0;
}

.carritocols .col1 .selectenvio2 {
  margin-top: 15px;
  border: solid 1px #d5c8b8;
  width: 100%;
  padding: 11px 36px 11px 11px;
  background-size: 14px;
  -webkit-appearance: none;
  background-image: url(../img/menu_drop.svg);
  background-repeat: no-repeat;
  background-position: 95%;
}

.carritocols .col1 input[type="text"] {
  border: solid 1px #d5c8b8;
  font-size: 15px;
  padding: 10px;
  color: #000;
  width: 75%;
  margin: 4px 0 14px 0;
}

.carritocols .col1 input[type="radio"] {
  float: left;
  margin-top: 6px;
  margin-right: 6px;
}

.carritocols .col1 .texto2 {
  font-size: 14px;
}

.carritocols .col1 .pad2 {
  padding-left: 15px;
}

.carritocols .col1 .continuar {
  margin: 0;
}

.carritocols .col1 .aviso {
  font-weight: 300;
  margin-bottom: 15px;
  max-width: 400px;
}

.carritocols .col1 .aviso span {
  display: block;
}

.carritocols .col1 .hide {
  display: none;
}

.carritocols .col2 {
  padding-bottom: 15px;
  border-right: solid 1px #c6c1d9;
  border-left: solid 1px #c6c1d9;
  padding-left: 30px;
}

.carritocols .col2 .pad {
  padding: 20px;
}

.carritocols .col3 {
  padding-bottom: 15px;
  padding-left: 30px;
}

.carritocols .col3 h1 {
  margin-bottom: 15px;
}

.carritocols .col3 p {
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.carritocols .col3 br {
  margin-bottom: 4px;
}

.carritocols .col3 .acreditar {
  color: #9c91c0;
  text-decoration: underline;
}

.carritocols .col3 .acreditar:hover {
  text-decoration: none;
}

.carritocols .col3 .opcionpago {
  text-transform: uppercase;
  padding: 15px 0 15px 0;
  font-size: 14px;
  line-height: 14px;
  display: none;
}

.carritocols .col3 .opcionpago img {
  display: block;
  margin-bottom: 4px;
}

.carritocols .col3 .opcionpago a {
  color: #9c91c0;
  text-decoration: underline;
}

.carritocols .col3 .opcionpago a:hover {
  text-decoration: none;
}

.carritocols p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding-top: 4px;
}

.carritocols .autorizo {
  color: #9c91c0;
  font-weight: 600;
  padding-top: 15px;
}

.carritocols .pad15 {
  margin-bottom: 15px;
}

.carritocols ul li {
  display: inline-block;
  width: 48%;
}

.carritocols ul li:last-child {
  text-align: right;
}

.carritocols .subtotal {
  color: #9c91c0;
  font-weight: 400;
  font-size: 18px;
}

.carritocols .subtotal li:last-child {
  font-weight: 900;
}

.carritocols .subpromo {
  font-weight: 400;
  font-size: 18px;
}

.carritocols .subpromo li:last-child {
  font-weight: 900;
}

.carritocols .subpromo span {
  font-weight: bold;
}

.carritocols .subpromo img {
  margin-left: 6px;
  cursor: pointer;
}

.carritocols .cupon {
  margin-top: 15px;
  margin-bottom: 15px;
}

.carritocols .cupon p {
  color: #9c91c0;
  font-size: 15px;
  padding-bottom: 15px;
}

.carritocols .cupon input[type="text"] {
  border: solid 1px #d5c8b8;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  padding: 10px;
  color: #000;
  width: 157px;
}

.carritocols .cupon input[type="button"] {
  border: solid 1px #9c91c0;
  color: #9c91c0;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  padding: 10px 33px 10px 33px;
  border-radius: 33px;
  background-color: #fff;
}

.carritocols .cupon input[type="button"]:hover {
  background-color: #9c91c0;
  color: #fff;
}

.carritocols .impuestos,
.carritocols .envio {
  margin-bottom: 15px;
  font-size: 16px;
}

.carritocols .impuestos li:last-child,
.carritocols .envio li:last-child {
  font-weight: 900;
}

.carritocols .impuestos span,
.carritocols .envio span {
  display: block;
  font-size: 13px;
}

.carritocols .impuestos li:first-child,
.carritocols .envio li:first-child {
  width: 65%;
  text-align: left;
}

.carritocols .impuestos li:last-child,
.carritocols .envio li:last-child {
  width: 30%;
}

.carritocols .saldodisponible {
  padding: 6px;
}

.carritocols .saldodisponible li:first-child {
  font-size: 16px;
  padding-left: 10px;
}

.carritocols .saldodisponible li:first-child {
  width: 65%;
}

.carritocols .saldodisponible li:last-child {
  width: 30%;
  font-weight: 900;
  font-size: 16px;
  padding-right: 9px;
}

.carritocols .totalpedido {
  background-color: rgba(156, 145, 192, 0.3);
  padding: 6px;
  margin-top: 9px;
}

.carritocols .totalpedido li:first-child {
  color: #9c91c0;
  font-size: 22px;
  padding-left: 10px;
  font-weight: 300;
}

.carritocols .totalpedido li:first-child {
  width: 65%;
}

.carritocols .totalpedido li:last-child {
  width: 30%;
  font-weight: 900;
  padding-right: 9px;
  color: #9c91c0;
  font-size: 22px;
}

.carritocols .continuar {
  border: solid 1px #9c91c0;
  border: solid 1px #c6c1d9;
  display: block;
  width: 161px;
  text-align: center;
  border-radius: 45px;
  margin: 15px auto auto auto;
  padding: 10px 15px 10px 15px;
  color: #9c91c0;
}

.carritocols .continuar:hover {
  background-color: #9c91c0;
  color: #fff;
}

.carritocols .linkvioleta {
  color: #9c91c0;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}

.carritocols .linkvioleta:hover {
  color: #c6c1d9;
}

.carritocols .botones {
  width: 100%;
  padding-top: 45px;
  text-align: center;
  font-size: 20px;
}

.carritocols .botones .enviarpedido {
  background-color: #9c91c0;
  display: block;
  width: 260px;
  text-align: center;
  border-radius: 45px;
  margin: 15px auto 33px auto;
  font-weight: 900;
  font-size: 26px;
  padding: 10px 15px 10px 15px;
  color: #fff;
}

.carritocols .botones .enviarpedido:hover {
  background-color: #c6c1d9;
  color: #fff;
}

.carritocols .botones .links {
  color: #9c91c0;
  text-decoration: underline;
  font-size: 20px;
}

.carritocols .botones .links:hover {
  text-decoration: none;
}

.carritocols .detalleimp {
  margin-bottom: 15px;
  font-size: 16px;
  display: none;
}

.carritocols .detalleimp li:last-child {
  font-weight: 900;
}

.carritocols .detalleimp span {
  color: #c6c1d9;
}

.carritocols .detalleimp li:first-child {
  width: 65%;
}

.carritocols .detalleimp li:last-child {
  width: 30%;
  font-weight: bold;
  color: #333;
}

.carritocols .detalleimp .gris {
  color: #858585;
}

.carritocols .linkdetalleimp {
  background-image: url(../img/Carrito/drop_abrir.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 157px;
  background-position: right;
}

.carritocols .linkdetalleimp:hover {
  color: #9c91c0;
}

.carritocols .detalleimpicono {
  background-image: url(../img/Carrito/drop_cerrar.svg) !important;
}

.carritocols .flechaicono {
  background-image: url(../img/Carrito/drop_cerrar.svg) !important;
}

.carritocols .leyenda {
  font-size: 12px;
  padding-top: 15px;
  padding-left: 15px;
}

.carritocols .fondogris br {
  margin-bottom: 15px;
}

.grisacolumna {
  filter: grayscale(1);
  opacity: 0.6;
  position: relative;
}

.grisacolumna .capaover {
  width: 100%;
  top: 0;
  z-index: 9999999;
  background-color: transparent;
  height: 100%;
  position: absolute;
}

.fondogris .item {
  padding: 0 0 6px 0;
  margin-bottom: 6px;
  border-bottom: solid 1px #000;
}

.carouselmobile {
  display: none;
}

.prodsvista2 th {
  font-weight: 400;
}

.prodsvista2 table td,
.prodsvista2 table th {
  padding: 15px;
}

.prodsvista2 .table-bordered > thead > tr > th,
.prodsvista2 .table-bordered > tbody > tr > td {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.prodsvista2 .center {
  text-align: center;
}

.prodsvista2 .sinstock {
  color: #ff0500;
  font-weight: 500;
}

.prodsvista2 .tituloprod {
  font-size: 20px;
  font-weight: 400;
}

.prodsvista2 .tituloprod span {
  color: #9c91c0;
  display: block;
  font-size: 16px;
}

.prodsvista2 .tituloprod img {
  margin-right: 15px;
  height: 100px;
  width: auto;
}

.prodsvista2 .cantidad {
  width: 100%;
  margin-top: 6px;
  display: inline-block;
}

.prodsvista2 .cantidad input[type="number"] {
  width: 33px;
  border: none;
  text-align: center;
  font-size: 16px;
}

.prodsvista2 .cantidad span {
  border: solid 1px #d5c8b8;
  padding: 6px;
}

.prodsvista2 .cantidad button {
  border-radius: 60px;
  background-color: #d5c8b8;
  border: none;
  color: #000;
  height: 26px;
  padding: 0px 9px 0px 9px;
}

.prodsvista2 .cantidad button:hover {
  background-color: #c6c1d9;
}

.prodsvista2 .ml {
  font-size: 11px;
  color: #333 !important;
  line-height: 14px;
}

.prodsvista2 .tachado {
  text-decoration: line-through;
  margin-right: 6px;
  font-size: 14px;
}

.prodsvista2 .off {
  font-weight: 900;
  font-size: 15px;
  margin-left: 6px;
}

.prodsvista2 .titulo {
  border-bottom: solid 1px #9c91c0;
  padding-bottom: 11px;
}

.prodsvista2 .precio {
  font-size: 20px;
}

.prodsvista2 h1 {
  font-family: "Restora";
}

.prodsvista2 .right {
  padding-top: 11px;
}

.prodsvista2 .right .bold {
  font-weight: bold;
}

.prodsvista2 .fotoprod {
  display: block;
  width: 120px;
  float: left;
  text-align: center;
}

.prodsvista2 .tag {
  float: left;
}

.prodsvista2 .tag span {
  background-color: #000;
  color: #fff;
  padding: 3px 6px 3px 6px;
  font-size: 12px;
}

.prodsvista2 .total {
  background-color: #d5c8b8 !important;
  font-size: 20px;
}

.ctacte {
  padding-bottom: 45px;
  color: #c6c1d9;
  font-size: 33px;
}

.ctacte .col1 {
  color: #9c91c0;
}

.ctacte .col2 {
  text-align: right;
}

.ctacte .col2 a {
  color: #d5c8b8;
  font-size: 18px;
}

.ctacte .col2 a:hover {
  color: #9c91c0;
}

.ctacte .col3 {
  text-align: center;
  color: #9c91c0;
  font-size: 18px;
  padding-top: 12px;
}

.tabctacte .nav-tabs .nav-item.show .nav-link,
.tabctacte .nav-tabs .nav-link.active {
  background-color: #9c91c0;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  margin: 0 15px 0 15px;
  border: none;
}

.tabctacte .nav-tabs .nav-link {
  background-color: #f7f6f2;
  color: #c6c1d9;
  font-weight: bold;
  font-size: 20px;
}

.datosperfil {
  padding: 45px 0 45px 0;
}

.datosperfil .container-fluid {
  max-width: 90%;
}

.datosperfil h1 {
  font-size: 22px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 33px;
}

.datosperfil h1 strong {
  font-weight: 700;
}

.datosperfil .borde {
  border: solid 2px #d5c8b8;
  min-height: 173px;
  padding: 15px;
  text-align: center;
  border-radius: 15px;
  margin-bottom: 33px;
  font-size: 51px;
}

.datosperfil h2 {
  color: #9c91c0;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.datosperfil .pad {
  padding-left: 33px;
  padding-bottom: 33px;
}

.datosperfil .col-md-12 h3 {
  font-size: 26px;
  text-align: center;
}

.datosperfil .col-md-12 ul {
  text-align: center;
}

.datosperfil .col-md-12 ul li {
  display: inline-block;
  font-size: 22px;
  margin-right: 33px;
}

.datosperfil .col-md-12 ul li strong {
  font-weight: 700;
}

.datosperfil .col-md-12 ul li:last-child {
  margin: 0;
}

.datosperfil .rotate {
  transform: rotate(180deg);
}

.datosperfil .rojo {
  color: #ff0000;
  font-size: 36px;
}

.datosperfil .verde {
  color: #2f915d;
  font-size: 36px;
}

.datosperfil .botones {
  text-align: center;
}

.datosperfil .botones a {
  border: solid 1px #9c91c0;
  display: inline;
  padding: 10px 15px 10px 15px;
  font-size: 15px;
  border-radius: 25px;
  color: #9c91c0;
}

.datosperfil .botones a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.datosperfil .botones .comenza {
  font-size: 26px;
}

.datosperfil .bullets {
  margin-top: 45px; /*li:nth-child(4) .circ{margin:auto;}*/
}

.datosperfil .bullets li {
  width: 18%;
  border-top: solid 3px #d5c8b8;
  margin-right: -11px !important;
  position: relative;
  font-weight: 300;
  font-size: 14px !important;
  text-align: center;
  line-height: 20px;
  padding-top: 11px;
}

.datosperfil .bullets li .enter {
  display: block;
  font-size: 15px;
}

.datosperfil .bullets .grisado {
  border-top: solid 3px rgba(0, 0, 0, 0.2) !important;
}

.datosperfil .bullets .grisado .circ {
  background-color: #cccccc;
}

.datosperfil .bullets .circ {
  width: 15px;
  height: 15px;
  border-radius: 33px;
  position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  background-color: #d5c8b8;
}

.datosperfil .bullets li:nth-child(1) {
  text-align: left;
  width: 9%;
}

.datosperfil .bullets li:nth-child(1) .enter {
  margin-left: -20px;
}

.datosperfil .bullets li:nth-child(1) .fecha {
  margin-left: -9px;
}

.datosperfil .bullets li:nth-child(2) .circ {
  margin: auto;
}

.datosperfil .bullets li:nth-child(3) .circ {
  margin: auto;
}

.datosperfil .bullets li:nth-child(4) {
  text-align: right;
  width: 9%;
}

.datosperfil .bullets li:nth-child(4) .circ {
  right: 0;
  left: auto;
}

.datosperfil .bullets li:nth-child(4) .enter {
  margin-right: -25px;
}

.datosperfil .bullets li:nth-child(4) .fecha {
  margin-right: -9px;
}

.datosperfil .bullets .active .circ {
  background-image: url(../img/circ_pedidos.svg);
  width: 20px;
  height: 20px;
  background-color: transparent;
  top: -11px;
}

.datosperfil .bullets .active {
  color: #7862b1;
}

.datosperfil .bullets .active .enter {
  font-weight: bold;
}

.datosperfil .linea ul {
  text-align: center;
}

.datosperfil .linea ul li {
  display: inline-block;
  font-size: 22px;
  margin-right: 33px;
  font-weight: 400;
}

.datosperfil .linea ul li strong {
  font-weight: 700;
}

.datosperfil .linea ul li:last-child {
  margin: 0;
}

.datosperfil .micuenta h4 {
  text-align: center;
  padding: 15px;
  color: #9c91c0;
  font-size: 22px;
  font-weight: 600;
}

.datosperfil .micuenta a {
  border: solid 1px #c6c1d9;
  color: #c6c1d9;
  display: block;
  border-radius: 15px;
  padding: 6px;
  font-size: 15px;
  width: 222px;
  float: right;
  margin-top: -14px;
  text-align: center;
}

.datosperfil .micuenta a:hover {
  background-color: #c6c1d9;
  color: #fff;
}

.datosperfil .beige {
  padding: 33px;
  border-radius: 15px;
  background-color: #d5c8b8;
  margin-bottom: 45px;
}

.datosperfil .beige ul {
  text-align: center;
}

.datosperfil .beige ul li {
  display: inline;
  margin: 0 15px 0 15px;
}

.datosperfil .beige ul li img {
  margin-right: 4px;
}

.datosperfil .beige .nombre {
  border-bottom: solid 1px #9c91c0;
  padding-bottom: 14px;
  margin-bottom: 14px;
  font-size: 33px;
  font-weight: 600;
}

.datosperfil .beige .nombre img {
  display: inline;
  margin-right: 6px;
}

.datosperfil .beige .nombre span {
  margin-top: 45px;
  display: inline;
}

.datosperfil .negocio ul {
  padding: 145px 0 45px 0;
  text-align: center;
}

.datosperfil .negocio ul li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  border-top: solid 1px #d5c8b8;
  text-align: center;
  margin-left: -6px;
  font-weight: 400;
}

.datosperfil .negocio ul li .texto {
  margin-top: -92px;
}

.datosperfil .negocio ul li .bullet {
  width: 15px;
  height: 15px;
  background-color: #d5c8b8;
  border-radius: 15px;
  display: block;
  margin: 15px auto 15px auto;
}

.datosperfil .negocio ul li h3 {
  color: #9c91c0;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 6px;
}

.datosperfil .negocio ul li h3 span {
  display: block;
}

.datosperfil .negocio .violeta {
  color: #9c91c0;
}

.datosperfil .negocio a:hover {
  opacity: 0.8;
}

.datosperfil .ultimos {
  padding: 33px;
}

.datosperfil .ultimos h3 {
  font-size: 26px;
  text-align: center;
  padding: 15px;
}

.datosperfil .ultimos th {
  color: #9c91c0;
  font-size: 16px;
}

.datosperfil .ultimos td {
  font-weight: 400;
  font-size: 16px;
}

.datosperfil .ultimos a {
  color: #9c91c0;
  border-radius: 25px;
  color: #9c91c0;
  border: solid 1px #9c91c0;
  margin-left: 6px;
  padding: 10px 33px 10px 33px;
}

.datosperfil .ultimos a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.datosperfil .ultimos strong {
  font-weight: 700;
}

.historial {
  padding-bottom: 45px;
}

.historial .container-fluid {
  max-width: 90%;
}

.historial td a {
  color: #9c91c0;
  border-radius: 25px;
  color: #9c91c0;
  border: solid 1px #9c91c0;
  margin-left: 6px;
  padding: 10px 33px 10px 33px;
}

.historial td a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.mostrar ul {
  text-align: center;
  padding-bottom: 45px;
}

.mostrar ul li {
  display: inline;
  padding: 6px;
  font-size: 16px;
}

.mostrar select {
  -webkit-appearance: none;
  border: none;
  font-size: 15px;
  background-image: url(../img/drop_ordenar.svg);
  padding: 10px 60px 10px 10px;
  border: solid 1px #d5c8b8;
  background-repeat: no-repeat;
  background-position: 95%;
}

.fondobeige {
  background-color: #f7f6f2 !important;
}

.fondobeige a {
  color: #9c91c0;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
}

.fondobeige a:hover {
  text-decoration: none;
}

.nosotros .cab {
  background-image: url(../img/empresa/img_header.jpg);
  height: 450px;
  background-size: cover;
  padding-top: 70px;
}

.nosotros .cab h1 {
  color: #fff;
  font-size: 60px;
  font-family: "Restora";
  font-weight: bold;
  margin-top: 15px;
}

.nosotros .cab h1 span {
  display: block;
}

.nosotros .cab p {
  color: #fff;
  font-size: 20px;
  max-width: 450px;
}

.nosotros .mod1 {
  padding-top: 45px;
}

.nosotros .mod1 h1 {
  font-family: "Restora";
  font-size: 43px;
  border-bottom: solid 1px #c6c1d9;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.nosotros .mod1 p {
  padding-top: 20px;
  font-size: 16px;
  font-weight: 300;
}

.nosotros .mod1 p span {
  color: #9c91c0;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}

.nosotros .mod1 a {
  color: #fff;
  background-color: #9c91c0;
  border-radius: 15px;
  padding: 10px 15px 10px 15px;
  display: block;
  text-align: center;
  width: 345px;
  margin: 20px 0 0 0;
}

.nosotros .mod1 a:hover {
  background-color: #c6c1d9;
}

.nosotros .mod1 strong {
  font-weight: 700;
}

.nosotros .mod2 h1 {
  color: #d5c8b8;
  font-size: 26px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: "Restora";
  position: relative;
}

.nosotros .mod2 h1 span {
  width: 60px;
  position: absolute;
  height: 3px;
  background-color: #c6c1d9;
  left: -69px;
  top: 12px;
}

.nosotros .mod2 p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 20px;
}

.nosotros .mod2 p span {
  color: #9c91c0;
  font-weight: 600;
  padding-top: 20px;
  font-size: 20px;
  display: block;
}

.nosotros .mod2 li {
  font-weight: 300;
}

.nosotros .mod2 li span {
  color: #d5c8b8;
  font-weight: bold;
}

.nosotros .divisor {
  padding: 45px;
  text-align: center;
}

.nosotrosmod3 {
  background-image: url(../img/empresa/fdo_mision.jpg);
  background-size: cover;
  padding: 45px 0 45px 0;
  margin: 45px 0 45px 0;
}

.nosotrosmod3 h1 {
  font-family: "Restora";
  font-size: 33px;
  margin-top: 6px;
}

.nosotrosmod3 p {
  font-size: 18px;
  padding-top: 15px;
  font-weight: 300;
}

.nosotrosmod4 {
  padding-bottom: 45px;
}

.nosotrosmod4 h1 {
  font-family: "Restora";
  font-size: 43px;
  border-bottom: solid 1px #c6c1d9;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.nosotrosmod4 p {
  font-size: 18px;
  font-weight: 300;
}

.nosotrosmod4 h2 {
  color: #c6c1d9;
  font-size: 20px;
  font-weight: 600;
  padding-top: 45px;
}

.preguntas .cab {
  background-image: url(../img/empresa/img_header.jpg);
  height: 450px;
  background-size: cover;
  padding-top: 70px;
}

.preguntas .cab h1 {
  color: #fff;
  font-size: 60px;
  font-family: "Restora";
  font-weight: bold;
  margin-top: 15px;
}

.preguntas .cab h1 span {
  display: block;
}

.preguntas .cab p {
  color: #fff;
  font-size: 20px;
  max-width: 450px;
}

.preguntas #accordion,
.preguntas #accordion2 {
  padding: 0 0 45px 0;
}

.preguntas #accordion div,
.preguntas #accordion2 div {
  font-weight: 300;
  font-size: 16px;
  padding: 15px;
}

.preguntas h2 {
  color: #d5c8b8;
  font-family: "Restora";
  text-transform: uppercase;
  border-bottom: solid 1px #9c91c0;
  padding-bottom: 15px;
  font-size: 33px;
  margin-bottom: 20px;
  margin-top: 33px;
  font-weight: bold;
}

.preguntas h3 {
  border-bottom: solid 1px #c6c1d9;
  padding-bottom: 15px;
  cursor: pointer;
  font-size: 20px;
  padding-top: 15px;
}

.preguntas h3:hover {
  opacity: 0.8;
}

.medios h1 {
  font-family: "Restora";
  text-align: center;
  font-size: 33px;
  margin-top: 45px;
  border-bottom: solid 1px #9c91c0;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.medios h2 {
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 45px;
}

.medios .hidemedios {
  display: block;
  padding: 15px;
}

.medios .hidemedios img {
  margin-top: 15px;
  margin-bottom: 15px;
}

.medios .hidemedios ul {
  padding-bottom: 0px;
  margin-bottom: 12px;
  border-bottom: dashed 1px #000;
}

.medios .hidemedios ul li {
  width: 49%;
  display: inline-block;
  padding: 20px 20px 12px 0;
  vertical-align: top;
}

.medios .hidemedios ul .pad {
  padding-top: 28px;
}

.medios .hidemedios ul li:last-child img {
  border: solid 4px #50b4e9;
}

.medios h3 {
  color: #333;
  border-bottom: solid 1px #d5c8b8;
  margin-top: 0;
  padding: 0 0 20px 106px;
  margin-top: -49px;
  text-align: left;
  padding-bottom: 4px;
  background-repeat: no-repeat;
  background-position: 95%;
  padding-bottom: 12px;
  font-size: 20px;
  height: 70px !important;
}

.medios h3 span {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.medios .col-md-6 {
  margin-bottom: 45px;
}

.medios img {
  display: block;
}

.medios p span {
  display: block;
}

.medios a {
  color: #9c91c0;
  text-decoration: underline;
}

.medios a:hover {
  text-decoration: none;
}

.medios .violeta {
  color: #9c91c0;
}

.medios .boton {
  border: solid 1px #c6c1d9;
  padding: 10px 25px 10px 25px;
  font-weight: bold;
  width: 280px;
  border-radius: 20px;
  text-align: center;
  display: block;
  margin-top: 20px;
  text-decoration: none;
}

.medios .boton i {
  font-size: 20px;
}

.medios .boton:hover {
  background-color: #c6c1d9;
  color: #fff;
}

.dondecomprar .cab {
  background-image: url(../img/dondecomprar/header.jpg);
  height: 400px;
  background-size: cover;
  padding-top: 70px;
}

.dondecomprar .cab h1 {
  color: #fff;
  font-size: 60px;
  font-family: "Restora";
  font-weight: bold;
  margin-top: 15px;
}

.dondecomprar .cab h1 span {
  display: block;
}

.dondecomprar .cab p {
  color: #fff;
  font-size: 20px;
  max-width: 450px;
}

.dondecomprar h2 {
  font-family: "Restora";
  text-align: center;
  font-size: 33px;
  margin-top: 20px;
  border-bottom: solid 1px #9c91c0;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.dondecomprar p {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  padding: 0 45px 0 45px;
  margin-bottom: 0px;
}

.dondecomprar h3 {
  color: #9c91c0;
  font-family: "Restora";
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 45px;
}

.dondecomprar h3 span {
  display: block;
}

.dondecomprar .bullet {
  padding: 20px;
  text-align: center;
}

.mapadonde {
  width: 100%;
  height: 900px;
}

.vermapa {
  padding: 10px 0 10px 0px;
  border: solid 1px #c6c1d9;
  color: #9c91c0;
  width: 245px;
  border-radius: 45px;
  margin-top: 12px;
  width: 118px;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
  font-size: 14px;
}

.listadodonde .scroll a:hover .vermapa {
  background-color: #9c91c0;
  border: solid 1px #c6c1d9;
  color: #fff;
}

.vender {
  padding-bottom: 60px;
}

.vender .cab {
  background-image: url(../img/quierovender/img_header.jpg);
  height: 360px;
  background-size: cover;
  padding-top: 70px;
}

.vender .cab h1 {
  color: #333;
  font-size: 60px;
  font-family: "Restora";
  font-weight: bold;
  margin-top: 15px;
}

.vender .cab h1 span {
  display: block;
}

.vender .cab p {
  color: #fff;
  font-size: 20px;
  max-width: 450px;
}

.vender .mod1 {
  padding-top: 45px;
}

.vender .mod1 h2 {
  font-size: 33px;
  text-align: center;
  color: #9c91c0;
  font-family: "Restora";
  border-bottom: solid 1px #d5c8b8;
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.vender .mod1 p {
  text-align: center;
  font-size: 16px;
}

.vender .mod1 p.pad {
  font-size: 20px;
  max-width: 90%;
  margin: auto;
}

.vender .mod1 h3 {
  color: #9c91c0;
  font-size: 28px;
  text-align: center;
  margin: 0px 0 45px 0;
}

.vender .col-md-6 img {
  display: block;
  margin: auto;
}

.vender .col-md-6 h4 {
  font-family: "Restora";
  margin: 15px 0 15px 0;
  text-align: center;
  font-weight: bold;
}

.vender .col-md-6 h4 span {
  display: block;
}

.vender .col-md-6 h5 {
  color: #9c91c0;
  text-align: center;
  font-weight: bold;
  margin: 15px;
}

.vender .col-md-6 p {
  font-size: 18px;
  font-weight: 300;
}

.vender .col-md-6 p span {
  color: #d5c8b8;
}

.vender .col-md-6 p br {
  margin-bottom: 9px;
}

.vender a {
  display: block;
  width: 185px;
  border: solid 1px #9c91c0;
  padding: 10px 15px 10px 15px;
  text-align: center;
  color: #9c91c0;
  border-radius: 25px;
  margin: 33px auto auto auto;
}

.vender a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.vender .borde {
  border-right: solid 1px #d5c8b8;
}

.vender .margin {
  margin-top: 116px;
}

.vender .botonquiero {
  padding-bottom: 33px;
  display: none;
}

.vender .botonquiero a {
  cursor: pointer;
}

.quedicen {
  padding: 45px;
  background-color: #f7f6f2;
}

.quedicen h1 {
  font-size: 33px;
  font-family: "Restora";
  font-weight: bold;
  text-align: center;
  margin-bottom: 33px;
}

.quedicen .col-md-9 {
  border-left: solid 1px #d5c8b8;
  height: 245px;
  padding-top: 33px;
  padding-bottom: 33px;
}

.quedicen .col-md-9 p {
  font-style: italic;
  font-size: 16px;
}

.quedicen h2 {
  color: #9c91c0;
  font-size: 22px;
  padding-top: 6px;
  font-weight: bold;
  text-align: center;
}

.quedicen .col-md-3 p {
  text-align: center;
}

.quedicen .col-md-3 img {
  width: 145px !important;
  display: block;
  margin: auto;
}

.quedicen .slick-prev {
  position: absolute;
  top: 26%;
  left: -145px;
  width: 90px;
  background-color: transparent;
  height: 145px;
  border: none;
  color: transparent;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url("../img/quierovender/carrus_izq.svg");
  background-size: contain;
  background-position: center;
  width: 136px;
}

.quedicen .slick-next {
  position: absolute;
  top: 26%;
  right: -145px;
  width: 90px;
  background-color: transparent;
  height: 145px;
  border: none;
  z-index: 0;
  background-repeat: no-repeat;
  color: transparent;
  background-image: url("../img/quierovender/carrus_der.svg");
  background-size: contain;
  background-position: center;
  width: 136px;
}

.quedicen .slick-prev:hover,
.quedicen .slick-next:hover {
  opacity: 0.8;
  outline: none;
}

.prods .cab {
  background-image: url(../img/empresa/img_header.jpg);
  height: 450px;
  background-size: cover;
  padding-top: 70px;
}

.prods .cab h1 {
  color: #fff;
  font-size: 60px;
  font-family: "Restora";
  font-weight: bold;
  margin-top: 15px;
}

.prods .cab h1 span {
  display: block;
}

.prods .cab p {
  color: #fff;
  font-size: 20px;
  max-width: 450px;
}

.prods .mod1 {
  padding-bottom: 45px;
}

.prods .mod1 h1 {
  font-family: "Restora";
  text-align: center;
  font-size: 33px;
  margin-top: 45px;
  border-bottom: solid 1px #9c91c0;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.prods .mod1 p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 15px;
}

.prods .mod1 h2 {
  color: #9c91c0;
  font-size: 20px;
  font-weight: bold;
}

.prods .mod2 {
  background-color: #f7f6f2;
  padding: 45px 0 45px 0;
}

.prods .mod2 h2 {
  text-align: center;
  font-family: "Restora";
  font-size: 22px;
  font-weight: bold;
}

.prods .mod2 img {
  display: block;
  margin: 60px auto 15px auto;
}

.prods .mod2 .col-md-3 {
  padding-bottom: 60px;
}

.prods .mod2 .borde {
  border-right: solid 1px #d5c8b8;
}

.prods .mod2 .borde2 {
  border-bottom: solid 1px #d5c8b8;
}

footer {
  padding: 33px 33px 15px 33px;
  background-color: #9c91c0;
}

footer h1 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

footer p {
  color: #fff;
}

footer ul li a {
  color: #fff;
}

footer ul li a:hover {
  color: #c6c1d9;
}

footer .boton {
  color: #fff;
  border: solid 1px #fff;
  border-radius: 33px;
  padding: 10px 15px 10px 15px;
  margin-top: 15px;
  display: block;
  width: 200px;
  text-align: center;
}

footer .boton:hover {
  background-color: #c6c1d9;
}

footer .borde {
  border-right: solid 1px #fff;
}

footer .col-md-3 {
  padding-top: 15px;
  padding-bottom: 33px;
}

footer .col-md-12 {
  border-top: solid 1px #fff;
  padding-top: 15px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 15px;
}

footer .col-md-12 a {
  color: #fff;
}

footer .col-md-12 a:hover {
  opacity: 0.8;
}

footer .col-md-12 strong {
  font-weight: bold;
}

footer .pad {
  padding-top: 6px;
  padding-bottom: 6px;
}

footer .borde2 {
  border-top: solid 1px #fff;
  padding: 6px 0 0 0;
  margin-top: 15px;
}

footer .redes li {
  display: inline-block;
}

footer .redes a:hover {
  opacity: 0.8;
}

#no-more-tables {
  width: 100%;
}

@media (max-width: 1400px) {
  .carritocols h1 span {
    position: relative;
    right: 0;
    top: 0;
    display: block;
  }
}

@media (max-width: 620px) {
  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #no-more-tables tr {
    border: 1px solid #ccc;
  }
  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-leftz: 50%;
    white-space: normal;
    text-align: center;
  }
  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute; /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  /* Label the data */
}

.table-bordered {
  border: none;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: none;
  border-bottom: none;
}

.table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-striped > tbody > tr:nth-child(2n + 1) > th {
  background-color: transparent;
}

.botoncompletar {
  display: block;
  width: 220px;
  background-color: #9c91c0;
  text-align: center;
  border: solid 1px #9c91c0;
  padding: 10px 20px 10px 20px;
  color: #fff;
  font-weighht: bold;
  margin: 20px auto auto auto;
  border-radius: 25px;
}

.botoncompletar:hover {
  background-color: #fff;
  color: #9c91c0;
}

.copy {
  background-color: #000;
  color: #fff;
  padding: 15px;
  text-align: right;
  font-size: 12px;
}

.copy a {
  color: #fff;
}

.copy a:hover {
  opacity: 0.8;
}

.carouselhome .slick-slide img {
  width: 100%;
}

footer .container-fluid {
  max-width: 90%;
}

.banners {
  border-top: solid 4px #fff;
  border-bottom: solid 4px #fff;
  margin-top: 45px;
}

.banners img {
  width: 100%;
}

.banners .bannerm {
  display: none;
}

.headdistribuidor {
  border-top: solid 6px #66435a;
  padding: 15px;
  text-align: center;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.48);
}

.totaltotal {
  font-size: 18px;
}

.formdistribuidor {
  padding: 45px;
}

.formdistribuidor h1 {
  color: #66435A​;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin: 4px;
}

.formdistribuidor h1 span {
  display: block;
}

.formdistribuidor h2 {
  font-size: 16px;
  color: #333;
  text-align: center;
  border-bottom: solid 1px #d5c8b8;
  padding-bottom: 6px;
}

.formdistribuidor h3 {
  color: #333;
  font-size: 18px;
  margin: 15px 0 15px 15px;
  font-weight: bold;
  width: 100%;
}

.formdistribuidor input[type="text"],
.formdistribuidor input[type="email"] {
  padding: 10px;
  width: 100%;
  border: solid 1px #d5c8b8;
  margin-bottom: 15px;
}

.formdistribuidor input[type="text"]:focus,
.formdistribuidor input[type="email"]:focus {
  border: solid 1px #f7f6f2;
}

.formdistribuidor .foto {
  border: solid 1px #d5c8b8;
  padding: 7px 10px 0 10px;
  color: #333;
}

.formdistribuidor .foto input {
  float: right;
}

.formdistribuidor .foto span {
  float: left;
  display: block;
  padding-top: 3px;
  opacity: 0.8;
}

.formdistribuidor p {
  font-size: 14px;
  text-align: center;
  color: #333;
  padding: 4px;
  width: 100%;
}

.formdistribuidor .violeta {
  color: #c6b0bc;
  margin-bottom: 15px;
}

.formdistribuidor .pad {
  padding-top: 28px;
}

.formdistribuidor input[type="submit"] {
  background-color: #66435a;
  color: #d7d2cb;
  font-weight: bold;
  border-radius: 45px;
  display: block;
  margin: 33px auto auto auto;
  padding: 10px 33px 10px 33px;
  border: none;
}

.formdistribuidor input[type="submit"]:hover {
  background-color: #d5c8b8;
  color: #66435a;
}

.formdistribuidor label {
  cursor: pointer;
  color: #c6c1d9;
  padding: 4px 15px 4px 15px;
  border: solid 1px #c6c1d9;
  float: right;
  border-radius: 45px;
}

.formdistribuidor label:hover {
  background-color: #9c91c0;
  color: #fff;
}

.formdistribuidor select {
  width: 100%;
  border: none;
  padding: 11px;
  border: solid 1px #d5c8b8;
  color: #333;
}

.formdistribuidor .graciasform {
  padding: 45px 45px 20px 45px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}

.formdistribuidor .graciasform img {
  vertical-align: top;
}

.formdistribuidor .uploadinput {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.gracias {
  padding: 45px;
  background-image: url(../img/gracias/fdo.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
  min-height: 90vh;
}

.gracias h1 {
  color: #9c91c0;
  margin-top: 45px;
  font-family: "Restora";
  font-weight: bold;
  font-size: 30px;
}

.gracias h2 {
  color: #9c91c0;
  font-weight: 700;
}

.gracias h2 span {
  display: block;
}

.gracias h3 {
  color: #000;
  font-size: 33px;
  text-align: center;
  border-bottom: solid 1px #d5c8b8;
  padding-bottom: 16px;
}

.gracias img {
  margin: 33px 0 33px 0;
}

.gracias p {
  font-size: 20px;
}

.gracias p span {
  display: block;
}

.gracias .icono {
  display: block;
  margin: auto;
}

.gracias a {
  color: #9c91c0;
  text-decoration: underline;
}

.gracias a:hover {
  text-decoration: none;
}

.slider-container {
  width: 100% !important;
  margin-top: 33px;
}

.theme-green .back-bar {
  height: 11px !important;
}

.theme-green .back-bar .pointer {
  width: 20px !important;
  height: 20px !important;
  background: #d5c8b8 !important;
  border: solid 1px #f7f6f2 !important;
}

.theme-green .back-bar .selected-bar {
  background: #d5c8b8 !important;
}

.theme-green .back-bar {
  background-image: none !important;
  background-color: #f7f6f2 !important;
}

.contrasena {
  padding: 45px;
}

.contrasena h1 {
  font-size: 33px;
  text-align: center;
  font-family: "Restora";
  padding-bottom: 15px;
  border-bottom: solid 1px #c6c1d9;
  margin-bottom: 33px;
}

.contrasena h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 33px;
}

.contrasena input[type="password"] {
  border: solid 1px #d5c8b8;
  padding: 10px;
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  margin: auto auto 15px auto;
}

.contrasena p {
  font-size: 14px;
  padding-top: 15px;
}

.contrasena input[type="submit"] {
  background-color: #9c91c0;
  color: #fff;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  padding: 10px 63px 10px 63px;
  font-weight: bold;
  border: none;
  display: block;
  margin: auto;
  border-radius: 25px;
}

.contrasena input[type="submit"]:hover {
  background-color: #c6c1d9;
}

.pedidorealizado {
  position: relative;
}

.pedidorealizado h1 {
  padding: 39px;
  color: #fff;
  font-size: 26px;
  margin-bottom: 33px;
  font-weight: bold;
  text-align: center;
  font-family: "Restora";
  background-color: #c6c1d9;
  position: relative;
}

.pedidorealizado p {
  font-size: 16px;
  max-width: 900px;
  margin: auto;
  color: #333;
  text-align: center;
}

.pedidorealizado span {
  display: block;
  width: 33px;
  height: 33px;
  background-color: #c6c1d9;
  transform: rotate(45deg);
  position: absolute;
  margin: auto;
  bottom: -15px;
  left: 0;
  right: 0;
}

.botonesgracias {
  padding-bottom: 45px;
}

.botonesgracias .boton1 {
  background-color: #9c91c0;
  color: #fff;
  font-size: 20px;
  padding: 10px 15px 10px 15px;
  display: block;
  border-radius: 25px;
  width: 200px;
  text-align: center;
  margin: auto auto 15px auto;
}

.botonesgracias .boton1:hover {
  background-color: #c6c1d9;
}

.botonesgracias .boton2 {
  color: #9c91c0;
  font-size: 26px;
  text-decoration: underline;
  padding: 10px 15px 10px 15px;
  display: block;
  border-radius: 25px;
  width: 336px;
  text-align: center;
  margin: auto;
}

.botonesgracias .boton2:hover {
  color: #c6c1d9;
  text-decoration: none;
}

.slick-prev {
  position: absolute;
  top: 45%;
  left: 10px;
  width: 16px;
  height: 35px;
  border: none;
  background-color: #000;
  border-radius: 60px;
  color: transparent;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url("../img/flechaizq.png");
  background-size: 10px;
  background-position: center;
  width: 36px;
  z-index: 999;
}

.slick-next {
  position: absolute;
  top: 45%;
  right: 10px;
  width: 16px;
  height: 35px;
  border: none;
  background-color: #000;
  border-radius: 60px;
  z-index: 0;
  background-repeat: no-repeat;
  color: transparent;
  background-image: url("../img/flechader.png");
  background-size: 10px;
  background-position: center;
  width: 36px;
}

.slick-prev:hover,
.slick-next:hover {
  opacity: 0.8;
  outline: none;
}

.slick-dots {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: right;
  padding-right: 31px;
}

.slick-dots li {
  display: inline-block;
  margin-left: 6px;
}

.slick-dots li button {
  border: none;
  padding: 5px;
  background-color: #fff;
  color: transparent;
  width: 21px;
  height: 21px;
  border-radius: 60px;
}

.slick-dots .slick-active button {
  background-color: #000;
}

.slider-nav-thumbnails {
  margin-top: 10px;
}

.slider-nav-thumbnails .slick-slide {
  cursor: pointer;
  outline: none;
}

.slider-nav-thumbnails .slick-slide.slick-current.slick-active {
  opacity: 1;
}

.slider-nav-thumbnails .slick-slide img {
  padding: 1px;
  background: transparent;
  background-color: #f7f6f2;
}

.slider-nav-thumbnails .slick-slide.slick-current.slick-active img {
  background: rgba(0, 0, 0, 0.1);
}

.slider-nav-thumbnails img {
  width: 145px;
  margin: 0 5px;
}

.slider-nav-thumbnails .slick-slide:first-child img {
  margin-left: 0;
}

.slider-nav-thumbnails .slick-slide:last-child img {
  margin-right: 0;
}

.cd-primary-nav .cd-nav-gallery {
  padding: 33px 10% 0px 10%;
}

.vertodoscats {
  display: block !important;
  border-top: solid 1px #211f20 !important;
  padding: 6px !important;
  margin-top: 15px !important;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.vertodoscats:hover {
  color: #9c91c0;
}

.vertodoscats2 {
  display: block;
  width: 333px;
  border: solid 1px #9c91c0;
  border-radius: 25px;
  font-size: 20px;
  padding: 10px 15px 10px 15px;
  margin: 33px auto 33px auto;
  text-align: center;
  color: #9c91c0;
}

.vertodoscats2:hover {
  background-color: #9c91c0;
  color: #fff;
}

.excede {
  background-image: url(../img/ico_excede.svg);
  background-repeat: no-repeat;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 206px;
  background-position: 10px;
  padding: 6px 6px 6px 29px;
  margin: auto;
  color: #333;
  font-size: 14px;
}

.excede2 {
  margin: 0;
  display: inline-block;
  margin-left: 6px;
}

.excede2 span {
  border: none !important;
}

.excede3 {
  margin: 0;
  padding-left: 39px;
}

.excededetalle {
  margin: 15px 0 15px 0;
  width: 208px !important;
  padding-left: 41px;
}

.confirmarcant {
  background-image: url(../img/ico_confirmar.svg);
  background-repeat: no-repeat;
  border-radius: 20px;
  background-color: #9e020a;
  width: 157px;
  background-position: 10px;
  padding: 6px 6px 6px 39px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.confirmarcant:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #9e020a;
}

.modalstock {
  position: fixed;
  top: 20%;
  z-index: 99999999;
  margin: auto;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  display: none;
}

.modalstock .borde {
  width: 500px;
  margin: auto;
  border: solid 1px #d5c8b8;
  padding: 33px;
  border-radius: 25px;
  background-color: #fff;
}

.modalstock .borde h1 {
  color: #ff0000;
  font-size: 20px;
  text-align: center;
}

.modalstock .borde h2 {
  font-size: 18px;
  text-align: center;
  border-bottom: solid 1px #d5c8b8;
  padding: 6px 0 6px 0;
}

.modalstock .borde .item {
  margin: 6px 0 0 0;
  border-bottom: solid 1px #d5c8b8;
  padding-bottom: 6px;
}

.modalstock .borde .item h3 {
  text-align: center;
  font-size: 20px;
}

.modalstock .borde .item h4 {
  color: #9c91c0;
  text-align: center;
  font-size: 20px;
}

.modalstock .borde a {
  color: #9c91c0;
  border-radius: 25px;
  border: solid 1px #9c91c0;
  width: 106px;
  display: block;
  text-align: center;
  margin: 15px auto auto auto;
}

.modalstock .borde a:hover {
  background-color: #9c91c0;
  color: #fff;
}

.relative {
  position: relative;
}

.menucab {
  position: absolute;
  background-color: #333;
  width: 300px;
  z-index: 999999;
  right: 0;
  top: 51px;
  text-align: left;
  display: none;
}

.menucab .menugris {
  padding-top: 15px;
}

.menucab .menugris li {
  display: block;
  margin-right: 15px;
}

.menucab .menugris li:first-child a {
  padding-top: 10px;
}

.menucab .menugris a {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #d5c8b8;
  color: #f7f6f2;
}

.menucab .menugris a:hover {
  background-color: #d5c8b8;
  color: #333;
}

.menucab .redes {
  padding: 0 0 15px 30px;
}

.menucab .redes li {
  display: inline-block !important;
  border: none;
  margin: 0;
}

.menucab .redes a:hover {
  opacity: 0.8;
}

.menucab p {
  padding-left: 30px;
  padding-bottom: 15px;
  padding-top: 15px;
  color: #fff;
}

.menucab .tels {
  border-botttom: solid 1px #d5c8b8;
  color: #d5c8b8;
  padding-left: 15px;
  padding-top: 15px;
}

.menucab .tels a {
  color: #d5c8b8;
}

.menucab .tels i {
  width: 20px;
}

.informapago {
  padding-bottom: 60px;
}

.informapago .foto {
  border: solid 1px #d5c8b8;
  padding: 7px 10px 0 10px;
  color: #333;
  border-radius: 15px;
}

.informapago .foto input {
  float: right;
}

.informapago .foto span {
  float: left;
  display: block;
  padding-top: 3px;
  opacity: 0.8;
}

.informapago #file1_cartel img {
  display: inline !important;
}

.informapago label {
  cursor: pointer;
  color: #c6c1d9;
  padding: 4px 15px 4px 15px;
  border: solid 1px #c6c1d9;
  float: right;
  border-radius: 45px;
}

.informapago label:hover {
  background-color: #9c91c0;
  color: #fff;
}

.informapago .uploadinput {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.informapago select {
  width: 100%;
  border: none;
  padding: 11px;
  border: solid 1px #d5c8b8;
  color: #333;
}

.informapago .pad {
  max-width: 900px;
  margin: auto;
}

.informapago .pad form {
  max-width: 450px;
  margin: auto;
}

.informapago .pad form select {
  background-position: 95%;
}

.informapago .pad form input[type="text"],
.informapago .pad form select {
  border: solid 1px #d5c8b8;
  font-size: 16px;
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  margin-bottom: 15px;
  width: 100%;
  padding: 10px;
  border-radius: 15px;
}

.informapago .pad form input[type="submit"] {
  background-color: #9c91c0;
  color: #fff;
  display: block;
  padding: 10px 15px 6px 15px;
  margin: 15px auto auto auto;
  font-weight: bold;
  font-weight: bold;
  border: none;
  border-radius: 15px;
}

.informapago .pad form input[type="submit"]:hover {
  background-color: #c6c1d9;
}

.informapago .pad form input::placeholder {
  color: #333;
  opacity: 1;
}

.informapago .pad form .iconocalendario {
  background-image: url(../img/Carrito/ico_cal.svg);
  background-repeat: no-repeat;
  background-position: 95%;
}

.informapago h1 {
  border-bottom: solid 1px #c6c1d9;
  padding-top: 33px;
  font-family: "Restora";
  padding-bottom: 6px;
  text-align: center;
  font-size: 33px;
}

.informapago h2 {
  font-size: 26px;
  margin: 15px 0 15px 0;
  text-align: center;
}

.informapago img {
  display: block;
  margin: 15px auto 15px auto;
}

.informapago p {
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  max-width: 300px;
  margin: auto;
}

.informapago .borde {
  border-right: solid 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 33px;
}

.informapago .col-md-6 {
  margin-top: 33px;
  margin-bottom: 45px;
}

.informapago .col-md-6 span {
  background-color: #9c91c0;
  color: #fff;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  font-weight: bold;
  padding-top: 4px;
  text-align: center;
  display: block;
  margin: 15px auto 15px auto;
}

#pedidoencurso .capagrisa {
  opacity: 0.3;
  cursor: default;
}

.modal_complementos {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999999999999;
  padding: 45px 45px 70px 45px;
}

.modal_complementos .contenido {
  position: absolute;
  top: 3%;
  right: 0;
  left: 0;
  width: 1000px;
  margin: auto;
  -webkit-box-shadow: 0px 0px 11px 0px #c7b7a2;
  -moz-box-shadow: 0px 0px 11px 0px #c7b7a2;
  box-shadow: 0px 0px 11px 0px #c7b7a2;
  border-radius: 15px;
  padding: 20px;
  z-index: 999999999999999;
  background-color: #fff;
}

.modal_complementos .titulo {
  text-align: center;
  font-family: "Restora";
  margin-bottom: 15px;
  color: #333;
  font-size: 26px;
  font-weight: bold;
}

.modal_complementos .x {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #9c91c0;
  color: #fff;
  border-radius: 25px;
  padding: 0 12px 6px 12px;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}

.modal_complementos .x:hover {
  background-color: #c6c1d9;
}

.modal_complementos .slick-next {
  right: -45px !important;
}

.modal_complementos .slick-prev {
  left: -45px !important;
}

.lupa {
  display: none;
}

.padwhat {
  padding-top: 9px !important;
  text-align: right;
}

.textoobligatorio {
  padding: 6px;
  border-top: solid 1px #f7f6f2;
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
}

.botoninformarpago {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}

.botoninformarpago:hover {
  text-decoration: none;
  color: #9c91c0;
}

.linkgenerico {
  color: #333;
  text-decoration: underline;
}

.linkgenerico:hover {
  text-decoration: none;
  color: #333;
}

.detallepedido .total {
  background-color: #f7f6f2;
}

.detallepedido .titulo {
  color: #ff0000;
}

.marginpedido {
  margin-bottom: 60px;
}

.easy-autocomplete input {
  background-image: url(../img/cd-search.svg);
  background-repeat: no-repeat;
  background-position: 96% 7px;
}

.contacto {
  padding: 45px;
  background-image: url(../img/gracias/fdo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.contacto h1 {
  font-size: 33px;
}

.contacto h2 {
  font-size: 20px;
  border-bottom: solid 1px #d5c8b8;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
  font-weight: 400;
}

.contacto h3 {
  margin: 33px 0 15px 0;
  font-size: 20px;
}

.contacto input[type="text"],
.contacto input[type="email"],
.contacto select,
.contacto textarea {
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
  color: #333;
  border: solid 1px #d5c8b8;
  width: 100%;
  margin-bottom: 15px;
  font-family: "Barlow", sans-serif;
}

.contacto input::placeholder {
  color: #333;
}

.contacto input[type="submit"] {
  background-color: #d5c8b8;
  color: #fff;
  border-radius: 15px;
  display: block;
  border: none;
  margin: auto;
  font-family: "Barlow", sans-serif;
  padding: 10px 20px 10px 20px;
}

.contacto input[type="submit"]:hover {
  background-color: #f7f6f2;
  color: #d5c8b8;
}

.contacto .datosvioleta {
  padding: 33px;
  background-color: #f3f0ff;
  margin-top: 73px;
}

.contacto .datosvioleta h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.contacto .datosvioleta p {
  color: #333;
}

.contacto .datosvioleta a {
  color: #333;
}

.contacto .datosvioleta a:hover {
  color: #000;
}

.contacto .datosvioleta i {
  margin-top: 20px;
  color: #d5c8b8;
  display: block;
  font-size: 26px;
}

.contacto .center {
  text-align: center;
}

.contacto .pad {
  max-width: 900px;
  margin: auto;
}

.contacto ul {
  padding-bottom: 15px;
}

.contacto ul li {
  color: #333;
  margin-bottom: 4px;
}

.contacto .subtitulo {
  text-align: center;
  font-size: 20px;
  font-family: "Restora";
  margin-top: 6px;
  font-weight: bold;
}

.contacto .texto {
  text-align: center;
  padding-top: 6px;
}

.selectdonde {
  background-color: #d5c8b8;
  padding: 12px 33px 12px 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #fff;
  background-image: url(../img/flecha_drop.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  border: none;
  border-bottom: solid 1px #333;
  background-size: 14px;
  font-weight: bold;
}

#form_mapa {
  background-color: #d5c8b8;
  padding: 15px;
  text-align: center;
}

.textosaldo {
  text-align: center;
  font-size: 20px;
  width: 100%;
  color: #000;
  font-weight: bold;
}

.textosaldo .rojo {
  font-size: 20px !important;
}

.fotomobile {
  display: none;
  width: 100%;
}

.headlogin {
  background-color: #9c91c0;
  text-align: center;
  padding: 45px;
}

.headlogin img {
  filter: brightness(0) invert(1);
}

.aligncenter {
  text-align: center;
}

.login {
  padding: 90px;
  height: 80vh;
}

.login h1 {
  text-align: center;
  color: #9c91c0;
  font-size: 21px;
}

.login h2 {
  text-align: center;
  color: #000;
  font-size: 26px;
}

.login input[type="email"],
.login input[type="password"] {
  border: solid 1px #d5c8b8;
  padding: 10px;
  border-radius: 6px;
  font-size: 18px;
  display: block;
  width: 445px;
  margin: auto auto 15px auto;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 15px 12px;
}

.login input[type="email"] {
  background-image: url(../img/ico_user.svg);
}

.login input[type="password"] {
  background-image: url(../img/ico_pass.svg);
}

.login input[type="submit"] {
  background-color: #9c91c0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border: none;
  border-radius: 33px;
  display: block;
  margin: auto;
  padding: 10px 25px 10px 25px;
}

.login input[type="submit"]:hover {
  background-color: #d5c8b8;
}

.login img {
  display: block;
  margin: 15px auto 15px auto;
}

.login p {
  color: #333;
  text-align: center;
  padding-bottom: 15px;
}

.login p a {
  color: #9c91c0;
  font-weight: bold;
  text-decoration: underline;
}

.login p a:hover {
  text-decoration: none;
}

.modalmonto {
  width: 100%;
  height: 560px;
  background-image: url(../img/2023-05-18---popup-monto-minimo-bg.jpg);
  padding-top: 245px;
  background-size: cover;
  text-align: center;
}

.modalmonto h1 {
  color: #9c91c0;
  font-size: 20px;
}

.modalmonto h2 {
  color: #9c91c0;
  font-size: 33px;
}

.modalmonto h2 span {
  display: block;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  display: none;
}

.select2-container .select2-selection--single {
  background-image: url(../img/flecha_drop.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 95%;
}

.listadodonde {
  padding: 45px 0 45px 0;
}

.listadodonde h1 {
  font-size: 20px;
  font-weight: bold;
  color: #9c91c0;
}

.listadodonde .col-md-4 {
  margin-bottom: 45px;
}

.listadodonde .scroll {
  height: 700px;
  overflow-x: scroll;
  overflow-y: hidden;
}

.listadodonde .scroll .item {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.listadodonde a {
  color: #000;
}

.mapav2 {
  background-color: #fff !important;
}

.mapav2 .selectdonde,
.mapav2 input[type="text"] {
  border: none;
  font-size: 15px;
  padding: 10px 30px 10px 10px;
  background-color: #fff;
  color: #9c91c0;
  border-bottom: solid 1px #c6c1d9;
  background-image: url(../img/flecha.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
  background-position: 96%;
  text-transform: uppercase;
}

.mapav2 input::placeholder {
  color: #9c91c0;
  opacity: 1;
}

.mapav2 #scp {
  background-image: none;
}

.mapav2 button {
  background-color: #333;
  color: #fff;
  padding: 10px 15px 10px 15px;
  border: none;
  margin-right: 33px;
}

.mapav2 button:hover {
  background-color: #9c91c0;
}

#marcas-list {
  height: 700px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#marcas-list li {
  border-bottom: solid 1px #cccccc;
  padding: 15px;
  cursor: pointer;
}

#marcas-list li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

#marcas-list li:hover .vermapa {
  background-color: #9c91c0;
  color: #fff;
}

#marcas-list h1 {
  font-size: 20px;
  font-weight: bold;
  color: #9c91c0;
}

#geolocate-button {
  margin-right: 9px;
  background-color: #9c91c0;
  color: #fff;
  border: none;
  padding: 9px 12px 9px 12px;
  z-index: 999999;
}

#geolocate-button:hover {
  background-color: #c6c1d9;
}

.gm-ui-hover-effect {
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 1280px) {
  .cd-primary-nav .cd-nav-gallery {
    padding: 33px 4% 33px 4%;
  }
}

@media (max-width: 450px) {
  .cd-primary-nav .cd-nav-gallery li {
    width: 100%;
  }
  .formdistribuidor {
    padding: 33px 0 45px 0;
  }
  .formdistribuidor h1 {
    font-size: 20px;
  }
  .formdistribuidor h1 span {
    display: inline;
  }
  .formdistribuidor h2 {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .formdistribuidor p {
    padding: 6px 15px 0 15px;
  }
  .formdistribuidor .foto input {
    float: none;
  }
  .formdistribuidor .violeta {
    font-size: 13px;
  }
  .formdistribuidor label {
    float: none;
    margin-top: 15px;
  }
  .formdistribuidor .uploadinput {
    position: relative;
  }
  .copy span {
    display: block;
  }
  .banners .bannerm {
    display: block;
  }
  .banners .bannerd {
    display: none;
  }
  .padwhat {
    text-align: left;
  }
  .nosotros .cab h1 {
    font-size: 43px;
  }
  .nosotros .mod1 h1 {
    font-size: 33px;
  }
  .nosotros .mod1 p span {
    display: block;
    margin-bottom: 20px;
  }
  .nosotros .mod2 h1 {
    margin-left: 70px;
    font-size: 22px;
  }
  .nosotros .mod2 h1 span {
    width: 45px;
  }
  .nosotrosmod3 .col-md-6 {
    margin-bottom: 33px;
  }
  .nosotrosmod4 h1 {
    font-size: 26px;
  }
  .nosotrosmod4 h2 {
    padding-bottom: 20px;
  }
  .carouselmobile {
    display: block;
  }
  .carouseldesktop {
    display: none;
  }
  .bienvenido .col-md-12 h3 {
    font-size: 18px;
  }
  .bienvenido .col-md-12 h3 {
    margin-top: 15px;
  }
  .bienvenido .col-md-12 ul li {
    margin-right: 0;
  }
  .bienvenido .col-md-12 ul li {
    display: block;
    text-align: left;
  }
  .bienvenido .col-md-12 ul li:first-child {
    margin-top: 15px;
  }
  .bienvenido .botones a {
    display: block;
  }
  .bienvenido .botones .comenza {
    font-size: 18px;
  }
  .bienvenido .col-md-12 ul li {
    width: 100%;
  }
  .bienvenido .col-md-12 ul li:first-child,
  .bienvenido .col-md-12 ul li:last-child {
    width: 100%;
  }
  .bienvenido .bullets li:nth-child(1) .fecha,
  .bienvenido .bullets li:nth-child(1) .enter,
  .bienvenido .bullets li:nth-child(5) .fecha,
  .bienvenido .bullets li:nth-child(5) .enter {
    margin: 0;
  }
  .bienvenido .bullets li:nth-child(2) .circ {
    margin: 0;
  }
  .bienvenido .bullets li:nth-child(3) .circ {
    margin: 0;
  }
  .bienvenido .bullets li:nth-child(4) .circ {
    margin: 0;
  }
  .bienvenido .col-md-12 ul li {
    margin-top: 6px;
  }
  .bienvenido .bullets li:nth-child(5) {
    text-align: left;
  }
  .bienvenido .col-md-12 ul li {
    font-size: 18px;
  }
  .bienvenido {
    padding-bottom: 20px;
  }
  .productos h2 {
    font-size: 22px;
  }
  .vertodoscats2 {
    width: 100%;
  }
  footer .borde {
    border: none;
    border-bottom: solid 1px #fff;
  }
  footer .col-md-12 {
    border: none;
  }
  .copy .enter {
    display: block;
  }
  footer {
    padding: 33px 15px 33px 15px;
  }
  footer .hidemob {
    display: none;
  }
  .grilla .col-md-9 .item {
    width: 100%;
  }
  .ctrl-nav a {
    padding: 5px 4px;
  }
  .detalle .linkvolver {
    text-align: left;
    padding-top: 15px;
  }
  .informapago .col-md-6 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .carrito h1 {
    font-size: 28px;
  }
  .carrito .right {
    float: left;
  }
  .carrito .right .hide {
    display: none;
  }
  .carrito .right .enter {
    display: block;
  }
  .datosperfil .beige .nombre {
    font-size: 15px;
  }
  .datosperfil .beige .nombre img {
    width: 41px;
  }
  .datosperfil .beige ul li {
    display: block;
    text-align: left;
    padding-bottom: 15px;
  }
  .datosperfil h2 {
    font-size: 16px;
  }
  .datosperfil .negocio ul li {
    width: 50%;
  }
  .datosperfil .negocio ul li {
    height: 206px;
  }
  .datosperfil .negocio ul li h3 {
    font-size: 15px;
  }
  .datosperfil .negocio ul li .texto {
    font-size: 12px;
  }
  .botoneshead {
    display: none;
  }
  .cd-primary-nav > .has-children > a,
  .cd-primary-nav {
    background-color: #f7f6f2;
  }
  .cd-primary-nav a,
  .cd-primary-nav ul a {
    color: #333;
  }
  .cd-main-header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999999;
  }
  .header1 {
    padding: 6px 6px 0 6px;
  }
  .header1 .items li:first-child {
    display: none;
    position: absolute;
    top: 34px;
    z-index: 99999;
  }
  .easy-autocomplete input {
    width: 258px !important;
  }
  .logo {
    width: 200px;
    margin-top: 3px;
  }
  .header1 .items li {
    display: block;
    text-align: left;
    margin: 3px 0 0 3px;
  }
  .header1 .items {
    padding-top: 14px;
  }
  .cartmobile {
    position: absolute !important;
    top: -30px;
    right: 26px;
  }
  .iconomobile {
    display: none;
  }
  .cd-search-trigger,
  .cd-nav-trigger {
    background-color: #fff;
  }
  .cd-nav-trigger span,
  .cd-nav-trigger span::before,
  .cd-nav-trigger span::after {
    background-color: #000;
    height: 2px;
  }
  .cd-nav-trigger span {
    margin-top: 2px;
  }
  .cd-primary-nav > .has-children > a,
  .cd-primary-nav,
  .cd-primary-nav a,
  .cd-primary-nav ul a {
    border-bottom: solid 1px #9c91c0;
  }
  .cd-primary-nav .cd-nav-gallery {
    background-color: #f7f6f2;
  }
  .cd-primary-nav .cd-nav-gallery {
    padding-top: 14px;
  }
  .go-back {
    padding-bottom: 9px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
  }
  .vertodoscats {
    border: none;
    background-color: #9c91c0;
    color: #fff;
    border-radius: 15px;
    border: none !important;
    font-size: 12px !important;
  }
  .vertodoscats:hover {
    color: #000;
  }
  .cd-nav-gallery a {
    padding: 4px;
  }
  .vertodoscats {
    border: none;
    font-size: 12px;
  }
  .header1 .datosdistribuidor {
    width: 100%;
    right: 0;
    top: 84px;
  }
  .header1 .datosdistribuidor .triangulo {
    display: none;
  }
  .linkaccesomob {
    display: block;
    text-align: center;
  }
  .datosperfil {
    padding-top: 0;
  }
  .bienvenido h1 {
    font-size: 18px;
  }
  .header1 .items {
    border-bottom: solid 1px #c6c1d9;
    border-top: solid 1px #c6c1d9;
    margin: 20px 0 20px 0;
  }
  .datosperfil .beige {
    padding: 20px;
  }
  .datosperfil h2 {
    border-top: solid 1px #c6c1d9;
    padding-top: 10px;
  }
  .datosperfil .ultimos a {
    display: block;
    margin-bottom: 4px;
    padding: 6px;
  }
  .botonesheadmob {
    display: block;
  }
  .lupa {
    position: absolute;
    right: 0;
    cursor: pointer;
    display: block;
    top: 4px;
  }
  .datosperfil .linea ul li {
    margin: 0;
    display: block;
  }
  .datosperfil .col-md-12 h3 {
    margin-bottom: 15px;
  }
  #pedidoencurso .botones a {
    margin-bottom: 6px;
  }
  .datosperfil .bullets li {
    width: 100%;
  }
  .datosperfil .bullets li:nth-child(1) .fecha {
    margin-left: 0;
  }
  .datosperfil .bullets li:nth-child(1) .enter {
    margin: 0;
  }
  .datosperfil .bullets li:nth-child(1) {
    width: 100%;
  }
  .datosperfil .bullets li:nth-child(2) .circ {
    margin: 0;
  }
  .datosperfil .bullets li .enter {
    padding-bottom: 6px;
  }
  .datosperfil .container-fluid {
    max-width: 100%;
  }
  .datosperfil .linea ul li {
    font-size: 18px;
    text-align: left;
  }
  .datosperfil .botones a {
    display: block;
  }
  .datosperfil .bullets li:nth-child(3) .circ,
  .datosperfil .bullets li:nth-child(4) .circ,
  .datosperfil .bullets li:nth-child(5) .circ {
    margin: 0;
  }
  .datosperfil .bullets li:nth-child(5) {
    width: 100%;
  }
  .datosperfil .bullets li:nth-child(5) .enter {
    margin: 0;
    text-align: left;
  }
  .header1 .menudistribuidores {
    width: 100%;
  }
  .contacto .datosvioleta {
    padding: 20px;
  }
  .contacto {
    padding: 15px 15px 45px 15px;
  }
  .contacto h1 {
    font-size: 26px;
  }
  .contacto h2 {
    font-size: 16px;
  }
  .dondecomprar .cab {
    height: 245px;
    padding-top: 45px;
  }
  .dondecomprar .cab h1 {
    font-size: 45px;
  }
  .dondecomprar p {
    padding: 0;
  }
  .dondecomprar h3 span {
    display: inline;
  }
  .vender .col-md-6 h4 span {
    display: inline;
  }
  .vender .borde {
    border: none;
    border-bottom: solid 1px #d5c8b8;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .quedicen {
    padding: 20px;
  }
  .quedicen h1 {
    font-size: 26px;
  }
  .quedicen .col-md-9 {
    height: auto;
  }
  .carouselquiero .slick-dots {
    text-align: center;
    padding: 0;
    bottom: 0;
  }
  .carouselquiero .slick-dots button {
    background-color: #c6c1d9;
  }
  .carouselquiero .slick-dots .slick-active button {
    background-color: #9c91c0;
  }
  .prods .cab h1 {
    font-size: 51px;
  }
  .prods .mod1 h1 {
    font-size: 33px;
  }
  .prods .mod2 .borde {
    border-right: none;
    border-bottom: solid 1px #d5c8b8;
  }
  .modal_complementos .contenido {
    width: 95%;
    margin: auto;
  }
  .modal_complementos .titulo {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .carritocols .col2 {
    border: none;
    border-top: solid 1px #9c91c0;
    border-bottom: solid 1px #9c91c0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .resultados ul li {
    border: none;
  }
  .resultados {
    margin-top: 0;
  }
  .vender .mod1 h2 {
    font-size: 21px;
  }
  .vender .cab {
    padding-top: 95px;
  }
  .vender .cab h1 {
    font-size: 41px;
  }
  .vender .cab {
    background-image: url(../img/quierovender/img_header_mov.jpg);
  }
  .vender .margin {
    margin-top: 15px;
  }
  .vender .botonquiero {
    display: block;
  }
  .ctacte .col1 {
    font-size: 20px;
  }
  .ctacte .col2 {
    text-align: left;
  }
  .login {
    padding: 20px;
    height: 70vh;
  }
  .login input[type="email"],
  .login input[type="password"] {
    width: 100%;
  }
  .headlogin img {
    width: 100%;
  }
  .fotomobile {
    display: block;
  }
  .fotodesktop {
    display: none;
  }
  #marcas-list {
    height: 433px;
  }
  #mapa4 .col-md-9 {
    padding: 0 !important;
  }
  #mapa4 .mt-5 {
    margin-top: 15px !important;
  }
  #mapa4 .mb-5 {
    margin-bottom: 0 !important;
  }
  .mapadonde {
    height: 450px !important;
  }
  .dondecomprar p {
    margin-bottom: 0;
  }
  .dondecomprar h2 {
    font-size: 30px;
  }
  .dondecomprar p {
    font-size: 16px;
  }
  .dondecomprar h3 {
    padding-bottom: 0;
  }
  .dondecomprar .bullet {
    padding: 20px;
  }
  .dondecomprar .cab h1 {
    font-size: 36px;
  }
  .dondecomprar .cab h1 span {
    display: inline;
  }
  .dondecomprar .cab {
    height: 206px;
  }
}

.cartelnocomprar {
  background-color: #9c91c0;
  color: #fff;
  padding: 12px;
  border-radius: 6px;
  margin-top: 12px;
  text-align: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.modalload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999999999999;
  background-image: url(../img/loading.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 33px;
  display: none;
}

.hideme {
  position: fixed;
  top: -45px;
  left: 0;
  width: 100%;
  z-index: 99999999999999999999;
  opacity: 0;
}

.showagregar {
  -webkit-animation: cssAnimation 3s forwards;
  animation: cssAnimation 3s forwards;
  top: 0;
}

@keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ctrl-nav {
  background-color: transparent !important;
  overflow: unset !important;
  margin-top: 33px;
}

.ctrl-nav #pages {
  padding: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 33px;
}

.ctrl-nav a {
  font-size: 16px !important;
  color: #333 !important;
  border: solid 2px transparent;
  font-family: "Barlow", sans-serif !important;
}

.ctrl-nav a:hover,
.ctrl-nav .active {
  border: solid 2px #9c91c0;
  border-radius: 20px;
}

.ctrl-nav a:hover {
  background-color: #c6c1d9 !important;
  color: #fff !important;
}

.easy-autocomplete-container {
  z-index: 999999999 !important;
}

.easy-autocomplete-container ul {
  border-right: solid 1px #f7f6f2;
  border-left: solid 1px #f7f6f2;
  border-bottom: solid 1px #f7f6f2;
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
  border: none !important;
}

.easy-autocomplete-container ul li {
  margin: 0 !important;
  text-align: left;
  display: block !important;
}

.easy-autocomplete-container ul li a {
  color: #333 !important;
  display: block;
  text-align: left !important;
}

.easy-autocomplete input {
  box-shadow: none !important;
  border: solid 1px #d5c8b8 !important;
}

.easy-autocomplete input {
  font-size: 14px;
  width: 300px;
}

.mailinput {
  background-color: transparent;
  font-size: 16px;
  font-family: "Barlow", sans-serif;
  border: solid 1px #d5c8b8;
  display: block;
  margin: auto auto 33px auto;
  padding: 10px;
  color: #000;
}

.errormail {
  padding: 15px;
  text-align: center;
  font-size: 20px !important;
  font-weight: bold;
  border-bottom: solid 1px #9c91c0;
  color: #9c91c0;
  margin: auto;
  margin-top: 15px;
  max-width: 300px;
}

.fondogris {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.activemenu {
  display: block;
}

.mpago {
  padding: 45px;
}

.mpago p {
  text-align: center;
}

.mpago a {
  border-radius: 15px;
  background-color: #c6c1d9;
  font-weight: bold;
  width: 245px !important;
  font-size: 20px;
  padding: 15px;
  display: block;
  color: #fff !important;
  margin: 16px auto 16px auto;
  text-align: center;
}

.mpago a:hover {
  background-color: #9c91c0 !important;
  color: #fff !important;
}

.noresultado {
  text-align: center;
  padding: 45px;
}

.noresultado .titulo1 {
  font-size: 30px;
  font-weight: bold;
}

.noresultado .titulo2 {
  color: #d5c8b8;
  font-size: 20px;
  font-weight: bold;
}

.noresultado .titulo2 a {
  color: #9c91c0;
}

.noresultado img {
  width: 70px;
  display: block;
  margin: auto;
}

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 55px;
  height: 45px;
  position: relative;
  margin: 0px 0 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 33px;
  background: #000;
  border-radius: 16px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 12px;
}

#nav-icon1 span:nth-child(2) {
  top: 22px;
}

#nav-icon1 span:nth-child(3) {
  top: 32px;
}

#nav-icon1.open span:nth-child(1) {
  top: 22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  right: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 22px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: none !important;
  border-bottom: solid 1px #333 !important;
  padding-top: 9px !important;
  height: 45px !important;
  border-radius: 0 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
  font-weight: bold;
}

#form_mapa {
  display: inline-block;
}

#geolocate-button {
  display: inline-block;
}

.filtros1 {
  text-align: center;
}