/*** VARIOS ***/
.carousel-item .img-fluid {width:100%;}

.content-center {max-width: 1500px !important;} /*** ANCHO DE LA TIENDA ***/

.g-recaptcha.error { border: solid 2px #c64848; padding: .2em;  width: 19em;  }

.small_pre_clave { font-size: 14px; color: #929292; font-weight: normal !important; }

.inline-label{font-size: 11px !important; color: #fff; padding: 3px 10px 3px 10px !important; }
.inline-label.red { background: #CA1515 !important; }
.inline-label.blue { background: #000000 !important; }
.inline-label.gray { background: #666666 !important; }

.price{font-size: 14px; line-height: 15px; padding-bottom: 5px; text-align: center !important;}
.price .prev{color: #989898; text-decoration: line-through; display: inline-block;}
.price .current{color: #000000 !important; display: inline-block; font-size: 18px; font-weight: 600;}
.price .p2x1{color: #666666 !important; font-size: 12px; font-weight: 600; margin-top: 5px;}

.inline-label.promocion { font-size:10px !important; background: #970000 !important; color:#FFFFFF; padding: 1px 8px 1px 8px !important; text-transform: none !important; margin-bottom: 6px; }

.button.style-geo{border-color: #ffffff; background: #dd4600; font-size: 12px; color: #fff; font-weight: 600; display: inline-flex; line-height: 13px; padding: 13px 25px; min-width: 0;}

.opaco_disabled_div_1 { 
  opacity: 0.4; 
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.margin_padding_0 {
  padding:0px !important; 
  padding-bottom:2px !important; 
  margin:0px !important;
  font-size: 10px !important; 
  line-height: 14px !important; 
  color: #a3a3a3 !important; 
  text-transform: uppercase !important; 
  font-weight: 500 !important; 
}

.margin_padding_0:hover {
  color: #5f5f5f !important; 
}

.size-selector .entry_custom {
  display: inline-block; padding-left:5px; padding-right:5px; line-height: 25px; 
  border: 1px #d9d9d9 solid; text-align: center; font-size: 12px; color: #4c4c4c; font-weight: 500; 
  margin-right: 12px; position: relative; text-transform: uppercase; cursor: pointer; margin-bottom: 12px;
}

.size-selector .entry_custom_agotado {
  display: inline-block; padding-left:5px; padding-right:5px; line-height: 25px; 
  border: 1px #d9d9d9 dashed; text-align: center; font-size: 12px; color: #c7c7c7; font-weight: 500; 
  margin-right: 12px; position: relative; text-transform: uppercase; cursor: pointer; margin-bottom: 12px;
}

.size-selector .active_custom {
  opacity: 1; border: 1px #bb0101 solid;
}

.size-selector .active_custom_agotado {
  opacity: 1; border: 1px #bb0101 dashed;
}

.icon_carrito_style {
  font-size:20px; 
  color: #d85701;
}

.block_carrito_1 {
  background-color: black;
  color: white;
  padding: 13px;
  text-align: center;
  font-size: 17px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}

.button.style-3{
  background: #000000 !important; 
  border-color: #000000 !important; 
  color:white !important;
}

.block_carrito_2 {
  background-color: #EA513B;
  color: white;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}

.block_carrito_2_vacio {
  background-color: #EA513B;
  color: white;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}

.container_cart_wait {
  height: 100%;
  position: relative;
  color:rgb(0, 0, 0);
}

.vertical_horizontal_center_cart_wait {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.align_middle_icon_carrito {
  display: flex;
  align-items: center;
}
/*** VARIOS ***/


/*** CUADRO DE AGOTADO ***/
.breadcrumb-entry{padding: 15px 0px 0px 0px; text-align: center; background-size: cover; background-color: #919191 !important; width: 75% !important;}
.breadcrumb-entry .breadcrumb-title.style-1{font-size: 13px; padding: 0px !important; line-height: 1px; color: #312926; font-weight: 400; letter-spacing: 0px;}
.style-3_titulo_eliminado{font-size: 11px; padding: 5px !important; text-align: center; color: #d30202;  width: 75% !important;}
.breadcrumb-entry .breadcrumb-title.light{color: #fff;}
.breadcrumb-box.light a{color: rgba(255, 255, 255, 0.5); font-size:12px !important;}
.breadcrumb-box.light a:hover{color: rgba(255, 255, 255, 1);}
/*** CUADRO DE AGOTADO ***/


/*** STYLE PARA BANNER DE PRODUCTO AGOTADO ***/
.img__wrapper{
  position:relative;
  overflow:hidden;
  z-index: 0; /* aaron */
}

.img__wrapper img{
  width: 100%;

}
.sold_out {
    cursor: default !important;
    top: 1em;
    left: -5em;
    color: #fff;
    display: block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 16px/1.2em Arial, Sans-Serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    -webkit-transform: rotate(-45deg) scale(0.75,1);
    z-index:10;
}

.sold_out:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}
/*** STYLE PARA BANNER DE PRODUCTO AGOTADO ***/






/*** STYLE PARA ACORDEON DE OPCIONES DE BUSQUEDA ***/
.btn_accordion_level1 {
  width: 100%;
  display: block;
  padding: 0.75em;
  border-radius: 0.15em;
  background: rgb(235, 235, 235, 0.2);

}

.btn_accordion_level1 a {
  width: 100%;
  padding: 0.75em;
  color: #666666;
  font-family: 'Raleway', sans-serif;
}

.btn_accordion_level2 {
  width: 100%;
  display: block;
  padding: 0.75em;
  border-radius: 0.15em;
  background: rgba(230, 230, 230, 0.3);
}

.btn_accordion_level2 a {
  width: 100%;
  padding: 0.75em;
  color: #666666;
  font-family: 'Raleway', sans-serif;
}

.btn_accordion_level3 {
  width: 100%;
  display: block;
  padding: 0.75em;
  border-radius: 0.15em;
  background: rgba(225, 225, 225, 0.6);
}

.btn_accordion_level3 a {
  width: 100%;
  padding: 0.75em;
  color: #666666;
  font-family: 'Raleway', sans-serif;
}

ul {
  list-style: none;
  padding: 0;
}

ul .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}

ul .inner.show {
  /*display: block;*/
}

ul li {
  margin: 0.5em 0;
}

ul li a.toggle {
  width: 100%;
  display: block;
  padding: 0.75em;
  border-radius: 0.15em;
}
/*** STYLE PARA ACORDEON DE OPCIONES DE BUSQUEDA ***/





/* PAGINACION PHP */
.paginacion_disabled {
  display:none !important;
}
/* PAGINACION PHP */






/* ESTILOS DE MENSAJE DE ERROR DE FORMULARIO */
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #36bea6;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2336bea6' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #36bea6;
    box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #36bea6;
  padding-right: calc(0.75em + 2.3125rem);
  background: url(../../assets/images/custom-select.png) no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2336bea6' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #36bea6;
    box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #36bea6; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #36bea6; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #36bea6; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #58cfba;
  background-color: #58cfba; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #36bea6; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #36bea6; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #36bea6;
  box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #f62d51; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76563rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(246, 45, 81, 0.9);
  border-radius: 2px; }

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border: 1px solid rgba(250, 68, 68, 0.4) !important;  /* aaron color de error */
  /*border-color: #f62d51 !important;*/
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f62d51' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f62d51' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #f62d51 !important;
    box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #f62d51 !important;
  padding-right: calc(0.75em + 2.3125rem);
  background: url(../../assets/images/custom-select.png) no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f62d51' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f62d51' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #f62d51 !important;
    box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #f62d51 !important; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #f62d51 !important; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #f62d51 !important; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #f85e7a;
  background-color: #f85e7a; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f62d51; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #f62d51; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #f62d51;
  box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); }
/* ESTILOS DE MENSAJE DE ERROR DE FORMULARIO */




/* ESTILO DEL SELECTOR QUANTITY, SELECCION DE CANTIDAD EN CARRITO */
.quantity {
  display: inline-block; }
 
 .quantity .input-text.qty {
  width: 60px;
  height: 41px;
  padding: 0 10px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #999999;
  color:#000000;
  font-size: 16px;
 }
 
 .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }
 
 .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
 }
 
 .quantity.buttons_added .minus,
 .quantity.buttons_added .plus {
  padding: 7px 10px 8px;
  height: 41px;
  background-color: #ffffff;
  border: 1px solid #999999;
  cursor:pointer;}
 
 .quantity.buttons_added .minus {
  font-size: 20px;
  border-right: 0; }
 
 .quantity.buttons_added .plus {
  font-size: 20px;
  border-left: 0; }
 
 .quantity.buttons_added .minus:hover,
 .quantity.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .quantity input::-webkit-outer-spin-button,
 .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
  .quantity.buttons_added .minus:focus,
 .quantity.buttons_added .plus:focus {
  outline: none; }
/* ESTILO DEL SELECTOR QUANTITY, SELECCION DE CANTIDAD EN CARRITO */








/* SLIDER BAR LATERAL IZQUIERDO CARRITO */
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  border-right: 5px solid black;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#divCarritoPopUp {
  transition: margin-left .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
/* SLIDER BAR LATERAL IZQUIERDO CARRITO */














/************ TOASTR *****************/
#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast-info:before {
  color:#272727;
  content: '\f058';   /* f05a https://fontawesome.com/icons/check?style=solid */
  font-family: "FontAwesome"; 
  font-style: normal;
  font-weight: 900;
  font-size:25px;
  position: absolute;
  left: 13px;
}

#toast-container > .toast-warning:before {
  color:#ffffff;
  content: '\f071';   /* f05a https://fontawesome.com/icons/check?style=solid */
  font-family: "FontAwesome"; 
  font-style: normal;
  font-weight: 900;
  font-size:25px;
  position: absolute;
  left: 13px;
}

#toast-container > .toast-success:before {
  color:#ffffff;
  content: '\f14a';   /* f05a https://fontawesome.com/icons/check?style=solid */
  font-family: "FontAwesome"; 
  font-style: normal;
  font-weight: 900;
  font-size:25px;
  position: absolute;
  left: 13px;
}

.toast {
  background-color: #030303;
  opacity: 0.95 !important;
}
.toast-info {
  background-color: rgb(255, 233, 38) !important;
  color: rgb(0, 0, 0) !important;
}
.toast-info2 {
  background-color: #2f96b4;
}
.toast-error {
  background-color: #bd362f;
}
.toast-success {
  background-color: #0c8b00;
}
.toast-warning {
  background-color: #ce0000;
}

.toast-close-button {
  color: #000000 !important;
}
/************ TOASTR *****************/



/************ CENTRAR COLUMNAS EN ROWS DE UN GRID, BOOTSTRAP *****************/
.row-centered {
  text-align:center;
}
.col-centered {
  display:inline-block;
  float:none;
  text-align:left;
  margin-right:-4px;
  text-align: center;
}
/************ CENTRAR COLUMNAS EN ROWS DE UN GRID, BOOTSTRAP *****************/




/************* CORTINA TRANSPARENTE QUE SE VISULIZA EN TODO EL BODY CUANDO SE PASA EL CURSO EN EL MENU TOP DE LA TIENDA Y CUANDO SE ABRE EL CARRITO LEFT ***********/
.cortina_menu {
  color: white;
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 6;
visibility: hidden;
backface-visibility: hidden;
transform: translateX(-50%) translateY(-50%);
}

.cortina-menu-show {
visibility: visible;
}

.cortina_menu_bg {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 5;
opacity: 0;
background: rgba(0,0,0,0.6);
transition: all 0.3s;
}

.cortina-menu-show ~ .cortina_menu_bg {
opacity: 1;
visibility: visible;
}    




.cortina_carrito {
  color: white;
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 8;
visibility: hidden;
backface-visibility: hidden;
transform: translateX(-50%) translateY(-50%);
}

.cortina-carrito-show {
visibility: visible;
}

.cortina_carrito_bg {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 7;
opacity: 0;
background: rgba(0,0,0,0.6);
transition: all 0.3s;
}

.cortina-carrito-show ~ .cortina_carrito_bg {
opacity: 1;
visibility: visible;
}    
/************* CORTINA TRANSPARENTE QUE SE VISULIZA EN TODO EL BODY CUANDO SE PASA EL CURSO EN EL MENU TOP DE LA TIENDA Y CUANDO SE ABRE EL CARRITO LEFT ***********/