@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

*{
  font-family: 'Poppins', sans-serif !important;
}

body{
  background: #f8f8f8 !important;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  min-height: 100vh;
  overflow-x: hidden;
  /*padding-bottom: 30px;*/
}
.border-radius{
  border-radius: 12px;
}

@media screen and (prefers-color-scheme: light) {
  body {
    background-color: #f8f8f8 !important;
    color: black;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #f8f8f8 !important;
    color: black;
  }
}

.text_first_upper p:first-letter {
  text-transform: uppercase;
}

.bottom-sin-footer{
  margin-bottom: 0 !important;
}

/* Style Input's */
.input-Mayuscula {text-transform: uppercase;}
.input-Minuscula {text-transform: lowercase;}

.footer p{
  color:#8592ad;

}
.footer svg{
  color:#8592ad;

}
.codigoCupon{
  border: 1px solid #e7e7e7 !important;
  border-radius: 8px;
}
.color-azul{
  color: #0d6efd;
  text-decoration: underline;
  cursor: pointer;
}
.validarCupon{
  background:#0d6efd;
  border-radius: 8px;
  color: white;
  border: 0px;
}

.slick-track {
margin-left: 0 !important;

}

.text-only_one_fila {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.card-body > a{
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
}

.accion-descuento{
  position: absolute;
  /*z-index: 99;*/
  z-index: 1;
  top: 3%;
  left: 3%;
  border-radius: 8px;
  padding: 3px 5px;
  background-image: linear-gradient(20deg,#e50c40,#F94757);
}
.accion-descuento p{
  text-align: center;
  color: white;
  margin-bottom: 0;
}
/* datos del moda */


/* HOME */
.div-inicio_categoria {
  margin-top: 7.5rem;
}
/* END HOME */

.cabecera-pedido-modal{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 15px 10px;
  border-bottom: 1px solid #f5f5f5;
}
.box-cerrar-modal-pedido{
  width: 15%;
  border-right:  1px solid #f5f5f5;

}
.box-cerrar-modal-pedido button{
  border: none;
  background: white;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin: auto 0;
  padding: 0;
  width: 100%;
}
.titulo-modal-pedido{
  width: 70%;
  margin: auto 0;
}
.titulo-modal-pedido h2{
  text-anchor: center;
  font-size: 20px;
  font-weight: 600;
}
.pie-pedido-modal{
   
    bottom:0;
    right: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 30%;
    left: 70%;
    padding: 0 3%;
    background: white;
    padding-bottom: 1%;
    -webkit-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
    box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
}
.nuevo-estilo-pedido-modal{
  position: fixed;
    right: 0;
    height: 100vh;
    top: 0;
    width: 30%;

}

.body-pedido-modal{
  max-height: 72vh;
  overflow-y: scroll;
  padding: 15px 3% !important;
}
.total-pedido-modal{
  width: 100%;
  padding: 18px 0%;
  display: flex;
  justify-content: space-between;
}
.total-pedido-modal span{
  font-weight: 600;
}
.total-pedido-modal p{
  font-weight: 600;
  margin-bottom: 0;
}
.continuar-pedido-modal{
  width: 48%;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%);
  display: block;
  border-radius: 8px;
  padding: 20px 10px;
  color: white;
  text-align: center;
  text-decoration: none;
}
.continuar-pedido-modal.pagar-modal{
  background: none;
  color: black;
  border:1px solid black;
}
.continuar-pedido-modal.pagar-modal:hover{
  color: black;
}
.continuar-pedido-modal:hover{
  color: white;
}
.box-content-pedido-modal{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #f5f5f5;
}
.img-pedido-modal{
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.img-pedido-modal img{
    max-width: 100%;
    max-height: 80px;
    margin: auto;
    display: block;
}
.nombre-pedido-modal{
  width: 70%;
  padding: 10px;
  padding-left: 15px;
}
.nombre-pedido-modal h4{
  font-size: 14px;
  font-weight: 300;
}
.table-carrito img{
  max-height: 80px;
}
.product-carrito img{
  max-height: 80px !important;
}
.eliminar-pedido-modal{
  width: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.precio-unidad-cantidad-modal{
  display: flex;
}
.precio-unidad-cantidad-modal p{
  width: 30%;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 600;
}
.precio-unidad-cantidad-modal span{
  font-weight: 600;
  width: 70%;
  text-align: center;
  font-size: 12px;
}







.padding-home-nuevo{
  padding: 20px 0;
  padding-bottom: 50px;
}
.pago_tipo label{
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
}
.box-compra-fin{
  margin: auto;
  width: 50%;
  padding: 3%;
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 8px;
}

.div-finalizar_compra-pay-radio{
  display: flex;
  margin-right: 2%;
}

.cuerpo-error{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-top: 3%;
  padding-bottom: 15px;
}
.cuerpo-error svg{
  font-size: 3rem;
  color: #5549F1;
  margin: 0 auto;
  margin-bottom: 15px;
}
.cuerpo-error h1{
  font-size: 1.5rem;
  text-align: center;
  color: #5549F1;
  font-weight: 600;
  margin-bottom: 20px;
}
.cuerpo-error p{
 
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
.cuerpo-error a{
  display: block;
  width: 15%;
  text-align: center;
  padding: 15px 10px;
  background: #5549F1;
  height: 53px;
  color: white;
  border-radius: 8px;
  margin: 0 auto;
  transition: .5s;
}
.new_dire_a span{
  width: 75%;
}
.btn-user-session:hover{
   -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}
.pie-compra a:hover{
  color: #fff !important;
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}
.vista-p.nuevo{
  padding-top: 1.2% !important;
}
.retro-n{
  margin-bottom: 18px !important;
}
.cuerpo-error svg.nuevo{
  font-size: 7rem;
  color: #333;
  margin: auto;
}
.cuerpo-error .fin-compra {
  font-size: 2.5rem;
  color: #333;
}
a.nuevo-enlace{
  padding: 0;
  color: #5549F1;
  width: auto;
  background: none;
  font-size: 20px;
}
.pie-compra{
  display: flex;
  justify-content: center;
}
.pie-compra a{
  width: 40%;
  font-size: .9rem;
  margin: 0;
  margin-left: 15px;
}
.new-payment-vista{
  flex-direction: column !important;
}
.help-block{
  font-size: .7rem !important;
}
.form-direccion{
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-direccion .dire-sl{
  padding-right: 8px !important;
}
.dire-sl{
  padding-right: 8px !important;
  padding-left: 0;
}
.dire-slr{
  padding-right: 0px !important;

}
.form-direccion div{

  margin-bottom: 0 !important;
  padding:5px 0 !important;
}
.form-direccion div input{
  margin-bottom: 0 !important;
}

.categorie-top-ver_more{
  margin: 10% !important;
}

/* Elements General */
a:hover {
  color: #5e2ced;
}
.caja-nov{
  width: 66%;
  background: white;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
}
.caja-nov .texto-novedad{
  width: 48% !important;
  padding: 4%;
}
.caja-nov .caja-foto-nov{
  width: 48%;
  display: flex;
}

.titulo-categoria-tienda{
  display: flex;
  font-size: 1rem;
   color: #333; 
   padding:10px 0;
   font-weight: 600;
   margin: auto 0;
   margin-top: 0;

  margin-bottom: 0
  
}
.titulo-categoria-tienda span{
  font-size: 1rem;

}
.titulo-categoria-tienda span:hover{
  color: #000 !important;
}
.titulo-categoria-tienda a{
  font-size: .75rem;
  margin: auto 0;
  padding: 0 !important;
  color: #a2a2a2;
}
.titulo-categoria-tienda:hover{
  color: black !important;
}

.img-tienda-titu.category-nuevo{
  width: 120px;
  height: 120px;
    margin-top: 20px !important;
    border-radius: 20px;
    
}
.ver-todo-marca{
  font-size: .75rem;
  margin: auto 0;
  padding: 0 !important;
  color: #a2a2a2;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #424242;
  letter-spacing: 0.5px;
  font-weight: 600;
}
/* End Elements General */

/*baner oferta*/
.oferta-banner{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 0%;
}
.oferta-banner a{
   text-decoration: none;
   width: 33%;
   display: block;
   border-radius: 8px;
   transition: .5s;

}
.oferta-banner a:hover{
  color: white;
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    transition: .5s;
}
.texto-novedad{
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-texto-novedad{
  width: 100% !important;
  padding: 15px 15px;
  display: block;
  color: white;
  text-align: center;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%);
}
.texto-novedad h1{
  font-size: 2rem;
  text-align: left;
  margin-bottom: 20px;
}
.oferta-banner a img{
  width: 100%;
   border-radius: 8px;
}
/* stilo lateral */
.li-mv-index.stilo-lateral-item{
  width: 50% !important;
  flex: auto !important;
  max-width: 50% !important;
}
.li-mv-index.stilo-lateral-item  .card-item{
  display: flex;
  flex-direction: row !important;
}
.li-mv-index.stilo-lateral-item h6{
  width: 90% !important;
}
.li-mv-index.stilo-lateral-item  .card-body{
  width: 70%;
}
.li-mv-index.stilo-lateral-item .conte_img{
    width: 30% !important;
    height: auto;
    max-height: 150px;
    min-height: 150px;
  }
.li-mv-index.stilo-lateral-item .img-card-interno{
  height: 100%;
  max-height: 150px;
}

/* categoria - list items */
.storeandcategorie-list-items-title-mobile{
  display: none;
  font-size: 1rem;
  color: #333;
  margin: auto 0;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 10px
}
/* end categoria - list items */

/*fin lateral */
/* nuevos estilos item*/
.orden-precio-movil{
  width: 100%;
}
.box-arriba-precio{
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.box-abajo-precio{
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
}

.ch{
  width: 60% !important;
}

.precio-r-mv{
  font-size: .8rem !important;
  text-decoration: line-through;
  margin: auto 0;
  color: #797979 !important;
}

.descuento-u-mv{
  margin: auto 0;
  font-size: .8rem !important;
  width: 20%;
  /*color: #333 !important;*/
  margin-left: 5px;
}

.precio-c-mv{
  margin: auto 0;
  font-size: 1.5rem !important;
  color: #e04763 !important;
  font-weight: 610 !important;
  line-height: 1.4rem;
}

.heart.item-unitario{
    margin-left: 0px;
}

.heart.item-unitario .btn-heart.gusta{
    top: 0 !important;
    position: relative;
    padding: 0;
    margin: 0;
    right: 0;
    margin-left: 11px;
  }

  .heart.item-unitario .btn-heart.no_gusta{
    top: 0 !important;
    position: relative;
    padding: 0;
    right: 0;
    margin: 0;
    margin-left: 11px;
  }

  .heart.item-unitario svg{
    font-size: 1rem !important;
  }
.header-img-modal{
    display: block;
    justify-content: space-between;
  }
  .modal-title-img-item{
    width: 90%;
    font-size: 1.1rem !important;
    text-align: left !important;
  }
  .new-titu-detalle-p{
    display: flex;
    justify-content: space-between;
  }
  .new-titu-detalle-p h1{
    width: 84%;
  }
/* GOOGLE CHORME BACKGROUND */
.inputBgOpaque:-webkit-autofill {
  box-shadow: 0 0 0 100px none inset;
  -webkit-box-shadow: 0 0 0 100px none inset;
}

.inputBgOpaque {
  border: 1px solid black;
  background-color: transparent;
}

.inputBgOpaque:-webkit-autofill,
.inputBgOpaque:-webkit-autofill:hover,
.inputBgOpaque:-webkit-autofill:focus,
.inputBgOpaque:-webkit-autofill:active {
  transition-delay: 99999s;
  -webkit-transition-delay: 99999s;
}
/* GOOGLE CHORME BACKGROUND */

/* FIREFOX BACKGROUND */
input {
  filter: none;
}

:-moz-autofill, :-moz-autofill-preview {
  filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);
}
/* FIREFOX BACKGROUND */

/* MENU LATERAL IZQUIERDA CATEGORIAS */
.view-sub-categorias-select-a {
  color: #5549F1 !important;
  
}
.new-box-categoria img{
  
}
.nuevo-pad{
  padding: 10px 0px !important;
  margin-left: 15px;
  display: block;
  border-bottom: 1px solid #f2f2f2;
}
/* END MENU LATERAL IZQUIERDA CATEGORIAS */

.div-checkout-right-button {
  padding: 0px 0px 3px 0px !important;
}

.caja-orden-tienda a{
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: .9rem;
}

.caja-orden-tienda a:hover{
  background: #f2f2f2;
  transition: .5s;
}

.caja-orden-tienda{
  width: 100% !important;
}

.caja-btn-orden{
  width: 60% !important;
  font-weight: 1rem !important;
}

.nombre-eleccion.mv-e{
   padding: 10px 0;
   padding-top: 18px;

}

.btn-orden-solid{
  background: #f2f2f2 !important;
  display: flex !important;
  border-radius: 10px !important;
  justify-content: space-between !important;
  color: #333 !important;
  border:none !important;
}

.btn-orden-solid:focus{
  border:none !important;
  box-shadow: none !important;
}

.btn-orden-solid:active{
  border:none !important;
}
/*fin del select*/
.container-registro {
  padding-top: 0px !important;
  min-height: 80vh;
}
.container-registro.nuevo-container-registro{
  min-height: 30vh;
}
.top-min{
  min-height: 20vh;
}

.caja-nada{
  background: white;
  width: 100%;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.caja-imagen-categoria-index{
  width: 100px;
    height: 100px;
    background: white;
    border-radius: 50%;
    display: flex;
    margin: auto;
    flex-direction: column;
    justify-content: center;
}
.caja-imagen-categoria-index svg{
  margin: auto !important;
}
.estilo-a-menu{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.categoria-home:hover .caja-imagen-categoria-index {
   background: #f2f2f2;
   transition: .5s;
}
.categoria-home:hover p{
  color: #8620FC;
  transition: .5s;
}


.caja-nada svg{
  font-size: 8rem;
  color: #9b9b9b;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.caja-nada h1{
  text-align: center;
  font-size: 1.5rem;
}

/* nuevo estilo menu */
.logo-cate{
  width: 20%;
  display: flex;
  justify-content: space-between;
}

.logo-cate .hovercate{
  width: 60%;
}

.logo-logo{
  width: 30%;
}

.box-usuario-session{
  width: 70%;
}

.box-car-session{
  width: 30%;
}

.busqueda-mv-nuevo-pc{
  width: 55%;
}

.menu-car-tablet{
  width: 20%;
  display: flex;
  justify-content: space-between;
}

.go-back-app,
.go-back-app-categoria{
  background: #a2a2a2 !important;
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
}

.go-back-app svg,
.go-back-app-categoria svg{
  margin: auto;
  color: white !important;
  font-size: .8rem;
}

/* input clear pc */
.clearable{
  position: relative;
  display: inline-block;
 
  background: #EAEAEA;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 90%;
}

.clearable input[type="text"]{
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}

.clearable__clear{
  display: none;
  position: absolute;
  right:0;
  top:1px;
  padding: 0 7px;
  font-style: normal;
  font-size: 2.09em;
  user-select: none;
  cursor: pointer;
  background: #EAEAEA;
}

.clearable__clear:hover{
  color: #5B12A9 !important;
}

.clearable input::-ms-clear {  /* Remove IE default X */
  display: none;
}
/* end input clear pc */

.modal-login-title{
  width: 100% !important;
}

.caja_datouser{
  padding: 3%;
   -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  height: 500px;
}
input#_passworda{
  border: 1px solid #e7e7e7 ;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
  transition: .1s;
}
.caja_datouser button{
 border-radius: 8px; border:none; font-size: .9rem; padding: 14px 0; margin: auto;color: white;
  background-image: linear-gradient(20deg,#4A0198,#762DC3);
}

#atras_dire{
  background: #333;
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
}

.h1-finalizar_compra-direccion_usuario-modal-title span{
  margin: auto 0;
}

#atras_dire svg{
  margin: auto;
  color: white !important;
}

.title-hm span{
  display: flex;
}

.title-hm span span{
  margin:auto 0;
}

.btn-user-session{
  width: 100% !important;
  cursor: pointer;
  transition: .5s;
}

.table-carrito{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-left: 15px;
}

.user-lateral{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: flex;
  transition: .5s;
  justify-content: flex-end;
  z-index: 0;
  opacity: 0;
  margin-left: 100%;
  background: none;
  transition: .5s;
}

.user-lateral.oculto-user{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: flex;
  justify-content: flex-end;
  z-index: 999;
  transition: .5s;
  margin-left: 0;
  opacity: 1;
  background: rgba(0,0,0,0);
}

.box-user-lateral{
  width: 25%;
  display: block;
  height: 100vh;
  background: #fff;
  padding-top: 85px;
  -webkit-box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
  -moz-box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
  box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
}

.box-user-lateral a{
  color: #222 ;
  transition: .5s;
}

.box-user-lateral a:hover{
  color: #766DF4 !important;
}

.close-modal-item{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  padding-left: 13px;
  float: right;
}

.close-modal-item h1{
  font-size: 1.2rem;
  margin: auto 0;
  font-weight: 600;
}

.close-user-late{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  padding-left: 13px;
}

.close-user-late h1{
  font-size: 1.2rem;
  margin: auto 0;
  font-weight: 600;
}

input.inputs-registro_input {
  height: 60px !important;
  padding: 24px 15px !important;
  border-radius: 12px !important;
  font-size: 16px;
}

#buscar_producto::-webkit-search-cancel-button{
  position:relative;
  right:20px;  
  color: white;
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  background-image: url('../images/icon-close.svg?ver=1.0');
}
#buscar_productod::-webkit-search-cancel-button{
  position:relative;
  right:20px;  
  color: white;
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  background-image: url('../images/icon-close.svg?ver=1.0');
}

/* precio slider */
#slider{
  cursor: pointer;
  font-size: 0.8rem !important;
  color: #000;
  position:relative;
  right:0px;  
  color: white;
  -webkit-appearance: none;
  height: 20px;
  margin: 50px;
  width: 20px;
  border-radius:50%;
  background-image: url("../images/close-x.svg");
}

.sec-2-car {
  padding-right: 5px;
}

.close-filtro {
  display: none;
}

.value {
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -20px;
  width: 40px;
  text-align: center;
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #333;
}

.price-range-both.value {
  width: 100px;
  margin: 0 0 0 -50px;
  top: 26px;
}

.price-range-both {
  display: none; 
}

.value i {
  font-style: normal;
}

body div.ui-slider-range.ui-widget-header {
  background: #e7e7e7;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
  background: #766df4 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background: #766df4 !important;
  border-radius: 50%;
  font-size:15px;
  border: none !important;
}

span.ui-slider-handle.ui-corner-all.ui-state-default:focus {
  outline: none;
}

.close-filtro{
  justify-content: flex-end;
  padding:0 10px;
}

.close-filtro svg{
  font-size: 1.3rem;
  color: #222;
}

#filtro_precio{
  display: block;
  margin-top: 55px;
  text-align: center;
  color: white;
  width: 100%;
  font-size: .9rem !important;
  background: #766df4;
  border: none;
  border-radius: 8px;
  font-weight: 400;
  margin-bottom: 12px;
  padding: 12px;
  letter-spacing: 1px;
}

body div.ui-slider-range.ui-widget-header {
  background: #d3d0ff;
  border: 0.1px solid #dbd9ff !important;
}

#filtro_precio:hover,
#filtro_precio:focus,
#filtro_precio:active {
  background: #5549f1 !important;
  transition: .5s;
}

.modal-dialog-full-width {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width:none !important;
}

.modal-content-full-width  {
  width:40%; 
  height: auto !important;
  border-radius: 0 !important;
  background-color: rgba(0,0,0,0) !important ;
  border:none !important;
  margin: 0 auto !important;
  margin-left: 25% !important;
}

.lgc{
  width: 20% !important;
  flex: auto !important;
  max-width: 20% !important;
}

.mna-p{
  width: 80% !important;
  flex: auto !important;
  max-width: 80% !important;
}

.abc-e{
  width: 20% !important;
}

/* estilos de la vista tienda */
.clasi{
  display: none !important;
}

.titu-tienda{
  padding: 15px;
  width: 98%;
  display: flex;
  margin: auto;
  padding: 0 7%;
  margin-bottom: 0.8%;
  border-radius: 10px;
}

.card-body {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  display: flex;
    flex-direction: column;
    justify-content: end;
}
.box-item-car-new svg{
   margin-bottom: 0 !important;
    margin-top: 5% !important;
  }

.nombre-eleccion{
  width: 30%;
  display: flex;
  padding: 15px 0 !important;
}

.box-miniatura-info {
   width: 100%;
   display: flex;
 }
 .informacion-box-interno{
  margin-top: 10px;
 }
 .imagen-logo-item-miniatura{
  width: 12%;
 }
 .nombre-empresa-miniatura-item{
  margin: auto 0;
  margin-left: 15px;
  font-size: 1.1rem;
 }
.nombre-eleccion h2{
  font-size: 1.3rem;
  text-align: left;
  padding-left: 15px;
  margin-bottom: 0;
  color: #222 !important;
}

.plus:hover{
  background:#d0d0d0 !important;
  transition: .5s;
}
.row-mv.home-new{
  padding: 0 20px;
  padding-left: 25px;
}

.minus:hover{
  background:#d0d0d0 !important;
  transition: .5s;
}

.img-tienda-titu{
      display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    background: white;
    border-radius: 20px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #8620FC;
}
.dropdown-item:hover{
  color: #222 !important;
}

.img-tienda-titu img {
  /*
  max-width: 150px;
  */
  max-height: 120px;
  border-radius:10px;
}

.categoria-tienda .img-tienda-titu img{
  width: 100%;
    height: auto;
    margin: auto;
}
.categoria-tienda{
  
  margin-bottom: 0.7%;
  padding-top: 10px;
}
.categoria-tienda .nombre-tienda h1{
  text-align: center;
}

.nombre-tienda{
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  margin-left: 15px;
}

.nombre-tienda h1{
  font-size: 1.7rem;
  margin:  0;
  color: #222;
}

.nombre-tienda a {
  color: white;
  background: #8620FC;
  padding: 10px;
  margin-top: 5px;
  font-size: .8rem;
  border-radius: 8px;
  text-align: center;
  letter-spacing: 0.5px;
}

.categoria-movi{
  display: none;
}

/* modal de detalle pedido */
.det-it{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #eeeeee;
  background: #f9f9f9;
}

.deta-it-img{
  width: 12%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 90px;
  min-height: 90px;
}

.dropdown-item.active:hover{
  color: white !important;
}

.deta-it-img img{
  max-width: 100%;
  display: block;
  max-height: 100%;
  margin: auto;
}

.deta-it-dt{
  width: 88%;
  display: flex;
  justify-content: space-between;
  padding: 3% 5px;
}

.deta-it-nm{
  width: 70%;
}

.deta-it-nm h3,
.deta-it-nm h5,
.deta-it-pr h3,
.cs-dt h3,
.titu-e-p p {
  color: #474747;
  font-size: 14px;
  font-weight: 500;
}

.deta-it-nm h3{
  font-weight: 400;
}

.deta-it-pr{
  width: 30%;
}

.deta-it-pr h3{
  color: #332927;
  text-align: right;
}

