/*Google font*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
body,html{

  font-family: 'Ubuntu', sans-serif;
  background: #ffffff;

}

.bg-envio{
  background-image: url('./../../assets/imagenes/fondos/tienda-luli-y-gabo-portada-dskt.png') !important;
}

.bg-envio2{
  background-image: url('./../../assets/imagenes/fondos/nuevos_productos.png') !important;
}

/***--- ESTILOS DEL MENÚ ---***/

header{
	background: #ffffff;
}
.bg-light {
    background-color: #ffffff!important;
}
 
.navbar-light .navbar-nav .nav-link:hover {
    color: #e45a38; 
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #e45a38;
}

.dropdown-item {color: white;}
.dropdown-menu {
  background-color: #fec730;
  border:1px solid #fec730;}
.dropdown-item:hover {color: #fec730; background: #e45a38;}


.div_submenu{
  height: 60px;
  margin-top: 120px!important;
  position: fixed;
  top: -5px;
  width: 100%;
  z-index: 999;
}

a.logo.custom-logo img {
    width: 160px;
    height: auto;
    margin-left: 40px;
}

a.logo.custom-logo img {
    width: 88px!important;
}

.navbar ul li {
    display: block;
    width: 150px;
    text-align: center;
}
.navbar ul li {
    display: block;
    width: auto;
    text-align: center;
}
.navbar li {
    position: relative;
}
.img-ani img {
    position: absolute;
    clip: rect(0px, 60px, 80px, 0px);
    width: 120px;
    bottom: 30px;
    height: auto;
    left: 45px;
}

.img-ani img:hover {
    position: absolute;
    clip: rect(0px, 150px, 60px, 60px);
    left: -15px;
}

.margin-top-100{
  padding-top: 235px;
  margin-bottom: 100px!important;
}
.padding-top-home{
  padding-top: 175px;
}

/***--- FIN DE ESTILOS DEL MENÚ ---***/

/***--- ESTILOS DEL FOOTER ---***/
footer{
  width: 100%;
  position: relative;
  width: 100%;
  z-index: 99;
  bottom: 0px;

}
.iconsocial .fab{
  color: #fa6e22;
  cursor: pointer;
  font-size: 20px;
}
.iconsocial .fab:hover{
  color: #fec730;
}
.avisos-footer{
  color: rgb(51, 122, 183);
}

.avisos-footer:hover{text-decoration: underline!important;}
.logoBallLYG{
  width: 200px;
    height: auto;
bottom: 55px;
    position: absolute;
    left: -15px;
}

.powered-by {
    background-color: white;
}

.powered-by {
    background-color: white;
    height: 100px;
}
.powered-by {
    box-shadow: 0px -5px 10px #e2e0e2;
    padding: 10px;
    text-align: right;
    font-size: 10px;
    z-index: 10;
    margin-top: 1%;
}

.tw-ic{
  width: 40px;
  padding-bottom: 10px;
  padding-right: 20px;
}
/***--- FIN ESTILOS DEL FOOTER ---***/


/***---ESTILOS DEL GENERALES ---***/
.carousel-item {
  /* height: 0vh;
  min-height: 815px; */
  background: no-repeat center center scroll;
  background-size: cover;
}


.carousel-caption-promo {
   position: relative;
   width: 70%;
   left: 15%;
   z-index: 10;
   color: #fff;
   text-align: center;
   left: 50%;
   transform: translate(-50%, 280%) !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: no-repeat 50%/100% 100%;
    border: 1px solid #fec730;
    border-radius: 80px;

}

.carousel-control-prev-icon {
    background-image: url(../imagenes/iconos/arrow-previus.png);
}

.carousel-control-next-icon {
    background-image: url(../imagenes/iconos/arrow-next.png);
}

.position-relative{position: relative;}


.margin-top100{margin-top: 100px;}


.breadcrumb {background-color: #fec730; margin-bottom: 0px;}
.breadcrumb-item+.breadcrumb-item::before {
font-family: "Font Awesome 5 Brands";
    content: "\203A";
    color: #e45a38;
    font-size: 26px;
    position: relative;
    top: -11px;
    height: 10px;
}
.breadcrumb-item a { color: #e45a38;}
.breadcrumb-item.active {color: white;}
.breadcrumbback{background-color: #fec730;}

.dropdown-menu { min-width: 17rem;}


.bread_res_1{
  margin-top: 170px!important;
    padding: 0px 16px;
    background-color: #e76d4f!important;
    height: 30px;font-size: 14px!important;
    z-index: 99;
}

.breadcrumbA{background-color: #e76d4f!important;}

/*
.breadcrumbA{width: 65%;display: -webkit-inline-box;}
.breadcrumbB{width: 34%;display: -webkit-inline-box; text-align: right;}
.breadcrumb { margin-bottom: 0rem;}*/

.font-8px{font-size: 8px;}
.font-9px{font-size: 9px;}
.font-10px{font-size: 10px;}
.font-11px{font-size: 11px;}
.font-12px{font-size: 12px;}
.font-13px{font-size: 13px;}
.font-14px{font-size: 14px;}
.font-15px{font-size: 15px;}
.font-16px{font-size: 16px;}
.font-17px{font-size: 17px;}
.font-18px{font-size: 18px;}
.font-19px{font-size: 19px;}
.font-20px{font-size: 20px;}
.width100{width: 100%!important;}
.width30{width: 30%;}
.width80px{width: 80px;}
.width15px{width: 15px;}

.visible{display: block!important;}
.oculto{display: none;}
hr.separador_post {
    border-top: 1px solid white;
}

a{color: black;text-decoration: none!important;}
a:hover{color: #e45a38;}

.iconocerrar{
  position: absolute;
    top: -8.5%;
    left: 0%;
  transform: translate(-50%,-50%);
  z-index: 2;
  margin-top: 40px;
  margin-bottom: 80px;
}

.mediocirculo {
  position: absolute;
  transform: translate(4%, -100%);
  padding: 24px;
  width: 200px; 
  height: 100px; 
  background: white;
  text-align: center;
  border-radius: 100px 100px 0 0;
  -webkit-box-shadow: 0px -6px 28px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -6px 28px -13px rgba(0,0,0,0.75);
  box-shadow: 0px -10px 28px -20px rgba(0,0,0,0.75);
}
.mediocirculo img{width: 90px;}

.circulo {
  width: 203px;
  height: 203px;
  padding: 17px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: white;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}

.circulo img{width: 130px;}
.text-rojo{color: #e45a38;}
.text-amarillo{color: #fec730;}
.text-gris{color: #999;}




.centavos{
  position: relative;
    top: -13px;
    font-size: 22px;
    left: 11px;
}
.divisa{
  position: relative;
    left: -15px;
    font-size: 12px;
}

.centavos2{
  position: relative;
    top: -13px;
    font-size: 12px;
    left: 11px;
}
.divisa2{
  position: relative;
    left: -9px;
    font-size: 12px;
}

.contenedor{border-radius: 15px;}
.paddingProduct{padding: 0px 40px 0px 40px;}

.boton-color-red{
  background: #e45a38;
  color: white;
}
.boton-color-amarillo{
  background: #fec730;
  color: #e45a38;
}

.radius25{
  border-radius: 0.25rem;
}

.radius125{
  border-radius: 0.25rem;
}

.boton-css-animate{
  border: none;
  overflow: hidden;
  padding: 7px;
}

.btnp1{
  width: 50%;
  background: #fec730;
  border: none;
  color: white;
  border-radius: 1.25rem;
  overflow: hidden;
}

.btnp2{
  width: 50%;
  background: #73b650;
  border: none;
  border-color: #73b650;
  color: white;
  border-radius: 1.25rem;
  overflow: hidden;
}
.btnp33{
  width: 50%;
  background: #f65a42;
  border: none;
  border-color: #f65a42;
  color: white;
  border-radius: 1.25rem;
  overflow: hidden;
}

.btn-outline-warning_1 {
  width: 40%;
  border: 1px solid #fec730;
  border-radius: 1.25rem;
  color: black;
  overflow: hidden;
}

.btn-facebook{
  width: 70%;
  background: #3B5998;
  border: 1px solid #3B5998;
  border-radius: 1.25rem;
  color: white;
  overflow: hidden;
}

.boton5{
  border: 1px solid #fec730;
  color: black;
  width: 50%;
  border-radius: 1.25rem;
  float: right;
  color: black!important;
  background: #ff000000;
  overflow: hidden;
}

.boton6{
  border: 1px solid #fec730;
  color: white;
  width: 50%;
  border-radius: 1.25rem;
  float: right;
  color: black!important;
  background: #fec730;
  overflow: hidden;
}

.boton7{
  border: 1px solid #fec730;
  color: white;
  border-radius: 0.25rem;
  float: right;
  background: #fec730;
  overflow: hidden;
}
.boton7:hover{color: white;}

.boton8{
  border: 1px solid #fec730;
  color: #e45a38;
  width: 50%;
  border-radius: 1.25rem;
  float: right;
  background: #ff000000;
  overflow: hidden;
}




/*Animación Botones home*/

   /*a:hover{color: white;}*/

    .libtn a{
      position: relative;
      display: block;
      /*height: 80px;*/
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      z-index: 2;
      color: white;
      border-radius: 1.25;
    }

    .libtn .boton5{
      position: relative;
      display: block;
      /*height: 80px;*/
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      z-index: 2;
      color: white;
      border-radius: 1.25rem;
    }

    .libtn .boton6{
      position: relative;
      display: block;
      /*height: 80px;*/
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      z-index: 2;
      color: white;
      border-radius: 1.25rem;
    }

    .libtn .boton7{
      position: relative;
      display: block;
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      z-index: 2;
      border-radius: 0.25rem;
    }

    .libtn .boton8{
      position: relative;
      display: block;
      /*height: 80px;*/
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      z-index: 2;

      border-radius: 1.25rem;
    }

    .libtn-face a{
      position: relative;
      display: block;
      /*height: 80px;*/
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      z-index: 2;
      color: white;
      border-radius: 1.25rem;
    }

    .libtn a:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #f00;
      overflow: hidden;
      z-index: -2;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.5s ease-in-out;
      border-radius: 1.25rem;
    }


    .libtn-face a:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #f00;
      overflow: hidden;
      z-index: 1;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.5s ease-in-out;
      border-radius: 1.25rem;
    }

    .libtn .boton5:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #f00;
      overflow: hidden;
      z-index: -2;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.5s ease-in-out;
      border-radius: 1.25rem;
    }


    .libtn .boton6:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #f00;
      overflow: hidden;
      z-index: -2;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.5s ease-in-out;
      border-radius: 1.25rem;
    }

    .libtn .boton7:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #f00;
      overflow: hidden;
      z-index: -2;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.5s ease-in-out;
      border-radius: 0.25rem;
    }

    .libtn .boton8:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #f00;
      overflow: hidden;
      z-index: -2;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.5s ease-in-out;
      border-radius: 1.25rem;
    }

    .libtn a:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }

    .libtn-face a:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }

    .libtn .boton5:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }

    .libtn .boton6:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }

    .libtn .boton7:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }


    .libtn .boton8:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }

    .btn-promo{
      font-weight: 300;
      padding: 10px 40px;
      color: black;
      border: 2px solid #fec731;
      border-radius: 100px;
      background-color: white;
    }

    .btn-promo:hover{
      font-weight: 300;
      padding: 10px 40px;
      color: black;
      border: 2px solid #fec731;
      border-radius: 100px;
      background-color: #f65a42;
    }

    .btnp1 a:before{
      background: #f65a42!important;
      color: white;
    }
    .btnp2 a:before{
      background: #fec730!important;
      color: white;
    }

    .btnp33 a:before{
      background: #73b650!important;
      color: white;
    }

    .btn-outline-warning_1 a:before{
      background: #f65a42!important;
      color: white;
    }

    .btn-outline-warning_2 .boton5:before{
      background: #f65a42!important;
      color: white!important;
    }

   .btn-outline-warning_2 .boton6:before{
      background: #fec730!important;
      color: white;
    }

   .btn-outline-warning_2 .boton7:before{
      background: #e45a38!important;
      border-color: #fec730;
      color: #fec730!important;
    }


    .btn-outline-warning_2 .boton8:before{
      background: #fec730!important;
      color: white!important;
    }


    .btn-facebook a:before{
      font-family: "Font Awesome 5 Brands";
      content: "\f39e";
      color: white;
      background: #3B5998!important;
      border: 1px solid #3B5998!important;
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-size: 16px;
    }

    button:focus {
      border: none;
      outline:none;
      border:1px solid #e45a38!important;
    }

    .tablinks:focus{
      border: none!important;
      outline:none!important;
    }  
