/** General Issues **/
.noty_body {background: var(--main-pink)!important; color: white!important;}
.noty_body .col-sm img { max-width: 100%!important;height: auto!important; border-radius: 5px; background-color: white;} 
/** Add to card img **/

/** Best Seller in home **/
.img-content .img-link{height:0; padding-top:125%; }
.img-content .img-link img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; height:auto; transition:all ease 0.6s; opacity:1;}
.img-content ._block-info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; transition:all ease 0.6s; opacity:0;}

.img-content:hover .img-link img{opacity:0.25; width:45%;}
.img-content:hover ._block-info{opacity:1;}

.card._best-seller .card-title {min-height: 50px;}
.card._best-seller .card-body {min-height: 160px; }



/** Store**/
/** Toogle Cat **/
.producto-categorias-menu .subnav ol li {background-color:none; cursor:pointer;margin-top: 5px}
.producto-categorias-menu .subnav ol li a {color:black; font-size:11px; font-weight:700; padding: 5px 10px;}

.subnav-menu-ul_sub > li > a{color: #fff !important;padding-left:10px !important; -webkit-transition:1s all; transition:1s all; -moz-transition:1s all;padding: 6px !important;}
/*-- Categorias --*/
#cat_hor .subnav-title{display:none;}
#cat_hor ol#subnav-proCatUL{display:flex; flex-wrap:wrap; padding:15px; justify-content:center; align-items:center; }
#cat_hor ol#subnav-proCatUL > li{position:relative; margin:5px;}
#cat_hor ol#subnav-proCatUL > li > a{display:block; padding:10px; color:var(--main-yellow); background:none;  font-size:1.15em; letter-spacing:0.1em; text-transform:uppercase;
  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);
-webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#cat_hor ol#subnav-proCatUL > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
 background:linear-gradient(-45deg, var(--main-mint), var(--main-pink), var(--main-yellow));
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#cat_hor ol#subnav-proCatUL > li:hover > a {  color: var(--main-pink); background:none;}
#cat_hor ol#subnav-proCatUL > li:hover > a:before {right: 0;}

#cat_hor ol#subnav-proCatUL > li{font-size:13px !important;}
#cat_hor ol#subnav-proCatUL > li + li{border-left:solid 1px rgba(0,0,0,0.05);}

/*-- Subcategorias --*/
#cat_hor ol#subnav-proCatUL > li .subnav-menu-ul_sub{position:absolute; left:0; z-index:999; top:100%; background:#fff; padding:10px; box-shadow:0px 0px 2px rgba(0,0,0,0.35); min-height:0; width:100%; border-radius:5px; height:0; overflow:hidden; opacity:0; transition:all ease 1s;}
#cat_hor ol#subnav-proCatUL > li .subnav-menu-ul_sub::before{content:"";display:block; position:absolute; top:0; left:0; background:#fff; width:20px; height:20px; border-radius:5px; transform:rotate(45deg) translateY(-50%); box-shadow:-1px -1px 2px rgba(0,0,0,0.25);}
#cat_hor ol#subnav-proCatUL > li:hover .subnav-menu-ul_sub{height:auto; min-height:50px; opacity:1; overflow:visible;}
#cat_hor ol#subnav-proCatUL > li .subnav-menu-ul_sub > li > a{display:block; padding:7px; color:var(--main-orange);  font-size:0.95em; letter-spacing:0.1em; text-transform:uppercase; vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);
-webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
#cat_hor ol#subnav-proCatUL > li .subnav-menu-ul_sub > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ffe000;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#cat_hor ol#subnav-proCatUL > li .subnav-menu-ul_sub > li:hover > a {  color:#ffe000;}
#cat_hor ol#subnav-proCatUL > li .subnav-menu-ul_sub > li:hover > a:before {right: 0;}

.collapsar .subnav-menu-ul_sub { max-height: 10000px !important; margin:5px 0 !important;transition:all 0.5s ease;}

.product_detail h1 {color:var(--main-pink);}
.product_detail h2 {color:var(--main-pink); font-size:3rem;}
.product_detail {background:url('/aj./webmaster/getfile/9ecb18342a02b755dea085f3c7ad45b0?.png') no-repeat 110% bottom;}