.cs-dt{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.comprar-bt{
  flex: auto !important;
  max-width: 100% !important;
  width: 70% !important;
  padding: 0 !important;
}
.cs-dt h4{
  font-size: .8rem;
  color: #000;
}
.conte-n-c{
  padding: 0 10px;
  justify-content: space-between;
  margin-top: 5px !important;
}

.titu-it{
  padding: 10px 0;
}

.titu-it h1{
  font-size: 1rem;
  color: #222;
  font-weight: 700;
  padding: 5px 0;
}

.titu-e{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.titu-e-p h2{
  font-size: .9rem;
  color: #222;
  font-weight: 600;
  margin-bottom: 5px;
}

.estado-it {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.estado-it h2{
  font-size: .8rem;
  color: #222;
  font-weight: 800;
  margin-bottom: 5px;
}
/* más vendidos */

.titu-rt{
  display: block;
  padding: 15px ;
  border-radius: 10px;
  background: white;
  -webkit-box-shadow: 10px 10px 26px -26px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 26px -26px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 26px -26px rgba(0,0,0,0.75);
}

.titu-rt span{
  font-size: 1.2rem;
  font-weight: 300;
  color: #222;
}

.titu-rt span svg{
  font-size: 1.2rem;
  color: #444444;
}

.box-beneficio{
  width: 32%;
  padding: 10px;
  border-radius: 10px;
  background: white;
  display: flex;
  -webkit-box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
  justify-content: space-between;
  transition: .5s;
}

.box-beneficio:hover{
  transition: .5s;
  -webkit-box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
}

.box-beneficio span{
  width: 70px;
  height: 70px;
  border-radius: 8%;
  margin: auto;
  display: flex;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%);
}

.texto-beneficion{
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 6%;
}

.texto-beneficion h1{
  font-size: .9rem;
  color: #333;
  text-align: left;
}

.texto-beneficion p {
  font-size: .8rem;
  color: #555;
  text-align: left;
  margin: 0;
}

.home-icons-seguridad{
color: white;font-size: 2rem;margin: auto;
}

.img-tie{
  margin-bottom: 10px;
    background: white;
    display: flex;
    justify-content: space-between;
    width: 33% !important;
    flex: auto !important;
    max-width: 32% !important;
    display: flex;
    border-radius: 10px;
    margin-left: 1%;
  -webkit-box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
box-shadow: 10px 10px 21px -20px rgba(0,0,0,0.75);
  text-decoration: none;
  
}
.caja-img-tienda{
  width: 40% !important;
}
.caja-img-tienda img{
  width: 100%;
  height: auto;
  padding: 6%;
}
.caja-contenido-tienda{
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.caja-contenido-tienda h1{
  font-size: .9rem;
  text-align: left;
}
.caja-contenido-tienda h2{
  font-size: .8rem;
  text-align: left;
}
.caja-contenido-tienda p{
  
  text-align: left;
}

.img-thumbnail{
  border:none !important;
}

.item-ct{
  -webkit-box-shadow: 10px 10px 26px -26px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 26px -26px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 26px -26px rgba(0,0,0,0.75);
  border-radius: 10px;
  background: white;
}

/* scrolll categoria */
.box-home-categoria{
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: scroll;
}

.box-home-categoria::-webkit-scrollbar {
  width: 8px;/* Tamaño del scroll en vertical */
  height: 8px;/* Tamaño del scroll en horizontal */
}

.box-home-categoria::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.box-home-categoria::-webkit-scrollbar-thumb:hover {
  background: #d7d7d7;
  cursor: all-scroll;
}

/* Cambiamos el fondo cuando esté en active */
.box-home-categoria::-webkit-scrollbar-thumb:active {
  background: #d7d7d7;
}

.box-home-categoria::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.box-home-categoria::-webkit-scrollbar-track:hover,
.box-home-categoria::-webkit-scrollbar-track:active {
  background: #f8f8f8;
}

/*en categoria scroll */

/* scroll para payment */

/* scrolll categoria */
.caja_resu{
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: scroll;
}

.caja_resu::-webkit-scrollbar {
  width: 8px;/* Tamaño del scroll en vertical */
  height: 8px;/* Tamaño del scroll en horizontal */
}

.caja_resu::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.caja_resu::-webkit-scrollbar-thumb:hover {
  background: #d7d7d7;
  cursor: all-scroll;
}

/* Cambiamos el fondo cuando esté en active */
.caja_resu::-webkit-scrollbar-thumb:active {
  background: #d7d7d7;
}

.caja_resu::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.caja_resu::-webkit-scrollbar-track:hover,
.caja_resu::-webkit-scrollbar-track:active {
  background: #f8f8f8;
}
/*fin */
.categoria-home{
  width: 16% !important;
  flex: auto !important;
  display: flex;
  flex-wrap: wrap;
  max-width: 16% !important;
}

.categoria-home img{
  background: none !important;
}
.carrito-pedido-new ul{
  padding: 0;
}
.carrito-pedido-new ul li{
  padding: 0;
  list-style: none;
}
.categoria-home p{
  padding: 2px 0;
  color: #111;
  margin-bottom: 0 ;
}

.categoria-home:hover{
  -webkit-box-shadow: 16px 16px 26px -26px rgba(0,0,0,0.75);
  -moz-box-shadow: 16px 16px 26px -26px rgba(0,0,0,0.75);
  box-shadow: 16px 16px 26px -26px rgba(0,0,0,0.75);
}
/*end más vendido */

#paso2{
  padding-top: 1.5% !important;
}

.checkout-return{
  margin-left: 8.7%;
  display: flex;
  margin-top: 0%;
  margin-bottom: 10px
}

@media (max-width: 768px) {
  
  .card-body > a{
    height: 20%;
  }

  .h3-tipo-recepcion-delivery,
  .h3-tipo-recepcion-tienda {
    font-size: .85rem !important;
  }

  .nombre-tienda a {
    padding: 6px;
    font-size: .7rem;
  }
  
  .container.div-top-spacing.movil-espacio-top{
    padding-top: 18% !important;
  }
  .img-tie{
    background: white;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 2px 18px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 18px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 18px -12px rgba(0,0,0,0.75);
    width: 100% !important;
    flex: auto !important;
    max-width: 100% !important;
    margin-left: 0;
  }

  .about-us-container {
    max-width: 720px;
  }
  
  .about-us-services-image {
    position: relative !important;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 16px;
    margin: 0 auto;
  }
  
  .about-us-services-image .about-us-image {
    margin: 0 auto;
    padding-top: 0px;
  }

  .reseller-why-container {
    max-width: 720px;
  }
  
  .reseller-why-services-image {
    position: relative !important;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 16px;
    margin: 0 auto;
  }
  
  .reseller-why-services-image .reseller-why-image {
    margin: 0 auto;
    padding-top: 0px;
  }
  
  .div-registro-mensaje{
    display: none !important;
  }

  .div-registro-input{
    border-radius: 15px !important;
    margin-top: 6%;
    margin-bottom: 3%;
  }

  .btn-registro_input-facebook {
    margin-bottom: 4%;
  }

  .div-separate-title {
    margin-top: 5%;
  }

  .div-separate-title-center {
    margin-top: 10%;
    text-align: center;
  }

  .a-finalizar_compra-regresar_carrito {
    margin-top: 20px;
    margin-left: 0 !important;
  }
  
  .btn-facebook{
    padding-left: 15px;
  }

  @-moz-keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 50%;
    }
  }

  @-webkit-keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 50%;
    }
  }

  @keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 50%;
    }
  }
}

/* GENERAL */
.container{
  background: #f8f8f8 !important;
}


.modalImageBody img{
  width: 100% !important;
}

/* card */
.li-mv-index{
  margin-bottom: 5px;
  padding-right: 5px;
  padding-left: 0;
}

.card-item{
  border: 0 !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 15px !important;
  cursor: pointer;
  height:100%;
  -webkit-box-shadow: 10px 10px 31px -34px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 31px -34px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 31px -34px rgba(0,0,0,0.75);
}

.img-card-interno {
  width:100%;
  height:200px;
}

.conte_img{
  display: flex;
  justify-content: center;
  padding-top: 10px;
  position: relative;
  z-index: 0;
}

.conte_img img{
  max-width: 100%;
  width: auto !important;
  margin: auto;
  cursor: pointer;
  border-radius: 12px;
}

.card-item-price {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  display: inline-block;
  color: #e04763;
  width: 100%;
  margin-bottom: 3px;
}
 .lista-categoria{
  margin-bottom: 6px;
  margin-left: 0.6%;
  transition: .5s;
 }
 .nuevo-pad{
  padding: 0 15px;
 }
 
.precio-c{
  font-weight: 600;
  text-align: left;
  display: inline-block;
  color: #5549f1 !important;
  width: 100%;
  margin-bottom: 3px;
}

.card-title{
  color: #111 !important;
  font-weight: 400 !important;
  
}

.card-item-price-regular {
  font-size: 12px;
  display: inline-block;
  padding-left: 5px;
  letter-spacing: 0;
  text-decoration: line-through;
  color: #7d7d7d;
  font-weight: 400;
}

.span-text-slider {
  color: #fff !important;
}
/* end card */

/* buttons */
.agregar_p {
  background: #766df4 !important;
  border: none !important;
  border: none !important;
  font-size: .8rem !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  transition: .5s;
  padding: 12px 0;
  outline: none !important;
  margin-top: 10px;
  height: 43px;
}

.menu-nuevo-movil{
  display: none;
}

.agregar_p:hover{
  background: #5549f1 !important;
  transition: .5s;
}

.agregar_p:focus{
  border: none !important;
  box-shadow: none !important;
}

.quitar_p{
  background: #333 !important;
  border:none !important;
  border: none !important;
  outline: none !important;
  color:#fff;
  margin-top: 10px;
  font-size: .8rem !important;
  text-transform: uppercase !important;
  border-radius:8px !important;
  transition: .5s;
  padding: 12px 0;
  height: 43px;
}
 
.quitar_p:hover{
  background: #333 !important;
  transition: .5s;
}

.quitar_p:focus{
  border: none !important;
  box-shadow: none !important;
}

.btn-heart.no_gusta {
  border-color: #a2a2a2 !important;
  background-color: #a2a2a2 !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  display: flex;
  flex-direction: column;
  top: 10px;
  padding-left: 0px !important;
  z-index: 1;/* antes 99 */
}

.btn-heart.gusta {
  border-color: #5549F1 !important;
  background-color: #5549F1 !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  display: flex;
  z-index: 99;
  flex-direction: column;
  top: 10px;
  padding-left: 0px !important;
}

.btn-heart svg{
  font-size: 1rem !important;
  color: white !important;
  display: block;
  margin: auto;
  margin-left: 6px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(119, 118, 118, 0.5) !important;
}

.btn-primary-sin_fondo {
  border-color: #a2a2a2 !important;
  background-color: #a2a2a2 !important;
}
/* ./ buttons */

/* icons */
.i-heart {
  color:#e82d5a;
  cursor: pointer;
}
/* ./ icons */
/* END GENERAL */

/* titulos */
.home-h4-titulos {
  color: #333 !important;
  margin-bottom: 20px !important;
  font-size: 1.4rem !important;
}

.home-h4-titulos > span {
  text-align: left !important;
  margin: auto 0 !important;
}

.home-a-subtitulos {
  color: #333 !important;
  font-size: 14px !important;
  text-align: center !important;
  margin: auto 0;
}
/* end titulos */

#myCarousel2 .home-a-contro-left {
  left: 0;
   width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
}

.home-a-contro-left {
  position: absolute;
  top: calc(50% - 260px);
  border-radius: 50%;
  outline: none;
}
.home-a-contro-left:focus{
  box-shadow: none;
  outline: none;
  border: none;
}

#myCarousel2 .home-a-contro-right {
  right: 0;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
}
.caja-tienda-item-all{
  justify-content: flex-start;
}
.home-a-contro-right {
  position: absolute;
  top: calc(50% - 260px);
  outline: none;
  border-radius: 50%;
}

.home-a-contro-right:focus{
  box-shadow: none;
  outline: none;
  border: none;
}
/* HOME */

#modada{
  width: 700px !important;
  max-width: 700px;
}

.tablita_dire input{
  width: 100% !important;
}

.buscar-item{
  position: fixed;
  z-index: 9999;
  left: 0;
  display: none;
  width: 100%;
  margin-top: 57px;
}

.list-busquedad_v1 {
  
  display: flex;
  min-height: 100px;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0px !important;
  background: white;
  padding:10px ;
  -webkit-box-shadow: 0px 17px 29px -23px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 17px 29px -23px rgba(0,0,0,0.75);
  box-shadow: 0px 17px 29px -23px rgba(0,0,0,0.75);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.list-busquedad_v1 a{
  padding: 5px 0;
  transition: .1s;
}

.list-busquedad_v1 a:hover{
  background: #f2f2f2;
  transition: .1s;
  border-radius: 6px;
}

.list-busquedad_v1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.list-busquedad_v1 a {
  text-align: left;
  padding: 10px 16px;
  font-weight: 300;
  font-size: .8rem;
  text-decoration: none;
  color: #262626;
}

.list-busquedad {
  color: #666;
}

.list-busquedad a{
  padding: 5px 0;
  transition: .5s;
  
  display: block;
}

.list-busquedad_v1 a b{
  font-weight: bold;
}

.list-busqueda_v1 a b{
  font-weight: bold;
}

.user-lateral{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: flex;
  transition: .5s;
  justify-content: flex-end;
   z-index: 0;
   opacity: 0;
   margin-left: 100%;
  background: none;
  transition: .5s;

}
.user-lateral.oculto-user{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: flex;
  justify-content: flex-end;
  z-index: 999;
  transition: .5s;
  margin-left: 0;
  opacity: 1;
  
  background: rgba(0,0,0,0);

}
.user-lateral{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: flex;
  transition: .5s;
  justify-content: flex-end;
  z-index: 0;
  opacity: 0;
  margin-left: 100%;
  background: none;
  transition: .5s;
}

.user-lateral.oculto-user{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: flex;
  justify-content: flex-end;
  z-index: 999;
  transition: .5s;
  margin-left: 0;
  opacity: 1;
  background: rgba(0,0,0,0);
}

.box-user-lateral{
  width: 25%;
  display: block;
  height: 100vh;
  background: #fff;
  padding-top: 85px;
  -webkit-box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
  -moz-box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
  box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
}

.box-user-lateral a{
  color: #222 ;
  transition: .5s;
}
.box-user-lateral a svg{
  color: #766df4 !important;
}

.box-user-lateral a:hover{
  color: #766DF4 !important;
}

.close-modal-item{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  padding-left: 13px;
  float: right;
}

.close-modal-item h1{
  font-size: 1.2rem;
  margin: auto 0;
  font-weight: 600;
}

.close-user-late{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  padding-left: 13px;
}

.close-user-late h1{
  font-size: 1.2rem;
  margin: auto 0;
  font-weight: 600;
}

.carousel-control-next-icon{
  width: 40px;
  height: 40px;
  background: #a2a2a2;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.carousel-control-prev-icon{
  width: 40px;
  height: 40px;
  background: #a2a2a2;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.carousel-indicators li{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-left: 12px;
}

.list-busquedad a:hover{
  background: #f2f2f2;
  transition: .5s;
  font-weight: 700;
  transform: scale(1.01);
  padding-left: 5px;
}

.list-busqueda {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.list-busqueda a {
  text-align: left;
  padding:10px 16px ;
  font-size: .8rem;
  text-decoration: none;
}

.ver-mas-busqueda{
  width: 100% !important;
  text-align: center !important;
  font-weight: 500 !important;
  color: #5B12A8 !important;
}

.late{
  padding-top: 100px !important;
}

.pdr{
  display: none;
}

.deseo-p{
  padding-top: 100px !important;
}

.g_{
  background-image: linear-gradient(20deg,#4A0198,#762DC3);
}

.gp_{
  color:red;
}

.btn-lg{
 background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
}

.btn-lg:hover {
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}

.c_pgo{
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
}
.titu-tienda-new{
  margin-bottom: 0 !important;
}
.img-tie.home{
    width: 24% !important;
    max-width: 24% !important;
    flex-direction: column;
    margin:0;
    padding: 10px;
    margin-left: .8%;
  }
  .img-tie.home .caja-img-tienda{
    width: 100% !important;
  }
  .img-tie.home .caja-contenido-tienda{
    width: 100% !important;
  }
  .img-tie.home .caja-contenido-tienda h1{
    text-align: center;
    transition: .5s;
  }
  .img-tie.home .caja-contenido-tienda h2{
    text-align: center;
  }
  .img-tie.home .caja-contenido-tienda p{
    text-align: center;
  }

.fin_dato_pago{
  width: 80%;
  display: flex;
  justify-content: space-around;
  margin: auto;
}
.home-div-card.mas-vd{
  margin: 0 -15px;
}
.div-top-spacing.tiendas-all{
  padding: 15px 0;
}
.div-top-spacing.tiendas-all .home-div-card{
  padding-bottom: 20px;
}
.dato_i{
  width: 50%;
}

.dato_i h1{
  font-size: 1.2rem ;
  text-align: left;
  color: #222;
  font-weight: 700;
}

.dato_i > div {
  display: flex;
  justify-content: flex-start;
}

.dato_i div div{
  width: 50%;
}

.dato_i div div h2{
  font-size: .8rem;
  color: #222;
}

.dato_i div div span{
  font-size: .8rem;
  color: #222;
}

.dato_i > h2 {
  font-size: .9rem;
  color: #222;
}

.pago_medio{
  display: flex;
  justify-content: space-between;
}

.yp{
  width: 50% !important;
}

.bl{
  width: 50% !important;
}

.pago_medio span{
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: 1px solid #f5f5f5;
}

.pago_medio h3{
  font-size: .7rem;
  font-weight: 700;
  color: #333;
}

.pago_medio p{
  font-size: .9rem;
  color: #222;
}

.img_pm{
  width: 80%;
  margin: 0;
}

.img_pmg img{
  width: 80%;
  display: block;
  margin: auto;
}

.dato_d{
  width: 40%;
}

.dato_d p{
  font-weight: 600;
  font-size: .9rem;
}

.dato_i a{
  padding: 15px 20px;
  background: white;
  border:1px solid #6A1AAF;
  display: block;
  color: #6A1AAF;
  width: 100%;
  text-align: center;
  border-radius: 5px;
}

.dato_d a{
  padding: 15px 20px;
  background: #6A1AAF;
  border:none;
  text-align: center;
  border-radius: 5px;
  display: block;
  color: white;
  width: 100%;
}

.dato_d{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.dato_d .img_pm img{
  width: 60%;
  display: block;
  margin: auto;
}

.bus_movil{
  display: none;
}

.bus_sm_t{
  display: none !important;
}

.bus_c{
  -webkit-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}

.pd{
  width: 20%;
  display: flex;
  justify-content: space-around;
}

.pd div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dire_cb{
  -webkit-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}



.late{
  width: 20%;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}

.md-user{
  width: 77%;
  background: white;
  padding: 25px 10px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}

.late a{
  display: block;
  font-size: .9rem;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
  font-weight: 600;
  padding: 15px 15px;
}

.pd h2{
  font-size: .9rem;
  font-weight: 500;
  color: #333;
  margin: auto 0; 
}

.categoria-tablet{
  display: none !important;
}

.arri{
  color:red;
}
.gradiente-btn{
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%);

}
.checkout-return.movil{
  display: none;
}
.detallet{
  display: none;
}

.clase_dire{
  display:flex;
  width:100%;
  justify-content:space-between;
  padding: 14px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 8px;
  background: #f9f9f9;
  border:1px solid #e7e7e7 !important;
}
.comienzo{
  display: none;
}

.clase_dire p{
  font-size: .9rem;
  text-transform: lowercase;
  font-weight: 400;
  color: #474747;
}
.cabecera-direccion{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.btn_pintado{
  background: #6A1AAF;
  color: white;
  border: none;
  font-size: 1rem;
}

.centrar_todo{
  margin: auto;
  margin-bottom: 0px !important;
}

.centrar_todo input{
  width: 100%;
  height: auto !important;
  margin: auto ;
}

.losh1{
  font-size: 1rem;
  color: #222;
  text-align: center;
  padding: 10px 0;
}

.caja_pre_d {
  display: flex;
  justify-content: space-between;
  border: 1px solid #a1a1a1;
}

.pago_tipo{
  color:red;
}

.pintado_l{
  border:1px solid #6A1AAF !important;
}

#delir{
  background: #6A1AAF;
  margin: auto 0;
}

.pago_tipo label{
  display: flex;
  justify-content:flex-start;
  cursor: pointer;
  border: 1px solid #f2f2f2;
  padding: 12px;
  border-radius: 8px;
}

.pago_tipo input{
  
  margin: auto 0;
}
.caja-ipn{
  flex-direction: row-reverse;
}
.logo-pago{
  width: 90%;
  display: flex;
}

.logo-pago h2{
  font-weight: 400 !important;
  margin: auto 0;
  margin-left: 15px;
  font-size: .9rem;
  color: #474747 !important;
}

.pago_tipo label img{
  width: 30%;
  margin: auto;
  display: block;
 
}
.box-img-tipo-pago{
  width: 32%;
  min-height: 70px;
  display: flex;
}

.empre_car .inputs-registro_input {
  height: 60px;
  padding: 24px 0 24px 24px;
  border-radius: 12px !important;
  font-size: 16px;

}

.caja_resu{
  width: 100%;
  /*max-height: 320px;*/
  /*max-height: 240px;*/
  max-height: 205px;
  overflow:scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}

.divi{
  -webkit-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
}

.direccion_pro{
  display: flex;
  justify-content: center;
  padding: 40px 0px;
  flex-wrap: wrap;
  border-radius: 8px;
}

.checkout-direccion-pedido{
  padding: 10px 0px;
  padding-bottom: 0px;
}

.direccion_pro a{
  color: #8620FC;
  font-size: 1.2rem;
  font-weight: 400;
  margin: auto 0;
}

.tablita_dire{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.tablita_dire input {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #a9a9a9 !important;
  margin-bottom: 0 !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
}


.guardar_dire{
  background: #6A1AAF;
  color: white;
  padding: 8px 80px;
  border-radius: 25px;
}

.cerrar_dire{
  background: #e7e7e7;
  color: #757575;
  padding: 8px 80px;
  border-radius: 25px;
}

.tablita_dire select {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #ced4da !important;
  margin-bottom: 0px !important;
  border-radius: 8px !important;
  color:#222222 !important;
  outline: none !important;
  padding: 0 10px !important;
}

.tablita_dire input::placeholder{
  color: #9090a2 !important;
  font-weight: 200 !important;
}

.tablita_dire input#nombre{
  width: 100% !important;
  margin-right: 0px !important;
  border: 1px solid #ced4da !important;
}

.tablita_dire input#celular{
  width: 100% !important;
  border: 1px solid #ced4da !important;
}

.tablita_dire input.direcc_{
  border: 1px solid #ced4da !important;
  width: 100% !important;
}

.tablita_dire input.refe_{
  width: 100% !important;
  border: 1px solid #ced4da !important;
}

.mn-user a{
  padding: 15px 10px;
  transition: .5s;
}

.mn-user a:hover{
  background: #f8f8f8;
  transition: .5s;
}

#boton_f{
  display: flex;
  justify-content: space-around;
}

#boton_f button{
  width: 47% !important;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  font-size: .8rem;
}

#boton_f button:hover{
  color: white;
}

