.wh3 {
   width: 20px;
   height: 20px;
 }
 
  .iconosf {
   font-size: 45px ; color: #E0BCBC; padding-left: 60px;
 } 
 
  .mundoa {
   padding-top: 50px; font-weight: 400; color: #BE7476; font-size: 30px; margin-bottom: 2.5rem;
 }  
 
  .relojcabeza {
   background: #B6BCC0; border-radius: 20px 20px 0px 0px; margin-top: 40px;     margin-left: 4px;
    margin-right: 4px;
 }  
 
  .zoom1 {
   overflow: hidden; background: #B6BCC0; padding: 0px 20px 20px 20px; border-radius: 0px 0px 20px 20px;
 }  
 
   .zoom2 {
   background-position:center; background-size:cover; width:100%; height: 400px;
 }  
 
 .zoom3 {
   background-position:center; background-size:cover; width:100%; height: 400px;
 }  
 
 .zoom4 {
   background-position:center; background-size:cover; width:100%; height: 400px;
 } 
 
 .relojespacio {
   padding-left: 0%; padding-right: 0%;
 }
 
 .centradito {
   height: 25px;
    margin-bottom: 0px;
    padding-left: 5px;
    text-align: center;
 } 
 .prontoo {
   font-weight: 400; color: #fff; font-size: 25px; position: relative; top: -20px;
 }
 
 .ofertaf {
   padding-top: 30px; font-weight: 400; color: #fff; font-size: 55px;
 }