/*Fin de animacion Botones home*/

.fondo-imagen-detalles{
  background:#dde7eb;
  height: 82%;
  width: 1200px;
  position: absolute;
  top: -10%;
  /*left: -730px;*/
  right: 0px;
  z-index: 0;
}
.centavos3 {
    position: relative;

    top: -3px;
    /* font-size: 22px; */
    left: 3px;

}


/* Style the tab */
.tab {
  overflow: hidden;

}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-size: 14px;
  width: 33.33%;
  text-align: left;
  font-weight: bold;
  letter-spacing: 2px;

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fec730;
    color: #e45a38;
}

/* Create an active/current tablink class */
.tab button.active {
 border-bottom: 2px solid #fec730;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: 1px solid #d0cece;
  line-height: 25px;
  color: #6a6b6c;
}

  /*##### INCREMENTADOR DE CANTIDAD #####*/

/* QTY BOX */
.qty-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d0cece;
  max-width: 100px;
  height: 34px;
  position: relative;
  border-radius: 25px;
  margin: 10px 0;

}

.qty-box > input {
  width: 50px;
  text-align: center;
  color: #555555;
}

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

.qty-box .qty-btn {
  width: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #888;
  height: 100%;
}

.qty-box>input{
    width: 50px;
    color: #555;
    border: 0;
}

  /* FIN DE INCREMENTADOR DE CANTIDAD */




  .alertas_sesion{
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%,-50%);
  }


  .imagen-facebook{
   border-radius: 50%;
    width: 50px; 
    
  }