.tablita_dire > a {
  font-size: .9rem;
  width: 100%;
  margin: auto;
  padding: 15px 15px;
  background: #ddd;
  border-radius: 5px;
  color: white;
  background-image: linear-gradient(20deg,#e50c40,#F94757) !important;
  margin-bottom: 5%;
  font-weight: 400;
}

.compro_ba{
  display: flex;
  justify-content: flex-start;
  width: 20%;
}
.caja-comprobante{
  display: flex;
  width: 100%;

}

.compro_ba span{
  margin: auto 0;
  font-size: .9rem;
  color: #474747;
  font-weight: 500;
}

.empre_car{
  padding: 30px 0;
  width: 80%;
}

.empre_car input{
  width: 48%;
  border: 1px solid #ced4da !important;
}

.empre_car input::placeholder{
  color: #9090a2 !important;
  font-weight: 200 !important;
}

.switch{
  position: relative;
  display: inline-block;
  margin-left: 8px;
  width: 60px;
  height: 25px;
  margin: auto;
}

.switch input{
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-tipo_compra-invitado-crear_cuenta{
  position: relative;
  display: inline-block;
  margin-left: 8px;
  width: 60px;
  height: 25px;
  margin: auto;
}

.switch-tipo_compra-invitado-crear_cuenta input{
  opacity: 0;
  width: 0;
  height: 0;
}

.slider{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  -webkit-transition:.4s;
  transition: .4s;
  border-radius: 20px;
}

.slider:before{
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 1px;
  bottom: 1px;
  background: white;
  -webkit-transition:.4s;
  transition: .4s;
}

input:checked + .slider{
  background: #766DF4;
}

input:focus + .slider{
  box-shadow: 0 0 1px #766DF4;
}

input:checked + .slider:before{
  -webkit-transform:translateX(34px);
  -ms-transform:translateX(34px);
  transform:translateX(34px);
}

.slider.round:before{
  border-radius: 50%;
}

.slider.round{
  border-radius: 25px;
}

.login-mobile{
  font-size: .9rem !important;
  border:1px solid #ced4da !important;
  background: #fff !important; 
}

.login_new select{
  padding: 8px 0 !important;
  height: 45px !important;
  margin: auto 0 !important;
  border: none !important;
  margin-bottom: 10px !important;
  text-align: center;
  border-radius: 8px !important;
  background: #f2f2f2 !important;
}

.login_new select:focus{
  border: none;
  outline: none;
}

.login_new input{
  padding: 8px 0 !important;
  height: 40px !important;
  margin: auto !important;
  border: none!important;
  margin-bottom: 4px !important;
  text-align: left;
  padding: 0 5px !important;
  border-radius: 10px !important;
  background: #f2f2f2 !important;
}
.producto-bran-car{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: white;
  -webkit-box-shadow: -1px 6px 21px -18px rgba(0,0,0,1);
-moz-box-shadow: -1px 6px 21px -18px rgba(0,0,0,1);
box-shadow: -1px 6px 21px -18px rgba(0,0,0,1);
 border-top: 1px solid #ececec !important;
 z-index: 20;
}
.img-brand-car{
  display: flex;
}
.box-img-brand{
  width: 10%;
}
.box-img-brand img{
  width: 100%;
}
.box-nombre-brand{
  margin: auto 0;
  margin-left: 2%;
}
.box-nombre-brand h1{
  font-size: .9rem;
  margin: auto 0;
}
.precio-brand-total{
  margin: auto 0;
}
.precio-brand-total span{
  font-size: 1rem;
}
.estilo-tienda-home-nuevo{
  padding: 20px 0%;
  padding-bottom: 0px;
}
.nuevo-stilo-car{
  display: flex;
  padding-left: 0;
}
a.active{
  color: white;

  padding: 10px 20px;
  border-radius: 5px;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
}
#nav-descripcion-tab{
  background: none !important;
}
.pintar_li{
  background: #6A1AAF;
}

.nav-pills li{
  padding: 10px 0;
  display: flex;
  justify-content: center;
}
.i-mi_perfil-left-menu.active:hover{
  color: white !important;
}

.nueva-clase-evento-car{
  width: 35%;
  max-width: 35%;
  flex: auto;
  display: flex;
  height: auto;
  flex-direction: column;
  padding: 0;
  background: none;
  margin-bottom: 40px;
}

.box-evento-car{
  background: white;
  z-index: 20;
  padding: 5px 15px;
  border-radius: 15px;
  top: 95px;
  padding-top: 0px;
}
.nuevo-estilo-payment{
  height: auto;
  background: none;
  position: sticky !important;
}

.agregar_p{
  display: flex !important;
  justify-content: center !important;
}
.spinner-border.spinner-border-sm{
  width: 15px !important;
  height: 15px !important;
  margin: 0;
  background: none !important;
}
.spinner-border.spinner-border-sm.cor{
  width: 16px !important;
  height: 16px  !important;
    border-radius: 50%;
    margin-left: 6px !important;
    margin: auto;
    text-align: center;
    background: none !important;
    border-color: white !important;
    border-right-color: transparent !important;

}
.sr-only{
  width: auto !important;
  height: auto !important;
  margin-left: 5px !important;
  position: relative !important;
}
.orden-c{
  max-width: 64% !important;
  flex: auto !important;
  width: 64% !important;
  margin-bottom: 40px;
  padding-bottom: 25px;
}

/* scrolll categoria */
.box-item-car-new{
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 500px;
  min-height: 400px;
}

.box-item-car-new::-webkit-scrollbar {
  width: 8px;/* Tamaño del scroll en vertical */
  height: 8px;/* Tamaño del scroll en horizontal */
}

.box-item-car-new::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.box-item-car-new::-webkit-scrollbar-thumb:hover {
  background: #d7d7d7;
  cursor: all-scroll;
}

/* Cambiamos el fondo cuando esté en active */
.box-item-car-new::-webkit-scrollbar-thumb:active {
  background: #d7d7d7;
}

.box-item-car-new::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.box-item-car-new::-webkit-scrollbar-track:hover,
.box-item-car-new::-webkit-scrollbar-track:active {
  background: #f8f8f8;
}
/*fin */

.login_new input::placeholder{
  color: #a2a2a2 !important;
}

.clickenvio{
  background: #6A1AAF !important;
  border: none;
  font-size: .8rem !important;
  padding: 5px 0 !important;
}

.eliminar_item_p{
  color: #ff0039 !important;
  font-weight: 600 !important;
  font-size: .9rem;
  margin: auto 0; 
}

.alin_car{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10px;
}

.payment-alin_car-name_item{
  padding-right: 0px;
}

.product-carrito{
  border-bottom: 1px solid #e7eaec;
}
.box-input-dire{
  display: none;/*display:flex*/
  width: 10%;
  justify-content: flex-end;
  margin-right: 2%;
}
.box-total-direccion-payment{
  display: flex; width: 100%;
  flex-wrap: wrap;
}

.distrito_t{
  padding: 5px 10px;
  height: 40px;
  border-radius: 6px;
  outline: none;
  background: #f9f9f9;
  border:none;
  font-size: 1rem;
}

.distrito_t:focus{
  outline: none;
}

.cart{
  display: flex !important;
}

.detalle_p h4{
  font-size: .8rem;
  padding: 5px 0;
  font-weight: 800;
  color: #222;
  margin: 0 !important;
}

.detalle_p h5{
  font-size: .7rem;
  font-weight: 800;
  margin: 0 !important;
  padding: 5px 0;
  color: #757575;
}

.detalle_p h1{
  font-size: .8rem !important;
  text-transform: lowercase;
  color: #333;
  margin: 0 !important;
}

.detalle_p h1:first-letter {
  text-transform: uppercase;
}

.detalle_p span{
  font-size: 1rem;
  padding: 5px 0;
  color: #444;
  font-weight: 500;
  display: block;
}

.producto_{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 30px 0;
}

.item-unitario button,
.item-unitariov2 button{
  border: #DFDFEB;
  background: #f2f2f2;
  outline: none;
  border-radius: 8px !important;
}

.item-unitario input,
.item-unitariov2 input{
  border: #DFDFEB;
  border-radius: 8px !important;
  text-align: center;
}

.item-unitario button.btn-minus,
.item-unitariov2 button.btn-minus {
  border: #DFDFEB;
  border-left: 0;
}

.number-input {
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0;
}

.number-input >div {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.number-input div input{
  padding: 5px 0;
  height: 44px !important;
  text-align: center;
  border-radius: 5px;
  border:none;
  background: white;
  border:1px solid #e9d9f2;
  color: #000;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

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

.plus{
  width: 22px;
  height: 22px;
  padding: 0;
  background: #f8f8f8;
  color: white;
  outline: none;
  border:none;
  margin-bottom: 1px;
  border-radius: 5px;
  border: 1px solid #bcbcbc;
  transition: .5s;
}

.minus svg{
  color: #222;
}


.plus svg{
  color: #222;
}

.minus:focus{
  outline: none;
}

.plus:focus{
  outline: none;
}

.minus{
  width: 22px;
  height: 22px;
  padding: 0;
  background: #f8f8f8;
  color: white;
  outline: none;
  border:none;
  border: 1px solid #bcbcbc;
  margin-bottom: 1px;
  border-radius: 5px;
}

.number-input button {
  font-size: .8rem;
}

@media not all and (min-resolution:.001dpcm){
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .number-input.md-number-input.safari_only button:before, 
    .number-input.md-number-input.safari_only button:after {
      margin-top: -.6rem;
    }
  }
}

.filtros{
  display: flex;
  justify-content: flex-end;
  padding: 10px 10px !important;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
}

.producto{
  width: 100%;
}

.producto_{
  width: 100%;
  display: flex;
  background: #f8f8f8;
  justify-content: space-around;
  padding-top: 0px !important;
}

.ctg{
  display: none;
}

.encoje-tienda{
  display: none;
  
}

.encoje-tienda a{
  font-size: .9rem !important ;
}

.encoje-tienda a:hover{
  color: #5549F1 !important;
}
.category{
  width: 20%;
  background: white;
  padding:15px;
  max-height: 200vh;
  border-radius: 10px ;
  margin-top: 80px;
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
}

.category h4{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}

.subcate-a{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  
  display: none;
  transition: .5s;
}

.subcate-a a {
  padding: 10px 0px;
  border-bottom: 1px solid #f2f2f2;
}

.subcate-a.oculto_item{
  display: block;
  transition: .5s;
}

.tienda-marca h1{
  font-size: .8rem;
  padding: 10px 0;
  color: #222;
  font-weight: 600;
  border-bottom: 1px solid #f2f2f2;
}
.encoje-tienda a{
  border-bottom: 1px solid #f2f2f2;
}

.tienda-marca h1:hover{
  color: #766DF4;
}

.tienda-marca a {
  padding: 10px 0px;
  display: block;
  font-weight: 500;
  transition: .5s;
}

.tienda-marca a:hover{
  color: #766DF4;
}

.subcate-a.oculto_item a {
  padding:  10px 0px;
  display: block;
  border-bottom: 1px solid #f2f2f2;
  transition: .5s;  
}

.subcate-a.oculto_item a:hover{
  color: #766DF4;
  transition: .5s;
}

.category h4 a{
  width: 80%;
  padding: 4px 0;
  margin:  auto 0;
  font-weight: 500;
  font-size: 0.8rem;
}

.category h4 a:hover{
  color: #766DF4;
}

.category h1 a:hover{
  color: #766DF4;
}

.category h4 i{
  width: 10%;
  font-size: .9rem;
  margin: auto 0;
}

.produ_d{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 0px;
}
.fi_1 {
  padding: 0 !important;
}
.heart i {
  cursor: pointer !important;
}

.pdt_p{
  width: 75% !important;
  background: none;
  margin-top: 80px !important;
  border-radius:15px;
}

.rgi{
  width: 60% !important;
  margin: auto;
  flex:auto !important;
  border-radius: 5px;
}

.ex-menu > ul.l1 > li div {
  width: 520px !important;
}

.caja_produ{
  width: 30% !important;
  margin-bottom: 20px;
  background: white;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 10px 10px 25px -28px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 25px -28px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 25px -28px rgba(0,0,0,0.75);
}

.content_img img{
  width: 100%;
}

.detalle_p h1{
  font-size: 1rem;
  color: #000;
}

#carruma {
  float:left;
  width:100%;
  position:relative;
  z-index: 8;
  border:none;
  padding-bottom: 40px !important;
  margin-bottom: 30px;
}

.container-distrito{
  padding: 10px 5%;
  background: white;
}

#carruma .left-a {
  position:absolute;
  left:5px;
  z-index:1;
  margin-top: 170px;
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  color: black !important;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 17px -6px rgba(106,26,175,1);
  -moz-box-shadow: 0px 0px 17px -6px rgba(106,26,175,1);
  box-shadow: 0px 0px 17px -6px rgba(106,26,175,1);
}

.colum-l.maso{
  width: auto !important;
}

#carruma .right-a {
  position:absolute;
  right:5px;
  z-index:99;
  margin-top: 170px;
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  color: black !important;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 17px -6px rgba(106,26,175,1);
  -moz-box-shadow: 0px 0px 17px -6px rgba(106,26,175,1);
  box-shadow: 0px 0px 17px -6px rgba(106,26,175,1);
}

.detalle:hover{
  transform: scale(1.05);
  background: #F7F8FE;
}

.carruma {
  width:300%;
  left:-15px;
  position: relative;;
  display: flex;
  justify-content: space-around;
  z-index:0;
  background: white;
}

.carruma>div {
  float: left;
  margin-right: 5px;
  width: 8%;
  padding: 5px;
  text-align:center;
  border-radius: 5px;
  border: none;
  background: white;
}

.carruma img {
  cursor:pointer;
}

.detalle{
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: white;
  border-radius: 20px;
  -webkit-box-shadow: 3px 2px 30px -16px rgba(106,26,175,1);
  -moz-box-shadow: 3px 2px 30px -16px rgba(106,26,175,1);
  box-shadow: 3px 2px 30px -16px rgba(106,26,175,1);
}

.detalle h6{
  color: #757575;
  font-size: 1rem;
  text-transform: uppercase;
  margin: auto;
}

/*nuevos estilos */
.container-nav{
  width: 100% !important;
  display: flex;
  background: #fff;
  display: block;
  height: auto;
  position: fixed;
  z-index: 999;
  -webkit-box-shadow: 0px 5px 10px -9px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 10px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 10px -9px rgba(0,0,0,0.75);
}

.ir-arriba{
  display:none;
  background-repeat:no-repeat;
  font-size:20px;
  color:black;
  cursor:pointer;
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:99;
}

.ir-arriba span svg{
  height:  auto !important;
  font-size: 1rem !important;
}

.container{
  /*padding-top: 120px !important;*/
}

.container-fluid{
  padding-top: 30px !important;
}

div.bus_ input{
  color: #100303;
  height: 45px !important;
  background: #EAEAEA;
  border-radius: 0 !important;
  border:  none !important;
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  margin-bottom: 0 !important;
  border-right: 0 !important;
  height: 60px;
  padding-left: 18px;
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
  font-size: 14px;
  transition: .2s !important;
}

div.bus_ input::placeholder{
  font-size: 14px;
}

.entra-btn{
  border: 1px solid #7b7b7b;
  -webkit-box-shadow: 1px 3px 12px -7px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 3px 12px -7px rgba(0,0,0,0.75);
  box-shadow: 1px 3px 12px -7px rgba(0,0,0,0.75);
}

.caja_pra{
  background: #fbfbfb !important;
  padding: 0 !important;
}

.politicas{
  padding: 0 5%;
  padding-top: 90px;
  padding-bottom: 40px;
}

.politicas h1{
  color: #222;
  font-size: 1.5rem;
  margin-bottom: 25px;
}

.politicas p {
  font-size: .9rem;
  margin-top: 15px;
}

.caja_nueva{
  
  padding:0  8.3% !important;
  padding-left: 8.8% !important;
}

.dire_cb{
  padding: 10px !important;
  border-radius: 10px !important;
  background: white !important;
}

.mitad-de{
  width: 35%;
  max-width: 35%;
  z-index: 1 !important;/* antes 300 */
  background: none !important;
  position: fixed;
  flex: auto;
  padding: 0px !important;
  border-radius: 10px !important;
  margin-top: 0.4%;
  margin-bottom: 20px;
  padding-right: 0.5% !important;
  
}

.mitad_iz{
  flex: auto;
  width: 64% !important;
  max-width: 64%;
  padding-left: 3px;
  padding: 0;
}

.mitad-de > h4{
  text-align: center;
}

.caja-menu_ {
  min-height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0;
  margin-left: 25px;
}

.cajita-s{
  background:#EAEAEA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border: none !important; 
  
  transition: .2s !important;
  cursor: pointer;
}

.cajita-s svg{
  margin: auto;
  font-size: 1.3rem !important;
}
.cajita-s:hover svg{
   color: #5B12A9 !important;
}

.nav-new {
  background: white !important;
  margin: auto;
  height: auto;
}

.categoria{
  width: 100%;
  position: fixed;
  margin: auto;
  padding: 0;
  left: 0;
  display: none;
  transition: .5s;
  margin-top: 69px !important;
}

.img-ck{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 30px 0;
}

.caja_produ.produ_masve{
  width: 90% !important;
}

.ck{
  width: 24%;
  border-radius: 8px;
  border:1px solid #a1a1a1;
}

.ck img{
  border-radius: 8px;
}

#titutitu{
  display: none !important;
}

.li_categoria > div {
  font-size: 1rem;
    font-weight: 300;
    padding: 5px;
    width: 98%;
    border-radius: 8px;
    margin: 0 auto;

}

.li_categoria h4 {
  font-size: 1rem;
    font-weight: 300;
    padding: 5px;
    width: 98%;
    border-radius: 8px;
    margin: 0 auto;

}

.li_categoria h4:hover{
  background: #f8f8f8;
}

.sub_li_cate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  overflow-y: scroll;
  height: 250px;
}

.sub_li_cate p{
  width: 30%;
  max-height: 15px;
}

.hovercate:hover .categoria {
  position: fixed; 
  display: block ;
  z-index: 99;
  margin-top: 60px !important;
  padding: 0;
  transition: .5s;
}

.categoria.dos- {
  display: none;
}

.categoria.categoria-fondo {
  width: 96%;
  margin-left: 2%;
}

.categ{
  width: 100%;
  max-width: 1200px !important;
  background: white;
  display: block;
  position: relative;
  margin: auto;
  padding: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  -webkit-box-shadow: 0px 17px 29px -23px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 17px 29px -23px rgba(0,0,0,0.75);
  box-shadow: 0px 17px 29px -23px rgba(0,0,0,0.75);
}

.li_categoria{
  background: white !important;
  border-right: 2px solid #f7f7f7 ;
  padding: 0 !important;
  overflow-y: scroll;
  height: 250px;
}

.li_categoria a{
  font-size: .9rem;
  font-weight: 400;
  color: #444;
  display: flex;
  text-transform: none;
  padding: 8px 15px;
}
.li_categoria a:hover{
  background: #f2f2f2;
  border-radius: 6px;
}
.hovercate:hover .categoria-pc{
  background: #f2f2f2;
  border-radius: 6px;
}

#sub_categoria{
  width: 100%;
  display: flex;
  flex-direction: column;
}

#sub_categoria a{
  width: 30%;
  font-weight: 300;
  transition: .5s;
  font-size: .9rem;
  padding: 8px 10px;
  color: #262626;
}

#sub_categoria a.nombre_categoria {
  margin-bottom: 0;
  font-weight: 600;
  color: #222;
  font-size: 1rem;
  padding: 0px 10px;
  display: block;
  text-decoration: none;
  padding-top: 12px;
  padding-bottom: 12px;
}
#sub_categoria a.nombre_categoria:hover{
  background: #f2f2f2 !important;
  border-radius: 6px;
}
.box-car-session  a{
  padding: 21px 10px;
}
.box-car-session  a:hover{
   background: #f2f2f2;
   padding: 21px 10px;
}

#sub_categoria a:hover{
  font-weight: 300;
  background: #f2f2f2;
  border-radius: 6px;
}

#sub_categoria a.nombre_categoria:hover{
  font-weight: 600;
  background: none;
  text-decoration: none;
}

/* MARKET.COMPRERIS.COM */
.v2-alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.v2-alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent ;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: .25rem;
}
/* Table de lista de libros a comprar */

.table thead th{padding: 8px 8px 16px;}
.table tbody{background:#fff;}
.table tbody tr:hover{background: #e7fcff;}

.report{background:#eee;}
.report th{background:#eee;}
.report thead th{background-color: #077DB4; border-color: #2a394c; color:#eee;}

.label-quitar{
  color: white;
  text-transform: capitalize;
}

#button-cart {
  border-radius: 5px 5px 5px 5px;
  margin-right: -60px;
}

.cart-button .cart a.button:hover, a.button:hover, .cart-button .wishlist a:hover, div.cart-button .compare a:hover, a.button-prod:hover, .wishlist a:hover, .compare a:hover {
  background: red;
  border-color: red;
}

.cart-button .cart a.button:hover, a.button:hover, .cart-button .wishlist a:hover, div.cart-button .compare a:hover, a.button-prod:hover, .wishlist a:hover, .compare a:hover {
  background-color: green !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
  color              : #077DB4;
  background-color   : white;
  border-color       : #077DB4;
}

.todo-select{
  background: #077DB4;
}

.todo-select > a{
  color: white;
}

.dropdown{
  background: #077DB4;
}

.dropdown-toggle {
  color: white;
}

.nav-tabs > li > a:hover{
  text-decoration : none;
  cursor          : pointer;
  background      : white;
  color           : #077DB4;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background      : white;
  color           : #077DB4;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: white;
  background-color: #077DB4;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus{
  color: white;
  background-color: #077DB4;
}

/* Modal */
.media-left{
  width: 20% !important;
}
.media-left.nuevo-media{
  width: 30% !important;
}
/* Fin Modal*/

/* Div del Libro */
.image2{
  color:red;
}

.inner{
  color:red;
}

.cart-button .cart a.button:hover, a.button:hover, .cart-button .wishlist a:hover, div.cart-button .compare a:hover, a.button-prod:hover, .wishlist a:hover, .compare a:hover{
  background-color: #f36c4f !important;
}

.box .box-product ul li>div:hover .cart-button, .related .box-product ul li:hover .cart-button, .product-grid ul li>div:hover .cart-button {
  background-color: white !important;
}

div li.col-sm-2:hover{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.container-head {
  background-color: #077DB4;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -20px;
}

.car-modal-body {
  max-height: 550px;
  overflow-y: scroll;
}

.none {
  display: none;
}

.link-app {
  cursor: pointer;
}

.pagination {
  text-align: center;
  width: 100%;
}

.pagination-centered {
  text-align: center;
}

.container-search {
  padding-top: 20px;
}

.container-page-pedido {
  padding-top: 2%;
  padding-right: 8.1%;
  padding-left: 8.1%;
  margin-left:   0;
}

.item-padd {
  padding-top: 10px;
}

.padd-top {
  padding-top: 20px;
}

.quantity {
  padding-top: 20px !important;
}

.ul-user {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 60px 20px;
  background-color: #fff;
}

/** menu **/

.navbar-default {
  background-image: none;
}

.navbar-default {
  background-color: #077DB4;
  border-color: #077DB4;
}

.navbar-default .navbar-brand {
  color: #ecf0f1;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}

.navbar-default .navbar-text {
  color: #ecf0f1;
}

.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #077DB4;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #077DB4;
}

.navbar-default .navbar-toggle {
  border-color: #077DB4;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #077DB4;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}

.navbar-default .navbar-link {
  color: #ecf0f1;
}

.navbar-default .navbar-link:hover {
  color: #ffffff;
}

.cora_{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 10px;
}

.cora_ svg {
  display: block;
  font-size: 1.5rem !important;
  margin: auto;
  margin-top: .2rem;
}

@media(min-width: 768px ) and (max-width: 991px){
    
  .about-us-services-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  

  .about-us-services-image .about-us-image {
    margin: 0 auto;
    padding-top: 50px;
  }

  .about-us-services-image {
    position: relative;
    width: 720px;
    margin: 0 auto;
  }

  .div-separate-title {
    margin-top: 5%;
  }

  .div-separate-title-center {
    margin-top: 10%;
    text-align: center;
  }

  .btn-facebook{
    padding-left: 15px;
  }

  .reseller-why-services-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .reseller-why-services-image .reseller-why-image {
    margin: 0 auto;
    padding-top: 50px;
  }

  .reseller-why-services-image {
    position: relative;
    width: 720px;
    margin: 0 auto;
  }

  .storeandcategorie-list-items-title-mobile{
    display: block;
  }

  .div-top-categorias {
    min-width: 100% !important;
    justify-content: space-around !important;
  }

  .caja-slider {
    margin-top: 5% !important;
  }

  .titu-ctg_{
    display: none;
  }

  .caja_produ{
    width: 32% !important;
    padding: 0;
  }

  .btn-add-item_{
    max-width: 100% !important;
    flex: auto !important;
    margin-top: 10px !important;
  }

  .btn-add-item_ button{
    font-size: .7rem !important;
  }

  .number-input{
    width: 100% !important;
    flex: auto !important;
    max-width: 90% !important;
    margin-bottom: 5px;
    
  }
}



.box-product li > div, .product-grid li > div:hover {
  box-shadow: 1px 1px 4px red;
}

.modal-libro-title {
  color: #000;
}

.input-ruc {
  margin-top: 8px;
}

/* Top */
#back-top span::before {
  border-color: #077DB4 !important;
  background-color: #077DB4 !important;
}

/* Button's */
.btn-primary {
  border-color: #0b72a2;
  background-color: #0b72a2;
}

.btn.btn-primary[disabled],
.btn.btn-primary:disabled,
.btn-primary:hover,
.btn-primary:focus {
  border-color: #077DB4;
  background-color: #077DB4;
}

.btn-circle {
  width: 23px;
  height: 23px;
  text-align: center;
  padding: 3px 0;
  font-size: 9px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active {
  background-color: #5549f1;
  border-color: #5549f1;
  transition: .5s;
}

/* Combobox's */
select {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

select.cbo-style {
  border-top: 1px solid rgba(0,0,0,0.2) !important;
  border-right: 1px solid rgba(0,0,0,0.2) !important;
  border-left: 1px solid rgba(0,0,0,0.2) !important;
  padding-top: 0px !important;
  height: 22px !important;
  text-align: center !important;
}

/* Input's */
input[type="text"],
input[type="email"], 
input[type="password"],
input[type="tel"]{
  float: left;
  
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-addon{
  border-bottom: 1px solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus{
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-addon-focus{
  color: #077DB4;
  transition: all .3s;
}

.form-control {
  color: #495057;
}

.has-success .input-group-addon {
  color: #077DB4;
  border-bottom: 1px solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
}

.has-success .form-control {
  border-color: #077DB4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-error .input-group-addon {
  color: #a94442;
  border-bottom: 1px solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
}

.has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px transparent;
}

.has-error .form-control:focus {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent;
}

.has-success .form-control:focus {
  border-color: #766DF4;
  box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent;
}

/* Card */
.thumbnail {
  border-color: transparent !important;
  transition: all .9s;
}

.ver-item-thumbnail-img {
  margin: 0;
}

.div-demo {
  margin-top: -40px;
  padding-left : 100px;
}

.panel .panel-thumbnail {
  padding-left : 95px;
}

.panel .panel-body {
  margin-top: 0px;
  padding-left : 100px;
}

/* Modal */
.modal-header {
  padding: 15px;
  border-bottom: 1px solid transparent;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid transparent;
}

/* Menu */
.example5 .navbar-brand {
  display: flex;
  align-items: center;
}
.example5 .navbar-brand>img {
  margin-top: 10px;
  padding: 7px 14px;
}

.label-title-menu {
  font-size: 26px;
  margin-top: 10px;
  color: #FFF;
}

/* Autocomplete */
.ui-autocomplete {
  z-index:2000 !important;
  max-height: 500px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: relative !important;
  width:500px !important;
}

/* ul li */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #fff;
  border-color: #ddd;
}

.list-group-item {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccc !important;
}

/* HOME SLIDER */
.div-home-slide {
  max-width: 100%;
  padding-top: 0% !important;
  padding-right: 0px;
  padding-left: 0px;
  z-index: 0;
}
/* END HOME SLIDER */

.div-top-spacing,
.div-top-user-spacing {
  padding-top: 3% !important;
  padding-left: 0;
  padding-right: 0;
}

.div-top-spacing-categorie {
  padding-top: 2% !important;
}

.div-top-cart-spacing{
  padding-top: 1.5% !important;
}

.div-one_item{
  padding-top: 4% !important;
}


.image-slider-full{
  display:block;
  
}

.image-slider-mobile{
  display:none;
}


input:focus{
  border:1px solid #766DF4 !important;
}

input:active{
  border:1px solid #766DF4 !important;
}

.has-success .form-control{
  border:1px solid #766DF4 !important;
}

.has-error .form-control{
  border:1px solid #a2a2a2 !important;
}

.div-mi_perfil-left a:hover{
  color: #766DF4 !important;
}

.input-decimal{
  border: 1px solid #e7e7e7 !important;
}

input{
  outline: none;
}

input#buscar_producto:focus{
  border:none !important;
}

input#buscar_producto:active{
  border:none !important;
}

input#_passworda::placeholder{
  border: none !important;
  font-size: 1rem !important;
}

.ojo-password{
  background: white;
  border: 1px solid #e7e7e7 !important;
  border-left-color: transparent !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  transition: .1s;
}

.ojo-password:hover{
  cursor: pointer;
  transition: .1s;
}

/* nuevo */
input#password{

  border: 1px solid #e7e7e7;
  border-right: none;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

input#password::placeholder{
  border: none !important;
  font-size: 1rem !important;
}

input#password:active{
  border-right: 0 !important;
}

input#password:focus{
  border-right: 0 !important;
}

input#password:focus + .ojo-password {
  border:1px solid red;
  border-left:  0 !important;
}

/* nuevo */
input#password_confirm{
  border: none !important;
}