.porhoy {
   padding-top: 20px; font-weight: 400; color: #fff; font-size: 45px; text-align: right;
 }
 
 .talla_x:disabled+label {
   background-color: dimgrey;
   color: linen;
   opacity: 0.2;
 }

 .rallita_di {
   background-image: linear-gradient(to top right, transparent 44%, rgba(0, 0, 0, .3) 48%, currentColor 0, currentColor 52%, transparent 0);
 }

 .rallita_x {
   position: relative;
 }

 .rallita_x::after {
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   z-index: 9999;
   background-image: linear-gradient(to top right, transparent 44%, rgba(0, 0, 0, .3) 48%, currentColor 0, currentColor 52%, transparent 0);
   width: 100%;
   height: 100%;
 }

 .img_z {
   background-position: center;
   background-size: cover;
   width: 100%;


   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
   border-radius: 20px;
 }

 .zoom_img:hover .img_z {
   transform: scale(1.2);
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
 }

 .dnone {
   display: none;
 }

 .snica {
   width: 3rem;

   height: 3rem;

   position: absolute;

   top: -4px;

   left: 27px;
 }

 ::-webkit-scrollbar {
   width: 16px;
 }

 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 }

 ::-webkit-scrollbar-thumb {
   background: #d9c1bf;
   -webkit-box-shadow: inset 0 0 6px #b53456;
 }

 ::-webkit-scrollbar-thumb:window-inactive {
   background: #d9c1bf;
 }



 .stock_p {

       font-size: 12px;
    color: #fff;
    background: #b6bcc0;
    border-radius: 4px;
    padding: 5px 8px;
    width: 100%;
    text-align: center;

 }

 .btn_inclinado {

   margin-bottom: 10px;

   position: relative;

   display: block;

   line-height: 24px;

   padding: 7px 0px;

   font-family: 'Rubik', sans-serif;;

   font-weight: 600;

   font-size: 14px;

   color: #ffffff;

   text-transform: uppercase;

   padding: 5px 40px;

   background-color: #bf7576;

   border-radius: 5px;

 }

 .hover_text {
   background-color: #f49d9dc7;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   opacity: 0;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
 }

 .hover_hover {
   position: relative;
 }

 .hover_hover:hover .hover_text {
   opacity: 1;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
 }

 .center_p {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;

 }

 .center_p_titulo {
   font-size: 35px;
   color: #fff;
   display: block;
   width: 100%;
   text-align: center;
 }

 .center_p_texto {
   font-size: 20px;
   color: #fff;
   display: block;
   width: 100%;
   text-align: center;
 }

 .btn_inclinado2 {

   position: relative;

   display: inline-block;

   line-height: 24px;

   font-family: 'Rubik', sans-serif;;

   font-weight: 600;

   font-size: 14px;

   color: #bf7576;

   text-transform: uppercase;

   padding: 5px 30px;

   background-color: #d9c1bf;
   border-radius: 5px;

 }

 .btn_inclinado2:hover {
   color: #bf7576;
 }






 .spa {

   width: 100%;

   background-repeat: no-repeat;

   background-size: cover;

   background-position: 100%;

   position: relative;

   z-index: -1;

   background-image: url(../../publico/img/linea_footer.png);

   height: 50px;

   top: 19px;

 }



 .btn_eliminar_car {
   margin-top: 10px;
   border-radius: 50%;
   cursor: pointer;

   color: #888;
   height: 25px;
   line-height: 14px;
   width: 25px;
   font-size: 19px;
   text-align: center;
   padding: 3px 7px;
 }



 .btn_eliminar_car:hover {
   color: #d9c1bf;
 }





 #caja_pasarela {
   cursor: initial;
 }



 .icored {

   font-size: 24px;

   margin: 10px;

 }

 .btn_mxm {

   width: 86%;

   border-radius: 0 15px 15px 0;

   border-color: #5bc200;

   border-radius: 4px;

   padding: 9px 18px;

   color: #fff;

   transition: all 0.3s ease-in-out;

   position: relative;

   z-index: 99;

   text-transform: capitalize;

   overflow: hidden;

   border-radius: 5px;

   font-size: 15px;

 }



 .wicofu1 {
   width: 13%;
   float: left;
 }



 .wicofu2 {
   width: 100%;
   float: left;
   color: #797979;
 }

 .btn-secondary {

   background-color: #fff;

   border-radius: 4px;

   padding: 9px 18px;

   color: #bf7576;

   transition: all 0.3s ease-in-out;

   border: 1px solid #bf7576;

   position: relative;

   z-index: 99;

   text-transform: capitalize;

   overflow: hidden;

   border-radius: 5px;

   font-size: 15px;

 }









 .col-xs-5-cols,

 .col-sm-5-cols,

 .col-md-5-cols,

 .col-lg-5-cols {

   position: relative;

   width: 100%;

   min-height: 1px;

   padding-right: 15px;

   padding-left: 15px;

 }



 .col-xs-5-cols {

   -ms-flex: 0 0 20%;

   flex: 0 0 20%;

   max-width: 20%;

 }

 @media (min-width: 768px) {

   .col-sm-5-cols {

     -ms-flex: 0 0 20%;

     flex: 0 0 20%;

     max-width: 20%;

   }

 }

 @media (min-width: 992px) {

   .col-md-5-cols {

     -ms-flex: 0 0 20%;

     flex: 0 0 20%;

     max-width: 20%;

   }

 }

 @media (min-width: 1200px) {

   .col-lg-5-cols {

     -ms-flex: 0 0 20%;

     flex: 0 0 20%;

     max-width: 20%;

   }

 }





 .btn_google {
   width: 100%;

   color: #d14130;

   background: rgba(209, 65, 48, 0.1);

   border-radius: 4px;

   padding: 9px 20px;

   transition: all 0.3s ease-in-out;

   position: relative;

   z-index: 99;

   text-transform: capitalize;

   overflow: hidden;

   border-radius: 5px;

   font-size: 15px;

 }

 .btn_google:hover {

   color: #fff;

   background: #d14130;

 }



 .btn_facebook {
   width: 100%;

   color: #3b5998;

   background: rgba(59, 89, 152, 0.1);

   border-radius: 4px;

   padding: 9px 20px;

   transition: all 0.3s ease-in-out;

   position: relative;

   z-index: 99;

   text-transform: capitalize;

   overflow: hidden;

   border-radius: 5px;

   font-size: 15px;

 }

 .btn_facebook:hover {
   color: #bf7576;

   background: #3b5998;

 }





 .bt_fo {
   text-align: left;
 }





 .bt_fo li {
   list-style: none;
 }

 .btn-primary {

   background-color: #bf7576;

   border-radius: 4px;

   padding: 9px 18px;

   transition: all 0.3s ease-in-out;

   position: relative;

   text-transform: capitalize;

   overflow: hidden;

   font-size: 15px;

   color: #fff;

 }

 .btn-primary:hover {

   background-color: #dae4ed;

   color: #bf7576;

 }

 .conte_xmenu_todo {

   width: 350px;

   background-color: #fff;

   position: fixed;

   right: -100%;

   top: 0px;

   height: 100%;

   z-index: 9999;
   box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3);

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

 }

 .conte_xmenu_todo.active {

   right: 0%;

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

 }



 .bajo_conte_xmenu_todo {

   width: 100%;

   background-color: #5050508c;

   position: fixed;

   left: -100%;

   height: 100%;

   z-index: 9998;
   top: 0px;

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

 }



 .bajo_conte_xmenu_todo.active {

   left: 0%;

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

 }

 .codigo_p {
   float: right;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 7px;
    font-weight: 600;
    text-align: center;
    background: #b6bcc0;
    border-radius: 5px;
 }

 .codigo_pp {
   width: 100%;

   float: left;

   font-size: 12px;

   color: #848484;

   padding: 0px 0px 5px 0px;

   font-weight: 600;

   padding-left: 5px;

 }

 .btn_ha_l {
   float: left;

   display: inline-block;

   font-weight: 400;

   padding: 10px 20px 0 0px;

   margin: 5px 15px 5px 5px;

   font-size: 13px;

   line-height: 1.5;

   text-align: center;

   color: #bf7576;

   border-right: solid 1px #eee;

 }



 .btn_ha_r {

   float: right;

   display: inline-block;

   font-weight: bold;

   margin: 0px 5px 0px 15px;

   font-size: 13px;

   line-height: 1.5;

   text-align: center;

   color: #bf7576;

   height: 30px;

   width: 140px;

 }



 .btn-success2 {

   color: #bf7576;

   background-color: #5bc200;

   border-color: #5bc200;

 }



 .colores-boton {

   display: inline-block;

   transition: all 0.3s ease-in-out;

   text-decoration: none;

   background: #0088fd;

   padding: 16px;

   border-radius: 5px;

 }



 .colores-boton:hover {

   display: inline-block;

   transition: all 0.3s ease-in-out;

   text-decoration: none;

   background: #2098ff;

   padding: 16px;

   border-radius: 5px;

 }



 .colores-boton2 {

   display: inline-block;

   transition: all 0.3s ease-in-out;

   text-decoration: none;

   background: #a00eeb;

   padding: 16px;

   border-radius: 5px;

 }



 .colores-boton2:hover {

   display: inline-block;

   transition: all 0.3s ease-in-out;

   text-decoration: none;

   background: #b541ef;

   padding: 16px;

   border-radius: 5px;

 }



 .tallas {

   display: inline-block;

   transition: all 0.3s ease-in-out;

   border-radius: 5px;

   border-style: dotted;

   border-width: 2px;

   border-color: #bf7576;

   width: 35%;

   height: 32px;

   text-align: center;

   font-weight: 500;

   font-size: 16px;

   color: #999999;

   margin-top: 5px;



 }



 .tallas:hover {

   display: inline-block;

   transition: all 0.3s ease-in-out;

   border-radius: 5px;

   border-style: dotted;

   border-width: 2px;

   border-color: #000;

   width: 35%;

   height: 32px;

   text-align: center;

   font-weight: 500;

   font-size: 16px;

   color: #999999;

   margin-top: 5px;

 }



 .productos-detalle {

   text-transform: uppercase;



   font-size: 12px;

   color: #434343;

 }



 .borde-detalle {

   border: solid 1px #dae4ed;

   margin-bottom: 10px;

   padding: 10px;

   border-style: dotted;

   border-width: 2px;

   border-radius: 5px;

 }





 .flores {

   position: relative;

   top: 50px;

   z-index: 2;

   width: 100%;

 }



 .ico_che {

   position: relative;

   border-radius: 50%;

   left: 0px;

   top: 0px;

   background-color: #fff;

   padding: 10px;

 }



 .lado_can {
   display: inline-block;
 }



 .caja_cate_menu2 {
   text-align: center;
   float: left;

   background-position: center 10px;

   background-repeat: no-repeat;

   cursor: pointer;

   width: 25%;

   color: #727476;

   display: inline-block;

   position: relative;

   border-left: solid 1px #f9f9f9;

   border-right: solid 1px #f9f9f9;

   border-top: solid 5px #727476;

   font-size: 14px;

   border-bottom: solid 1px #f9f9f9;

   padding: 35px 10px 15px 10px;

   font-weight: bold;

   background-size: 33px;

 }



 .ico_cate_1 {
   background-image: url(../../publico/ico_cate/1.png);
 }

 .ico_cate_2 {
   background-image: url(../../publico/ico_cate/2.png);
 }

 .ico_cate_3 {
   background-image: url(../../publico/ico_cate/3.png);
 }

 .ico_cate_4 {
   background-image: url(../../publico/ico_cate/4.png);
 }

 .ico_cate_5 {
   background-image: url(../../publico/ico_cate/5.png);
 }



 .ico_cate_1:hover {
   background-image: url(../../publico/ico_cate/1-a.png);
 }

 .ico_cate_2:hover {
   background-image: url(../../publico/ico_cate/2-a.png);
 }

 .ico_cate_3:hover {
   background-image: url(../../publico/ico_cate/3-a.png);
 }

 .ico_cate_4:hover {
   background-image: url(../../publico/ico_cate/4-a.png);
 }

 .ico_cate_5:hover {
   background-image: url(../../publico/ico_cate/5-a.png);
 }



 .ico_cate_1.active {

   border-top: solid 5px #d9c1bf;

   color: #d9c1bf;

   text-decoration: none;
   background-image: url(../../publico/ico_cate/1-a.png) !important;

 }

 .ico_cate_2.active {

   border-top: solid 5px #d9c1bf;

   color: #d9c1bf;

   text-decoration: none;
   background-image: url(../../publico/ico_cate/2-a.png) !important;

 }

 .ico_cate_3.active {

   border-top: solid 5px #d9c1bf;

   color: #d9c1bf;

   text-decoration: none;
   background-image: url(../../publico/ico_cate/3-a.png) !important;

 }

 .ico_cate_4.active {

   border-top: solid 5px #d9c1bf;

   color: #d9c1bf;

   text-decoration: none;
   background-image: url(../../publico/ico_cate/4-a.png) !important;

 }

 .ico_cate_5.active {

   border-top: solid 5px #d9c1bf;

   color: #d9c1bf;

   text-decoration: none;
   background-image: url(../../publico/ico_cate/5-a.png) !important;

 }





 .caja_cate_menu2:hover {

   border-top: solid 5px #d9c1bf;

   color: #d9c1bf;

   text-decoration: none;

 }



 .bp1 {
   color: #cca902;
 }

 .bp2 {
   color: #00d0ff;
 }

 .bp3 {
   color: #9cdc56;
 }

 .bb_pp {

   display: inline-block;

   border-radius: 0 4px 4px 0;

   padding: 1px 3px 1px 14px;

   position: relative;

   top: 0px;

   left: -13px;

   z-index: 0;

   border-left: 0;



   text-transform: uppercase;

   font-weight: bold;

 }







 .plrbt_1 {
   padding: 0px 5px 5px 2px
 }

 .plrbt_2 {
   padding: 0px 2px 5px 5px
 }

 .plrbt_3 {
   padding: 5px 5px 0px 2px
 }

 .plrbt_4 {
   padding: 5px 2px 0px 5px
 }



 .ribt {
   float: right;
 }



 .br1 {
   border-top-left-radius: 5px !important;
 }

 .br2 {
   border-top-right-radius: 5px !important;
 }

 .br3 {
   border-bottom-right-radius: 5px !important;
 }

 .br4 {
   border-bottom-left-radius: 5px !important;
 }



 .br1x {
   border-top-left-radius: 0px !important;
 }

 .br2x {
   border-top-right-radius: 0px !important;
 }

 .br3x {
   border-bottom-right-radius: 0px !important;
 }

 .br4x {
   border-bottom-left-radius: 0px !important;
 }







 .flip-box {

   background-color: transparent;

   width: 50%;

   float: left;

   height: 90px;



   perspective: 1000px;

   display: inline-block;

 }



 .flip-box-inner {

   position: relative;

   width: 100%;

   height: 100%;

   text-align: center;

   transition: transform 0.8s;

   transform-style: preserve-3d;

 }



 .flip-box:hover .flip-box-inner {

   transform: rotateY(180deg);

 }







 .flip-box-front,

 .flip-box-back {

   position: absolute;

   width: 100%;

   height: 100%;

   -webkit-backface-visibility: hidden;

   backface-visibility: hidden;

 }



 .flip-box-front {



   color: black;

 }



 .p0-1 {



   padding: 27px 5px 1px 5px;

 }



 .flip-box-back {

   background-color: dodgerblue;

   color: white;

   transform: rotateY(180deg);

 }







 .preciogg {
   font-size: 25px;
 }

 #form {

   width: auto;

   margin: -12px auto;

   height: auto;

   display: inline-block;

   position: relative;

   top: 3px;

 }

 .swal2-styled {

   margin: .3125em;

   padding: .625em 2em;

   box-shadow: none;

   font-weight: 500;

   width: 217px;

 }

 table {

   border: solid 1px #fff !important
 }



 table td {

   border: solid 1px #fff0 !important
 }



 table tr {

   border: solid 1px #fff !important
 }



 table th {

   border: solid 1px #fff !important
 }

 #form p {

   text-align: center;

 }



 #form label {

   font-size: 25px;

 }





 label {

   color: grey;

 }



 .clasificacion {

   direction: rtl;

   unicode-bidi: bidi-override;

 }



 label:hover,

 label:hover~label {

   color: #bf7576;

 }



 input[type="radio"]:checked~label {

   /* color: orange; */

 }



 table {

   width: 100% !important
 }



 th,

 td {

   /* padding: 5px 10px !important; */

   text-align: left;

 }







 .alternado:nth-of-type(even) {

   background: #fff;



   margin-bottom: 10px;

 }



 .alternado:nth-of-type(odd) {

   background: #FCF9F9;

   border: solid 1px #ececec;

   margin-bottom: 10px;

 }



 .caja_masmenos_re {

   border-left: 1px solid #ddd;

   border-right: 1px solid #ddd;

 }



 .dib_r1 {

   display: block;

   text-align: left;

 }



 .dib_r2 {

   display: block;

   text-align: right;

 }



 .visible {

   transition: opacity 1000ms ease;

   opacity: 1;

 }





 .padre {
   width: 100%;

   display: table;

   height: 76px;

 }

 .hijo {

   display: table-cell;

   vertical-align: middle;

 }





 .capa_bus {

   display: none;

   width: 100%;

   height: 100%;

   position: fixed;

   top: 0;

   z-index: 1000;

   left: 0;

   background-color: rgb(255 255 255 / 0%);

   cursor: auto;

 }

 .form-control:focus {

   box-shadow: none;

 }

 .todo_btn {

   line-height: 26px;

   color: #6c757d;

   border-color: #6c757d;

   font-size: 15px;

   margin-right: 5px;

   background-color: #fff;

 }

 .todo_btn:hover {

   color: #bf7576;

   background-color: #6c757d;

   border-color: #6c757d;

 }

 .caja_b_1 {

   width: 10%;

   display: inline-block;

 }

 .caja_b_2 {

   width: 70%;

   display: flex;

   justify-content: left;

   align-items: center;

   height: 63px;

 }

 .caja_b_3 {

   color: #bf7576;

   font-size: 16px;

   font-weight: 600;

   width: 10%;

   display: flex;

   justify-content: right;

   align-items: center;

 }

 .zindex_bus {

   position: relative;

   top: 0;

   z-index: 1002;

   left: 0;

 }

 body {

   margin: 0;

   padding: 0;

   font-family: 'Rubik', sans-serif;

 }

 .colora {

   width: 100%;

   border-bottom: 1px dashed #eee;

 }

 .colora:hover {

   background-color: #d9c1bf;

 }

 .preloder_bus {

   display: none;

   width: 20px;

   right: 22%;

   position: absolute;

   top: 10px;

   z-index: 9999;

 }

 .input-row h5 {

   margin-bottom: 0 !important;

 }

 button:focus {

   outline: none;

 }

 .nav>li>a.active {

color: #594343 !important;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #B6BCC0;

 }

 .latidos {

   position: relative;

   width: 100%;

 }

 .latidos::before,

 .latidos::after {

   content: "";

   position: absolute;

   top: 50%;

   left: 50%;

   transform: translate(-50%, -50%);

   width: 120%;

   height: 40px;

   border: 10px solid gray;

   border-radius: 4px;

   animation: latidos linear 1s infinite;

 }

 .latidos::after {

   animation-delay: -1.5s;

 }

 @keyframes latidos {

   0% {

     width: 110%;

     height: 30px;

     border: 5px solid #5bc200;

   }

   100% {

     width: 125%;

     height: 70px;

     border: 5px solid transparent;

   }

 }

 .tml {

   text-transform: uppercase;

   font-weight: bold;

 }

 .mas_menos {

   position: relative;

 }

 .mas_menos:before {

   font-family: "Font Awesome 5 Free";

   font-weight: 600;

   content: "\f067";

   position: absolute;

   right: 15px;

   top: 6px;

 }

 .mas_menos.active:before {

   font-family: "Font Awesome 5 Free";

   font-weight: 600;

   content: "\f068";

   position: absolute;

   right: 15px;

   top: 6px;

 }

 .btn_mi {

   text-align: center;

   display: inline-block;

   padding: 10px 20px;

   background-color: #b6bcc0;

   border-radius: 5px;

 }

 .btn_mi:hover {

   background-color: #eaf7ff;



 }

 .btn_mi_d {

   cursor: no-drop;

   text-align: center;

   display: inline-block;



   padding: 10px 20px;

   background-color: #b7b7b7;

   opacity: 0.5;

   border-radius: 5px;

 }

 .caja_h_menu {

   width: 100%;

   color: #d9c1bf;

   background: #fff;

   display: inline-block;

   position: relative;

   border-right: solid 0 #fafafa;

   border-top: solid 0 #fafafa;

   font-size: 13px;

   border-bottom: solid 0 #fafafa;

 }

 .border_p {

   border: dashed 2px #ffbc78;

 }

 .conte_efecto1 {

   position: relative;

   overflow: hidden;

   -webkit-transition-duration: 0.5s;

   -moz-transition-duration: 0.5s;

   -o-transition-duration: 0.5s;

   transition-duration: 0.5s;

 }

 .conte_efecto1:hover .efecto1 {

   transform: scale(1.1);

   -webkit-transition-duration: 0.5s;

   -moz-transition-duration: 0.5s;

   -o-transition-duration: 0.5s;

   transition-duration: 0.5s;

 }

 .toltip2 {

   position: relative;

   display: inline-block;

 }

 .toltip2 .toltiptext2 {

   visibility: hidden;

   width: 212px;

   background-color: #d9c1bf;

   color: #bf7576;

   text-align: center;

   padding: 4px;

   border-radius: 4px;

   position: absolute;

   z-index: 1;

   bottom: 125%;

   left: 15%;

   margin-left: -50px;

   opacity: 0;

   transition: opacity 0.3s;

   font-size: 11px;

 }

 .customer-grid thead {

   background-color: #d9c1bf;
    color: #594343;

 }

 .customer-grid .td-grey {

   background-color: #f7f7f7;

 }

 .toltip2 .toltiptext2::after {

   content: "";

   position: absolute;

   top: 100%;

   left: 50%;

   margin-left: -5px;

   border-width: 5px;

   border-style: solid;

   border-color: #d9c1bf transparent transparent transparent;

 }

 .toltip2:hover .toltiptext2 {

   visibility: visible;

   opacity: 1;

   text-decoration: none;

 }

 .toltip2:hover {

   text-decoration: none;

 }

 .toltip {

   position: relative;

   display: inline-block;

 }

 .toltip .toltiptext {

   visibility: hidden;

   width: 117px;

   background-color: #000;

   color: #bf7576;

   text-align: center;

   padding: 2px 0;

   border-radius: 4px;

   position: absolute;

   z-index: 1;

   bottom: 125%;

   left: 50%;

   margin-left: -50px;

   opacity: 0;

   transition: opacity 0.3s;

   font-size: 11px;

 }

 .toltip .toltiptext::after {

   content: "";

   position: absolute;

   top: 100%;

   left: 50%;

   margin-left: -5px;

   border-width: 5px;

   border-style: solid;

   border-color: #000 transparent transparent transparent;

 }

 .toltip:hover .toltiptext {

   visibility: visible;

   opacity: 1;

   text-decoration: none;

 }

 .toltip:hover {

   text-decoration: none;

 }

 .btn_agregar_ok {

   width: 100%;

   display: inline-block;

   text-align: center;

   color: #fff !important;

   background-color: #5bc200;

   font-size: 14px !important;

   padding: 7px 15px;

   border-radius: 5px;

   margin: 5px auto;

 }

 .tooltip {

   position: relative;

   display: inline-block;

   border-bottom: 1px dotted black;

 }

 .tooltip .tiptext {

   visibility: hidden;

   width: 120px;

   background-color: black;

   color: #bf7576;

   text-align: center;

   border-radius: 3px;

   padding: 6px 0;

   position: absolute;

   z-index: 1;

   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

 }

 .tooltip .tiptext::after {

   content: "";

   position: absolute;

   border-width: 5px;

   border-style: solid;

 }

 .tooltip:hover .tiptext {
   visibility: visible;
 }

 .franja_oferta {
   width: 190px;
   height: 40px;
   display: inline-block;
   position: absolute;

   color: #fff;

   font-size: 14px;

   right: -65px;

   top: 10px;

   line-height: 16px;

   text-align: center;

   font-weight: 600;

   background-color: #BE7476;

   transform: rotate(45deg);

   z-index: 98;
   padding: 12px;

 }

 .corazon_blanco {

   color: #bf7576;

   font-size: 10px;

 }

 .franja_oferta_detalle {

   width: 200px;

   height: 28px;

   display: inline-block;

   position: absolute;

   color: #bf7576;

   font-size: 24px;

   left: -57px;

   top: 25px;

   line-height: 28px;

   text-align: center;

   font-weight: 600;

   background-color: #d9c1bf;

   transform: rotate(-45deg);

   z-index: 98;

 }

 .btn_agregar_no {

   width: 100%;

   display: none;

   float: right;

   text-align: center;

   color: #fff !important;

   background-color: #5bc200;

   font-size: 14px !important;

   padding: 7px 15px;

   border-radius: 5px;

   margin: 5px auto;



 }



 .icono_car {

   width: 15px;

   height: 15px;

   position: relative;

   top: -2px;

   left: -2px;

 }





 .btn_agregar {

   width: 100%;

   display: inline-block;

   text-align: center;

   color: #fff !important;

   background-color: #E0BCBC;

   font-size: 15px !important;

   padding: 8px 15px;

   cursor: pointer;

   border-radius: 5px;

   display: inline-block;

 }



 .btn_agregar:hover {

   text-decoration: none;

 }





 .btn_agregar2 {

   width: auto;

   display: inline-block;

   float: right;

   text-align: center;

   color: #fff !important;

   background-color: #636363;

   font-size: 11px !important;

   margin-top: 4px;

   padding: 5px 4px;

   border-radius: 50%;

   line-height: 18px;

   width: 20px;

   height: 20px;

   margin-right: -2px;

   cursor: pointer;

 }

 .btn_agregar2:hover {

   color: #fff !important;

   background-color: #f93737 !important;

   text-decoration: none;

 }





 .btn_corazon {

   width: auto;

   display: inline-block;

   float: right;

   text-align: center;

   color: #fff !important;



   font-size: 11px !important;

   margin-top: 0px;

   padding: 5px 4px;

   border-radius: 50%;

   line-height: 18px;

   width: 20px;

   height: 20px;

   margin-right: 7px;

   cursor: pointer;

 }

 .btn_corazon:hover {

   color: #f93737 !important;

   text-decoration: none;

 }

 .ico_corazon {

   color: #888;

   font-size: 16px;

 }



 .ico_corazon:hover {

   color: #f93737 !important;



 }

 .btn_agregar3 {

   width: auto;

   display: inline-block;

   float: right;

   text-align: center;

   color: #fff !important;

   background-color: #636363;

   font-size: 11px !important;

   margin-top: 4px;

   padding: 5px 4px;

   border-radius: 50%;

   line-height: 11px;

   width: 20px;

   height: 20px;

   margin-right: -2px;

   cursor: pointer;

 }

 .btn_agregar3:hover {

   color: #fff !important;

   background-color: #f93737 !important;

   text-decoration: none;

 }

 .ti_h {

   height: 20px;

   overflow: hidden;

   display: inline-block;

   text-transform: uppercase;

 }

 .cir_x {

   background-color: #4267b2;

   border-radius: 50%;

   display: inline-block;

   padding: 8px;

   width: 40px;

   height: 40px;

   font-size: 20px;

   color: #bf7576;

 }

 .titulo_ini {

   font-size: 14px;

   text-transform: uppercase;

   background: #d2f1ff;

   padding: 5px;

 }

 .bt_fle2 {

   position: absolute;

   cursor: pointer;

   right: 40px;

   display: inline-block;

   color: #bf7576;

   padding: 10px 0 0 8px;

   background-color: #333;

   line-height: 4px;

   border-radius: 50%;

   width: 25px;

   height: 25px;

   bottom: 11px;

   z-index: 99;

 }

 .bt_fle1 {

   position: absolute;

   cursor: pointer;

   right: 10px;

   display: inline-block;

   color: #bf7576;

   padding: 10px;

   background-color: #333;

   line-height: 4px;

   border-radius: 50%;

   width: 25px;

   height: 25px;

   bottom: 11px;

   z-index: 99;

 }

 .id_caja_des:hover .caja_des {

   opacity: 1;

   visibility: visible;

 }

 .caja_des {

   position: absolute;

   opacity: 0;

   visibility: hidden;

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

   top: 30px;

   width: 200px;

   height: auto;

   box-shadow: 0 0 7px 2px hsla(0, 0%, 59%, 0.2);

   color: #333;

   right: 0;

   background-color: #fff;

   z-index: 999;

 }

 .pagination {

   margin-top: 15px;

   float: right;

 }

 .ncon {

   float: left;

   position: relative;

   top: 30px;

   left: 15px;

   color: #777;

 }

 .bajar_bus {

   margin-top: 33px;

 }



 .conte_paginacion {

   display: inline-block;

   width: 100%;

   margin-top: 25px;

   border-top: 2px solid #eaeaea;

 }

 .owl-prev {

   position: absolute;

   top: 35px;

   left: -20px;

   border-radius: 50% !important;

   color: #fff !important;

   height: 30px;

   width: 30px;

   background-color: #000 !important;

 }

 .owl-next {

   position: absolute;

   top: 33px;

   right: -20px;

   border-radius: 50% !important;

   color: #fff !important;

   height: 30px;

   width: 30px;

   background-color: #000 !important;

 }

 .stock {

   color: #7a7a7a;

   border-top: 1px solid #cdcdcd;

   padding: 0px 0 15px 0;

   margin-top: 6px;



 }









 .title_producto {

   text-transform: inherit;

   font-weight: 400;

   font-size: 30px;

 }

 .h_2 {

   font-size: 22px;

 }

 .h_3 {

   font-size: 18px;

 }

 .p_x {

   font-weight: 300;

   line-height: 20px;

   font-size: 14px;

   margin: 10px auto;

   color: #333333;

 }

 .cat_desplegable {

   position: absolute;

   top: 0;

   display: none;

   margin-top: 40px;

   z-index: 999;

   overflow-y: scroll;

   width: 94.6%;

   height: 464px;

   background-color: #fff;

 }

 .capa_po {

   display: none;

   width: 100%;

   height: 100%;

   position: fixed;

   top: 0;

   z-index: 999;

   left: 0;

   background-color: transparent;

 }

 .capa_po_res {

   display: none;

   width: 100%;

   height: 100%;

   position: fixed;

   top: 0;

   z-index: 111;

   background-color: rgba(0, 0, 0, 0.68);

 }

 .search {

   background-color: #fff;

   position: relative !important;

   padding: 10px 20px !important;

   font-weight: normal !important;

   font-size: 15px !important;

   color: #5d5d5d !important;

   height: 37px !important;

 }

 .search:focus {
   background-color: #fff;
   border-color: #fff;
 }





 .conte_caja_ico {

   margin-top: 20px;

   float: right;

   color: #434343;

 }

 .caja_ico2 {

   position: relative;

   background-color: transparent;

   display: inline-block;

   font-size: 13px;

   text-align: center;

   padding-right: 10px;

   margin-right: 10px;

   border-left: 0;

   border-top: 0;

   border-bottom: 0;

   top: -22px;

   border-right: solid 1px #fff;

   cursor: pointer;

   color: #000;

 }

 .caja_ico {

   position: relative;

   background-color: transparent;

   display: inline-block;

   font-size: 13px;

   text-align: center;

   padding-right: 10px;

   margin-left: 10px;

   border-left: 0;

   border-top: 0;

   border-bottom: 0;

   cursor: pointer;

   color: #BE7476;

   font-weight: 600;

 }

 .caja_ico:hover {

   color: #bf7576;

   text-decoration: none;

 }

 .caja_ico:hover .ico_ico {

   color: #dae4ed;

   text-decoration: none;

 }





 .toltipo {

   color: #0071a3;

   font-size: 13px;

   position: relative;

   padding: 8px;

   text-align: center;

   margin-bottom: 1rem;

   border: 1px solid #0074ba;

   border-radius: 0.25rem;

   width: 100%;

   max-width: 400px;

   margin: 0 auto;

   line-height: 15px;

   margin-bottom: 10px;
   background: #fff;

 }

 .toltipo:after {

   content: '';

   background: transparent;

   border: 8px solid transparent;

   border-top-color: #0074ba;

   position: absolute;

   bottom: -16px;

   margin: 0 auto;

   left: 50%;

 }



 .move {

   animation-delay: 1s;

   animation: move 1s linear infinite;

 }



 @-webkit-keyframes move {

   0% {

     transform: translateY(-8px);

   }

   50% {

     transform: translateY(0px);

   }

   100% {

     transform: translateY(-8px);

   }

 }

 @-moz-keyframes move {

   0% {

     transform: translateY(-8px);

   }

   50% {

     transform: translateY(0px);

   }

   100% {

     transform: translateY(-8px);

   }

 }

 @-o-keyframes move {

   0% {

     transform: translateY(-8px);

   }

   50% {

     transform: translateY(0px);

   }

   100% {

     transform: translateY(-8px);

   }

 }

 @keyframes move {

   0% {

     transform: translateY(-8px);

   }

   50% {

     transform: translateY(0px);

   }

   100% {

     transform: translateY(-8px);

   }

 }

 .dataTables_filter {
   height: 55px;
 }

 .caja_r_bus {

   width: 150%;

   left: -25%;

   position: absolute;

   top: 40px;

   height: 400px;

   z-index: 100;

   padding: 10px;

   box-shadow: 0 0 7px 2px hsla(0, 0%, 59%, 0.2);

   background-color: #fff;

   overflow-y: scroll;

   display: none;
   z-index: 999999;

 }

 .caja_r_bus a {

   font-size: 13px;

   text-align: left;

 }



 .caja_ico2:hover {

   color: #f00;

   text-decoration: none;

 }

 .caja_ico2:hover .ico_ico {

   color: #f00;

   text-decoration: none;

 }

 .rgb-alpha-listing-nav li a:hover {

   color: #bf7576;

   text-decoration: none;

   font-weight: bold;

   background-color: #000;

 }

 .crojo {

   color: #fff !important;

   font-weight: bold;

   background-color: #000 !important;

 }

 .rgb-alpha-listing-nav li {

   float: none;

   display: inline-block;

   margin: 0 5px;

 }

 .rgb-alpha-listing-nav li a {

   border: solid 0px #fff;

   float: left;

   width: 100%;

   font-size: 16px;

   text-transform: uppercase;

   line-height: 16px;

   padding: 6px;

   color: #bf7576;

   background-color: #d9c1bf;

   border-radius: 50%;

   padding: 3px 7px;

   width: 30px;

   height: 30px;

   line-height: 23px;

   text-align: center;

 }

 .img_c1 {

   display: inline-block;

   width: 50%;

   float: left;

 }

 .ico_ico_i {

   font-size: 40px;

   position: relative;

   top: 4px;

   margin-bottom: 5px;

 }

 .ico_ico_i2 {

   font-size: 17px;

   position: relative;

   top: 4px;

   margin-bottom: 5px;

 }

 .preloder {

   background-image: url(../../publico/img/p1.gif);

   background-position: center center;

   background-repeat: no-repeat;

   z-index: 99999;

 }

 .preloder2 {

   z-index: 99999;

   position: absolute;

   width: 100%;

   height: 100%;

   background-color: #ffffffab;

   background-image: url(../../publico/img/p3.gif);

   background-size: 500px;

   background-repeat: no-repeat;

   background-position: center center;

   top: 0;

   left: 0;

 }

 .link_gamer {

   color: #434343;

   text-decoration: none;

   background-color: transparent;

   text-transform: uppercase;

 }

 .link_gamer:hover {

   color: #bf7576;

   text-decoration: none;

 }

 .img_selec {

   width: 60px;

   display: inline-block;

   margin-top: 6px;

   border-radius: 50%;

   height: 60px;

 }

 .eliminar_recomendado {

   position: absolute;

   top: -1px;

   color: #d9c1bf;

   border-radius: 50%;

   right: 29px;

   display: inline-block;

   width: auto;

   font-size: 20px;

 }

 .estrella1 {

   font-size: 17px;

 }

 .estrella1.active {

   color: #fedc00;

 }

 .ico_orden {

   font-size: 16px;

   border: solid 2px #000;

   border-radius: 50%;

   width: 22px;

   height: 22px;

   text-align: center;

   position: relative;

   top: -1px;

   line-height: 19px;

 }

 .equis {

   left: -3px;

   margin: 0 auto;

   display: inline-block;

   font-size: 23px;

   width: auto;

   padding: 3px;

   color: red;

   border-radius: 50%;

   height: 17px;

   line-height: 9px;

   position: relative;

   top: 2px;

 }

 .sobre_check {

   position: absolute;

   width: 100%;

   height: 100%;

   background-color: #00000066;

   z-index: 999;

   top: 0;

   left: 0;

   background-image: url(../../publico/img/check3.png);

   background-repeat: no-repeat;

   background-size: 41px;

   background-position: 95px 6px;

 }

 .btn_ce {

   position: absolute;

   left: -29px;

   top: -2px;

   border: solid 2px red;

   border-radius: 5px 0 0 5px;

   padding: 4px;

   display: inline-block;

   font-size: 17px;

   color: red;

 }

 .filtro_selec {

   position: relative;

   padding: 3px 15px;

   width: auto;

   display: inline-block;

   background-color: #009ee4;

   border: solid 2px #009ee4;

   color: #bf7576;

   border-radius: 0 5px 5px 0;

   float: right;

   margin-top: 30px;

   margin-left: 32px;

 }

 .conte_app {

   margin-top: 10px;

 }

 .arrow:before {

   content: "\f13a";

   font-family: "Font Awesome 5 Free";

   font-weight: 600;

 }

 .caja_app {

   margin-top: 10px;

   padding: 0;

   text-align: center;

   cursor: pointer;

   position: relative;

   background-color: #f00;

   color: #bf7576;

 }

 .ico_ico {

   font-size: 25px;

   position: relative;

   top: 8px;

   color: #BE7476;

   margin-bottom: 10px;

   font-weight: 600;

 }

 .caja_cate {

   background-color: #dae4ed;

   text-align: left;

   color: #bf7576;

   padding: 15px 22px;

   font-weight: bold;

   text-transform: uppercase;

   font-size: 14px;

   position: relative;

   z-index: 997;

   cursor: pointer;

   margin-top: -8px;

 }

 .caja_menu {

   background-color: #fff;

   display: inline-flex;

   vertical-align: middle;

   width: 100%;

 }

 .btn_menu {

   color: #bf7576;

   display: inline-block;

   padding: 9px 60px;

   text-transform: uppercase;

   font-size: 14px;

   font-weight: 600;

   position: relative;

   -ms-flex: 1 1 auto;

   flex: 1 1 auto;

   text-align: center;

   background-color: #d9c1bf;

 }

 .btn_menu:hover {

   text-decoration: none;

   color: #bf7576;
   background-color: #dae4ed;

   text-decoration: underline;

 }

 .btn_menu.active {

   text-decoration: none;

   color: #bf7576;

 }

 .caja_cate_menu {

   cursor: pointer;

   width: 100%;

   background: #fff;

   color: #636363;

   display: inline-block;

   position: relative;

   font-weight: 500;

   font-size: 13px;

   border-bottom: solid 1px #ececec;

   padding: 5px 10px;

 }

 .caja_cate_menu.active {

   background: #f5f5f5;

   color: #333;
   font-weight: 600;

   text-decoration: none;

 }

 .caja_cate_menu:hover {

   background: #f5f5f5;

   color: #333;
   font-weight: 600;

   text-decoration: none;

 }

 .conte_regresivo {

   width: 100%;

   background-color: #f1f1f1;

 }

 #clock {

   display: inline-block;

 }

 .dospdos {

   display: inline-block;

   position: relative;

   top: -33px;

   font-size: 24px;

 }

 .conte_hora {

   width: 100px;

   display: inline-block;

   margin: 3px;

   text-align: center;

   font-size: 13px;

   background-color: #dfe5e8;

   color: #bf7576;

   border-radius: 10px;

 }

 .cajita_hora {

   font-size: 45px;
   display: inline-block;
 }

 .dospdos2 {

   display: inline-block;
   position: relative;
   top: -55px;
   font-size: 24px;
   color: white;

 }

 .conte_hora2 {

   width: 90px;
   display: inline-block;
   margin: 0px 5px 0px 5px;
   text-align: center;
   font-size: 18px;
   color: #ffffff;
   border-radius: 10px;
   padding: 0px 0px 0px 0px;

 }

 .cajita_hora2 {

   font-size: 25px;

   border-bottom: solid 1px #fd4314;

   padding: 5px 10px;

   display: inline-block;

   box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2);

 }


 .ico_mnu {

   font-size: 14px;

   position: absolute;

   right: 8px;

 }





 .ico_f0 {

   background-color: #cca902;

   border: #cca902 solid 1px;

   padding: 5px;

   color: #bf7576;

   border-radius: 50%;

   height: 23px;

   width: 23px;

   display: inline-block;

   position: relative;

   top: 1px;

   font-size: 9px;

 }


 .ico_f1 {
   background-color: #00d0ff;
   border: #00d0ff solid 1px;
   padding: 6px;
   color: #ffffff;
   border-radius: 10px;
   height: auto;
   width: 300px;
   display: inline-block;
   position: relative;
   top: 1px;
   font-size: 24px;
 }

 .ico_f2 {

   background-color: #9cdc56;

   border: #9cdc56 solid 1px;

   padding: 6px;

   color: #bf7576;
   border-radius: 50%;

   height: 23px;

   width: 23px;

   display: inline-block;

   position: relative;

   top: 1px;
   font-size: 9px;

 }

 .ico_codigo {

   padding: 6px 0;

   color: #272727;

   font-size: 13px;

   font-weight: bold;

 }

 .m_ico_s {

   font-size: 12px;

   position: relative;

   right: 3px;

 }



 .caja_conte_precios {
   float: left;
   width: 100%;
 }

 .caja_conte_stock_codigo {
   padding: 10px 0;
   width: 100%;
   float: left;
   display: inline-block;
   border-radius: 0;
 }

 .caja_to_caru {
   visibility: hidden;
   position: relative;
   height: 0px;
 }



 .caja_to_caru.active {
   visibility: visible;
   height: auto;
 }



 .bajo_caja_cate_cx {

   border-bottom: 1px solid #e2e2e2;

   border-radius: 0px;

   padding: 0px 0px 0px 0px;

 }





 .img_pro {

   border: 0;

   width: 100%;

   padding: 0.25rem;

   background-color: #fff;

   margin: 5px auto 10px auto;

 }

 .img_pro:hover {

   opacity: 0.5;

 }





 .titulo1 {

   font-size: 20px;

   font-weight: 600;

   font-family: 'Rubik', sans-serif;;

   padding-top: 20px;

 }



 .titulo1_sx {

   position: relative;

   font-size: 14px;

   font-family: 'Rubik', sans-serif;;

   padding: 15px;

   margin: 0 15px;

   font-weight: 600;

   display: inline-block;

   border-bottom: solid 1px #fff;

   cursor: pointer;

 }



 .titulo1_sx.active::after {

   content: ' ';

   height: 4px;

   width: 10px;

   display: block;

   position: absolute;

   bottom: -5px;

   left: 50%;

   border-radius: 0 0 10px 10px;

   -webkit-transform: translateX(-50%);

   transform: translateX(-50%);

   background-color: #d9c1bf;

 }





 .titulo1_sx.active {

   border: 1px solid #d9c1bf;

   border-style: dotted;

   border-width: 2px;

   background: #B6BCC0;
   color: #fff;

 }



 .ver_mas {

   color: #d9c1bf;

   font-size: 13px;

   position: relative;

   top: -2px;

 }

 .cate_carx {
   border-radius: 0;
   position: relative;

   width: 100%;

   font-weight: 500;

   padding: 10px 20px 10px 0px;

   color: #333;

   font-size: 16px;

   border-bottom: 3px solid #e0e0e0;

   display: inline-block;

 }





 .cate_carx:after {

   border-bottom: 3px solid #d9c1bf;

   position: absolute;

   content: "";

   width: 200px;

   display: block;

   bottom: -3px;

   left: 0;

 }



 .cate_carx_sc {

   background: #ffffff;

   cursor: pointer;

   font-weight: 500;

   border: 1px solid #fff;

   padding: 10px;

   color: #000;

   width: auto;

   display: inline-block;

 }

 .cate_carx_sc:hover {

   border: 1px solid #fff;

 }

 .cate_car_bt1 {

   position: relative;

   right: 0;

   border: 1px solid #ebebeb;

   background: #ffffff;

   font-weight: 500;

   padding: 4px 10px;

   color: #000;

   width: auto;

   cursor: pointer;

   top: 11px;

   display: inline-block;

   border-radius: 4px;

 }

 .cate_car_bt1:hover {

   color: #bf7576;

   background-color: #0071a3;

 }

 .product {

   border: 1px solid #B6BCC0;

   position: relative;

   transition: all 0.5s ease-in-out;

   display: inline-block;
   padding: 8px;

   border-style: dotted;

   border-width: 2px;

 }

 .product-body {

   position: relative;

   padding: 0 5px;

   display: block;

 }

 .product-body a {

   color: #594343;

   font-size: 12px;

   text-transform: uppercase;

 }

 .product-body p {

   min-height: 35px;

   font-size: 12px;

   margin-bottom: 3px;

 }

 .product:hover {

   box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3);

   transition: all ease-in-out 0.3s;

 }

 .product:hover .product-body p a {

   color: #b6bcc0;

 }

 .offer-discount {

   width: 88%;

   float: right;

   text-align: center;

   color: #bf7576;

   background-color: #009ee4;

   font-size: 10px;

   margin-top: 3px;

   padding: 3px;

   border-radius: 4px;

 }

 .offer-discount.new {

   background-color: #0071a3;

   top: 21px;

 }

 .precio1 {

   font-size: 18px;

   padding: 12px 0px 12px 0px;

   position: relative;

   margin: 0 auto;

   font-weight: 600;

   color: #BE7476;

   text-align: center;

 }



 .precio2 {

   display: inline-block;

   font-size: 18px;

   padding: 0px 5px 0px 5px;

   position: relative;

   margin: 0 auto;

   font-weight: 600;

   color: #bf7576;
   top: -1px;

 }





 .precio3 {

   font-size: 18px;

   padding: 5px 0px 5px 0px;

   position: relative;

   margin: 0 auto;

   font-weight: 600;

   color: #dae4ed;

   text-align: center;

 }





 .precio_detalle {

   display: inline-block;

   color: #BE7476;

   font-size: 40px;

   position: relative;

   margin: 0 auto;

   font-weight: 400;

 }

 .precio_detalle2 {

   display: inline-block;

   color: #F00;
   font-size: 40px;

   padding: 0px 5px 0px 5px;

   position: relative;

   margin: 0 auto;

   font-weight: 600;

   top: -1px;

 }

 .conte_conte {

   overflow: hidden;

   width: 100%;

   display: block;

   z-index: 1;

   position: relative;
   
   background: #fff;

 }
 
  .conte_conte_2 {

   overflow: hidden;

   width: 100%;

   display: block;

   z-index: 1;

   position: relative;
   
   background: #fff;
   
   top: 0px;
   
   padding-bottom: 50px;

 }
 
  .conte_conte_3 {

   overflow: hidden;

   width: 100%;

   display: block;

   z-index: 1;

   position: relative;
   
   background: #fff;
   top: 50px;
   padding-bottom: 50px;
   margin-bottom: 50px;

 }
 
   .conte_conte_4 {

   overflow: hidden;

   width: 100%;

   display: block;

   z-index: 1;

   position: relative;
   
   background: #FCF9F9;
   top: 0px;
   padding-bottom: 65px;
  

 }
 
 
 .conte_conte_5 {
   overflow: hidden;
   width: 100%;
   display: block;
   z-index: 1;
   position: relative;
   background: #fcf9f9;
 }
 
 
 
  .conte_conte_6 {
   overflow: hidden;
   width: 100%;
   display: block;
   z-index: 1;
   position: relative;
   background: #fcf8f8;
 }
 
 
 
 .over_caja {

   width: 100%;

   height: 245px;

   overflow: hidden;

 }

 .over_caja.active {

   height: auto;

 }



 footer {



   font-size: 14px;



 }

 footer a {

   color: #594443;

   font-weight: 600;



 }

 footer a:hover {

   color: #d9c1bf;



   text-decoration: none;

 }





 .bt_fo a:hover {

   color: #d9c1bf;



   text-decoration: none;

 }



 .caja_red_ss_so {



   float: left;

   width: 100%;

 }

 .ico_rso {
   margin-left: 5px;
   font-size: 20px;;
 }





 .footer-logo {

   text-align: center;

 }

 .footer-logo img {

   display: inline-block;

 }

 .social {

   display: inline-block;

 }

 .footer-top-sec {

   padding-bottom: 15px;

   border-bottom: 1px solid #e5e5e5;

 }

 .call {

   margin-top: 5px;

 }

 .email {

   margin-top: 30px;

 }

 .email p {

   font-size: 14px;

 }

 .call h3 {

   font-size: 15px;

   color: #707070;

   font-weight: 600;

   text-align: center;

   margin-top: 15px;

 }

 .email p {

   text-align: center;

   margin-bottom: 0;

   color: #5a5a5a;

 }



 .footer-sec {

   padding: 50px 0 50px 0;

   color: #594343;

 }

 .footer-sec .container {

   padding-right: 0;

   padding-left: 0;

 }

 .footer-sec .col-md-12 {

   padding-left: 0;

 }

 .email {

   text-align: center;

   position: relative;

 }

 .email i {

   font-size: 24px;

   color: #d9c1bf;

 }

 .email:after {

   position: absolute;

   content: "";

   width: 2px;

   height: 126px;

   background-color: #e0e0e0;

   display: block;

   top: 0;

   right: 0;

 }

 .email:last-child:after {

   display: none;

 }

 .terms-condition ul {

   list-style: none;

   padding-left: 0;

   float: right;

   margin-bottom: 0;

 }

 .terms-condition ul li {

   padding-left: 20px;

   float: left;

   color: #212121;

   font-size: 13px;

   line-height: 17px;

 }

 .terms-condition ul li a {

   transition: all 0.4s;

 }

 .terms-condition ul li a:hover {

   color: #d9c1bf;

 }

 .contact-info h3 {

   font-size: 20px;

   font-weight: 600;

   border-bottom: 1px solid #e8e8e8;

   display: block;

   padding-bottom: 10px;

   position: relative;

 }

 .contact-info.top-rated-product span {

   top: 17%;

   height: 5px;

   width: 100px;

 }

 .contact-info p {

   font-size: 15px;

   font-weight: normal;

   color: #282828;

   line-height: 1.6;

 }

 p.phone-no {

   font-size: 20px;

   font-weight: 600;

 }

 .contact-info ul {

   list-style: none;

   padding-left: 0;

 }

 .contact-info ul li a {

   line-height: 1.6;

   font-size: 16px;

   font-weight: normal;

   color: #282828;

   letter-spacing: 0.5px;

   padding-top: 7px;

   display: block;

   transition: all 0.3s;

   position: relative;

   overflow: hidden;

 }

 .foot-a ul li a i {

   transition: all 0.3s;

   color: #d9c1bf;

   position: absolute;

   left: -15px;

   top: 10px;

   font-size: 18px;

 }

 .foot-a ul li:hover a {

   padding-left: 20px;

 }

 .foot-a ul li:hover a i {

   left: 3px;

 }

 .contact-info ul li a:hover {

   color: #d9c1bf;

 }

 .contact-info .col-md-4 {

   padding-left: 0;

   padding-right: 0;

 }

 .contact-info .col-md-4 img {

   overflow: hidden;

   transition: all 0.4s;

 }

 .contact-info .col-md-4 {

   overflow: hidden;

 }

 .contact-info .col-md-4 img:hover {

   transform: scale(1.2);

 }

 .contact-info h3:after {

   content: "";

   width: 100px;

   height: 4px;

   background-color: #d9c1bf;

   display: block;

   position: absolute;

   bottom: -2px;

 }

 .instagram {

   border: 1px solid #f2f2f2;

 }

 .contact i {

   float: left;

   font-size: 25px;

   color: #d9c1bf;

   padding-right: 15px;

 }

 .contact p {

   padding-left: 20px;

   margin: 0;

 }

 .follow-us h2 {

   font-size: 20px;

   font-weight: 600;

   color: #282828;

 }

 .follow a:first-child {

   padding-left: 0;

 }

 .follow a {

   padding-left: 15px;

   font-size: 26px;

   color: #c7c7c7;

   transition: all 0.4s;

 }

 .follow a:hover {

   color: #d9c1bf;

 }

 .copy-right {

   background-color: #e8e8e8;

   padding: 0px 0;

 }

 .copy-text p {

   font-size: 14px;

   font-weight: normal;

   color: #282828;

   margin: 0;

   line-height: 39px;

 }

 .copy-text a {

   color: #d9c1bf;

 }

 .copy-image a {

   display: inline-block;

   margin-top: 5px;

 }

 .contact {

   margin-top: 20px;

 }

 .index-new .department .top-rated-product h3:after {

   display: none;

 }

 .news-letter {

   background-color: #0071a3;

   width: 100%;

   display: inline-block;

   height: 20px;

   position: relative;

   top: 10px;

 }

 .menu-btn {

   border: 1px solid #d5d5d5;

   padding: 8px 10px;

   background-color: #fff;

   color: #d5d5d5;

   border-radius: 5px;
   position: relative;

   top: 7px;

 }

 .menu-btn.active {

   color: #BE7476;

   border: 1px solid #BE7476;

 }

 .titulo_h {

   font-size: 16px;

   font-weight: 600;

   font-family: 'Rubik', sans-serif;;

   line-height: 20px;

   display: inline-block;

   color: #000;

 }

 .titulo_f {

   position: relative;

   border-bottom: solid 1px #eee;

   width: 100%;

   margin-bottom: 10px;

   padding-bottom: 5px;

 }

 .titulo_f:after {

   content: "";

   width: 100px;

   height: 4px;

   background-color: #E0BCBC;

   display: block;

   position: absolute;

   bottom: -2px;

 }

 .estre {

   color: #ff9b00;

   font-size: 13px;

 }

 .custom-control-label:hover {

   color: #d9c1bf;

   cursor: pointer;

 }

 .select {

   width: 100%;
   max-width: 300px;

 }

 .bbxx {

   display: inline-block;

 }

 #progressbar {

   padding: 0;

   overflow: hidden;

   display: table;

   width: 100%;

   margin: 0 auto 50px;

 }

 #progressbar li {

   list-style-type: none;

   text-transform: uppercase;

   font-size: 13px;

   color: #5d5d5d;

   width: 25%;

   float: left;

   position: relative;

   text-align: center;

 }

 #progressbar li.active:before {

   color: #bf7576;

 }

 #progressbar li:before {



   font-family: 'Font Awesome 5 Free';

   font-weight: 600;

   content: "\f54e";







   width: 52px;

   height: 52px;

   line-height: 52px;

   display: block;

   font-size: 26px;

   color: #5d5d5d;

   background: white;

   border-radius: 50%;

   margin: 0 auto 10px auto;

   position: relative;

   z-index: 2;

   text-align: center;

   background-color: #f7f6f6;

 }

 #progressbar li:nth-child(2):before {

   content: "\f48b";

 }

 #progressbar li:nth-child(3):before {

   content: "\f53a";

 }

 #progressbar li:nth-child(4):before {

   content: "\f4fc";

 }

 #progressbar li:after {

   font-family: 'Font Awesome 5 Free';

   font-weight: 600;

   content: "\f30b";

   width: 100%;

   height: 18px;

   position: absolute;

   left: -50%;

   top: 0px;

   z-index: 0;

   font-size: 34px;

   color: #bababa;

 }

 #progressbar li:first-child:after {

   content: none;

 }

 #progressbar li.active:before,

 #progressbar li.active:after {

   background: #d9c1bf;

 }

 #progressbar2 {

   padding: 0;

   overflow: hidden;

   display: table;

   width: 100%;

   margin: 0 auto 50px;

 }

 #progressbar2 li {

   list-style-type: none;

   text-transform: uppercase;

   font-size: 13px;

   color: #5d5d5d;

   width: 25%;

   float: left;

   position: relative;

   text-align: center;

 }

 #progressbar2 li.active:before {

   color: #fff;

 }

 #progressbar2 li:before {

   font-family: 'Font Awesome 5 Free';

   font-weight: 600;

   content: "\f54e";

   width: 52px;

   height: 52px;

   line-height: 52px;

   display: block;

   font-size: 26px;

   color: #5d5d5d;

   background: white;

   border-radius: 50%;

   margin: 0 auto 10px auto;

   position: relative;

   z-index: 2;

   text-align: center;

   background-color: #f7f6f6;

 }

 #progressbar2 li:nth-child(2):before {

   content: "\f48b";

 }

 #progressbar2 li:nth-child(3):before {

   content: "\f53a";

 }

 #progressbar2 li:nth-child(4):before {

   content: "\f4fc";

 }

 #progressbar2 li:after {

   font-family: 'Font Awesome 5 Free';

   font-weight: 600;

   content: "\f30b";

   width: 100%;

   height: 3px;

   position: absolute;

   left: -50%;

   top: 24px;

   z-index: 0;

   font-size: 34px;

   color: #bababa;

 }

 #progressbar2 li:first-child:after {

   content: none;

 }

 #progressbar2 li.active:before,

 #progressbar2 li.active:after {

   background: #E0BCBC;

 }

 .shp-btn {

      font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
    background-color: #d9c1bf;
    border-radius: 5px;
    border: 1px solid #d9c1bf;
    transition: all 0.3s;

 }

 .shp-btn:hover {

   background-color: transparent;

   border: 1px solid #d9c1bf;

   color: #bf7576;

 }

 .shp-coupon h2 {

   font-size: 20px;

   font-weight: 600;

   color: #313131;

   text-transform: uppercase;

 }

 .shp-coupon input {

   width: 66%;

   color: #b1b1b1;

   border-radius: 30px;

   margin-right: 13px;

   margin-bottom: 30px;

 }

 .shp-coupon p {

   font-size: 16px;

   font-weight: 400;

   color: #313131;

 }

 .shp-coupon select {

   border-radius: 30px;

 }

 .shp-coupon .state input {

   width: 49%;

   float: left;

   margin-right: 0;

 }

 .shp-coupon .state input.code {

   margin-right: 10px;

 }

 .shp-cart .shp-checkout .element-table tr td {

   padding: 15px 0;

 }

 .shp-cart .shp-checkout h2 {

   margin-bottom: 0;

 }

 .shp-cart-btn {

   display: inline-block;

 }

 .cart-btn {

   background-color: #E0BCBC;

   font-size: 13px;

   font-weight: 400;

   color: #fff;

   display: inline-block;

   padding: 10px 25px;

   border: 1px solid #f2f2f2;

   border-radius: 5px;


 }

 .cart-btn:hover {

   background-color: #fff;

   color: #000;

   border: 1px solid #f2f2f2;

   text-decoration: none;

 }

 .border .input-row h5 {

   font-size: 14px;

   font-weight: bold;

   color: #c1c1c1;

   text-transform: uppercase;

   margin-bottom: 10px;

 }

 .border .navbar-brand {

   float: none;

 }

 .border .input-row input {

   border: none;

   border-bottom: 2px solid #f1f1f1;

   width: 100%;

   font-size: 15px;

   font-weight: normal;

   color: #313131;

   margin-bottom: 10px;

   padding-bottom: 12px;

 }

 .chel_label {

   padding: 15px;

   margin: 0 auto;

   color: #0071a3;

   font-size: 13px;

   width: 100%;

   background: #efefef;

   border-radius: 5px;

 }

 .border .privacy-sec {

   margin-bottom: 10px;

   margin-top: 5px;

 }

 .label {

   font-size: 13px;

   color: #424242;

   font-weight: 300;

   margin-left: 10px;

   text-align: left;

   margin-top: 5px;

 }

 .border .privacy-sec label {

   font-size: 13px;

   color: #424242;

   font-weight: 300;

   margin-left: 10px;

 }

 .border .privacy-sec input[type="checkbox"] {

   color: #5bc200;

 }

 .border .button {

   display: inline-block;

 }

 .border .button a:hover {

   border: 1px solid #003952;

   background-color: transparent;

   color: #003952;

 }

 .border .button a {

   padding: 15px 35px;

   display: inline-block;

   background-color: #003952;

   font-size: 18px;

   font-weight: 600;

   color: #bf7576;

   transition: all 0.4s;

   border-radius: 30px;

   border: 1px solid #017ca8;

 }

 .border .modal-acc {

   display: inline-block;

   padding-left: 10px;

 }

 .border .modal-acc p {

   font-size: 16px;

   font-weight: normal;

   color: #424242;

 }

 .border .modal-text p a {

   color: #ff0606;

 }

 .or span {

   font-size: 15px;

   color: #424242;

 }

 .or {

   position: relative;

   text-align: center;

   margin-top: 20px;

   margin-bottom: 15px;

 }

 .or span:after {

   content: "";

   position: absolute;

   width: 200px;

   height: 2px;

   background-color: #f1f1f1;

   display: block;

   left: 0;

   top: 11px;

 }

 .or span:before {

   content: "";

   position: absolute;

   width: 200px;

   height: 2px;

   background-color: #f1f1f1;

   display: block;

   right: 0;

   top: 11px;

 }

 .input-1 {

   border: none;

   width: 100%;

   font-size: 15px;

   font-weight: normal;

   color: #313131;

   margin-bottom: 10px;

   padding-bottom: 12px;

   padding: 5px;

   background: #e8f0fe;

 }

 .input-row {

   position: relative;

 }

 .input-1:focus {

   outline: none;

 }

 .input-1:focus+.underline {

   transform: scale(1);

 }

 .underline {

   background-color: #d9c1bf;

   display: inline-block;

   height: 2px;

   left: 0;

   margin-top: -4px;

   position: absolute;

   bottom: 10px;

   -webkit-transform: scale(0, 1);

   transform: scale(0, 1);

   -webkit-transition: all 0.2s linear;

   transition: all 0.2s linear;

   width: 100%;

 }

 .input-row h5 {

   font-size: 14px;

   font-weight: bold;

   color: #727476;

   text-transform: uppercase;

   margin-bottom: 10px;

 }

 .borderx {

   padding: 5px 15px;

   display: inline-block;

   background-color: #0071a3;

   font-size: 14px;

   font-weight: 600;

   color: #bf7576;

   border-radius: 5px;

   border: 1px solid #87daff;

   margin-left: 15px;

 }

 .desple:hover .conte_caja_pasarela {

   opacity: 1;

   visibility: visible;

 }

 .conte_caja_pasarela {
   overflow: hidden;

   visibility: hidden;

   position: absolute;

   top: 54px;

   background-color: #fff;

   opacity: 0;

   transition: all 0.2s ease-in-out 0s;

   z-index: 9999;

   right: 0%;

   border-radius: 8px;

   width: 350px;

   height: 350px;

   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);



 }

 .caja_pasarela {

   top: 0;

   padding: 25px;

   position: absolute;

   right: 0%;

   width: 100%;

   height: 250px;

   overflow-y: scroll;

 }

 /* .conte_caja_pasarela:after {

  position: absolute;

  top: -26px;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  border-bottom-color: #313131;

  border-width: 13px;

  right: 6%;

} */

 a:hover {

   text-decoration: none !important;

 }

 .btn_link {

   font-weight: bold;

   color: #0071a3;

   text-transform: uppercase;

   font-size: 13px;

 }

 .btn_link:hover {

   background-color: #f1f1f1;

   text-decoration: none;

   color: #0071a3;

 }





 .card-title {

   font-size: 15px;

   font-weight: bold;

   border-bottom: 1px #eee solid;

   padding: 4px 0;

 }

 .card-title::after {

   position: absolute;

   border-bottom: 3px #fedc00 solid;

   content: "";

   left: 0px;

   top: 30px;

   width: 80px;

 }



 .efectobox:hover {

   -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);

   -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);

   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);

 }

 .logo {

   max-width: 200px;

   margin-top: 18px;

   width: 100%;

   margin: 18px 0px 18px 0px;

 }

 .no_res {}

 .no_des {

   display: none;

 }

 .no_des_i {

   display: none;

 }

 .cursor_pointer {

   cursor: pointer;

 }

 .cursor_pointer {

   cursor: pointer;

   font-weight: bold;

 }

 .caja_menu_respons {

   position: fixed;

   left: -100%;

   top: 0;

   z-index: 99999;

   width: 250px;

   height: 100%;

   background-color: #fff;

   overflow-y: scroll;

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

 }

 .caja_menu_respons.active {

   left: 0%;

   -webkit-transition-duration: 0.8s;

   -moz-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

   transition-duration: 0.8s;

 }







 .tle {
   text-align: left;
 }

 .tri {
   text-align: right;
 }