/*Estilos carrito*/
.tabla-carrito th{
  border-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.tabla-carrito td{
  padding-right: 0px;
  padding-left: 0px;
}

.tabla-carrito-productos th{
  border-top: 0px;
}

.sinborder td {
    border: 0px!important;
    padding: 0px;
}

.tabla-carrito .border-bottom{
  border-bottom: 2px solid #dee2e6!important;
}

.cuadro-carrito{
  height: auto;
  border: 4px solid #e45a38;
  border-radius: 20px;    
}

.padding-carrito{ 
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.btnp3{
  background: #fec730;
  color: black;
  border-radius: 1.25rem;
  width: 100%;
  border-color: #fec730;
}

.btnp3:hover {
    background: #e45a38;
    color: white;
    border-color: #e45a38;
}


.btnp4{
  border: 1px solid #a5a5a5;
  width: 100%;
  border-radius: 40px
}

.btnp5{
  border: 1px solid #fec730;
  background: #fec730;
  width: 100%;
  border-radius: 40px
}

.div-fondo-gris{
  width: 100%;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #f7f7f7;
  border-radius: 20px;
  position: relative;
  bottom: 0px;
  left: 14px;
  z-index: -1;    
}

.border-amarillo {
    border: 1px solid #fec730;
}

.border-rojo {
    border: 1px solid #e45a38;
}


.border15px-radius{
  border-top-right-radius: 5px!important;
  border-bottom-right-radius: 5px!important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.border-bottom-separador{
  border-bottom: 3px solid #dee2e6!important;
}



.img-detalle-producto{
  background: #dde7eb;
    padding: 10px;
}

/*
.radio_envio:after {
    position: relative;
    content: url(../imagenes/iconos/radio.png);
    top: -4px;
    left: -4px;
}

  .radio_envio:checked:after {
      position: relative;
    content: url("../imagenes/iconos/check-radio.png");
    top: -2px;
    left: -4px;
  }
*/

  /*... Estilo para los radio bottom ...*/

.content-input input,
.content-select select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
 
.content-input input{
  visibility: hidden;
  position: absolute;
  right: 0;
}

.content-input{
  position: relative;
  margin-bottom: 30px;
  padding:0 0 5px 20px; /* Damos un padding de 60px para posicionar el elemento <i> en este espacio*/
  display: inline;
}
 
/* Estas reglas se aplicarán a todos las elementos i después de cualquier input*/
.content-input input + i{
 background: white;
 border:2px solid #e45a38;
 position: absolute; 
 left: 0;
 top: 0;
}
 
/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.content-input input[type=radio] + i{
 height: 20px;
 width: 20px;
 border-radius: 100%;
 left: 0px;
}


.content-input input[type=radio] + i:before{
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  background: red;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  background:#e45a38;
  transition: all 0.25s ease; /* Todas las propiedades | tiempo | tipo movimiento */
  transform: scale(0) /* Lo reducimos a 0*/ ;
  opacity: 0; /* Lo ocultamos*/
}

.content-input input[type=radio]:checked + i:before{
  transform: scale(1);
  opacity: 1;
}

.content-input:hover input[type=radio]:not(:checked) + i{
  background: #B1E8CD;
}
  /*... Fin de estilo para radio bottom ...*/
/*Fin estilos carrito*/


/*Thankyou*/

.div-thank-you{
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.div-thank-you img{width: 80%;}

.btn5{
  background: #f65a42;
  border-color: #f65a42;
  color: #fec730;
  padding: 10px 30px;
  border-radius: 100px;
}
.btn5:hover{
  background: #fec730;
  border-color: #fec730;
  color: #f65a42;
}
.circulo-amarillo1{
  position: relative;
    border-radius: 50%;
    border: 2px solid #fec730;
    padding: 6px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    color: #8f77bc;
}



.icono-usuario{
  border-radius: 50%;
  border: 1px solid white;
  padding: 5px;
  width: 35px;
  height: 35px;
  font-size: 20px;
  background: white;
  color: #e45a38;
  text-align: center;margin-right: 8px;
}

.tabla-pedidos thead  th{
  border-top: 0px;
}
.anchocelda{width: 230px;}

.center-vertical-tabla{
  vertical-align:middle!important;
}


.inner-addon {
  position: relative;
}
.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.left-addon .fa {
  color: #c7c7c7;
  left: 0px;
}

.left-addon input {
  padding-left: 30px;
}

.modal-precart{
  width: 450px;
  margin: 0rem;
  right: 0px;
  position: absolute;
}

.modal-content-detalles {
    height: 100vh;
}
.div_scroll {
     overflow: scroll;
    height: 32vh;
    overflow-x: hidden;
}

.close-detalle {
    text-shadow: none;
    opacity: 1;
}


.clase_cuadro_direccion{
  width: 100%;
  position: relative;
  height: 120px;
  border: 1px solid #e45a38;
  border-radius: 10px;
  color: #fec730;
  padding: 5px;
}
.contenido-direcc{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.div_direcciones{display: none;}
.separador-bottom-1px{border-bottom: 1px solid rgba(0,0,0,.1);}


.margin-top-exception1 {padding-top: 133px;}
.margin-bottom-exception1{margin-bottom: 200px;}


#num_targ{
  border-color: #e45a38;
  background-image:none;
}
#mes_targ{
  border-color: #e45a38;
  background-image:none;
}
#ano_targ{
  border-color: #e45a38;
  background-image:none;
}
#cvc_targ{
  border-color: #e45a38;
  background-image:none;
}
      

#nombre_detalles{
  border-color: #e45a38;
  background-image: none;
}
#paterno_detalles{
  border-color: #e45a38;
  background-image: none;
}
#materno_detalles{
  border-color: #e45a38;
  background-image: none;
}
#telefono_detalles{
  border-color: #e45a38;
  background-image: none;
}
#direccion_detalles{
  border-color: #e45a38;
  background-image: none;
}
#cp{
  border-color: #e45a38;
  background-image: none;
}