input#password_confirm::placeholder{
  border: none !important;
  font-size: 1rem !important;
}

input#password_confirm:active{
  border: none !important;
}

input#password_confirm:focus{
  border: none !important;
}

/* nuevos */
input#_password{
  border: none !important;
}

input#_password::placeholder{
  border: none !important;
  font-size: 1rem !important;
}

input#_password:active{
  border: none !important;
}

input#_password:focus{
  border: none !important;
}

input#_passworda:focus + .caja-password{
  border:1px solid #766DF4 !important;
}

select.form-control-orden {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: initial;
  background-repeat: no-repeat;
  background-position: center right 4px;
  background-image: url("../images/selectarrow-down.svg");
}

.form-control-orden {
  border: 1px solid #ccc;
  color: #333;
  box-shadow: none;
}

.form-control-orden:focus {
  background-color: #f9f9f9;
}
.btn:disabled {
  opacity: .65 !important;
}


.help-block{
  color: #FF2A10;
}

/* ONE ITEM */
.div-one-item-amount {
  width: 44%;
  padding-top: 2%;
}
/* END ONE ITEM */

/* RECUPERAR CUENTA POR CORREO */
.div-recovery-login {
  border-radius: 15px;
  margin: auto;
  padding: 40px;
  background: white !important;
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
}
/* END RECUPERAR CUENTA POR CORREO */

.menu-nuevo-pc{
  /*
  -webkit-box-shadow: 0px 5px 10px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 10px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 10px -9px rgba(0,0,0,0.75);
    */
}

.btn-crear{
  background: white !important;
  color: #111;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(196,196,196,1);
  -moz-box-shadow: 0px 3px 15px 0px rgba(196,196,196,1);
  box-shadow: 0px 3px 15px 0px rgba(196,196,196,1);
}

.btn-crear:hover{
  color: #ffffff;
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}

.btn-red-social{
  letter-spacing: 1px !important;
  transition:.5s;
  box-shadow: 0px 3px 15px 0px rgb(221, 221, 221);
  font-size: 1rem;
  font-weight: 400;
  background-color: #FFFFFF !important;
  color: #333 !important;
}

.btn-red-social:hover {
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}

.btn-red-direccion:hover {
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
  color: white !important;
}
.alto-fijo{
  max-height: 141px;
  min-height: 141px;
}
/* HOME - TITLE */
.home-div-card {
  background-color: #fff;
  transition: .3s ease;
  padding: 20px 20px 0px 20px;
  border-radius: 15px;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
}

.div-card {
  background-color: rgba(255,255,255,.9);
  transition: .3s ease;
 
  border-radius: 15px;
}
/* END HOME - TITLE */