@media screen and (max-width: 1180px) {



.relojespacio {
   padding-left: 10%; padding-right: 10%;
 }


 }






 @media screen and (max-width: 1200px) {



.relojespacio {
   padding-left: 10%; padding-right: 10%;
 }



   .flip-box {

     background-color: transparent;

     width: 50%;

     float: left;

     height: 70px;

     perspective: 1000px;

     display: inline-block;

   }



 }
 
 
 
  @media screen and (max-width: 1500px) {
     
     .relojespacio {
   padding-left: 30%; padding-right: 0%;
 }
     
 }
 
 

 @media screen and (max-width: 1064px) {
     
     .relojespacio {
   padding-left: 29%; padding-right: 29%;
 }
     
 }

 @media screen and (max-width: 1024px) {
     
     .relojespacio {
   padding-left: 29%; padding-right: 29%;
 }
     
 }

 @media screen and (max-width: 992px) {
     
     .relojespacio {
   padding-left: 29%; padding-right: 29%;
 }
     
     
.iconosf {
   font-size: 45px ; color: #E0BCBC; padding-left: 185px;;
 } 

.zoom4 {
   background-position:center; background-size:cover; width:100%; height: 104px;
 } 
     
 .zoom3 {
   background-position:center; background-size:cover; width:100%; height: 315px;
 }  
 

.zoom2 {
   background-position:center; background-size:cover; width:100%; height: 157px;
 }  

.prontoo {
   font-weight: 400; color: #fff; font-size: 25px; position: relative; top: -20px;
 }
 
 .ofertaf {
   padding-top: 30px; font-weight: 400; color: #fff; font-size: 55px;
 }
.porhoy {
   padding-top: 20px; font-weight: 400; color: #fff; font-size: 45px; text-align: center;
 }
 
.relojespacio {
   padding-left: 7%; padding-right: 0%;
 } 
 

   .col-1,
   .col-2,
   .col-3,
   .col-4,
   .col-5,
   .col-6,
   .col-7,
   .col-8,
   .col-9,
   .col-10,
   .col-11,
   .col-12,
   .col,
   .col-auto,
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
   .col-sm-4,
   .col-sm-5,
   .col-sm-6,
   .col-sm-7,
   .col-sm-8,
   .col-sm-9,
   .col-sm-10,
   .col-sm-11,
   .col-sm-12,
   .col-sm,
   .col-sm-auto,
   .col-md-1,
   .col-md-2,
   .col-md-3,
   .col-md-4,
   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-md-8,
   .col-md-9,
   .col-md-10,
   .col-md-11,
   .col-md-12,
   .col-md,
   .col-md-auto,
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
   .col-lg-4,
   .col-lg-5,
   .col-lg-6,
   .col-lg-7,
   .col-lg-8,
   .col-lg-9,
   .col-lg-10,
   .col-lg-11,
   .col-lg-12,
   .col-lg,
   .col-lg-auto,
   .col-xl-1,
   .col-xl-2,
   .col-xl-3,
   .col-xl-4,
   .col-xl-5,
   .col-xl-6,
   .col-xl-7,
   .col-xl-8,
   .col-xl-9,
   .col-xl-10,
   .col-xl-11,
   .col-xl-12,
   .col-xl,
   .col-xl-auto {

     position: relative;

     width: 100%;

     padding-right: 3px;

     padding-left: 3px;

   }




   .conte_caja_pasarela {

     overflow: hidden;

     visibility: hidden;

     position: absolute;

     top: 63px;

     background-color: #fff;

     opacity: 0;

     transition: all 0.2s ease-in-out 0s;

     z-index: 9999;

     left: initial;
     right: 0%;

     border-radius: 8px;

     width: 350px;

     height: 350px;

     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);

     border-top: 2px #f00 solid;

   }





   .tle {
     text-align: center;
   }

   .tri {
     text-align: center;
     margin-bottom: 10px;
   }

   .bt_fo {

       text-align: left;
    padding-left: 120px;

   }

   .wicofu1 {
     width: 100%;
     float: left;
   }



   .wicofu2 {
     width: 100%;
     float: initial;
     color: #797979;
   }





   .flip-box {

     background-color: transparent;

     width: 50%;

     float: left;

     height: 100px;

     perspective: 1000px;

     display: inline-block;

   }

   .caja_r_bus {

     width: 100%;

     left: 0%;

     position: absolute;

     top: 40px;

     height: 300px;

     z-index: 100;

     padding: 10px;

     box-shadow: 0 0 7px 2px hsla(0, 0%, 59%, 0.2);

     background-color: #fff;

     overflow-y: scroll;

     display: none;

   }

   .terms-condition ul li {

     padding-left: 20px;

     float: left;

     color: #212121;

     font-size: 13px;

     line-height: 17px;

     padding: 6px;

     width: 100%;

   }

   .ico_ico_i {

     font-size: 25px;

     position: relative;

     top: 4px;

     margin-bottom: 5px;

   }





   .caja_cate_menu2 {

     cursor: pointer;

     width: 33.3%;

     margin-top: 10px;

     color: #0071a3;

     display: inline-block;

     position: relative;



     font-size: 10px;



     font-weight: bold;

     background-repeat: no-repeat;

   }

   /* 

  .caja_cate_menu2 {

    cursor: pointer;

    width: 49.5%;

    background: #eaf7ff;

    color: #0071a3;

    display: inline-block;

    position: relative;

    border-left: solid 0 #fff;

    border-right: solid 0 #fafafa;

    border-top: solid 5px #0071a3;

    font-size: 10px;

    border-bottom: solid 0 #2dda32;

    padding: 5px 10px;

    font-weight: bold;

  } */

   .conte_caja_ico {

     margin-top: -10px;

     float: right;

     color: #434343;

   }

   .quantity-box .input-group {



     width: auto;

     margin-top: 8px;

   }

   .caja_ico2 {

     width: 26%;

   }

   .caja_ico {

     width: 25%;

   }

   .caja_des {

     position: absolute;

     opacity: 0;

     visibility: hidden;

     -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

     -o-transition-duration: 0.8s;

     transition-duration: 0.8s;

     top: 53px;

     width: 200px;

     height: auto;

     box-shadow: 0 0 7px 2px hsla(0, 0%, 59%, 0.2);

     color: #333;

     left: 0;

     background-color: #fff;

     z-index: 999;

   }

   .conte_caja_ico {

     width: 100%;

   }

   .img_selec {

     width: 40px;

     display: inline-block;

     border-radius: 50%;

     height: 40px;

   }

   .equis {

     left: 0;

     margin: 0 auto;

     display: block;

     font-size: 23px;

     width: auto;

     padding: 3px;

     color: red;

     border-radius: 50%;

     height: 17px;

     line-height: 9px;

     position: relative;

     top: -9px;

   }

   .p00 {

     padding: 0 !important;

   }

   .bbxx {

     display: inline-block;

     width: 100%;

     text-align: center;

     margin: 10px auto;

   }

   .ver_filtros {

     display: none;

   }

   .tab ul.nav-tabs li {





     margin: 5px;

     width: 100%;

   }

   .cateMain_breadNav li>a {

     font-size: 9px;

   }

   .tab {

     padding-left: 0 !important;

   }

   .cate_carx_sc {

     background: #ffffff;

     cursor: pointer;

     font-weight: 500;

     border: 1px solid #ebebeb;

     padding: 15px;

     color: #000;

     display: inline-block;

     width: 100%;

   }

   .pl0 {

     padding: 15px !important;

   }

   .btn_menu {

     color: #434343;

     display: inline-block;

     padding: 10px 60px;

     text-transform: uppercase;

     font-size: 14px;

     background-color: #fff85e;

     width: 100%;

     text-align: center;

     margin-bottom: 1px;

   }

   .no_des {

     display: block;

   }

   .no_des_i {

     display: inline-block;

   }

   .logo {

     width: 100%;
     max-width: 100%;
     text-align: center;
     padding: 0 41px;
   }

   .no_res {

     display: none;

   }

   .bajar_bus {

     margin-top: 10px;

   }

   .cat_desplegable {

     position: absolute;

     top: 0;

     display: block;

     margin-top: 40px;

     z-index: 999;

     overflow-y: scroll;

     width: 94.6%;

     height: 450px;

     background-color: #fff;

   }

   .rcenter {

     display: block;

     text-align: -webkit-center;

     float: none !important;

   }

   .conte_hora {

     width: 80px;

     display: inline-block;

     margin: 3px;

     text-align: center;

     font-size: 13px;

     background-color: #5b5b5b;

     color: #bf7576;

     border-radius: 10px;

   }

   .rbtn {

     width: 100%;

   }

   .borrar_car_r {

     position: absolute !important;

     top: 0px;

     right: 15px;

     width: 20px !important;

   }



   .caja_masmenos_re {

     border-left: 1px solid #ddd;

     border-right: 1px solid #ddd;

     background-color: #f5f5f5;

     padding: 7px;

     margin-top: 6px;

     margin-bottom: 5px;

   }



   .dib_r1 {

     display: inline-block;

     text-align: left;

   }



   .dib_r2 {

     display: inline-block;

     text-align: right;

   }



   .alternado:nth-of-type(even) {

     background: #fbfbfb;

     border: solid 1px #ececec;

     margin-bottom: 10px;

     border-bottom: 8px solid #d0d0d0;

   }



   .alternado:nth-of-type(odd) {

     background: #fff;

     border: solid 1px #ececec;

     margin-bottom: 10px;

     border-bottom: 8px solid #d0d0d0;

   }

   .pagination {

     margin-top: 15px;

     float: right;

     width: 100%;

   }

   .ncon {

     float: left;

     position: relative;

     top: 0;

     left: 0;

     width: 100%;

     margin: 19px 10px 0px 10px;

   }



   .owl-prev {

     position: absolute;

     top: 5px;

     left: -17px;

     border-radius: 50% !important;

     color: #fff !important;

     height: 30px;

     width: 30px;

     background-color: #000 !important;

   }

   .owl-next {

     position: absolute;

     top: 4px;

     right: -18px;

     border-radius: 50% !important;

     color: #fff !important;

     height: 30px;

     width: 30px;

     background-color: #000 !important;

   }



   .quickview-cart-btn .btn {

     padding: 5px 15px;

     width: 100%;

   }

   .center_r {

     display: block;

     text-align: -webkit-center;

     float: none !important;

   }



   table {

     border: solid 1px #fff !important;

   }

   .quantity-box p {

     float: left;

     padding: 10px 13px 9px 0;

     color: #7a7a7a;

     position: relative;

     top: 5px;

     left: 10px;

   }

 }



 @media screen and (max-width: 768px) {

.relojespacio {
   padding-left: 29%; padding-right: 29%;
 }




   .btn_ha_l {

     float: left;

     display: inline-block;

     font-weight: 400;

     padding: 0px 10px 0 10px;

     margin: 5px 0px 5px 1px;

     font-size: 12px;

     line-height: 1.5;

     text-align: center;

     color: #ffffff;

     border-right: solid 1px #eee;

   }



   .latidos {

     position: relative;

     width: 108%;

   }

   .latidos::before,
   .latidos::after {

     content: "";

     position: absolute;

     top: 50%;

     left: 46%;

     transform: translate(-50%, -50%);

     width: 120%;

     height: 40px;

     border: 10px solid gray;

     border-radius: 4px;

     animation: latidos linear 1s infinite;

   }



   .flip-box {

     background-color: transparent;

     width: 50%;

     float: left;

     height: 38px;

     perspective: 1000px;

     display: inline-block;

   }



   .lado_can {
     display: inline-block;
     width: 100%;
   }

   .w_r100 {



     width: 100%;
     text-align: center;

   }



 }

 @media screen and (max-width: 680px) {


.relojespacio {
   padding-left: 29%; padding-right: 29%;
 }


   .bor_ojo {

     padding-top: 15px;

   }





   .ribt {
     float: right;
     width: 100%;
   }



   .caja_ico2 {

     width: 24%;

   }

   .caja_ico {

     width: 24%;

   }

   .caja_ico2 {

     position: relative;

     background-color: transparent;

     display: inline-block;

     font-size: 13px;

     text-align: center;

     padding: 10px 0;

     margin-right: 10px;

     border-left: 0;

     border-top: 0;

     border-bottom: 0;

     top: -22px;

     border-right: solid 1px #fff;

     cursor: pointer;

     color: #000;

   }

   .caja_ico {

     position: relative;

     background-color: transparent;

     display: inline-block;

     font-size: 13px;

     text-align: center;

     padding: 10px 0;

     margin-left: 10px;

     border-left: 0;

     border-top: 0;

     border-bottom: 0;

     border-right: solid 1px #fff;

     cursor: pointer;

     color: #000;

   }

   #progressbar {

     padding: 0;

     overflow: hidden;

     display: table;

     width: 100%;

     margin: 0 auto 20px;

   }

   #progressbar2 li:after {

     content: "";

     width: 100%;

     height: 12px;

     background: #f7f6f6;

     position: absolute;

     left: -50%;

     top: 15px;

     z-index: 0;

   }

   #progressbar2 li {

     list-style-type: none;

     text-transform: uppercase;

     font-size: 11px;

     line-height: 12px;

     color: #5d5d5d;

     width: 25%;

     float: left;

     position: relative;

     text-align: center;

   }

   #progressbar2 li:before {

     content: "\f101";

     /* font-family: "Flaticon-5"; */
     font-family: 'Font Awesome 5 Free';
     width: 40px;

     height: 40px;

     line-height: 43px;

     display: block;

     font-size: 18px;

     color: #5d5d5d;

     background: white;

     border-radius: 50%;

     margin: 0 auto 10px auto;

     position: relative;

     z-index: 2;

     text-align: center;

     background-color: #f7f6f6;

   }







   .btn_mi {

     text-align: center;

     display: inline-block;

     border-bottom: solid 5px #d4d4d4;

     padding: 10px 20px;

     background-color: #eee;

     font-size: 12px;

   }





   .col-1,
   .col-2,
   .col-3,
   .col-4,
   .col-5,
   .col-6,
   .col-7,
   .col-8,
   .col-9,
   .col-10,
   .col-11,
   .col-12,
   .col,
   .col-auto,
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
   .col-sm-4,
   .col-sm-5,
   .col-sm-6,
   .col-sm-7,
   .col-sm-8,
   .col-sm-9,
   .col-sm-10,
   .col-sm-11,
   .col-sm-12,
   .col-sm,
   .col-sm-auto,
   .col-md-1,
   .col-md-2,
   .col-md-3,
   .col-md-4,
   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-md-8,
   .col-md-9,
   .col-md-10,
   .col-md-11,
   .col-md-12,
   .col-md,
   .col-md-auto,
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
   .col-lg-4,
   .col-lg-5,
   .col-lg-6,
   .col-lg-7,
   .col-lg-8,
   .col-lg-9,
   .col-lg-10,
   .col-lg-11,
   .col-lg-12,
   .col-lg,
   .col-lg-auto,
   .col-xl-1,
   .col-xl-2,
   .col-xl-3,
   .col-xl-4,
   .col-xl-5,
   .col-xl-6,
   .col-xl-7,
   .col-xl-8,
   .col-xl-9,
   .col-xl-10,
   .col-xl-11,
   .col-xl-12,
   .col-xl,
   .col-xl-auto {

     position: relative;

     width: 100%;

     padding-right: 3px;

     padding-left: 3px;

   }



   .row {

     display: -ms-flexbox;

     display: flex;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;

     margin-right: -5px;

     margin-left: -5px;

   }



   .stock {

     color: #7a7a7a;

     border-top: 1px solid #cdcdcd;

     padding: 3px;

     margin-top: 7px;

   }

   .preciogg {
     font-size: 23px;
   }



   .call h3 {

     font-size: 15px;

     color: #707070;

     font-weight: 600;

     text-align: center;

     margin-top: 0px;

   }



   .email {

     margin-top: 10px;

   }

   .swiper-button-next {

     display: none;

   }



   .swiper-button-prev {

     display: none;

   }



   table {
     font-size: 13px !important;

     width: 100% !important;

     border: solid 1px #fff !important;

   }



   table caption {

     font-size: 1.3em;

   }



   table thead {

     border: none;

     clip: rect(0 0 0 0);

     height: 1px;

     margin: -1px;

     overflow: hidden;

     padding: 0;

     position: absolute;

     width: 1px;

   }

   .table th,
   .table td {



     margin-top: 2px;

   }

   table tr {

     border: solid 1px #fff !important;

     display: block;

     margin-bottom: 0.625em;

   }

   .table-striped tbody tr:nth-of-type(odd) {

     background-color: rgb(255 255 255);

   }

   table td {

     border: solid 1px #ddd !important;

   }

   table td {

     border-bottom: 1px solid #ddd;

     display: block;

     font-size: 12px;

     text-align: center;

   }



   table td::before {

     /*

* aria-label has no advantage, it won't be read inside a table

content: attr(aria-label);

*/

     content: attr(data-label);

     float: left;

     font-weight: bold;

     text-transform: uppercase;

   }



   table td:first-child {

     background-color: #585858;

     color: #bf7576;

   }









   .customer-grid thead {

     background-color: #fff;

     color: #bf7576;

   }

   table td:last-child {

     border-bottom: 0;

   }

   #progressbar li:before {

     content: "\f101";

     font-family: "Flaticon-5";

     width: 45px;

     height: 45px;

     line-height: 47px;

     display: block;

     font-size: 16px;

     color: #5d5d5d;

     background: white;

     border-radius: 50%;

     margin: 0 auto 10px auto;

     position: relative;

     z-index: 2;

     text-align: center;

     background-color: #f7f6f6;

   }

   #progressbar li {

     list-style-type: none;

     text-transform: uppercase;

     font-size: 11px;

     color: #5d5d5d;

     width: 25%;

     float: left;

     position: relative;

     text-align: center;

   }









 }



 @media screen and (max-width: 480px) {
     
     .relojespacio {
   padding-left: 29%; padding-right: 29%;
 }
     
   .flip-box {

     background-color: transparent;

     width: 50%;

     float: left;

     height: 60px;

     perspective: 1000px;

     display: inline-block;

   }



   .titulo_h {

     font-size: 13px;

     font-weight: 600;

     font-family: 'Rubik', sans-serif;;

     line-height: 20px;

     display: inline-block;

     color: #000;

     margin-top: 5px;

   }



   .product-body p {

     min-height: 27px;

     font-size: 12px;

     margin-bottom: 0px;

   }

   .caja_ico2 {

     width: 20%;

   }



   .btn_agregar {

     width: 100%;

     display: inline-block;

     float: left;

     text-align: center;

     color: #fff !important;

     background-color: #d9c1bf;

     font-size: 14px !important;

     margin-top: 5px;

     padding: 7px 4px;

     border-radius: 5px;

     cursor: pointer;

   }



 }



 @media screen and (max-width: 393px) {



.relojespacio {
   padding-left: 29%; padding-right: 29%;
 }

   .flip-box {

     background-color: transparent;

     width: 50%;

     float: left;

     height: 51px;

     perspective: 1000px;

     display: inline-block;

   }

   .plrbt_3 {

     padding: 0px 5px 0px 2px;

   }

   .plrbt_4 {

     padding: 0px 2px 0px 5px;

   }

   .conte_caja_pasarela {

     visibility: hidden;

     position: absolute;

     top: 60px;

     background-color: #fff;

     opacity: 0;

     transition: all 0.2s ease-in-out 0s;

     z-index: 9999;

     right: -10px;

     width: 300px;

     height: 350px;

     box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.5);

   }

 }



 @media screen and (max-width: 360px) {
     
     .relojespacio {
   padding-left: 29%; padding-right: 29%;
 }

   .caja_ico {

     width: 22%;

   }

 }