#direccion2{
  border-color: #e45a38;
  background-image: none;
}
#cp2{
  border-color: #e45a38;
  background-image: none;
}



.closeimg-detalle{
    position: absolute;
    left: -24px;
    top: 30px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #e45a38;
    width: 20px;
    height: 20px;
    font-size: 12px;
 
}
.closeimg-detalle:hover{
  border: 2px solid #fec730;
  color: #fec730;
}


  .margin-bottom-carrito{
    height: 100vh; 
    margin-bottom: 70px;
  }


  .btndeleteP-carrito{
    position: relative;
    left: 0px;
    top: 1px;
    border: 1px solid #e45a38;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
  }


.fa-times:before {
    content: "\f00d";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

  .btndeleteP-carrito:hover{
    border: 1px solid #fec730;
    color: #fec730;
  }


  .div_center_thank{
  position: relative;
    text-align: center;
    margin: 50px 10px;
    height: 60vh;
  }


  .div_center_vertical{
    display: flex;align-items: center; 
  }


  .btn-cursor-pointer{cursor: pointer!important;}




      /* these styles are for the demo, but are not required for the plugin */
    .zoom {
      display:inline-block;
      position: relative;
    }
    
    /* magnifying glass icon */
    .zoom:after {
      content:'';
      display:block; 
      width:33px; 
      height:33px; 
      position:absolute; 
      top:0;
      right:0;

    }

    .zoom img {
      display: block;
    }


    .zoom img { background: white!important;}
    .img-ex1{width: 300px;}

    
/***---FIN ESTILOS DEL GENERALES ---***/





@media(min-width: 1400px){

  .margin-bottom-carrito{
    height: 84vh!important;
  }
}



@media screen and (max-width: 1366px) {
  .margin-bottom-carrito{
    height: 100vh!important;
  }

}


@media(max-width: 1024px){
 .div_scroll {
    height: 50vh;
  }
  .margin-bottom-carrito{
    height: 90vh;
    margin-bottom: 50px;
  }
  .margin-bottom-detalles{
    height: 90vh;
  }
  .connected-carousels .prev-navigation {
      left: 13px!important;
  }
}

@media(max-width: 812px){
  .margin-bottom-carrito{
    height: auto;
  }
}
@media(max-width: 768px){
 .tab button {
    letter-spacing: .5px!important;
  }
  .margin-bottom-carrito{
    height: 88vh;
  }

  .carousel-item {
    height: 0vh;
    min-height: 330px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


}
@media(max-width: 600px){
  .bg-envio{
    background-image: url('./../../assets/imagenes/fondos/tienda-luli-y-gabo-portada-rsp.png') !important;
  }

  .bg-envio2{
    background-image: url('./../../assets/imagenes/fondos/23_hotsale_movil.png') !important;
  }

	footer{position: relative;}
	/*.breadcrumbA{width: 62%;}*/
	.breadcrumbB{width: 35%;}
  .breadcrumb{padding: .75rem 0rem;}
  .mediocirculo {
      transform: translate(4%, -98%);
  }
	.back-white{background: white;}


  .fondo-imagen-detalles{
    background:#dde7eb;
    height: 75%;
    width: 100%;
    position: absolute;
      top: -67px;
      left: 0px;

  }

  .btn-outline-warning_2 {
      width: 100%;
  }

  .alinear-iconlogin{
    position: absolute;
    right: 24px;
  }

  .qty-box {
    height: 28px;
  }
  .eliminar_producto_img{
    width: 22px;
    position: absolute;
    left: -12px;
    top: -10px;
  }
  .centrar-res{text-align: center!important;}


  .navbar-nav .dropdown-menu {
      position: relative;
  }

  .div_submenu {
    height: auto;
  }
  .nav-flex-icons{margin-left: 0px!important;width: 100%;}

  .qty-box>input {width: 25px;}
  .boton5 {width: 100%;}

  .modal-precart{
    width: 100%;
  }

  .qty-box {
    max-width: 80px;
  }

  .texto-legal{font-size: 10px;}
  .btn-outline-warning_1{width: 100%;}
  .carousel-item {
    height: 70vh;
  }


  .padding-carrito {
      padding-left: 20px;
      padding-right: 20px;
  }

  .tarjeta-credito{font-size: 10px;}

  .modal-content-detalles {
      /*height: auto;*/
  }

  .div_scroll {
    height: 44vh;
  }
  .libtn-face a {font-size: 12px;}

  .tab button {
      letter-spacing: 0px;
  }

  .div_carrito_res{
    position: absolute;
    right: 10px;
    top: 7px;
  }

  .margin-bottom-carrito{
    height: auto;
  }

.div_center_thank {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    text-align: center;
    margin: 77px 10px;
}

  .imagen-facebook{
    width: 35px; 
  }
  .a-user{
    padding: 0px!important;
  }

  .bread_res_1 .breadcrumb-item a {
    color: white;
  }


.breadcrumb-item+.breadcrumb-item::before {
    color: white;
}

.img-detalle-G{width: 60%!important;}
.connected-carousels .carousel {
   /* height: 240px;*/
}

.connected-carousels .stage {
    margin: 0px auto!important;
}

.closeimg-detalle {
    left: 0px;
    top: 0px;
}
.btndeleteP-carrito {
    left: -66px;
    top: -19px;
    border: 2px solid #e45a38;
    width: 20px;
    height: 20px;
    font-size: 12px;
}



.logoBallLYG{
        bottom: 56px;
}
.powered-by {
    margin-top: 0%;
}
.margin-top-100 {
    padding-top: 260px;

}

.padding-top-home {
    padding-top: 195px;
}
  img.layout_ninadu {
      left: 25%!important;
  }
}




/**** IPAD ****/
@media only screen and (min-width: 820px) and (max-width: 825px) {
  .carousel-item {
    height: 0vh;
    min-height: 345px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

}


/* Nuevso 14 May, 2024*/
@media only screen and (min-width: 1px) and (max-width: 600px){
  .carousel-caption-promo {
    position: relative;
    width: 70%;
    left: 15%;
    z-index: 10;
    color: #fff;
    text-align: center;
    top: 80% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
}
/* End Nuevo 14 May, 2024*/

@media screen and (max-width:400px) {
  .carousel-caption h3{
    font-size: 1rem;
  }
  
}

@media screen and (max-height:670px) {
  .modal-content-detalles {
      height: 100%;
  }
}