/* CART SHOP */
.cartshop-title {
  font-size: 22px;
  color: #332927;
  border-bottom: 1px solid #ececec !important;
  font-weight: 600;
  padding: 30px 15px;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.shopcart-list-title {
  color: #332927;
  font-size: 16px;
  padding: 20px 15px;
  font-weight: 550;
  text-align: center;
}

.div-item-name {
  color: none;
}

.item-name {
  color: #332927 !important;
  font-size: 14px !important;
}
.remove-p{
  width: 60px ;
}

.item-price {
  color: #332927 !important;
  font-size: 14px !important;
  padding-right: 30px !important;
  margin: auto 0;
}

/* RIGHT - RESUMEN DE COMPRA */
.resumen-pedido-title {
  font-size: 20px;
  color: #332927;
  margin-left: 0;
  margin-bottom: 15px;
  padding-top: 25px;
  text-align: center;
  font-weight: 600;
}

.resumen-pedido-total_padre {
  text-align: center;
  font-size: 1rem !important;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  margin: 0px 20px 0px 20px;
  margin: 0;
}

.resumen-pedido-texto_total {
  font-size: .9rem;
  font-weight: 600;
  color: #332927;
  margin-bottom: 0;
}

.resumen-pedido-total {
  text-align: center;
  font-size: .9rem !important;
  font-weight: 600 !important;
  color: #332927;
  margin-bottom: 0;
  line-height: 1.5;
}

.btn-procesar_compra {
  font-size: .9rem !important;
  background: #6A1AAF !important;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  transition: .5s;
  margin-bottom: 12px;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
}
/* END RIGHT - RESUMEN DE COMPRA */
/* END CART SHOP */

.btn-procesar_compra:hover{
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}

/* REGISTER LOGIN */
.form-login-crear_cuenta {
  display: flex !important;
  justify-content: center !important;
  padding: 20px 10px !important;
}

/* DIV LEFT */
.div-registro-mensaje{
  display: flex;
  flex-direction: column !important;
  justify-content: center !important;
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}

.a-registro_mensaje-iniciar_sesion {
  text-align: center !important;
  color: #fff !important;
  font-size: 1rem !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 400 !important;
  line-height: 47px;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
}

.a-registro_mensaje-iniciar_sesion:hover {
    -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}
/* END DIV LEFT */

/* DIV RIGHT */
.div-registro-input-register{
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 0px 15px -1px rgba(230,230,230,1);
}

.div-registro-input{
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.h4-registro_input-title {
  font-size: 30px;
  color: #332927;
  padding-bottom: 10px;
  text-align: center;
}

.icon-facebook {
  vertical-align: -.3em;
  font-size: 1.6rem;
  color: #1778f2;
}

.icon-google {
  width: 23px !important;
  height: 23px !important;
}

.btn-registro_input-facebook {
  background-color: #FFFFFF;
  color: #333;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 33px;
  margin-top: 0;
  font-weight: 400;
}

.a-registro_input-redes_sociales {
  color: #fff !important;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 1rem;
}


.btn-registro_input-google {
  background-color: #FFFFFF;
  color: #333;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 33px;
  margin-top: 0;
  font-size: 1rem;
  font-weight: 400;
}

.divs-registro_input{
  height: 60px;
  font-size: 16px;
}

.divs-registro_input .inputs-registro_input {
  height: 60px;
  padding: 24px 24px 24px 24px !important;
  border-radius: 12px !important;
  font-size: 16px;
  color: #222;
  border: 1px solid #e7e7e7;
  transition: .1s;
}

.divs-registro_input .inputs-password {
  border-right-color: transparent;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

a{
  cursor: pointer;
  color: #111;
}

.inputs-registro_input:focus {
  border-color: #766DF4 !important;
  transition: .1s;
}

.inputs-password:focus {
  border-right-color: transparent !important;
  transition: .1s;
}

.inputs-password:focus + .ojo-password {
  border-color: #766DF4 !important;
  border-left-color: transparent !important;
  transition: .1s;
}

.btn-registro_input-crear_cuenta{
  font-size: 1rem !important;
  background: #6A1AAF !important;
  border: none !important;
  font-weight: 400 !important;
  line-height: 31px;
  border-radius: 8px !important;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
}

.btn-registro_input-crear_cuenta:hover {
    -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}
/* END DIV RIGHT */

/* VERIFICACION REGISTER LOGIN */
.div-signup-verify {
  width: 40% !important;
  margin: auto !important;
  background: white !important;
  border-radius: 15px !important;
}

#btn-signup-verify {
  font-size: .9rem !important;
  background: #6A1AAF !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
  border-radius: 8px !important;
  background-image: linear-gradient(20deg,#4A0198,#762DC3) !important;
}
/* END VERIFICACION REGISTER LOGIN */

/* END REGISTER LOGIN */

/* INICIAR SESION LOGIN */
.div-container-iniciar_sesion {
  background: transparent !important;
  padding-top:25px !important;
}

.div-row-iniciar_sesion{
  display: flex;
  justify-content: center;
  padding: 10px 0;
  border-radius: 8px;
  margin-top: 20px;
}

/* DIV LEFT */
.div-iniciar_sesion-mensaje {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  background-image: linear-gradient(20deg,#4A0198,#762DC3) !important;
}
/* END DIV LEFT */

/* DIV RIGHT */
.div-iniciar_sesion-input {
  padding: 40px 5% !important;
  background:white !important;
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  border: none !important;
}

.h4-iniciar_sesion_input-title {
  font-size: 29px !important;
  
  color: #332927 !important;
  padding-bottom: 30px !important;
  text-align: center;
}

#btn-login {
  font-size: .9rem !important;
  background: #6A1AAF !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
  border-radius: 8px !important;
  background-image: linear-gradient(20deg,#4A0198,#762DC3) !important;
}
/* END DIV RIGHT */
/* END INICIAR SESION LOGIN */

/* FINALIZAR COMPRA */
.div-finalizar_compra {
  display: flex !important;
  justify-content: space-between !important;
}

.a-finalizar_compra-regresar_carrito {
  font-size: 16px !important;
  display: block !important;
  padding: 15px 0 !important;
  margin-left: 20px !important;
  color: #333 !important;
  margin-left: 85% !important;
    margin-top: 35px;
    width: 100%;
}

/* LEFT */
.div-finalizar_compra-direccion_usuario {
  border-radius: 15px !important;
  background: white !important;
  padding: 30px 20px !important;
  margin-bottom: 10px;
  padding-bottom: 0px !important;
  padding-top: 22px !important;
}

.h4-finalizar_compra-direccion_usuario-title {
  padding: 20px 0;
  padding-bottom: 0;
 
  font-size: 20px !important;
  
  color: #332927 !important;
  font-weight: 600;
  padding-top: 0px !important;
  margin-bottom: 15px;
}

.direccio_prede{ color: #333; font-size: .9rem;}

.div-finalizar_compra-direccion_usuario-agregar_direccion {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  padding: 30px 15px;
  border:1px dashed #e50c40;
  border-radius: 8px;
}

.h2-finalizar_compra-direccion_usuario-elegir_direccion {
  width: 100%;
  font-size: 18px;
  padding: 0 30px;
  color: #332927 !important;
  font-weight: 600;
}

.p-finalizar_compra-direccion_usuario-elegir_direccion {
  width: 100%;
  padding: 0 30px;
  font-size: 15px;
  color: #332927 !important;
  font-style: normal !important;
  line-height: 100% !important;
}

.div-finalizar_compra-direccion_usuario-mostrar_direccion_seleccionada {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  width: 100% !important;
  border:1px solid #766DF4 !important;
  border-radius: 8px !important;
  padding: 12px;
  
}
.cambio-box-direccion{
  width: 100%;
  display: flex;
  justify-content:flex-end;
  padding: 12px 12px;
}
.box-direccion-payment{
  width: 100%;
  display: flex;
  min-height: 70px;
  justify-content: space-between;
}
.con-dato-direccion{
  padding: 0 !important;
}

.h2-finalizar_compra-direccion_usuario-elegir_tienda {
  width: 100%;
  padding: 0 30px;
  font-size: 16px;
  color: #332927 !important;
  font-weight: 600;
  font-style: normal !important;
  line-height: 100% !important;
}

.p-finalizar_compra-direccion_usuario-elegir_tienda {
  width: 100%;
  padding: 0 30px;
  font-size: 14px;
  color: #332927 !important;
  font-style: normal !important;
  line-height: 100% !important;
}

.a-finalizar_compra-direccion_usuario-agregar_direccion{
  padding: 10px 0 !important;
  color: #e50c40 !important;
}

/* Agregar dirección por distrito por JS */

.modal-body-user_address {
  padding-bottom: 2%;
}

.modal-footer-user_address {
  padding-top: 0;
}

.h1-finalizar_compra-direccion_usuario-modal-title {
  width: 100%;
  padding: 10px 0;
  font-size: 18px !important;
 
  color: #332927 !important;
  font-weight: 600;
  text-align: center;
  display: flex;
}

.input-finalizar_compra-direccion_usuario-modal-nombre {
  width: 65% !important;
  margin-right: 15px !important;
}

.input-finalizar_compra-direccion_usuario-modal-celular {
  width: 30% !important;
}

.combobox-finalizar_compra-direccion_usuario-modal-distritos {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #ced4da !important;
  margin-bottom: 15px !important;
  border-radius: 8px !important;
}

.btn-finalizar_compra-direccion_usuario-modal-cancelar_direccion {
  color: #222 !important;
  border: none !important;
  font-size: 1rem !important;
  background: #6A1AAF !important;
  background-image: none;
  border-radius: 8px !important;
  font-weight: 400 !important;
  background-image: linear-gradient(20deg,#B9B9B9,#D2D2D2) !important;
  padding: 15px 15px 15px 15px !important;
  opacity: 4 !important;
  margin-left: 1px !important;
  letter-spacing: 1px;
}

.btn-finalizar_compra-direccion_usuario-modal-agregar_direccion {
  border: none !important;
  font-size: 1rem !important;
  background: #6A1AAF !important;
  border-radius: 8px !important;
  font-weight: 400 !important;
 background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
  padding: 15px 15px 15px 15px !important;
  opacity: 4 !important;
  margin-left: 1px !important;
  letter-spacing: 1px;
}

/* LISTA MIS DIRECCIONES */
.span-finalizar_compra-direccion_usuario-listar_direcciones {
  padding: 0 0px !important;
  font-size: 15px !important;
  color: #332927 !important;
  font-style: normal !important;
  line-height: 100% !important;
}

/* MODAL */
.h1-finalizar_compra-direccion_usuario-modal-listar_direcciones-title {
  width: 100%;
  padding: 10px 0;
  font-size: 20px !important;
  color: #332927 !important;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.btn-finalizar_compra-direccion_usuario-modal-listar_direcciones-cancelar_direccion {
  color: #222 !important;
  border: none !important;
  font-size: 1rem !important;
  background: #6A1AAF !important;
  background-image: none;
  border-radius: 8px !important;
  font-weight: 400 !important;
  background-image: linear-gradient(20deg,#B9B9B9,#D2D2D2) !important;
  padding: 15px 15px 15px 15px !important;
  opacity: 4 !important;
  margin-left: 1px !important;
  letter-spacing: 1px;
}

.linea-texto-direccion {
  width: 100%;
  margin: auto 0;
  color: #474747;
  font-size: .9rem;
}

.btn-finalizar_compra-direccion_usuario-modal-listar_direcciones-elegir_direccion {
  border: none !important;
  font-size: 1rem !important;
  border-radius: 8px !important;
  font-weight: 400 !important;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
  padding: 15px 15px 15px 15px !important;
  opacity: 4 !important;
  margin-left: 1px !important;
  letter-spacing: 1px;
}
/* END MODAL */
/* END LISTA MIS DIRECCIONES */
/* End Agregar dirección por distrito por JS */

.div-finalizar_compra-comprobante {
  padding: 30px 20px !important;
  border-radius: 15px !important;
  background: white !important;
  margin: -15px 0px 0px 0px;
  margin-bottom: 10px;
  padding-bottom: 10px !important;
  padding-top: 22px !important;
}

.h4-finalizar_compra-comprobante-title {
  padding: 20px 0;
  color: #222;
  font-size: 20px !important;
  padding-top: 0;
  color: #332927 !important;
  font-weight: 600;
  padding-bottom: 0;
}

.p-finalizar_compra-comprobante-texto{
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 200;
  color: #333;
  font-size: .9rem;
}

.span-finalizar_compra-comprobante-texto{
  margin: auto 0 !important;
  font-weight: 400 !important;
  font-size: 16px;
  color: #474747 !important;
}

.div-finalizar_compra-medio_pago {
  padding: 30px 20px !important;
  border-radius: 15px !important;
  background: white !important;
 
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  padding-top: 22px !important;
}

.h4-finalizar_compra-medio_pago-title {
  padding: 0px 0;
 
  font-size: 20px !important;
  padding-bottom: 10px;
  color: #332927 !important;
  font-weight: 600;
  margin-bottom: 15px;
}

.h2-finalizar_compra-comprobante-texto{
  padding: 10px 30px !important;
  font-weight: 600 !important;
  font-size: 16px ;
  color: #332927 !important;
}

.div-finalizar_compra-datos_llenados {
  padding: 20px !important;
  border-radius: 15px !important;
  background: white !important;
  margin: -15px 0px 0px 0px;
}

.h4-finalizar_compra-datos_llenados-title {
  padding: 20px 0;
  font-size: 20px !important;
  color: #4A0198 !important;
}

.label-finalizar_compra-datos_llenados{
  width: 100% !important;
  display: flex !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #332927 !important;
  font-style: normal !important;
  line-height: 120% !important;
}

.sub_label-finalizar_compra-datos_llenados {
  margin-left: 10px;
  font-size: 15px !important;
  color: #332927 !important;
  font-weight: normal !important;
}

/* RIGHT */
.resumen-finalizar_compra-title{
  font-size: 20px;
  color: #332927;
  border-bottom: 1px solid #ececec !important;
  padding-bottom: 25px;
  margin: 20px 20px 20px 20px;
}

.resumen-finalizar_compra-texto_total {
  font-size: .9rem !important;
  font-weight: 600 !important;
  
  color: #332927 !important;
  padding-left: 10px ;
}

.item-finalizar_compra-name {
  background-color: transparent;
  color: #474747 !important;
  font-size: 14px !important;
}

.item-finalizar_compra-total {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  color: #332927 !important;
  font-size: 14px !important;
  width: 60% !important;
  padding-right: 10px !important;
  text-align: right;
  font-weight: 500;
}

.resumen-finalizar_compra-total {
  text-align: right;
  font-weight: 600;
  color: #332927;
  padding-right: 10px;
  font-size: .9rem !important;
}

.btn-finalizar_compra-fin {
  border: none !important;
  font-size: .9rem !important;
  background: #6A1AAF !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
  padding: 15px 15px 15px 15px !important;
  opacity: 4 !important;
  margin-left: 1px !important;
  transition: .5s;
}
.btn-finalizar_compra-fin:hover{
   -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    transition: .5s;
}
.home-a-contro-right{
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
}
.home-a-contro-left{
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
}
.update-user:hover{
  -webkit-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -17px rgba(0,0,0,0.75);
}
/* END LEFT */

/* END FINALIZAR COMPRA */

/* MI PERFIL */
/* MIS PEDIDOS */
/* MIS PEDIDOS DIV LEFT */
.div-mi_perfil-left{
  max-height: 70vh;
  border-radius: 15px !important;
  padding-top: 10px !important;
  -webkit-box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  -moz-box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
}

.i-mi_perfil-left-menu:active {
  color: #6A1AAF !important;
}

.i-mi_perfil-left-menu {
  
  font-size: .9rem !important;
  border-bottom: 1px solid #f5f5f5 !important;
  font-weight: 400 !important;
  padding: 15px 15px !important;
}
/* END MIS PEDIDOS DIV LEFT */

/* MIS PEDIDOS DIV RIGHT */
.div-mi_perfil-right-mis_pedidos{
  border-radius: 15px !important;
  padding-top: 20px !important;
  -webkit-box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  -moz-box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  max-height: 100vh !important;
  overflow-y: scroll !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}

.div-mi_perfil-right-mis_pedidos-title{
  margin-left: 3% !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #e5edef;
  margin-bottom: 20px !important;
  padding-right: 4% !important;
}

.h3-mi_perfil-right-mis_pedidos-title{
  font-size: 30px !important;
  
  color: #333 !important;
  font-weight: 600 !important;
}

.p-mi_perfil-right-mis_pedidos-subtitle {
  line-height: 1.64 !important;
  color: #444 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.p-mi_perfil-right-mis_pedidos-list-estado-pendiente{
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 18px !important;
  border-radius: 0 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: rgba(12, 163, 198, 0.09) !important;
  color: #0cadc8 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}
.p-mi_perfil-right-mis_pedidos-list-estado-danger{
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 18px !important;
  border-radius: 0 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: rgba(255, 0, 0, 0.09) !important;
  color: red !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

.p-mi_perfil-right-mis_pedidos-list-estado-encamino{
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 18px !important;
  border-radius: 0 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: rgba(105, 12, 198, 0.09) !important;
  color: #a10ce5 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

.p-mi_perfil-right-mis_pedidos-list-estado-entregado{
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 18px !important;
  border-radius: 0 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: rgba(12,198,101,.09);
  color: #0cc665;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

.p-mi_perfil-right-mis_pedidos-list{
  font-size: 14px !important;
  letter-spacing: 0 !important;
  padding-right: 5px !important;
  color: #222 !important;
}

.span-mi_perfil-right-mis_pedidos-list {
  display: inline-block !important;
  vertical-align: top !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #444 !important;
}
.dt-imga{
  background: white;
  padding: 4%;
  max-height: 200px;
  min-height: 200px;
}
.carrusel-pc-nuevo{
  height: 52vh;
  overflow: hidden;
}
.dt-imga img{
  border-radius: 8px;
  max-width: 100%;
  max-height: 100%;
}
.option-edit{
  display: flex;
}
.option-edit a{
  margin: auto;
  outline: none;
}
.option-edit a:focus{
  background:none;
}

.a-mi_perfil-right-mis_pedidos-list-ver_detalles {
  padding: 15px !important;
  font-size: .9rem !important;
  border: none !important;
  border-radius: 8px !important;
  width: 30%;
  display: flex;
  justify-content: center;
  font-weight: 400 !important;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%);
  color: #fff !important;
}
/* END MIS PEDIDOS DIV RIGHT */
/* END MIS PEDIDOS */

/* MIS DATOS PERSONALES */
/* MIS DATOS PERSONALES DIV RIGHT */
.div-mi_perfil-right-mis_datos_personales{
  border-radius: 15px !important;
  padding-top: 20px !important;
  -webkit-box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  -moz-box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
  box-shadow: 1px 1px 13px -13px rgba(0,0,0,0.75) !important;
}

.h3-mi_perfil-right-mis_datos_personales-title{
  margin-left: 3% !important;
  font-size: 30px !important;
  
  color: #333 !important;
  font-weight: 600 !important;
}

.btn-mi_perfil-right-mis_datos_personales-actualizar{
  font-size: .9rem !important;
  background: #4A0198 !important;
  background-image: none;
  border: none !important;
  font-weight: 400 !important;
  padding: 15px 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%)  !important;
}

.btn-mi_perfil-right-mis_datos_personales-delete{
  font-size: .9rem !important;
  background: #e50c40 !important;
  background-image: none;
  background-image: none;
  border: none !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
  border-radius: 8px !important;
  background-image: linear-gradient(20deg,#e50c40,#ff3b6a) !important;
}
/* END MIS DATOS PERSONALES DIV RIGHT */
/* END MIS DATOS PERSONALES */

/* END MI PERFIL */

/* ONE ITEM */
.precio-item-u{
  display: flex;
 

}
.precio-c{
  font-weight: 600;
  padding: 5px ;
  width: 35%;
  text-align: center;
}
.precio-r{
  margin-left: 15px;
  font-weight: 600;
   width: 20%;
   text-align: center;
  font-size: .9rem !important;
  color: #a2a2a2 !important;
  text-decoration: line-through;
  padding: 5px ;
}
.descuento-u{
  margin-left: 15px;
  background: #614092;
  color: white;
   width: 35%;
   text-align: center;
  border-radius: 8px;
  text-align: center;
  padding: 5px;
}
.div-one_item{
  background: #f9f9f9 !important;
  margin-bottom: 20px !important;
}

.div-one_item-mas_informacion{
  background: #f9f9f9 !important;
  margin-bottom: 20px !important;
}

.div-one_item-sub{
  display: flex !important;
  background: white !important;
  margin: auto !important;
  flex-direction: row;
  padding: 20px 0 !important;

  border-radius: 15px !important;
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1) !important;
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1) !important;
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1) !important;
}

.tabbable .nav-tabs {
  overflow-x: auto;
  overflow-y:hidden;
  flex-wrap: nowrap;
}

.tabbable .nav-tabs .nav-link {
 white-space: nowrap;
}
/* END ONE ITEM */

/* RECUPERAR CUENTA */
.h4-recovery-title{
  font-size: 30px !important;
  
  color: #332927 !important;
}

.btn-recovery-verificar_cuenta{
  font-size: 1rem !important;
  background-image: none;
  border: none !important;
  font-weight: 400 !important;
  padding: 15px 0 !important;
  border-radius: 8px !important;

}

.btn-recovery-cambiar_password{
  font-size: .9rem !important;
 
  background-image: none;
  border: none !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
  border-radius: 8px !important;
  
}

.btn-recovery-regresar_login {
  border: none !important;
  background: #e50c40 !important;
  background-image: none !important;
  background-image: none !important;
  display: flex !important;
  justify-content: center !important;
  outline: none !important;
  padding: 10px 0 !important;
  border-radius: 8px !important;
  background-image: linear-gradient(20deg,#e50c40,#ff3b6a) !important;
  color: white !important;
}
/* END RECUPERAR CUENTA */

/* MODAL INICIAR SESION */
.modal-content {
  border: 0px solid transparent;
}
/* END MODAL INICIAR SESION */

/* SERVICIO CLIENTE - SOPORTE */
.showmodal-soporte {
  cursor: pointer;
}

.modal-body-p-info{
  font-size: 14px;
  color: #6c6c6c;
}

.ayuda-general-top {
  padding-top: 0 !important;
}

.ayuda-general-bottom {
  margin-bottom: 3%;
}

.row-ayuda {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.single-services:hover {
    border-color: #766df4;
}

.single-services {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 30px 0 rgba(167,167,167,.16);
    -moz-box-shadow: 0 5px 30px 0 rgba(167,167,167,.16);
    box-shadow: 0 5px 30px 0 rgba(167,167,167,.16);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    padding: 50px 30px;
    border: 2px solid transparent;
    border-radius: 8px;
}
.single-services:hover .services-icon .shape {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.single-services .services-icon {
    display: inline-block;
    position: relative;
}

.single-services .services-icon img {
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}

.single-services .services-icon .shape-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.single-services .services-icon i,
.single-services .services-icon svg {
    position: absolute;
    top: 50%;
    left: 48%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 34px;
    color: #fff;
}

.lni {
    display: inline-block;
    font: normal normal normal 1em/1 'LineIcons';
    font-size: 1em;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mt-30-ayuda {
    margin-top: 30px;
}

.services-title {
    font-size: 22px;
    font-weight: 700;
    color: #2e2e2e;
    margin: 0;
}

.services-title a:focus, .services-title a:hover {
    text-decoration: none;
}

.single-services .services-content .services-title a {
    font-size: 26px;
    font-weight: 700;
    color: #2e2e2e;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.spancing-inline {
    display: inline-block;
}

.a-sabermas {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}


.single-services .services-content .services-title a:hover {
    color: #361cc1;
}

.single-services .services-content .services-title a {
    font-size: 26px;
    font-weight: 700;
    color: #2e2e2e;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.a-sabermas:focus, .a-sabermas:hover {
    text-decoration: none;
}

.single-services .services-content .text {
    margin-top: 30px;
}

.p-datos-ayuda {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #6c6c6c;
    margin: 0;
}

.single-services .services-content .more:hover {
    color: #361cc1;
}

.single-services .services-content .more {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
/* SERVICIO CLIENTE - SOPORTE END */

/* SOBRE NOSOTROS */
#about-us {
  background-image: url('../images/fondo-acerca-nosotros.svg?ver=1.0');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 650px;
  position: relative;
  overflow: hidden;
  padding: 20px 0 80px;
  filter: hue-rotate(1000.2deg);
}

.about-us {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.container-about-us {
  padding-top: 10px !important;
  background: transparent !important;
  padding-left: 0;
  padding-right: 0;
}

.about-us-section-title .about-us-title {
  font-size: 44px;
  font-weight: 600;
  line-height: 55px;
  color: #121212;
}

.about-us-section-title .text {
  font-size: 16px;
  line-height: 24px;
  color: #6c6c6c;
  margin-top: 24px;
  margin-right: 5%;
}

.mt-40 {
    margin-top: 40px;
}

.d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.about-us-services-content .about-us-services-icon i,
.about-us-services-content .about-us-services-icon svg {
  margin-top: 50%;
  font-size: 64px;
  color: #0067f4;
}

.about-us-services-content .about-us-services-content {
    padding-left: 15px;
}

.about-us-services-content .about-us-services-content .about-us-services-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #121212;
}

.about-us-services-content .about-us-services-content .text {
    font-size: 14px;
    line-height: 20px;
    color: #121212;
    margin-top: 8px;
}

.about-us-p {
    font-weight: 400;
    margin: 0px;;
}

.about-us-services-image {
  padding-top: 4%;
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  right: 0;
}

.about-us-services-image .about-us-image {
  max-width: 450px;
  width: 100%;
}

.about-us-services-image .about-us-image img {
  width: 100%;
}

.about-us-image img {
  max-width: 100%;
}

.about-us-image img {
  vertical-align: middle;
  border-style: none;
}
/* END SOBRE NOSOTROS */

/* VENDER POR INTERNET */

/* RESELLER WHY */

.reseller-why {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.container-reseller-why {
  padding-top: 10px !important;
}

.reseller-why-section-title .reseller-why-title {
  font-size: 44px;
  font-weight: 600;
  line-height: 55px;
  color: #121212;
}

.reseller-why-section-title .text {
  font-size: 16px;
  line-height: 24px;
  color: #6c6c6c;
  margin-top: 24px;
}

.mt-40 {
  margin-top: 40px;
}

.d-sm-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.reseller-why-services-content .reseller-why-services-icon i,
.reseller-why-services-content .reseller-why-services-icon svg {
  margin-top: 50%;
  font-size: 64px;
  color: #0067f4;
}

.reseller-why-services-content .reseller-why-services-content {
  padding-left: 15px;
}

.reseller-why-services-content .reseller-why-services-content .reseller-why-services-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  color: #121212;
}

.reseller-why-services-content .reseller-why-services-content .text {
  font-size: 14px;
  line-height: 20px;
  color: #6c6c6c;
  margin-top: 8px;
}

.reseller-why-p {
  font-weight: 400;
  margin: 0px;;
}

.reseller-why-services-image {
  padding-top: 4%;
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  right: 0;
}

.reseller-why-services-image .reseller-why-image {
  max-width: 450px;
  width: 100%;
}

.reseller-why-services-image .reseller-why-image img {
  width: 100%;
}

.reseller-why-image img {
  max-width: 100%;
}

.reseller-why-image img {
  vertical-align: middle;
  border-style: none;
}

/* RESELLER PROCESS */
.pb-10 {
  padding-bottom: 10px;
}

.pb-dato {
  padding: 20% 0;
}

.section-title .title {
  font-size: 38px;
  font-weight: 600;
  color: #121212;
  line-height: 55px;
}

.section-title .text {
  font-size: 16px;
  line-height: 24px;
  color: #6c6c6c;
  margin-top: 24px;
}

.mt-50 {
  margin-top: 20px;
}

.container-reseller-register {
  padding-top: 1% !important;
}

.reseller-title {
  margin-bottom: 2%;
}

.reseller-left,
.reseller-right {
  background-color: #fff;
  transition: .3s ease;
  padding: 20px 20px 0px 20px;
  border-radius: 15px;
  -webkit-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
  box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
}

.reseller-left {
  padding-top: 0.1%;
  padding-bottom: 6%;
}

.reseller-process-services-icon h3 i,
.reseller-process-services-icon h3 svg {
  font-size: 80px;
  color: #0067f4;
}

ul.ul-ol-style, ol.ul-ol-style {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.portfolio-menu ul li {
  font-size: 16px;
  font-weight: 400;
  color: #6c6c6c;
  line-height: 48px;
  padding: 0 30px;
  position: relative;
  z-index: 5;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 4px;
  text-align: left;
}

.portfolio-menu ul li:hover::before,
.portfolio-menu ul li.active::before {
  opacity: 1;
}

.portfolio-menu ul li::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(left,#0058d0 0%,#3990ff 100%);
  background: -o-linear-gradient(left,#0058d0 0%,#3990ff 100%);
  background: linear-gradient(to right,#0058d0 0%,#3990ff 100%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}

.portfolio-menu ul li:hover,
.portfolio-menu ul li.active {
  color: #fff;
}

/* END VENDER POR INTERNET */

/* FOOTER */
footer > div:first-child {
  display: block !important;
}

footer {
  background: #efeff8 !important;
}

.div-footer-container{
    background: #efeff8 !important;
}

.div-footer-top {
  padding-top: 4% !important;
}

.div-footer-bottom {
  padding-top: 1% !important;
}

.new_footer_area {
  background: #efeff8;
}

.new_footer_top {
  padding: 0px 0px 0px;
  position: relative;
  overflow-x: hidden;
  background: #efeff8;
}

.new_footer_area .footer_bottom {
  padding-top: 5px;
  padding-bottom: 1rem;
}

.footer_bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #333;
  padding: 27px 0px;
}

.new_footer_top .company_widget p {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  color: #6a7695;
  margin-bottom: 20px;
}

.new_footer_top .company_widget .f_subscribe_two .btn_get {
  border-width: 1px;
  margin-top: 20px;
}

.btn_get_two:hover {
  background: transparent;
  color: #5e2ced;
}

.btn_get:hover {
  color: #fff;
  background: #6754e2;
  border-color: #6754e2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
  text-decoration: none;
  outline: none;
}

.new_footer_top .f_widget.about-widget .f_list li a:hover {
  color: #5e2ced;
}

.new_footer_top .f_widget.about-widget .f_list li {
  margin-bottom: 11px;
}

.f_widget.about-widget .f_list li:last-child {
  margin-bottom: 0px;
}

.f_widget.about-widget .f_list li {
  margin-bottom: 15px;
}

.f_widget.about-widget .f_list {
  margin-bottom: 0px;
}

.new_footer_top .f_social_icon a,
.new_footer_top .f_social_icon svg {
  width: 44px;
  height: 44px;
  line-height: 43px;
  background: transparent;
  border: 1px solid #e2e2eb;
  font-size: 24px;
}

.f_social_icon a,
.f_social_icon svg {
  width: 46px;
  height: 46px;
  border-radius: 30%;
  font-size: 14px;
  line-height: 45px;
  color: #858da8;
  display: inline-block;
  background: #ebeef5;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.new_footer_top .f_social_icon a.fa-facebook:hover,
.new_footer_top .f_social_icon svg.fa-facebook:hover {
  background: #fff;
  border-color: #fff;
  color:#3073FF;
  cursor: pointer;
}

.new_footer_top .f_social_icon a.fa-instagram:hover,
.new_footer_top .f_social_icon svg.fa-instagram:hover {
  color:white;
  border-color: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  cursor: pointer;
}

.f_tarjetas {
  display: block !important;
}

.tarjeta-visa {   
  height: 35px !important;
  width: 48px !important;
  background-image: url("../images/Visa.svg?ver=2.0") !important; 
}

.tarjeta-mastercard {   
  height: 35px !important;
  width: 48px !important;
  background-image: url("../images/Mastercard.svg?ver=2.0") !important;
}

.tarjeta-amex {   
  height: 35px !important;
  width: 48px !important;
  background-image: url("../images/American-Express.svg?ver=2.0") !important;
}

.icon {
  display: inline-block;
  background-repeat: no-repeat;
}
.mr-3{
  margin-right: 16px !important;
}

.btn_get_two {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #5e2ced;
  border-color: #5e2ced;
  color: #fff;
}

.btn_get_two:hover {
  background: transparent;
  color: #5e2ced;
}

.new_footer_top .f_social_icon a + a,.new_footer_top .f_social_icon svg + svg {
  margin-left: 4px;
}

.new_footer_top .f-title {
  margin-bottom: 15px;
  color: #333;
}

.new_footer_top .f-title-redes{
  margin-bottom: 15px;
}

.f_600 {
  font-weight: 600;
}

.f_size_18 {
  font-size: 18px;
}

.new_footer_top .f_widget.about-widget .f_list li a,
.new_footer_top .f_widget.about-widget .f_list li svg {
  color: #767676;
    font-size: .9rem;
    display: block;
    padding: 8px 0;
}

.new_footer_top .footer_bg {
  position: absolute;
  bottom: 0;
  background: url("../images/fondo_footer.png?ver=2.0") no-repeat scroll center 0;
  width: 100%;
  height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
  background: url("../images/delivery_bicicleta.png?ver=2.0") no-repeat center center;
  width: 88px;
  height: 120px;
  background-size:100%;
  position: absolute;
  bottom: 0;
  right: 8%;
  -webkit-animation: myCourier 15s linear infinite;
  animation: myCourier 15s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_two {
  background: url("../images/delivery_mujer.png?ver=2.0") no-repeat center center;
  width: 88px;
  height: 120px;
  background-size:50%;
  bottom: 0;
  left: 8%;
  position: absolute;
}

@-moz-keyframes myCourier {
  0% {
    right: -25%;
  }
  100% {
    right: 80%;
  }
}

@-webkit-keyframes myCourier {
  0% {
    right: -25%;
  }
  100% {
    right: 80%;
  }
}

@keyframes myCourier {
  0% {
    right: -25%;
  }
  100% {
    right: 80%;
  }
}

@media (max-width: 992px) {
  .storeandcategorie-list-items-title-mobile{
    display: none;
  }

  .caja-btn-orden{
   
  }

  .h4-finalizar_compra-direccion_usuario-title {
    padding: 20px 0;
    padding-bottom: 0;
   
    font-size: 20px !important;
    
    color: #332927 !important;
    font-weight: 600;
    padding-top: 0px !important;
    margin-bottom: 15px !important;
  }

  .encoje-tienda a {
    font-size: .9rem !important;
    padding: 12px 0px !important;
    border-bottom: 1px solid #f2f2f2;
    padding-left: 10px !important;
    margin-left: 0;
  }
  .img-tienda-titu.category-nuevo {
   margin-top:  0 !important;
  }
  .asignacion-padding-bottom{
    padding-bottom: 20px !important;
  }

  .filtro-orden-movil{
    display: none !important;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
  }
  .filtro-orden-movil h1{
    margin-bottom: 15px;
    width: 100%;
  }

  #filtro_precio {
   margin-left: 0px ;
  }

  .filtro-orden-movil button{
    width: 30%;
    display: block;
    padding: 10px;
    border-radius: 8px;
    color: #766df4;
    font-size: .7rem;
    background: white;
    text-align: center;
    border: 1px solid #766df4;
  }
  .quitar_p{
  margin-top: 0;
  }
  .box-beneficio{
    width: 32%;
    margin: auto;
    margin-bottom: 20px;
  }
  .close-filtro{
    display: flex;
    padding: 0 15px;
  }

  .close-filtro.n2{
    display: none;
    padding: 0 0px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
  }


  .texto-beneficion h1,
  .texto-beneficion p{
    margin-left: 10%;
  }

  .categoria-movi{
    top: 0;
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    margin-left: -100%;
    background: white;
    z-index: 9999;
    height: 100vh;
    padding: 20px;
    transition: .5s;
  }

  .categoria-movi2{
    top: 0;
    display: block;
    position: fixed;
    width: 100%;
    background: white;
    z-index: 9999;
    height: 100vh;
    transition: .5s;
    margin-left: 0;
    padding: 20px;
  }

  #myCarousel2 .home-a-contro-left{
    display: none;
  }

  #myCarousel2 .home-a-contro-right{
    display: none;
  }

  .number-input{
    width: 100% !important;
    flex: auto !important;
    max-width: 90% !important;
    margin-bottom: 5px;
  }
  .row-mv{
    flex-direction: column !important; 
  }
  
  .row-mv.home-new {
    /* padding: 0 20px; */
    /* padding-left: 25px; */
    padding: 0 4.8%;
}
  .li-mv-index{
        width: 48% !important;
    max-width: 48% !important;
    flex: auto !important;
    /* margin: auto; */
    margin-left: 2%;
    margin-bottom: 3%;
  }
  
  .home-new .li-mv-index{
    width: 90% !important;
    max-width: 90% !important;
    flex: auto !important;
    margin: auto;
  }
  .home-new .card-item{
    display: flex !important;
    flex-direction: row;
    border-radius: 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding: 0px 0 !important;
  }
  .cuerpo-error {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-top: 8%;
}
  .tts{
    padding: 8px 0 !important;
  }
  .caja-slider{
    border-radius: 15px !important;
    height: auto !important;
  }

  .conte_img {
    max-width: 100%;
    height: auto;
    padding: 5px;
    min-width: 30%;
}
  .home-new .conte_img{
    width: 30%;
  }
  .li-mv-index.stilo-lateral-item {
    width: 90% !important;
    max-width: 90% !important;
  }

  .card-body{
    width: 100% !important;
    padding-right: 11%;
    padding-bottom: 0;
    padding: 4%;
  }

  #carouselExampleIndicators{
    padding: 2% !important;
    border-radius: 10px !important;
    height:200px !important;
  }
  
  .pag-movil{
   
  }
  .img-card-interno{
    height: auto;
    width: 70%;
    max-height: 160px;
  }

  .btn-add-item_{
    max-width: 100% !important;
    flex: auto !important;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #077DB4;
  }

  .mna{
    display: none !important;
  }

  .mna-p{
    max-width: 55% !important;
    width: 55% !important;
    flex:auto !important;
    justify-content: space-around !important;
  }

  #titutitu {
    display: flex !important;
  }

  .abc_e{
    width: 60% !important;
    max-width: 60% !important;
    flex: auto !important;
  }

  .abc_e p{
    display: none;
  }
 
  .mna-p div svg{
    color: red;
  }

  .srch{
    max-width: 10% !important;
  }

  .srch div input {
    height: 40px !important;
    max-width: 80% !important;
  }

  .cajita-s{
    min-width: 10% !important;
    max-height: 40px !important;
    min-height: 40px !important;
  }
  
  .cajita-s svg{
    font-size: 1rem !important;
  }
  .body-pedido-modal {
    max-height: 82vh;
    overflow-y: scroll;
    padding: 15px 3% !important;
}

  .hovercate{
    flex-direction: column;
    background: white !important;
    justify-content: center !important;
  }
 
  .hovercate svg{
    font-size: 1.5rem !important;
    margin: auto 0 !important;
  }

  .hovercate:hover .categoria{
    display: none;
    padding: 0 10px;
    margin-top: 0 !important;
  }

  .categoria{
    width: 100% !important;
    position: fixed;
    margin-top: 0 !important;
    height: 100vh !important;
    background: white !important;
    z-index: 1999;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .categoria-pc{
    display: none !important;
  }

  .categoria-tablet{
    display: flex !important;
  }

  div.bus_ input {
    height: 38px !important;
    padding: 0 5px !important;
    padding-left: 10px !important;
  }

  .btn-user-session{
    background-image: none !important;
    background: white !important;
    transition: .5s;
  }

  .menu-car-tablet{
    width: 20%;
    padding-right: 0 !important;
  }

  .logo-cate{
    width: 25%;
  }

  .logo-logo{
    width: 80%;
    flex:auto; 
     max-width: 80%;
  }

  .titu-ctg_ {
    display: none;
  }

  .busqueda-mv-nuevo-pc{
    width: 45%;
  }

  .logo-cate .hovercate {
    width: 40%;
    margin: auto 0;
    flex:auto;
  }

  .btn-user-session svg{
    
  }

  .btn-user-session p{
    display: none !important;
  }

  #sub_categoria{
    width: 100% !important;
    background: white !important;
  }

  .box-usuario-session{
    width: 50%;
    color: white;
  }

  #sub_categoria p {
    width: 100%  !important;
    color: black !important;
    padding: 5px 0 !important;
  }

  #sub_categoria_movil  {
    width: 100%  !important;
    color: black !important;
    padding: 5px 10px !important;
    display: flex;
    flex-direction: column;
  }

  #sub_categoria_movil p {
    width: 100%  !important;
    color: black !important;
    padding: 5px 0 !important;
  }

  #titutitu h3 {
    padding: 20px 0;
    text-align: center;
    background: white !important;
    font-size: 1.2rem;
    color: #222;
  }
  
  .caja-imagen-categoria-index{
    width: 80px;
    display: flex;
    height: 80px;
  }
  .categoria-home{
    width: 10% !important;
    max-width: 10%  !important;
    padding: 0 5px !important;
  }
  .categoria-home p{
    font-size: .7rem !important;
  }
  .caja-imagen-categoria-index img{
    margin: auto;
    max-width: 80px;
  }
  #titutitu_movil{
    padding:25px 25px !important;
    padding-right: 27px !important;
    padding-left: 15px !important;
  }
  

  #sub_categoria_movil p {
    display: none !important;
  }

  #sub_categoria_movil a{
    font-size: .9rem !important;
    padding: 15px 0px;
    font-weight: 300;
    color: #444;
    border-bottom: 1px solid #f2f2f2;
  }

  .buscar-item{
    margin-top: 60px !important;
  }

  .list-busquedad_v1{
    width: 58%;
    
  }
  .nuevo-estilo-pedido-modal {
    position: fixed;
    right: 0;
    height: 100vh;
    top: 0;
    width: 60%;
}
.pie-pedido-modal {
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 60%;
  left: 40%;
  padding: 0 3%;
  background: white;
  padding-bottom: 1%;
  -webkit-box-shadow: 0px -27px 21px -39px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
  box-shadow: 0px -27px 21px -39px rgb(0 0 0 / 75%);
}

  .categ{
    flex-wrap: wrap !important;
    width: 200% !important;
    max-width:  200% !important;
    flex:auto !important;
    padding:  0 !important;
    transition: .5s;
    margin: 0;
    box-shadow: none !important;
  }

  .categ.movido{
    flex-wrap: wrap !important;
    width: 200% !important;
    max-width:  200% !important;
    flex:auto !important;
    padding:  0 !important;
    margin-left: -100% !important;
    transition: .5s;
  }

  .categoria.abierto{
    display: block !important;
    display: block !important;
    margin-left: 0;
    top: 0;
  }

  .li_categoria{
    width: 50% !important;
    flex:auto !important;
    max-width: 50% !important;
    background: white !important;
    max-height: 100vh !important;
    overflow-y: scroll !important;
  }

  .li_categoria h4 {
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    line-height: 1rem !important;
    padding: 10px 0 !important;
    padding-left: 20px !important;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0 !important;
    color: black  !important;
    text-transform: uppercase !important;
    display: block;
  }

  .caja_produ.produ_masve{
    width: 100% !important;
  }

  .carruma > div {
    width: 30% ;
  }

  .bus_movil{
    position: fixed;
    height: 100vh;
    background: white ;
    display: block;
    width: 100%;
    z-index: 9999;
    margin-left: 200% !important;
    transition: .5s;
  }
  .btn-heart.no_gusta {
    top: 5px !important;

  }
  .btn-heart.gusta {
    top: 5px !important;
  }
  .bus_movil.encojido{
    margin-left: 0 !important;
    transition: .5s;
  }

   .clearable{
    
    height: 40px;
  }

  .bu_sm span input{
    width: 70% !important;
    margin-left: 10px !important;
    border:none !important;
    height: 45px !important;
    font-size: 1rem !important;
  }

  .sub_li_cate{
    max-width: 50% !important;
    width: 50% !important;
    flex:auto !important;
    background: white !important;
  }

  .hovercate > p{
    display: none;
  }

  .l-g img{
    width: 45px !important;
    height: 35px !important;
  }

  .lgc{
    max-width: 30% !important;
    padding: 0 !important;
    flex:auto !important;
    margin-left: -5px !important;
  }

  .category{
    width: 35%;
  }

  .category.category2{
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: scroll;
    margin-left: 0%;
    transition: .5s;
    margin-top: 0 !important;
  }

  .none-marca{
  
  }

  .lbv{
    flex-direction: column;
  }

  .mayor_m{
    width: 35% !important;
    font-size: .8rem !important;
  }

  .fi_1{
    width: 20% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex:auto !important;
    flex-wrap: wrap !important;
    
    justify-content: space-between;
    flex-direction: row-reverse !important;
  }

  .nombre-eleccion{
    padding-left: 10px !important;
  }
  
  .nombre-eleccion.mv-e{
    display: block;
    width: 100% !important;
    padding-top: 20px;
    color: #222;
    text-align: left !important;
  }
  .nombre-eleccion h2{
    text-align: left !important;
    padding: 0 0%;
  }
  .caja-btn-orden {
    width: 60% !important;
  }

  .fi_1 svg{
    font-size: 1rem !important;
    color: black ;
  }

  .filtros{
    color: red;
    padding: 20px 10px !important;
  }

  

  .ctg{
    width: 30%;
    display: none;
    margin-right: 3%;
  }

  .pdt_p{
    width: 60% !important;
  }

  .fi_3{
    max-width: 100% !important;
    margin-bottom: 15px !important;
  }

  .producto_{
    width: 98% !important;
    padding-top: 0px !important;
    margin: 0 auto;
  }

  .pago_tipo h2{
    padding: 0 !important;
  }

  .pago_tipo label {
    margin-left: 0;
  }

  .pago_tipo label img{
    width: 60%;
    max-width: 100%;
  }

  .tablita_dire a{
    font-size: .9rem !important;
  }

  .dentro_input p {
    font-size: .75rem !important;
  }

  #boton_f{
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  #boton_f button {
    width: 100% !important;
  }

  .caja_pra{
    padding: 0 !important;
    width: 100% !important;
    padding: 0% !important;
    padding-left: 12% !important;
  }

  .alia{
    width: 40% !important;
  }
  .p-finalizar_compra-comprobante-texto {
  font-size: .7rem !important;
  }
  .span-finalizar_compra-comprobante-texto {
   font-size: 12px !important;
   font-weight: 500 !important;

  }
  .h2-finalizar_compra-comprobante-texto{
    font-size: 12px !important;
  }
  .pie-pagina-movil ul {
    margin-bottom: 0 !important;
  }
  .pie-pagina-movil {
    margin-bottom: 0px !important;
  }

  .divi{
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    left: 0;
    padding-top: 5px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0px !important;
  }

  .a-finalizar_compra-regresar_carrito {
    margin-top: 20px;
    margin-left: 0 !important;
  }
    
  .tts h4 {
    display: none;
  }

  .rgi{
    margin-top: 80px !important;
  }

  .sgp{
    position: fixed;
    bottom: 0 !important;
    background: white;
    padding: 0 10px !important;
    margin-left: -15px !important;
    width: 100% !important;
    min-height: auto !important;
    right: 0 !important;
    z-index: 99;
    max-width: 100% !important;
    border-radius: 0 !important;
    padding: 0 15px !important;
    -webkit-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
    box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
  }

  .nueva-clase-evento-car {
     margin-bottom: 0;
  }

  .box-compra-fin {
    width: 90%;
    margin-bottom: 2%;

  }
  .cuerpo-error a {
   font-size: 1rem;
  }
  .cuerpo-error svg.nuevo {
    font-size: 7rem;
  }
  .cuerpo-error .fin-compra {
    font-size: 1.6rem;
    margin-top: 15px;
  }

  .box-evento-car {
   box-shadow: none;
   padding: 0 !important;
  }

  .dl-t{
    display: flex;
    /* background: #6A1AAF; */
   padding-left: 10px;
    margin-bottom: 15px;
  }
  .resumen-finalizar_compra-texto_total {
   padding-left: 0 !important;
  }
  .caja_produ{
    width: 48% !important;
    padding: 5px !important;
  }
  .caja-tienda-item-all{
    justify-content: space-between;
  }
  .caja-box-categoria-all{
    display: flex;
    justify-content: space-between;
    padding: 0 5% !important;
  }
  .vista-p{
    flex-direction:row !important;
  }
  .div-one_item-sub{
    flex-direction:row !important;
  }
  .deta-it-dt {
    width: 88%;
    display: flex;
    justify-content: space-between;
    padding: 3% 5px;
    padding-left: 10px;
}
.media-left.nuevo-media{
  width: auto !important;
}
  
  .vista-p.nuevo {
    padding-top: 1% !important;
}
.nuevo-estilo-deseo-top{
  max-width: 96% !important;
  min-height: auto !important;
  margin-bottom: 2%;
}
.caja-title-deseos{
  margin-bottom: 30px;
}
.nuevo-estilo-perfil-usuario{
  padding: 0 1% !important;
}
  .caja_produ2{
    width: 100% !important;
    display: flex;
  }
  .estilo-perfil{
    min-height: auto !important;
    padding-bottom: 2%;
    max-width: 96%;
  }

  .caja_produ2 > a{
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 80%;
  }

  .caja_produ h4{
    font-size: .7rem !important;
    margin: 0 !important;
  }

  .caja_produ h1{
    font-size: .7rem !important;
    margin: 0 !important;
  }

  .caja_produ span{
    font-size: .8rem !important;
  }

  .caja_produ2 .conte-n-c{
    margin-top: 40px !important;
    margin-left: -95% !important;
  }

  #vertodop{
    width: 100% !important;
  }

  .caja_produ2 .detalle_p {
    width: 48%;
  }

  .zoomWrapper{
    padding-left: 0 !important;
    margin: auto;
    display: flex;
    margin-bottom: 20px !important;
    height: 200px !important;
  }

  .agregar_p{
    width: 100% !important;
    margin: auto;
  }

  .carte{
    width: 100% !important;
  }
  .botton-movil-item{
    width: 100% !important;
    
  }

  .zoomWrapper img{
    max-width: 100% !important;
    max-height: 250px !important;
    margin: auto;
  }

  .nombre-producto-item-u{
    margin-top: 15px;
  }
  .ver-item-thumbnail-img  img{
   width: auto !important;
  }
  .orden-c h1{
    margin-top: 0px ;
  }

  #form-login{
    margin-left: 0px !important;
    margin-top: 20px !important;
  }

  .dpr2{
    margin-left:0px !important;
    margin-top: 20px !important;
  }

  .pd{
    display: none !important;
  }

  .pdr{
    display: flex;
  }

  .arri a {
    font-size: .8rem !important;
  }

  .arri span svg{
    width: 30px !important;
    height: 30px !important;
    font-size: .8rem !important;
  }

  .arri span p {
    font-size: .9rem !important;
  }

  .pdr h2 {
    margin-left: 15px;
    font-size: .8rem ;
    color: #222;
  }

  .pedi_r{
    width: 100% !important;
    flex:auto !important;
    max-width: 100% !important;
  }

  .late{
    display: none;
  }

  .md-user{
    width:100%;
    margin: auto;
  }

  .carousel-control-next-icon{
    display: none;
  }


  .carousel-control-prev-icon{
    display: none;
  }

  .dt-imga{
    display: none;
    width: 30% !important;
  }

  .estado-dtm{
    justify-content: flex-start !important;
    margin-bottom: 5px ;
    padding: 5px !important; 
  }

  .estado-dtm span{
    padding: 5px !important;
  }

  .tbr-tab{
    margin-left: 0 !important;
  }
  .box-miniatura-info {
   width: 100%;
   display: flex;
 }
 .informacion-box-interno{
  margin-top: 10px;
 }
 .imagen-logo-item-miniatura{
  width: 20%;
 }
 .nombre-empresa-miniatura-item{
  margin: auto 0;
  margin-left: 15px;
  font-size: 1.1rem;
 }
  .ttp{
    margin-left: 0 !important;
  }

  #modada{
    width: auto !important;
  }

  .det-mr{
    width: 60% !important;
  }

  .dt-sm p{
    width: 100%;
    font-size: .7rem !important;
    margin: 0 !important;
    padding: 2px 0;
    font-size: 1rem !important;
  }

  .arri{
    color: red;
  }

  

  

  .pdr{
    display: none !important;
  }

  .md-user{
    margin-top: 0px !important;
  }

  .caja-tt{
    padding: 0 !important;
    width: 100% !important;
  }

  .login_new{
    flex-wrap: wrap;
  }

  .btuser button{
    margin-bottom: 10px !important;
  }

  .md-user > h3{
    font-size: 21px !important;
    padding: 0px 0 !important;
    margin: 0 !important;
    font-weight: 500 !important;
    padding-left: 10px !important;
  }

  .produ_d > h3{
    font-size: 1.1rem !important;
  }

  .login_new div{
    width: 100% !important;
    max-width: 100% !important;
    flex:auto !important;
  }

  .mna-p .login_new .a2{
    max-width: 100% !important;
    width: 100% !important;
  }

  .login_new input{
    width: 100% !important;
  }

  .cart-info{
    flex-direction: column;
    padding: 0 2% !important;
    margin-top: 0%;
  }

  .caja-cambio{
    display: flex;
    flex-direction: column;
  }

  .ttp h3{
    font-size: 1.4rem !important;
    padding: 0px 0 !important;
    margin: 0 !important;
    font-weight: 600 !important;
  }

  .caja-nada h1{
    font-size: 1rem;
  }

  .dire_p_t{
    padding:  5px !important;
    margin-left: 5px !important;
  }
  .media-padding-payment{
    padding-top: 15px !important;
  }

  .alin_car{
    margin-bottom: 10px !important;
    padding-left: 8px;
  }

  .tbl-car{
    display: none !important;
  }

  .caja_nueva{
    flex-direction: column !important;
    padding: 0px !important;
   
  }
  .checkout-return {
   margin-left: 0;
  }
   .new-payment-vista{
    padding: 0 3%;
    margin: 0;
    padding-top: 18%;
   }
  .mitad_iz{
    width: 100% !important;
    max-width: 100% !important;
    flex:auto !important;
    padding: 0 !important;
  }
  .titu-tienda.categoria-tienda{
     
    
     margin-top: 0;
     padding: 0;
     padding-left: 2%;
     margin: 0;
     margin-bottom: 2%;
  }
  .titu-tienda.categoria-tienda .img-tienda-titu{
    width: 130px;
    height: 130px;
    
  }
  .titu-tienda.categoria-tienda h1{
    text-align: center;
  }
  .dire_cb{
    padding: 10px ;
    background: white !important;
    border-radius: 8px;
  }
  .box-direccion-payment {
   min-height: 30px !important;
  }
  .mitad_iz h4{
    font-size: 20px !important;
    text-align: left !important;
    margin-bottom: 10px;
  }
  .pago_tipo label {
    padding:  8px 10px;
  }

  .mitad-de > h4{
    font-size: .8rem !important;
    text-align: left !important;
  }

  .container{
    padding-top: 15px !important;
  }

  .g_{
    padding: 20px 5px;
    width: 95%;
    border-radius: 10px;
    margin-top: 30px;
    display: none;
  }

  #form-signup{
    padding: 0 !important;
    flex-direction: column;
    margin-left: 20.5% !important;
    margin-right: 10.7% !important;
    margin-top: 1% !important;
  }

  #new_dire_a{
    padding: 10px !important ;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border:1px solid  #766DF4 !important;
  }

  .box-input-dire {
    width: 10%;
  }

  #new_dire_a span {
    width: 100%;
    margin: 0 !important;
    padding: 5px 0 !important;
    color: #474747 !important;
    font-size: 12px !important;
    text-transform: capitalize !important;
  }

  .box-nombre-brand h1 {
    font-size: 1rem;
  }

  #new_dire_a a {
    width: 90%;
    margin: auto !important;
    padding: 5px 0 !important;
  }

  .direccion_pro {
    padding: 0px !important;
    border:none !important;
  }

  .direccion_pro h2 {
    padding: 0 3px !important;
    font-size: .8rem !important;
  }

  .new_dire_a span{
    color: #222 !important;
  }

  .direccion_pro a {
    margin: 8px 0 !important;
  }

  .direccion_pro p {
    padding: 0 3px !important;
    font-size: .8rem !important;
  }

  .caja_pre_d{
    padding: 12px 8px !important;
  }

  .direccion_pro a {
    font-size: .9rem !important;
  }

  .sga{
    padding: 0 !important;
    margin-left: -13% !important;
  }

  .container-page-pedido{
    padding: 0 !important;
 margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 2.5% !important;
  }

  .mitad-de{
    width:  100% !important;
    max-width: 100% !important;
    flex:auto !important;
    background: white !important;
    position: relative !important;
    top: 0px;
    right: 0px;
    margin-top: 15px;
    padding: 5px !important;
    -webkit-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  }

  .menu-nuevo-pc{
    padding: 0px 2% !important;
  }

  .bus_sm_t{
    display: flex !important;
  }

  .dire_p_t a{
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }

  .filtro-mvs{
    padding: 10px 0 !important;
  }
  .bottom-sin-footer{
    margin-bottom: 200px !important;
  }

  .deseo-p{
    max-width: 100% !important;
    width: 100% !important;
    flex:auto !important;
  }

  .icon_dire{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .icon_dire svg{
    width: 35px !important;
    height: 35px !important;
  }

  .mtr-d {
    margin: 0 !important;
  }

  .mtr-d > h3 {
    font-size: .9rem !important;
  }
  .texto-movil{
    display: block !important;
    font-size: .8rem;
    margin-bottom: 0;
    height: 35px;
  }
  .texto-pc{
    display: none !important;
  }
  .beneficio-home{
    padding-bottom: 0 !important;
  }
  .orden-c{
    width: 100% !important;
    max-height: auto ;
    max-height:  auto !important;
    overflow-y: scroll;
    max-width: 100% !important;
    padding: 0;
    min-height: auto !important;
    margin-bottom: 0;
  }

  .caja_resu{
   
    background: white !important;
    border-radius: 8px !important;
    padding: 10px 5px !important;
    max-height: none;
    padding-bottom: 20px !important;
  }

  .precio-total h4{
    font-size: .9rem !important;
    color: #222;
  }
  .container.div-top-spacing.movil-espacio-top {
    padding-top: 8% !important;
    padding-bottom: 2.5%;
}
.lista-categoria {
    width: 30% !important;
    max-width: 33% !important;
}
.caja-box-categoria-all {
    display: flex;
    justify-content: space-between;
    padding: 0 5% !important;
    padding-bottom: 2.5% !important;
}
  
  .a-mi_perfil-right-mis_pedidos-list-ver_detalles {
    padding: 15px !important;
    font-size: .9rem !important;
    border: none !important;
    border-radius: 8px !important;
    width: 45%;
    display: flex;
    justify-content: center;
    font-weight: 400 !important;
    background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%);
    color: #fff !important;
}