.detail-page .items-clauses ul {list-style: none; margin-left: 0;}
.detail-page .actions .control-group,
.detail-page .actions .control-group.precio,
.detail-page .actions .control-group.precio .controls {display: inline-block;}
.detail-page .big-images a {display: block; width: 100%; height: 100%;}
.detail-page .detail-description .control-group {display: inline-block;}
.detail-page .quantity, .detail-page .quantity .controls {width: 100%;}
.detail-page .discount_price_detail {text-decoration: line-through;}
.detail-page .discount_price_detail:empty {display: none;}
/** Related Products ***/
._related-product ._related-img-top {min-height: 340px;}
._related-product .product-content .title {min-height: 40px;}

/**¨Products **/
.item-product {background: linear-gradient(to top, #ffeeec 0%,#ffeeec 40%,#fff 40%,#fff 100%); 
  border-radius: 7px;box-shadow: 2px 4px 10px rgba(0,0,0,.2); transition: all .6s;
  background-image: url('/aj./webmaster/getfile/515aad1060ae3d85154ede75cf42298e&.png'); 
  background-repeat: no-repeat; background-color: rgba(253,225,221,.5);
  background-position: left; background-size: contain; border-top: 1px solid #FDCCD0;}
.item-product:hover {transform: scale(1.02);}
.item-product .product-name {background: #FDCCD0; padding: 1em; border-bottom-left-radius: 7px; 
  border-bottom-right-radius: 7px; text-align:center;}

/**Detail Page product ***/
.detail-page .big-images a {display: block; width: 100%; height: 100%; background: white;}
.detail-page .big-images a img {background: white;}
.detail-page .detail-description .control-group {display: inline-block;}

/********************* Shopping listado8 **********************/
.product-grid8 .product-image8{border:1px solid #e4e9ef;position:relative;transition:all .3s ease 0s; min-height: 200px;}
.product-grid8:hover .product-image8{box-shadow:0 0 10px rgba(0,0,0,.15)}
.product-grid8 .product-image8 a{display:block}
.product-grid8 .product-image8 img{width:100%;height:auto}
.product-grid8 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid8:hover .pic-1{opacity:0}
.product-grid8 .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.product-grid8:hover .pic-2{opacity:1}
.product-grid8 .social{padding:0;margin:0;list-style:none;position:absolute;bottom:13px;right:13px;z-index:1}
.product-grid8 .social li{opacity:0;transform:translateY(3px);transition:all .5s ease 0s}
.product-grid8:hover .social li{margin:0 0 10px;opacity:1;transform:translateY(0); background: #fff;}
.product-grid8:hover .social li:nth-child(1){transition-delay:.1s}
.product-grid8:hover .social li:nth-child(2){transition-delay:.2s}
.product-grid8:hover .social li:nth-child(3){transition-delay:.4s}
.product-grid8 .social li a{color:grey;font-size:17px;line-height:40px;text-align:center;height:40px;width:40px;border:1px solid grey;display:block;transition:all .5s ease-in-out}
.product-grid8 .social li a:hover{color:#000;border-color:#000}
.product-discount-label{text-decoration: line-through;display:block;padding:4px 15px 4px 30px;color:#fff;background-color:#0081c2;position:absolute;top:10px;right:0;-webkit-clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}
.product-discount-label:empty {display: none;}
.product-grid8 .product-content{padding:20px 0 0}
.product-grid8 .price{color:#000;font-size:19px;font-weight:400;margin-bottom:8px;text-align:left;transition:all .3s}
.product-grid8 .price span{color:#999;font-size:14px;font-weight:500;text-decoration:line-through;margin-left:7px;display:inline-block}
.product-grid8 .product-shipping{color:rgba(0,0,0,.5);font-size:15px;padding-left:35px;margin:0 0 15px;display:block;position:relative}
.product-grid8 .product-shipping:before{content:'';height:1px;width:25px;background-color:rgba(0,0,0,.5);transform:translateY(-50%);position:absolute;top:50%;left:0}
.product-grid8 .title{font-size:16px;font-weight:400;text-transform:capitalize;margin:0 0 30px;transition:all .3s ease 0s}
.product-grid8 .title a{color:#000}
.product-grid8 .title a:hover{color:#0081c2}
.product-grid8 .all-deals{display:block;color:#fff;background-color:#2e353b;font-size:15px;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:22px 5px;transition:all .5s ease 0s}
.product-grid8 .all-deals .icon{margin-left:7px}
.product-grid8 .all-deals:hover{background-color:#0081c2}
#main .breadcrumbs {background: #eee;width: 100%;}

.page-item.active .page-link {background:var(--main-pink); border:none;}
.page-item.active .page-link:hover {background:var(--main-mint);}
.label-lightred, ul > li.lightred {background: var(--main-pink); }
.label-lightred a, ul > li.lightred a {color:white;}

.stats>li i {font-size: 20px;}
.stats>li .details span.big {font-size: 12px; text-align: center;}

/***************** STRIPE *****************/
.StripeElementLoading.hidden{
  display:none;
}
.StripeElementLoading .containerCenterDown{
  background: #1976d2;
  color: #fff;
  font-size: 1.2em;
  padding: 5px;
  border-radius: 0 0 10px 10px;
  text-shadow: 0px 1px #333;
  text-align: right;
  width: 100%;
  clear: both;
  font-weight: bold;
}
.StripeElementLoading{
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(238, 238, 238, 0.6);
  opacity: 0.9;
}
.StripeElementLoading .containerCenter{
  margin: 20% auto;
  width: 400px;
  top: 50%;
  border: 1px solid rgba(108,108,133,0.6);
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: inset 0px 0px 6px 1px rgba(113,110,150,0.4);
  -moz-box-shadow: inset 0px 0px 6px 1px rgba(113,110,150,0.4);
  box-shadow: inset 0px 0px 6px 1px rgba(113,110,150,0.4);
}
.StripeElementLoading .containerCenter ol{
  padding: 20px;
}
.StripeElementLoading .containerCenter ol li{
  color: #333;
  font-size: 1.4em;
  line-height: 1.5em;
  text-shadow: 1px 1px #ddd;
}
.StripeElementLoading .containerCenter ol li i{
  color: #61b045;
}
.StripeElementContainer.hidden{
  display:none;
}
.StripeElementContainer{
  list-style: none;
  background: #fafdff;
  border: 1px solid #e9f7ff;
  border-radius: 5px;
  position: absolute;
  z-index: 9999;
  min-width: 500px;
  min-height: 200px;
  padding: 10px;
  top: 10px;
  left: 50%;
  margin: 0px 0 0 -250px;
  box-shadow: 1px 3px #ccc;
}
.StripeElementContainer label{
  color: #0099e5;
  font-weight: 500;
  text-decoration: underline;
} 
.StripeElement {
  height: 40px;

  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
  border-color: #fa755a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
/***************** STRIPE *****************/


/***************** CESTA *****************/

#invoiceShippingModify{
  margin-top: 20px;
}
.pPrivacyANDterms{
  margin: 10px auto;
  text-align: center;
}
.pPrivacyANDterms a{
  text-decoration: none;
  color: #0066c0;
}
.btnGenerarPedido{
  border-radius: 3px;
  box-shadow: 2px 2px #ccc;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  text-shadow: 1px 1px #000;
}

/*BASIC PAY*/
form {
  width: 480px;
  margin: 20px auto;
}

label {
  height: 35px;
  position: relative;
  color: #8798AB;
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
}

label > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 300;
  line-height: 32px;
  color: #8798AB;
  border-bottom: 1px solid #586A82;
  transition: border-bottom-color 200ms ease-in-out;
  cursor: text;
  pointer-events: none;
}

label > span span {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0% 50%;
  transition: transform 200ms ease-in-out;
  cursor: text;
}

label .field.is-focused + span span,
label .field:not(.is-empty) + span span {
  transform: scale(0.68) translateY(-36px);
  cursor: default;
}

label .field.is-focused + span {
  border-bottom-color: #34D08C;
}

.field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #333;
  outline: none;
  cursor: text;
  display: block;
  width: 100%;
  line-height: 32px;
  padding-bottom: 3px;
  transition: opacity 200ms ease-in-out;
}

.field::-webkit-input-placeholder { color: transparent; }
.field::-moz-placeholder { color: transparent; }

/* IE doesn't show placeholders when empty+focused */
.field:-ms-input-placeholder { color: transparent; }

.outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 20px;
  text-align: center;
}

.success, .error {
  display: none;
  font-size: 15px;
}

.success.visible, .error.visible {
  display: inline;
}

.error {
  color: #E4584C;
}

.success {
  color: #34D08C;
}

.success .token {
  font-weight: 500;
  font-size: 15px;
}
/*BASIC PAY*/
/***************** CESTA *****************/