.a-mi_perfil-right-mis_pedidos-list-ver_detalles svg{
   margin: auto 0 !important;
   margin-left: 8px !important;
}
  .box-user-lateral {
    width: 40%;
    display: block;
    height: 100vh;
    background: #fff;
    padding-top: 105px;
    -webkit-box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
    box-shadow: -17px 0px 23px -20px rgba(0,0,0,0.75);
}

   /* inicio */
  .div-registro-input {
    border-radius: 15px !important;
    margin-top: 8%;
    margin-bottom: 3%;
    padding: 23px !important;
}
  .fi_1 {
   padding-right: 5% !important;
    
  }
  .caja-adelante-menu{
   width: 35%;
    display: flex;
    justify-content: flex-end;
    padding: 15px 0 !important;
    padding-right: 20px !important;
    background: none;
    border:none;
  }
  .li_categoria a {
    margin: auto !important;
  }
  .caja-adelante-menu:focus{
    outline: none;
  }
  .caja-adelante-menu svg{
    font-size: 1.2rem !important;
    color: #444444;
  }
  .ctg{
    width: 15%;
  }
  .clasi{
    margin-right: 17% !important;
  }
  .close-filtro h1{
    border: 0 !important;
  }

  .btn-user-session svg {
    font-size: 1.9rem !important;
    color: #444 !important;
  }

  .menu-ul-a svg{
    font-size: 1.9rem !important;
  }

  .hovercate svg {
    font-size: 1.9rem !important;
    margin: auto 0 !important;
  }
  .box-item-car-new {
    max-height: 66vh;
    
    overflow-x: unset;
    display: flex;
    flex-direction: column;
    min-height: 350px;
  }
  .resumen-pedido-total_padre {
    text-align: center;
    font-size: 1rem !important;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    
    margin-bottom: 20px;
}
   .div-top-cart-spacing {
    padding-top: 3% !important;
    min-height: 80vh !important;
}

.div-top-cart-spacing.height-carrito {
  min-height: 40vh !important;
}
.div-home-slide {
  padding-top: 0% !important;

}
.div-top-spacing-categorie {
    padding-top: 6% !important;
}
.div-top-spacing, .div-top-user-spacing {
    padding-top: 0% !important;
    padding-left: 0;
    padding-right: 0;
}
.box-img-tipo-pago {
    width: 15%;
    min-height: 70px;
    display: flex;
}
.pedidos-box-nuevo-fin{
  padding: 0 2% !important;
  max-width: 100%;
  padding-top: 8% !important;
}
.new-payment-vista {
    padding: 0 2%;
    margin: 0;
    padding-top: 1%;
}
.close-filtro {
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
    padding: 0;
}
.caja-nov{
  width: 100%;
  margin-bottom: 20px;
}
.clearable__clear {
  display: none;
  position: absolute;
  right: 0;
  height: 14px;
  top: -2px;
  padding: 0 7px;
  font-style: normal;
  font-size: 1.7rem;
  user-select: none;
  cursor: pointer;
  background: transparent;
    /* background: #FAFAF8; */
}
.oferta-banner {
   flex-wrap: wrap;
  }
  .caja-foto-nov {
    width: 45% !important;
    margin: auto;
  }
  @-moz-keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 80%;
    }
  }

  @-webkit-keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 80%;
    }
  }

  @keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 80%;
    }
  }


}


.resumen-finalizar_compra-texto_total,
.resumen-finalizar_compra-total {
  padding-left: 0 !important;
  font-weight: normal !important;
}
.resumen-finalizar_compra-texto_total.fw-bold,
.resumen-finalizar_compra-total.fw-bold {
  font-weight: bold !important;
}

.div-total_pagar{
  width: 100%;
  padding: 10px 0px;
  padding-top: 0rem;
}

@media (max-width: 576px){
  .storeandcategorie-list-items-title-mobile{
    display: block;
  }

  .caja-btn-orden{
    display: none !important;
  }

  .encoje-tienda a {
    font-size: .9rem !important;
    padding: 12px 0px !important;
    border-bottom: 1px solid #f2f2f2;
    padding-left: 10px !important;
    margin-left: 0;
  }
  .img-tienda-titu.category-nuevo {
   margin-top:  0 !important;
  }
  .asignacion-padding-bottom{
    padding-bottom: 20px !important;
  }

  .filtro-orden-movil{
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
  }
  .filtro-orden-movil h1{
    margin-bottom: 15px;
    width: 100%;
  }
  .pie-pedido-modal{
    width: 100%;
    left: 0;
  }

  #filtro_precio {
   margin-left: 0px ;
  }

  .filtro-orden-movil button{
    width: 30%;
    display: block;
    padding: 10px;
    border-radius: 8px;
    color: #766df4;
    font-size: .7rem;
    background: white;
    text-align: center;
    border: 1px solid #766df4;
  }
  .quitar_p{
  margin-top: 0;
  }
  .box-beneficio{
    width: 32%;
    margin: auto;
    margin-bottom: 20px;
  }
  .close-filtro{
    display: flex;
    padding: 0 15px;
  }

  .close-filtro.n2{
    display: flex;
    padding: 0 0px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
  }


  .texto-beneficion h1,
  .texto-beneficion p{
    margin-left: 10%;
  }

  .categoria-movi{
    top: 0;
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    margin-left: -100%;
    background: white;
    z-index: 9999;
    height: 100vh;
    padding: 20px;
    transition: .5s;
  }

  .categoria-movi2{
    top: 0;
    display: block;
    position: fixed;
    width: 100%;
    background: white;
    z-index: 9999;
    height: 100vh;
    transition: .5s;
    margin-left: 0;
    padding: 20px;
  }

  #myCarousel2 .home-a-contro-left{
    display: none;
  }

  #myCarousel2 .home-a-contro-right{
    display: none;
  }

  .number-input{
    width: 100% !important;
    flex: auto !important;
    max-width: 90% !important;
    margin-bottom: 5px;
  }
  .row-mv{
    flex-direction: column !important; 
  }
  
  .row-mv.home-new {
    /* padding: 0 20px; */
    /* padding-left: 25px; */
    padding: 0 4.8%;
}
  .li-mv-index{
    width: 70% !important;
    max-width: 70% !important;
    flex: auto !important;
    margin: auto;
  }

  .card-item{
    display: flex !important;
    flex-direction: row;
    border-radius: 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding: 0px 0 !important;
  }
  .tts{
    padding: 8px 0 !important;
  }
  .caja-slider{
    border-radius: 15px !important;
    height: auto !important;
  }

  .conte_img{
    width: 30% !important;
    height: 140px;
  }
  .conte_img img{
    max-height: 140px;
  }

  .card-body{
    width: 70% !important;
    padding-right: 11%;
    padding-bottom: 0;
    padding: 4%;
  }

  #carouselExampleIndicators{
    padding: 2% !important;
    border-radius: 10px !important;
    height:200px !important;
  }
  
  .pag-movil{
    display: none !important;
  }
  .img-card-interno{
    height: auto;
    width: 70%;
  }

  .btn-add-item_{
    max-width: 100% !important;
    flex: auto !important;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #077DB4;
  }

  .mna{
    display: none !important;
  }

  .mna-p{
    max-width: 55% !important;
    width: 55% !important;
    flex:auto !important;
    justify-content: space-around !important;
  }

  #titutitu {
    display: flex !important;
  }

  .abc_e{
    width: 60% !important;
    max-width: 60% !important;
    flex: auto !important;
  }

  .abc_e p{
    display: none;
  }
 
  .mna-p div svg{
    color: red;
  }

  .srch{
    max-width: 10% !important;
  }

  .srch div input {
    height: 40px !important;
    max-width: 80% !important;
  }

  .cajita-s{
    min-width: 10% !important;
    max-height: 40px !important;
    min-height: 40px !important;
  }
  
  .cajita-s svg{
    font-size: 1rem !important;
  }

  .hovercate{
    flex-direction: column;
    background: white !important;
    justify-content: center !important;
  }
 
  .hovercate svg{
    font-size: 1.5rem !important;
    margin: auto 0 !important;
  }

  .hovercate:hover .categoria{
    display: none;
    padding: 0 10px;
    margin-top: 0 !important;
  }

  .categoria{
    width: 100% !important;
    position: fixed;
    margin-top: 0 !important;
    height: 100vh !important;
    background: white !important;
    z-index: 1999;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .categoria-pc{
    display: none !important;
  }

  .categoria-tablet{
    display: flex !important;
  }

  div.bus_ input {
    height: 38px !important;
    padding: 0 5px !important;
  }

  .btn-user-session{
    background-image: none !important;
    background: white !important;
    transition: .5s;
  }

  .menu-car-tablet{
    width: 15%;
    padding-right: 0 !important;
  }

  .logo-cate{
    width: 15%;
  }

  .logo-logo{
    width: 60%;
  }

  .titu-ctg_ {
    display: none;
  }

  .busqueda-mv-nuevo-pc{
    width: 60%;
  }

  .logo-cate .hovercate {
    width: 40%;
    margin: auto 0;
  }

  .btn-user-session svg{
    color: #222 !important;
  }

  .btn-user-session p{
    display: none !important;
  }

  #sub_categoria{
    width: 100% !important;
    background: white !important;
  }

  .box-usuario-session{
    width: 20%;
  }

  #sub_categoria p {
    width: 100%  !important;
    color: black !important;
    padding: 5px 0 !important;
  }

  #sub_categoria_movil  {
    width: 100%  !important;
    color: black !important;
    padding: 5px 10px !important;
    display: flex;
    flex-direction: column;
  }

  #sub_categoria_movil p {
    width: 100%  !important;
    color: black !important;
    padding: 5px 0 !important;
  }

  #titutitu h3 {
    padding: 20px 0;
    text-align: center;
    background: white !important;
    font-size: 1.2rem;
    color: #222;
  }
  
  .caja-imagen-categoria-index{
    width: 80px;
    display: flex;
    height: 80px;
  }
  .categoria-home{
    width: 10% !important;
    max-width: 10%  !important;
    padding: 0 5px !important;
  }
  .categoria-home p{
    font-size: .7rem !important;
  }
  .caja-imagen-categoria-index img{
    margin: auto;
    max-width: 80px;
  }
  #titutitu_movil{
    padding:25px 25px !important;
    padding-right: 54px !important;
    padding-left: 15px !important;
  }
  

  #sub_categoria_movil p {
    display: none !important;
  }

  #sub_categoria_movil a{
    font-size: .9rem !important;
    padding: 15px 0px;
    font-weight: 300;
    color: #444;
    border-bottom: 1px solid #f2f2f2;
  }

  .buscar-item{
    margin-top: 60px !important;
  }

  .list-busquedad_v1{
    width: 58%;
    margin-left: 21% !important;
  }

  .categ{
    flex-wrap: wrap !important;
    width: 200% !important;
    max-width:  200% !important;
    flex:auto !important;
    padding:  0 !important;
    transition: .5s;
    margin: 0;
    box-shadow: none !important;
  }

  .categ.movido{
    flex-wrap: wrap !important;
    width: 200% !important;
    max-width:  200% !important;
    flex:auto !important;
    padding:  0 !important;
    margin-left: -100% !important;
    transition: .5s;
  }

  .categoria.abierto{
    display: block !important;
    top:0 impr !important;
  }

  .li_categoria{
    width: 50% !important;
    flex:auto !important;
    max-width: 50% !important;
    background: white !important;
    max-height: 100vh !important;
    overflow-y: revert !important;
  }

  .li_categoria h4 {
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    line-height: 1rem !important;
    padding: 10px 0 !important;
    padding-left: 20px !important;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0 !important;
    color: black  !important;
    text-transform: uppercase !important;
    display: block;
  }

  .caja_produ.produ_masve{
    width: 100% !important;
  }

  .carruma > div {
    width: 30% ;
  }

  .bus_movil{
    position: fixed;
    height: 100vh;
    background: white ;
    display: block;
    width: 100%;
    z-index: 9999;
    margin-left: 200% !important;
    transition: .5s;
  }
  .btn-heart.no_gusta {
    top: 5px !important;

  }
  .btn-heart.gusta {
    top: 5px !important;
  }
  .bus_movil.encojido{
    margin-left: 0 !important;
    transition: .5s;
  }

   .clearable{
    
    height: 40px;
  }

  .bu_sm span input{
    width: 70% !important;
    margin-left: 10px !important;
    border:none !important;
    height: 45px !important;
    font-size: 1rem !important;
  }

  .sub_li_cate{
    max-width: 50% !important;
    width: 50% !important;
    flex:auto !important;
    background: white !important;
  }

  .hovercate > p{
    display: none;
  }

  .l-g img{
    width: 45px !important;
    height: 35px !important;
  }

  .lgc{
    max-width: 30% !important;
    padding: 0 !important;
    flex:auto !important;
    margin-left: -5px !important;
  }

  .category{
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    min-height: 100vh;
    overflow-y: scroll;
    margin-left: 100%;
    transition: .5s;
    box-shadow: none !important;
  }

  .category.category2{
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: scroll;
    margin-left: 0%;
    transition: .5s;
    margin-top: 0 !important;
  }

  .none-marca{
    display: none;
  }

  .lbv{
    flex-direction: column;
  }

  .mayor_m{
    width: 35% !important;
    font-size: .8rem !important;
  }

  .fi_1{
    width: 20% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex:auto !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    justify-content: space-between;
    flex-direction: row !important;
  }

  .nombre-eleccion{
    padding-left: 10px !important;
  }
  
  .nombre-eleccion.mv-e{
    display: block;
    width: 100% !important;
    padding-top: 20px;
    color: #222;
    text-align: left !important;
  }
  .nombre-eleccion h2{
    text-align: left !important;
    padding: 0 0%;
  }
  .caja-btn-orden {
    width: 40% !important;
  }

  .fi_1 svg{
    font-size: 1.5rem !important;
    color: black ;
  }

  .filtros{
    color: red;
    padding: 20px 10px !important;
  }

  .ocultar-movil{
    display: none;
  }

  .ctg{
    width: 30%;
    display: flex;
    margin-right: 3%;
  }

  .pdt_p{
    width: 100% !important;
  }

  .fi_3{
    max-width: 100% !important;
    margin-bottom: 15px !important;
  }

  .producto_{
    width: 98% !important;
    padding-top: 0px !important;
    margin: 0 auto;
  }

  .pago_tipo h2{
    padding: 0 !important;
  }

  .pago_tipo label {
    margin-left: 0;
  }

  .pago_tipo label img{
    width: 60%;
    max-width: 100%;
  }

  .tablita_dire a{
    font-size: .9rem !important;
    padding-right: 0;
    padding-left: 30px;
  }

  .dentro_input p {
    font-size: .75rem !important;
  }

  #boton_f{
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .tablita_dire input {
    margin: auto 0!important; 
}
.cabecera-direccion a svg{
  margin-left: -20px ;
}
#atras_dire svg {
   margin-left: -20px ;

  }

  #boton_f button {
    width: 100% !important;
  }

  .caja_pra{
    padding: 0 !important;
    width: 100% !important;
    padding: 0% !important;
    padding-left: 12% !important;
  }

  .alia{
    width: 40% !important;
  }
  .p-finalizar_compra-comprobante-texto {
  font-size: .7rem !important;
  }
  .span-finalizar_compra-comprobante-texto {
   font-size: 12px !important;
   font-weight: 500 !important;

  }
  .h2-finalizar_compra-comprobante-texto{
    font-size: 12px !important;
  }
  .pie-pagina-movil ul {
    margin-bottom: 0 !important;
  }
  .pie-pagina-movil {
    margin-bottom: 0px !important;
  }

  .divi{
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    left: 0;
    padding-top: 5px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0px !important;
  }

  .a-finalizar_compra-regresar_carrito {
    margin-top: 20px;
    margin-left: 0 !important;
  }
    
  .tts h4 {
    display: none;
  }

  .rgi{
    margin-top: 80px !important;
  }

  .sgp{
    position: fixed;
    bottom: 0 !important;
    background: white;
    padding: 0 10px !important;
    margin-left: -15px !important;
    width: 100% !important;
    min-height: auto !important;
    right: 0 !important;
    z-index: 99;
    max-width: 100% !important;
    border-radius: 0 !important;
    padding: 0 15px !important;
    -webkit-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
    box-shadow: 0px -27px 21px -39px rgba(0,0,0,0.75);
  }

  .nueva-clase-evento-car {
     margin-bottom: 0;
  }

  .box-compra-fin {
    width: 100%;
    padding-top: 18%;
    margin-bottom: 4%;

  }
  .cuerpo-error {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-top: 18%;
}
.padding-top-finalizada{
  padding-top: 2% !important;
}
.padding-top-finalizada .box-compra-fin{
  padding-top: 12%;
}
  .cuerpo-error a {
   font-size: 1rem;
  }
  .cuerpo-error svg.nuevo {
    font-size: 5rem;
  }
  .cuerpo-error .fin-compra {
    font-size: 1.2rem;
    margin-top: 15px;
  }

  .box-evento-car {
   box-shadow: none;
   padding: 0 !important;
  }

  .dl-t{
    display: flex;
    /* background: #6A1AAF; */
   padding-left: 10px;
    margin-bottom: 15px;
    padding-top: 10px !important;
  }
  .resumen-finalizar_compra-texto_total {
   padding-left: 0 !important;
   font-weight: normal !important;
  }
  .precio-total{
    font-weight: normal !important;
  }
  .caja_produ{
    width: 48% !important;
    padding: 5px !important;
  }
  .caja-tienda-item-all{
    justify-content: space-between;
  }
  .caja-box-categoria-all{
    display: flex;
    justify-content: space-between;
    padding: 0 5% !important;
  }
  .vista-p{
    flex-direction: column !important;
  }

  .caja_produ2{
    width: 100% !important;
    display: flex;
  }

  .caja_produ2 > a{
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 80%;
  }

  .caja_produ h4{
    font-size: .7rem !important;
    margin: 0 !important;
  }

  .caja_produ h1{
    font-size: .7rem !important;
    margin: 0 !important;
  }

  .caja_produ span{
    font-size: .8rem !important;
  }

  .caja_produ2 .conte-n-c{
    margin-top: 40px !important;
    margin-left: -95% !important;
  }

  #vertodop{
    width: 100% !important;
  }
  .nuevo-estilo-pedido-modal {
    width: 100%;

  }

  .caja_produ2 .detalle_p {
    width: 48%;
  }

  .zoomWrapper{
    padding-left: 0 !important;
    margin: auto;
    display: flex;
    margin-bottom: 20px !important;
    height: 200px !important;
  }

  .agregar_p{
    width: 100% !important;
    margin: auto;
  }

  .carte{
    width: 100% !important;
  }
  .botton-movil-item{
    width: 100% !important;
    margin-top: 0 !important;
  }

  .zoomWrapper img{
    max-width: 100% !important;
    max-height: 250px !important;
    margin: auto;
  }

  .nombre-producto-item-u{
    margin-top: 15px;
  }
  .ver-item-thumbnail-img  img{
   width: auto !important;
  }
  .orden-c h1{
    margin-top: 35px !important;
  }
  .div-card .cartshop-title {
    margin-top: 0px !important;
  }

  #form-login{
    margin-left: 0px !important;
    margin-top: 20px !important;
  }

  .dpr2{
    margin-left:0px !important;
    margin-top: 20px !important;
  }

  .pd{
    display: none !important;
  }

  .pdr{
    display: flex;
  }

  .arri a {
    font-size: .8rem !important;
  }

  .arri span svg{
    width: 30px !important;
    height: 30px !important;
    font-size: .8rem !important;
  }

  .arri span p {
    font-size: .9rem !important;
  }

  .pdr h2 {
    margin-left: 15px;
    font-size: .8rem ;
    color: #222;
  }

  .pedi_r{
    width: 100% !important;
    flex:auto !important;
    max-width: 100% !important;
  }

  .late{
    display: none;
  }

  .md-user{
    width:100%;
    margin: auto;
  }

  .carousel-control-next-icon{
    display: none;
  }


  .carousel-control-prev-icon{
    display: none;
  }

  .dt-imga{
    display: none;
    width: 40% !important;
  }

  .estado-dtm{
    justify-content: flex-start !important;
    margin-bottom: 5px ;
    padding: 5px !important; 
  }

  .estado-dtm span{
    padding: 5px !important;
  }

  .tbr-tab{
    margin-left: 0 !important;
  }

  .ttp{
    margin-left: 0 !important;
  }

  #modada{
    width: auto !important;
  }

  .det-mr{
    width: 60% !important;
  }

  .dt-sm p{
    width: 100%;
    font-size: .7rem !important;
    margin: 0 !important;
    padding: 2px 0;
  }

  .arri{
    color: red;
  }

  

  

  .pdr{
    display: none !important;
  }

  .md-user{
    margin-top: 0px !important;
  }

  .caja-tt{
    padding: 0 !important;
    width: 100% !important;
  }

  .login_new{
    flex-wrap: wrap;
  }

  .btuser button{
    margin-bottom: 10px !important;
  }

  .md-user > h3{
    font-size: 21px !important;
    padding: 0px 0 !important;
    margin: 0 !important;
  
    color: #333 !important;
    font-weight: 600 !important;
  }

  .produ_d > h3{
    font-size: 1.1rem !important;
  }

  .login_new div{
    width: 100% !important;
    max-width: 100% !important;
    flex:auto !important;
  }

  .mna-p .login_new .a2{
    max-width: 100% !important;
    width: 100% !important;
  }

  .login_new input{
    width: 100% !important;
  }

  .cart-info{
    flex-direction: column;
    padding: 0 2% !important;
    margin-top: 0%;
  }

  .caja-cambio{
    display: flex;
    flex-direction: column-reverse;
  }

  .ttp h3{
    font-size: 1.4rem !important;
    padding: 0px 0 !important;
    margin: 0 !important;
    font-weight: 400 !important;
  }

  .caja-nada h1{
    font-size: 1rem;
  }

  .dire_p_t{
    padding:  5px !important;
    margin-left: 5px !important;
  }
  .media-padding-payment{
    padding-top: 10px !important;
    padding-bottom: 0 !important;
  }

  .alin_car{
    margin-bottom: 10px !important;
    padding-left: 8px;
  }

  .tbl-car{
    display: none !important;
  }

  .caja_nueva{
    flex-direction: column !important;
    padding: 0px !important;
   
  }
  .checkout-return {
   margin-left: 0;
  }
   .new-payment-vista{
    padding: 0 3%;
    margin: 0;
    padding-top: 18%;
   }
  .mitad_iz{
    width: 100% !important;
    max-width: 100% !important;
    flex:auto !important;
    padding: 0 !important;
  }
  .titu-tienda.categoria-tienda{
     
     margin-top: 0;
     padding: 0;
     padding-left: 2%;
     margin-bottom: 0;
  }
  .titu-tienda.categoria-tienda .img-tienda-titu{
    width: 100px;
    height: 100px;
    
  }
  .titu-tienda.categoria-tienda h1{
    text-align: center;
    font-size: 20px;
  }
  .dire_cb{
    padding: 10px ;
    background: white !important;
    border-radius: 8px;
  }
  .bottom-sin-footer {
    margin-bottom: 150px !important;
}
  .box-direccion-payment {
   min-height: 30px !important;
  }
  .mitad_iz h4{
    font-size: 20px !important;
    text-align: left !important;
    margin-bottom: 20px;
  }
  .pago_tipo label {
    padding:  0px 10px;
  }

  .mitad-de > h4{
    font-size: .8rem !important;
    text-align: left !important;
  }

  .container{
    padding-top: 45px !important;
  }
  .div-inicio_categoria{
    padding-top: 20px !important;
  }

  .g_{
    padding: 20px 5px;
    width: 95%;
    border-radius: 10px;
    margin-top: 30px;
  }

  #form-signup{
    padding: 0 !important;
    flex-direction: column;
  }
  .clasi{
    margin-right: 15px !important;
  }
  .clasi.new-clase{
    margin-right: 15px !important;
  }

  #new_dire_a{
    padding: 10px !important ;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border:1px solid  #6A1AAF !important;
  }

  .box-input-dire {
    width: 10%;
  }

  #new_dire_a span {
    width: 100%;
    margin: 0 !important;
    padding: 5px 0 !important;
    color: #474747 !important;
    font-size: 12px !important;
    text-transform: capitalize !important;
  }

  .box-nombre-brand h1 {
    font-size: 1rem;
  }

  #new_dire_a a {
    width: 90%;
    margin: auto !important;
    padding: 5px 0 !important;
  }

  .direccion_pro {
    padding: 0px !important;
    border:none !important;
  }

  .direccion_pro h2 {
    padding: 0 3px !important;
    font-size: .8rem !important;
  }

  .new_dire_a span{
    color: #222 !important;
  }

  .direccion_pro a {
    margin: 8px 0 !important;
  }

  .direccion_pro p {
    padding: 0 3px !important;
    font-size: .8rem !important;
  }

  .caja_pre_d{
    padding: 12px 8px !important;
  }

  .direccion_pro a {
    font-size: .7rem !important;
  }

  .sga{
    padding: 0 !important;
    margin-left: -13% !important;
  }

  .container-page-pedido{
    padding: 0 !important;
 margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 2.5% !important;
  }

  .mitad-de{
    width:  100% !important;
    max-width: 100% !important;
    flex:auto !important;
    background: white !important;
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 15px;
    padding: 5px !important;
    margin-bottom: 85px;
    position: relative !important;
    -webkit-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
  }

  .menu-nuevo-pc{
    padding: 10px 2% !important;
  }

  .bus_sm_t{
    display: flex !important;
  }

  .dire_p_t a{
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }

  .filtro-mvs{
    padding: 10px 0 !important;
  }

  .deseo-p{
    max-width: 100% !important;
    width: 100% !important;
    flex:auto !important;
  }

  .icon_dire{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .icon_dire svg{
    width: 35px !important;
    height: 35px !important;
  }

  .mtr-d {
    margin: 0 !important;
  }

  .mtr-d > h3 {
    font-size: .9rem !important;
  }
  .texto-movil{
    display: block !important;
    font-size: .8rem;
    margin-bottom: 0;
    height: 35px;
  }
  .texto-pc{
    display: none !important;
  }
  .beneficio-home{
    padding-bottom: 0 !important;
  }
  .orden-c{
    width: 100% !important;
    max-height: auto ;
    max-height:  auto !important;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 100% !important;
    padding: 0;
    min-height: auto !important;
    margin-bottom: 0;
  }

  .caja_resu{
   
    background: white !important;
    border-radius: 8px !important;
    padding: 10px 5px !important;
    max-height: none;
  }

  .precio-total h4{
    font-size: .9rem !important;
    color: #222;
    font-weight: normal !important;
  }
  .resumen-finalizar_compra-texto_total.fw-bold{
    font-weight: bold !important;
  }
  .precio-total .fw-bold{
    font-weight: bold !important;
  }
  .deta-it-dt {
    width: 88%;
    display: flex;
    justify-content: space-between;
   padding: 3% 0px 3% 10px;
  
}
  .caja_resu {
    background: white !important;
    border-radius: 8px !important;
    padding: 10px 5px !important;
    max-height: none;
    overflow: auto;
    padding-bottom: 20px !important;
}
.product-carrito .media-left > div {
  padding-left: 5px !important;
}
.modalImageBody img {
   width: auto !important; 
   max-width: 100%;
  max-height: 400px;
}
.h4-finalizar_compra-recojo_tienda-title {

padding-bottom: 0 !important;
}
  .box-item-car-new svg{
   margin-bottom: 0 !important;
    margin-top: 20% !important;
  }
  .resumen-pedido-total_padre {
    text-align: center;
    font-size: 1rem !important;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
  .a-mi_perfil-right-mis_pedidos-list-ver_detalles svg{
    margin:  auto 0!important;
    margin-left: 8px !important;
  }
  .mis-deseos-final.md-user{
    padding: 0 5%;
  }
  .footer-btn-first {
    padding-left: 0.75rem;
  }
  .clearable {
    position: relative;
    display: inline-block;
    border-top: 0 !important; 
    border-bottom: 0 !important; 
    background: #FAFAF8;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 90%;
}
  .div-top-cart-spacing {
    padding-top: 18% !important;
}
.new-payment-vista {
    padding: 0 3%;
    margin: 0;
    padding-top: 2%;
}
.div-registro-input {
    border-radius: 15px !important;
    margin-top: 0%;
    margin-bottom: 3%;
}
  .producto_{
    width: 98% !important;
    padding-top: 0px !important;
    margin: 0 auto;
  }
  .div-top-spacing, .div-top-user-spacing {
    padding-top: 18% !important;
    padding-left: 0;
    padding-right: 0;
}
.nuevo-estilo-deseo-top{

  margin-bottom: 3.5%;
}
.asignacion-padding-bottom {
    padding-bottom: 3% !important;
}
  .fi_1 {
     justify-content: space-between !important;
     flex-direction: row !important;

  }
  .menu-ul-a svg {
    font-size: 1.3rem !important;
}
  .btn-user-session svg {
    color: #333 !important;
    font-size: 1.3rem !important;
}
  .div-one_item-sub {
    padding-top: 0 !important;
    padding-left: 0px !important;
    padding-bottom: 10px !important;
  }

  .espacio-total{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .reset-padding-top{
    padding-top: 0 !important;
  }

  .reset-margin-top{
    margin-top: 0 !important;
  }

  .reset-margin-bottom{
    margin-bottom: 0 !important;
  }

  .margin-bottom-cat{
    margin-bottom: 5px;
  }

  .padding-top-all{
    padding-top: 18% !important;
  }

  .padding-top-active{
    padding-top: 20px !important;
  }

  .div-one_item-mas_informacion {

    margin-bottom: 20px !important;
  }

    .clearable input[type="text"]{
    padding-right: 0px;
    background: #f8f8f8;
    color: #111;
    width: 80% !important;
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .about-us-section-title .about-us-title {
    font-size: 21px !important;
    text-align: center;
  }

  .about-us-section-title .text {
    font-size: 14px !important;
    margin-top: 0px !important;
    text-align: justify;
    margin-right: 0px !important;
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  #filtro_precio {
    background: #766df4 !important;
  }

  #filtro_precio:hover,
  #filtro_precio:focus,
  #filtro_precio:active {
    background: #5549f1 !important;
    transition: .5s;
  }

  .categorie-list_items-a-mobile{
    color: #766df4 !important;
  }

  .categorie-list_items-btn-mobile,
  .categorie-list_items-btn-mobile > a{
    color: #ffffff !important;
    background-color: #766df4 !important;
    border-color: #766df4 !important;
  }

  .categorie-top-ver_more{
    margin: auto !important;
  }

  .categoria-home {
    width: 10% !important;
    max-width: 100% !important;
    padding: 0 0px !important;
  }
  .new-category .categoria-home {
    width: 48% !important;
    max-width: 48% !important;
    padding: 0 0px !important;
    margin-bottom: 3.5%;
    padding-bottom: 8px !important;
    padding-top: 15px !important;
  }

  .home-h4-titulos {
    font-size: 17px !important;
  }
  .caja_datouser {
    padding: 3%;
    -webkit-box-shadow: 7px 7px 21px -1px rgb(230 230 230);
    -moz-box-shadow: 7px 7px 21px -1px rgba(230,230,230,1);
    box-shadow: 7px 7px 21px -1px rgb(230 230 230);
    height: 450px;
}

  .pie-pagina-movil {
    margin-bottom: 0px !important;
    padding-bottom: 16px;
  }
  
  .div-checkout-right-button {
    padding: 0px 0px 3px 0px !important;
  }

  .carrito-pedido-new ul li {
    padding-top: 5px !important;
  }
  
  .modal-dialog {
    margin: 0;
  }

  .modalImageBody{
    height: 400px;
  }

  .storeandcategorie-list-items-title-mobile{
    display: block;
  }

  .image-slider-full{
    display:none;
  }

  .image-slider-mobile{
    display:block;
  }

  .img-mobile {
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5% !important;
  }

  .div-home-slide {
    padding-top: 3% !important;
  }
  .checkout-return.movil{
  display: block;
    position: absolute;
    padding: 0 12px;
    z-index: 100;
    top: 10px;
}

  .checkout-return{
    margin-top: 0%;
    margin-left: 0%;
  }
  .checkout-return.pc{
    display: none;
  }
  .div-one_item-sub {
      padding-top: 0 !important;
  padding-left: 15px !important;
   }

  .ver-item-thumbnail-img {
    margin: auto;
  }

  .plus:hover{
    background:#a2a2a2 !important;
    transition: .5s;
  }

  .minus:hover{
    background:#a2a2a2 !important;
    transition: .5s;
  }
  .nombre_categoria{
    display: none;
  }
  /* tiendas */
  .filtros {
    padding: 20px;
  }

  .filtro-orden-movil h1 {
    font-weight: 600;
  }
  /* end tiendas */

  .caja-slider {
    margin-top: 8% !important;
  }

  /* user - mis pedidos */
  .btn-dtr a {
    padding: 10px !important;
    font-size: .75rem !important;
    background: #6A1AAF !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    background: linear-gradient(265.33deg, #4276FF 3.37%, #8620FC 79.46%) !important;
    color: #fff !important;
    margin-top: 5% !important;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
  }

  .dt-sm p{
    font-size: .76rem !important;
    font-weight: 500;
  }
  
  .estado-dtm span{
    padding: 7px !important;
  }
   .nombre-car-movil{
    padding: 5px 0 !important;
   }

  .ttp h3{
    font-size: 21px !important;
    padding: 0px 0 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    margin-bottom: 3% !important;
    color: #222 !important;
  }
  /* end user - mis pedidos */

  .carousel-indicators {
    margin-bottom: -0% !important;
  }

  .div-top-categorias {
    min-width: 185% !important;
    justify-content: space-around !important;
  }
  
  .home-div-card.mv {
    margin-top: 0px !important;
  }
 
  .box-beneficio{
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
  }

  .caja_produ{
    width: 100% !important;
  }

  .media-left{
    width: 30% !important;
  }

  .item-price {
    margin-bottom: 0 !important;
  }

  .div-item-name-mv{
    margin-bottom: 20px !important;
  }

  .item-price {
    margin:auto 0 !important;
    padding: 0 !important;
    font-weight: 600;
  }

  .cartshop-title{
    font-size: 21px !important;
    padding: 20px 15px !important;
  }

  #myCarousel2 .home-a-contro-left{
    display: none;
  }

  #myCarousel2 .home-a-contro-right{
    display: none;
  }

  .hovercate:hover .categoria {
    margin-top: 0 !important;
    transition: .5s !important;
    padding: 0 10px;
  }

  .li-mv-index{
        width: 49% !important;
    max-width: 49% !important;
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
    border-radius: 10px;
    
  }

  .li-mv-index .conte_img{
    width: 100% !important;
    padding-top: 0;
  }

  .li-mv-index .card-item{
    flex-direction: column;
    border-radius: 8px !important;
    height:auto ;
  }

  .conte-n-c {
    margin-top: 8px !important;
  }

  .li-mv-index .card-body{
    width: 100% !important;
  }

  .li-mv-index.stilo-lateral-item{
   width: 100% !important;
    max-width: 100% !important;
    max-height: 167px;
  }

  .movil-conte-img img{
    width: auto !important;
    max-width: 100%;
  }
  .texto-at{
    display: none;
  }
  .li-mv-index.stilo-lateral-item .conte_img{
    width: 40% !important;
    padding-top: 0;
  }

  .li-mv-index.stilo-lateral-item .card-body{
    width: 60% !important;
  }

  .li-mv-index.stilo-lateral-item .conte_img img{
   max-width: 100% !important;
  }

  .li-mv-index.stilo-lateral-item-home{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
  }

  .li-mv-index.stilo-lateral-item-home .card-item{
    flex-direction: row;
  }

  .li-mv-index.stilo-lateral-item-home .card-body{
    width: 60% !important;
  }

  .li-mv-index.stilo-lateral-item-home .conte_img{
    width: 40% !important;
    padding-top: 0;
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: center;
  }

  .clase-f-a{
    flex-direction: column;
  }

  .conte_img.movil-conte-img{
    width: 40% !important;
  }
  .card-body.card-body-movil{
    width: 60% !important;
  }
  .clase-f-a div {
    width: 95%;
    margin-bottom: 20px;
  }

  .clase-f-a div svg{
    width: 10% !important;
  }

  .nombre-eleccion.mv-e{
    display: block;
    width: 100% !important;

  }
  .img-tie.home{
    width: 48% !important;
    max-width: 48% !important;
    flex-direction: column;
    margin-bottom: 15px;
  }
  .img-tie.home .caja-img-tienda{
    width: 100% !important;
  }
  .img-tie.home .caja-contenido-tienda{
    width: 100% !important;
  }
  .img-tie.home .caja-contenido-tienda h1{
    text-align: center;
    transition: .5s;
  }
  .img-tie.home .caja-contenido-tienda h2{
    text-align: center;
  }
  .img-tie.home .caja-contenido-tienda p{
    text-align: center;
  }
  .titu-tienda-new{
    margin-bottom: 0 !important;
  }
  .clase-f-b{
    flex-direction: column;
  }

  .logo-f-b ul{
    width: 100%;
    flex-wrap: wrap;
  }
 .accion-descuento p{
   font-size: .8rem;
 }
  .logo-f-b img{
    width: 25%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
  }

  .titu-ctg_{
    display: none;
  }

  .logo-f-b{
    width: 100%;
    margin-bottom: 10px;
  }

  .logo-f-b ul{
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .logo-f-b ul li{
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .logo-f-b ul li a{
    display: block;
    font-size: .9rem;
    text-align: center;
  }

  .redes-f-b{
    width: 100%;
  }
  .div-top-spacing,
  .div-top-spacing-categorie{
    padding: 0 1% !important;
    padding-top: 5% !important;
  }

  .div-inicio_categoria-sin_slider {
    padding-top: 70px !important;
  }

  .container.div-top-spacing.movil-espacio-top {
    padding-top: 18% !important;
 
}
.nombre-eleccion {
   padding:0px !important;
}
.h3-mi_perfil-right-mis_datos_personales-title {
    margin-left: 3% !important;
    font-size: 21px !important;
    color: #333 !important;
    font-weight: 600 !important;
}

.caja-title-deseos .h3-mi_perfil-right-mis_datos_personales-title {
  margin-left: 0 !important;
}
.caja-title-deseos{
  margin-bottom: 20px;
}
  .div-top-user-spacing{
    padding-top: 18% !important;
  }

  .div-top-cart-spacing{
    padding-top: 18% !important;
  }

  .div-one_item{
    padding-top: 20% !important;
  }

  .pie-compra{
    width: 90%;
    flex-direction: column;

  }
  .pie-compra a{
    width: 100%;
    margin-bottom: 20px;
    font-size: .9rem;
  }

  .div-one_item.nuevo{
    
    padding-top: 2.5% !important;

  }
  .padding-home-nuevo{
    padding: 0 !important;
  }
  .zoomWrapper {
    padding-left: 0 !important;
    margin: auto;
    display: flex;
     margin-bottom: 0px !important; 
    padding: 10px;
    padding-right: 0 !important;
    height: 200px !important;
}
  .retro-n{
    margin-bottom: 5px !important;
  }

  .div-one_item-sub{
    flex-direction: column !important;
    padding-left: 0 !important;
  }


  .caja-menu_ {
    max-width: 20% !important;
    width: 20% !important;
    flex: auto !important;
  }

  .caja-menu_ button{
    background: white !important;
    box-shadow: none !important;
    background-image: linear-gradient(20deg,#ffffff,#ffffff) !important;
  }

  .caja-menu_ button svg {
    color: #444444 !important;
  }

  .mna-p{
    width: 60% !important;
    max-width: 60% !important;
    margin-right: -25%;
  }

  .btn-user-session{
    width: 60% !important;
    background: none !important;
    color: #333 !important;
    margin: auto;
    padding-top: 0 !important;
  }

  .btn-user-session  svg{
    color: #333 !important;
  }

  .caja-menu_{
    margin-left: 0% ;
    width: 15% !important;
    padding: 0;
  }

  .l-g{
    margin: 0 !important;
    padding:0;
    max-width: 40% !important;
  }

  .categ {
    box-shadow: none;
    padding: 0 10px !important;
  }
  
  .mnc-p{
    margin-left: 0;
  }
  .home-slider-img {
     width: 180% !important;
    height: 180px;
    margin-left: -40%;
  }
  .srch{
    margin-right: -11px;
  }

  .caja-movil-n{
    justify-content: space-between !important;
  }

  .producto_{
    padding-top: 10px !important;
  }

  .number-input {
    padding: 0px;
    max-width: 100% !important;
  }

  .empre_car{
    display: flex;
    flex-direction: column;
    padding: 10px 0;
  }

  #ruc{
    width: 100% !important;
    margin-bottom: 15px !important;
  }

.caja-comprobante{
  flex-direction: column;

}
.compro_ba{
  width: 50%;
}
.empre_car{
  width: 100%;
}
  #razon_social{
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .red-a{
    justify-content: center;
    padding: 15px 0;
  }


  .close-filtro{
    display: flex;
    padding: 0;
    justify-content: space-between;
    padding-left: 0;
  }

  .redes-f-b > img{
    width: 50%;
    display: block;
    margin: auto;
  }

  .sec-2-car div {
    margin: auto;
    margin-left: 0;
  }

  .mayor_m {
    width: 45% !important;
    font-size: 1rem !important;
  }

  .box-user-lateral{
    width: 100%;
    padding-top: 18%;
    padding-left: 1%;
  }

  #form-signup {
    margin: 0 !important;
    padding: 0 3% !important;
  }

  .panel_reg{
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 5% !important;
  }

  .div-registro-mensaje{
    display: none !important;
    border-radius: 15px !important;
  }

  .img-tienda-titu{
    width: 110px;
    height: 110px;
    display: flex;
     border-radius: 10px;
     background: white;
  }

  .categoria-tienda .img-tienda-titu img{
    width: 100%;
    max-width:100% !important;
    height: auto !important;
    margin: auto !important;
  }
 .img-tienda-titu img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
   
}
  .titu-tienda{
    margin-bottom: 0;
    margin-top: 0px;
    justify-content: flex-start;
    padding: 0px 0;
    padding-left: 4%;
  }
  .margin-item-producto{
    padding: 0 2% !important;
  }

  .nombre-tienda {
    margin-left: 5%;
  }

  .home-div-card{
    margin-top: 0px !important;
  }

  .home-div-card.mv{
    margin-top: 40px;
  }

  .div-mi_perfil-right-mis_pedidos{
    margin-top: -20px !important ;
    padding: 0 5%;
  }

  .div-mi_perfil-right-mis_datos_personales{
    margin-top: -20px !important;
  }

  .md-user{
    margin-top: 0px !important;
  }

  .qty-mv{
    margin-left: 0 !important;
    width: 100% !important;
  }

  .menu-nuevo-pc, .aviso-cupon-div, .aviso-promo-div{
    display: none;
  }



  .precio-r{
    width: 40% !important;
    font-size: .6rem !important;
    display: none;
  }

  .precio-c{
    width: 30% !important ;
    font-size: .8rem !important;
    display: none;

  }

  .oferta-banner{
    padding: 10px 0;
    flex-direction: column;
  }

  .oferta-banner a {
    width: 100% !important;
    display: block !important;
   
  }

  .descuento-u{
    width: 20% !important;
    display: none;
  }
  
  .orden-precio-movil{
    width: 100%;
  }

  .box-arriba-precio{
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    margin-bottom: 0px;
  }

  .box-abajo-precio{
    display: flex;
    justify-content: space-between;
  }

  .box-arriba-precio span{
    font-size: .8rem !important;
    margin: auto 0;
    padding-top: 0% !important;
    width: 24%;
  }
  .mas-vendido-cl{
    padding: 0;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
  }
  .home-div-card.mas-vd {
    margin: 0;
  }
  .produ_d {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0px;
}
  
  

  .header-img-modal{
    display: block;
    justify-content: space-between;
  }

  .modal-title-img-item{
    width: 84%;
    font-size: .9rem !important;
    text-align: left !important;
  }

  .heart.item-unitario{
    margin:0 !important;
    display: flex;
    width: auto;
    margin-left: 20px !important;
    justify-content: flex-end;
  }

  .heart.item-unitario .btn-heart.gusta{
    top: 0 !important;
    position: relative;
    padding: 0;
    margin: 0;
    right: 0;
    margin-left: 20px;
  }
 .box-miniatura-info {
   width: 100%;
   display: flex;
 }
 
 .informacion-box-interno{
  margin-top: 10px;
 }
 .imagen-logo-item-miniatura{
  width: 30%;
  max-height: 100px;
 }
 .nombre-empresa-miniatura-item{
  margin: auto 0;
  margin-left: 15px;
 }
  .heart.item-unitario .btn-heart.no_gusta{
    top: 0 !important;
    position: relative;
    padding: 0;
    right: 0;
    margin: 0;
    margin-left: 0px;
  }

  .heart.item-unitario svg{
    font-size: 1rem !important;
  }

  .precio-r-mv{
    text-decoration: line-through;
    margin-right: 1%;
  }

  .descuento-u-mv{
    /*color: #614092;*/
  }

  .box-abajo-precio span{
    color: #ea2840 !important;
    font-size: 1.25rem !important;
    padding-bottom: 1%;
    font-weight: 610 !important;
    line-height: 1.4rem;
  }

  .precio-c-mv{
    margin: auto 0;
    font-size: 1.2rem !important;
  }

  #form-logina{
    padding: 5px !important;
  }

  #carouselExampleIndicators{
    width: 95% !important;
    padding-top: 10% !important;
    height: 200px;
    margin-bottom: 25px !important;
  }

  #carouselExampleIndicators .carousel-item{
    height: 200px;
  }

  .btn-user-session p {
    display: none;
  }

  .box-home-c{
    padding-left: 1% !important;
    padding-right: 1% !important;
    padding-bottom: 0 !important;
  }

  .menu.nuevo-pc{
    display: none;
  }
  .home-a-contro-left {
     display: none;
  }
  .home-a-contro-right {
     display: none;
  }
  .caja-nov {
   width: 100%;
   flex-direction: column;
   margin-bottom: 15px;
  }
  .caja-nov .texto-novedad {
    width: 100% !important;
  }
  .caja-nov .caja-foto-nov {
    width: 100%;
  }

  #titutitu_movil{
    padding: 15px 10px !important;
    padding-left: 5px !important;
    padding-right: 25px !important;
  }

  .li_categoria > div {
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    line-height: 1rem !important;
    padding: 0px 0 !important;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0 !important;
    color: black  !important;
    text-transform: uppercase !important;
    display: block;
  }

  .li_categoria > h4 {
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    line-height: 1rem !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0 !important;
    color: black  !important;
    text-transform: uppercase !important;
    display: block;
  }

  #sub_categoria_movil  {
    width: 100%  !important;
    color: black !important;
    padding: 5px 10px !important;
    display: flex;
    flex-direction: column;
  }

  .menu-movil-nuevo {
    /*position: fixed;
    z-index: 999;*/
    padding: 3px 1%;
    -webkit-box-shadow: 0px 8px 24px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 24px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 24px -17px rgba(0,0,0,0.75);
  }
  .menu-movil-nuevo .categoria.abierto{
    display: block !important;
   
  }

  .busqueda-mv-nuevo{
    display: none !important;
  }
  
  .new_footer_top .f-title {
    font-size: 16px;
    color: #333;
  }

  .reseller-why-section-title .reseller-why-title {
    font-size: 21px !important;
  }

  .services-title {
    font-size: 18px !important;
  }

  .reseller-why-section-title .text {
    font-size: 14px !important;
    margin-top: 0px !important;
  }

  .reseller-why-services-content .reseller-why-services-content .text {
    font-size: 12px !important;
  }
  
  .title-hm span span {
    font-size: 20px !important;
  }

  .div-mi_perfil-right-mis_pedidos-title{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }
  
  .modal-body-user_address,
  .modal-footer-user_address {
    padding: 5px;
  }

  .modal-body-user_address {
    padding-bottom: 10px !important;
  }

  .modal-footer-user_address {
    padding-top: 0px !important;
  }
  .dire-sl {
   padding:  0 !important;
  }
  .form-direccion .dire-sl {

    padding-right: 0 !important;
  }
  .dire-slr {
   padding:  0 !important;
  }
  .h1-finalizar_compra-direccion_usuario-modal-listar_direcciones-title {
    padding-top: 10px;
    font-size: 21px !important;
    padding-bottom: 10px;
    padding-left: 3%;
  }

  .h4-recovery-title {
    font-size: 21px !important;
  }

  .modal-login-title{
    font-size: 21px !important;
    width: 100% !important;
  }

   .div-registro-mensaje{
     display: none !important;
   }

  .div-registro-input{
    border-radius: 15px !important;
    margin-top: 0%;
  }

  .h4-registro_input-title {
    font-size: 21px !important;
    padding-bottom: 10px !important;
  }

  .btn-registro_input-facebook {
    margin-bottom: 5%;
  }

  .btn-registro_input-facebook-modal {
    margin-bottom: 0%;
  }

  .div-separate-title {
    margin-top: 5%;
  }

  .div-separate-title-center {
    margin-top: 10%;
    text-align: center;
  }

  .btn-facebook{
    padding-left: 15px;
  }

  .new_footer_top .f_widget.about-widget .f_list li a, .new_footer_top .f_widget.about-widget .f_list li svg {
    font-size: .8rem !important;
  }
  
  @-moz-keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 45%;
    }
  }

  @-webkit-keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 45%;
    }
  }

  @keyframes myCourier {
    0% {
      right: -25%;
    }
    100% {
      right: 45%;
    }
  }

  .reseller-why { 
    padding-bottom: 0px !important;
  }

  .reseller-title {
    margin-top: 0px;
  }

  .section-title .title {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .reseller-right {
    margin-top: 3%;
    height: 220px !important;
  }
  
  .pb-dato {
    padding: 0 !important;
  }

  .new_footer_top .footer_bg .footer_bg_one {
    -webkit-animation: myCourierMobile 5s linear infinite;
    animation: myCourierMobile 5s linear infinite;
  }

  @-moz-keyframes myCourierMobile {
    0% {
      right: -25%;
    }
    100% {
      right: 55%;
    }
  }

  @-webkit-keyframes myCourierMobile {
    0% {
      right: -25%;
    }
    100% {
      right: 55%;
    }
  }

  @keyframes myCourierMobile {
    0% {
      right: -25%;
    }
    100% {
      right: 55%;
    }
  }
}

@media(max-width:890px){
  .boton-nuevo-fixed{
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 100%;
    z-index: 99;
    background: white;
    padding: 15px 5px !important;
    -webkit-box-shadow: 0px -7px 13px -12px rgba(66,65,66,.6);
    -moz-box-shadow: 0px -7px 13px -12px rgba(66,65,66,.6);
    box-shadow: 0px -7px 13px -12px rgba(66,65,66,.6);

  }
  
  .boton-nuevo-cantidad{
    width: 46% !important;
    position: fixed;
    bottom: 0;
    left: 0%;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 18px !important;
    background: white;
    z-index: 999;

  }

  .footer_bottom {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #333;
    position: fixed;
    z-index: 97;
    bottom: 0;
    width: 100%;
    padding: 27px 0px;
}
  
  .boton-nuevo-fixed button{
    border-radius: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .boton-nuevo-fixed .carte{
    width: 50% !important;
    justify-content: end;
    margin-left: 50%;
  }
  .ch{
    justify-content: end !important;
  }
  
  
}

@media (max-width: 768px) {
  
  .new_footer_top .footer_bg .footer_bg_one {
    -webkit-animation: myCourierTablet 8s linear infinite;
    animation: myCourierTablet 8s linear infinite;
  }

  .ch div{
    margin-bottom: 0;
  }

  @-moz-keyframes myCourierTablet {
    0% {
      right: -25%;
    }
    100% {
      right: 70%;
    }
  }

  @-webkit-keyframes myCourierTablet {
    0% {
      right: -25%;
    }
    100% {
      right: 70%;
    }
  }

  @keyframes myCourierTablet {
    0% {
      right: -25%;
    }
    100% {
      right: 70%;
    }
  }
}




.btn-facebook {
  padding-left: 0px;
}
/*************footer End*****************/



/* PAYMENT */
/* TIPO SHIPPING */
.cursor-pointer{
  cursor: pointer;
}

.color-eboom{
  color: #8620FC;
}

.cursor-pointer:hover{
  color: #8620FC;
}

.h4-finalizar_compra-tipo_entrega-title {
  padding: 20px 0;
  padding-bottom: 0;
  font-size: 20px !important;
  color: #332927 !important;
  font-weight: 600;
  padding-top: 0px !important;
  margin-bottom: 15px;
}

.div-finalizar_compra-tipo_entrega {
  border-radius: 15px !important;
  background: white !important;
  margin: -15px 0px 0px 0px;
  padding: 30px 20px !important;
  margin-bottom: 30px;
  padding-bottom: 20px !important;
  padding-top: 22px !important;
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}
/* END TIPO SHIPPING */

/* RECOJO EN TIENDA */
.h4-finalizar_compra-recojo_tienda-title {
  padding: 0px;
  margin: 0px;
  font-size: 20px !important;
  color: #332927 !important;
  font-weight: 600;
  padding-bottom: 10px;
}

.div-finalizar_compra-recojo_tienda {
  border-radius: 15px !important;
  background: white !important;
  margin: -15px 0px 0px 0px;
  padding: 30px 20px !important;
  margin-bottom: 10px;
  padding-bottom: 20px !important;
  padding-top: 22px !important;
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}

.div-tipo_compra-invitado {
  border-radius: 15px !important;
  background: white !important;
  margin: -15px 0px 0px 0px;
  padding: 30px 20px !important;
  margin-bottom: 10px;
  padding-bottom: 20px !important;
  padding-top: 22px !important;
  box-shadow: 1px 1px 18px -13px rgba(0,0,0,0.75);
}
/* END RECOJO EN TIENDA */

/* END PAYMENT */

/* DROPDOWN */
.dropdown-menu{
  z-index: 100;
}
.shadow-small{
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
-moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
top: 45px !important;
padding: 0 !important;
    left: 30px !important;
    border-radius: 8px;
}
.triangulo-small{
  position: absolute;
  z-index: 1;
  padding: 0 8px;
}
.modal-redes {
  position: relative;
  z-index: 2;
  background: white;
  padding: 8px 4px;
}

.triangulo-equilatero-bottom {
  position: absolute;
  height: 10px;
  width: 20px;
  bottom: 100%;
  overflow: hidden;
}
.triangulo-equilatero-bottom::after{
  content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    -webkit-transform: translateX(50%) translateY(50%) rotate(45deg);
    -ms-transform: translateX(50%) translateY(50%) rotate(45deg);
    transform: translateX(50%) translateY(50%) rotate(45deg);
    background-color: #fff;
    box-shadow: -1px 0 4px 0 rgb(0 0 0 / 50%);
}

.btn-normal-tiendaris{
  padding: .4rem 1rem;
  font-size: .89rem !important;
  line-height: 2;
  text-transform: capitalize !important;
}

.btn-large-tiendaris{
  width: 100%;
  height: 50px;
  padding: .7rem 1rem;
  font-size: 1.25rem !important;
  line-height: 1.5;
  text-transform: capitalize;
}

/* CSS GOOGLE INPUT */
input.input-css_google ~ label{
  position: absolute;
  z-index: 1;
  padding: 0px 8px;
  border-radius: 5px;
  background: #fff;
  transform: translate(0rem, -3.5rem) scale(.8);
  margin-top: 43.5px;
}

input.input-css_google:placeholder-shown ~ label.label-css_google{
  position: absolute;
  z-index: 1;/*antes 4*/
  transform: translate(0.5rem, -2rem);
  color: grey;
  border-bottom: none;
  background: transparent;
  transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin-top: 3rem;
  margin-left: 1rem;
}
input.input-css_google:focus{
  background: #fff;
}
input.input-css_google:focus ~ label.label-css_google{
  position: absolute;
  z-index: 5;
  border-radius: 5px;
  border-bottom: none;
  background: #fff;
  transform: translate(0rem, -3.5rem) scale(.8);
  margin-top: 2.7rem;
  margin-left: 0px;
  padding: 1px 8px !important;
}

label.label-css_google{
  cursor: auto;
}

/* set cupo para otro porque no se puede con el mismo css */
input.input-css_google_cupon_pc ~ label{
  position: absolute;
  z-index: 5;
  border-radius: 5px;
  border-bottom: none;
  background: #fff;
  transform: translate(0rem, -3.5rem) scale(.8);
  margin-top: 2.7rem;
  margin-left: -11.5rem;
  padding: 1px 8px !important;
}

input.input-css_google_cupon_pc:placeholder-shown ~ label.label-css_google_cupon_pc{
  position: absolute;
  z-index: 0;/* antes 4 */
  transform: translate(0.5rem, -2rem);
  color: grey;
  border-bottom: none;
  background: transparent;
  transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin-left: -10.5rem;
  margin-top: 2.5rem;
}

input.input-css_google_cupon_pc:focus{
  background: #fff;
}

input.input-css_google_cupon_pc:focus ~ label.label-css_google_cupon_pc{
  position: absolute;
  z-index: 5;
  border-radius: 5px;
  border-bottom: none;
  background: #fff;
  transform: translate(0rem, -3.5rem) scale(.8);
  margin-top: 2.7rem;
  margin-left: -11.5rem;
  padding: 1px 8px !important;
}

label.label-css_google_cupon_pc{
  cursor: auto;
}

@media(min-width: 578px){
  .menu-movil-nuevo, .aviso-cupon-movil-div, .aviso-promo-movil-div{
    display: none;
  }
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}