body{
     background-color: #f4f4f4;
}

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

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

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
}

 /* fixed-top menu */
 /*    nav.navbar{
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          z-index: 1030;
          background-color: #000;
     }*/

#img_loading{
     width:700px; 
     height: 400px; 
     margin: auto;
}


.espacio_menu{
    margin-top: 140px;
}
.owl-carousel .owl-item img {
    display: block;
    /* width: 30%; */
}

.owl-carousel .owl-item img {
    display: block;
    /* width: 30px; */
}

.linkFrenteCardImagen{
    height: 220px;
    border-radius: 15px 0px 0px 15px;
}
 

.linkFrenteCardImagenAsociados{
    height: 120px;
    border-radius: 15px 0px 0px 15px;
}
 
div.card {
    border-radius: 15px;
    cursor: pointer!important;
    padding-bottom: 10px;
}

div.tarjeta_completa_interes{
    cursor: pointer;
}

/******* MENU RESPONSIVO MR ******/

#filtro_marcaResponsivo{
    /*display: none;*/
}


/******* Promociones ******/

#ContainerCompletoPromociones{
    display: none;
}

h6.tituloLittleCardPromo{
    white-space:pre-wrap;
    font-size: 1rem;
    margin-top: 1rem;
}

img.imgCardPequeña {
    border-bottom-right-radius: 0px;
}

.descripcionProducto{
    white-space: break-spaces;
    line-height: 0.5rem;
}

div.contenedorImgCategoria {
    position: absolute;
    left: 0px;
}

div.contenedorImgCategoriaInteres {
    position: absolute;
    left: 15px;
}




div.flechaDetallesLittleCardsPromociones{
     background-color: #000000;
     position: absolute;
     right: 0px;
     bottom: 0;
     padding: 10px 30px;
     border-top-left-radius: 15px;
     border-bottom-right-radius: 15px;
     font-size: 0.8rem;
     color:#FFF;
     cursor: pointer;
}

div.flechaDetallesLittleCardsPromociones:hover{
     background-color: #fdb813;
     position: absolute;
     right: 0px;
     bottom: 0;
     padding: 10px 30px;
     border-top-left-radius: 15px;
     border-bottom-right-radius: 15px;
     font-size: 0.8rem;
     color:#FFF;
     cursor: pointer;
}


img.imgWhatsappLittleCard{
     width: 20px!important;
     margin: 12px 10px 12px 8px;
}


div.container_promociones{
     background: #fdb813; 
     padding: 1rem;
     text-align: center;
     font-size: 1.2em;
     border-radius: 10px 10px 0px 0px;
     color: #FFF;
     cursor: pointer;

}

#containerCarruselPromociones{
    /* <!--border:2px solid #FDB813; -->*/
     border-radius: 0px 0px 10px 10px; 
     height: auto; 
     padding-top: 1rem; 
     padding-bottom: 1rem; 
     margin-bottom: 1rem;
}

.img_promociones{
     height: 30px;
}

.imgPromocionSlider{
     width: 100% !important;
     margin: auto;
     height: 11rem;
     border-radius: 10px 10px 0px 0px;
}


a{
     text-decoration: none;
     color: #595959;
}

a:hover{
      text-decoration: none;
     color: #595959;
}

.h6Titulo{
     text-align: center;
     margin-bottom: 1em;
     margin-top: 1em; 
}

.modal-sucursal{
     max-width: 60%;
}

.modal-body{
     text-align: center;
     /*padding: 1rem 5rem 1rem 5rem;*/
}

.contenedor_btn_info{
    margin-top: 1.5rem;
    text-align: left;
    margin-bottom: 2rem;
}

.imagen_modal{
     width:  300px;
     height: auto;
}

.imagen_modal_promocion{
     width: 400px;
     border-radius:2%;
}
.texto_izquierda{
     text-align: left;
}

.titulo_modal{
     font-size: 2rem;
     margin-top: 1rem;
     font-weight: bold;
}

.descripcion_corta_modal{
     font-size: 1.1rem;
     text-align: left;
     white-space: pre-wrap;
}

.descripcion_larga_modal{
     font-size: 1rem;
     text-align: justify;
     white-space: pre-wrap;
     margin-top: 3rem;
}

.btnContactanos{ 
     width: 10rem;
     padding: 0.5em;
     background:#FDB813;
     color: #FFF;
     border-radius: 10px; 
     text-align: center;
     cursor: pointer;
     margin: auto;
}

.btnContactanos:hover{
     width: 10rem;
     padding: 0.5em;
     background:#141412;
     color: #FFF;
     border-radius: 10px; 
     text-align: center;
     cursor: pointer;
}


/******* GALERIA SUCURSAL *******/

.imagen-galeria-enfrente{
     width:100%; 
     height:700px;
     border-radius: 20px;
}

div.item-promogeneral{

     background: #141412;
     border-radius: 10px;
     width: 90%;
     height: 20rem;
     align-content: center;
     position: relative;
     margin: auto;
}

div.vigenciaPromoGeneral{
     font-size: 0.7em;
     color:#FFF;
     margin: 10px;
     text-align: right;
}


button.btninfoPromoGeneral{
     width:50%;
     height: 30px;
     background:#FDB813;
     color:#FFF;
     font-size: 0.8em;
     position: absolute;
     bottom: 10px;
     right: 10%;
}



/*Ocultamos menu responsive*/
div.containerMenuFiltroResponsive {
     display: none;
}
li.linkFiltros {
     display: none; 
}

.informacionResultadoSingle{
     margin-top: 5rem;
}

.container_completo{
     width: 100%;
}
.container-galeria-sucursal{
   padding: 1rem;

}
.container_datos_sucursal{
     background-color: white;
     padding-top: 1rem;
     height: auto;
}

.container_servicios_disponibles{
     padding: 0px;
}

/* icono filtros */
img.imgIconoResultados{
     width: 30px;
     border-radius: 5px;
}

/* parrafo resultados encontrados */
p.parrafoResultados{
     color: #595959;
}
/* btn estilos ordenar */
button.btnNegroOrdenar{
     border: 1px solid #000;
     height: 40px;
     font-size: .8rem;
     border-radius: 10px;
     width: 140px;
     margin-bottom: 10px;
}
/* img btn ordenar */
img.imgBtnOrdenar{
     width: 15px;
}


img.imgFavoritos{
      width: 30px !important;
      cursor: pointer;
 }

 #AperturaSucursal{
    height: 40px;
 }

.flexslider .slides img.slider_imagen_sucursal {
   width: 100%;
    height: 655px;
    -moz-user-select: none;
}

/*********** breadcrumb ************/
div.contenedorBreadCrumg{
     border:2px solid #EBEBEB;
     border-radius: 10px;
     width: 98%;
     padding: 10px 10px;
     margin-bottom: 10px;
}

img.imgFechaBread{
     width: 10px;
     margin: 0 20px;
}
div.liBreadCrumb{
     color: #595959;
     font-size: .8rem;
}

/********************* img resultado single ***************/


img.imgLugarSingle{
     width: 100%;
     height: 100%;
}
img.imgCompartir{
     width: 40px;
}

img.imgCompartirInfo{
     width: 25px;
     margin-top: 5px;
}

.links_url{
     cursor: pointer;
     margin-left: 0.5rem;
}
 
/* *********informacion del lugar single************* */
p.slogan{
     font-size: 1rem;
     color: #595959;
     margin: 10px 0;
}
p.calificacionNumero{
     color: #fdb813;
     font-size: 2rem;
     font-weight: bold;
}
div.divCalificacion{
     /*border: 1px solid #595959;*/
     height: 40px;
     border-radius: 10px;
     padding: 5px;
}
p.statusAhora_verde{
     border:1px solid #03c067;
     padding: 0px 15px;
     border-radius: 10px;
     font-weight: bold;
     font-size: .8rem;
     background: #03c067;
     color: #FFF;
}

p.statusAhora_rojo{
     border:1px solid #EC3B43;
     padding: 0px 15px;
     border-radius: 10px;
     font-weight: bold;
     font-size: .8rem;
     background: #EC3B43;
     color: #FFF;
}

p.calificacionNumero span{
     color: #595959!important;
}
img.imgDatosLugar{
     width: 12px;
     margin-right: 10px;
}
img.imgDatosLugarLocation{
     width: 16px;
     margin-right: 10px;
}
p.textoInfo{
     color: #595959;
     font-size: .9rem;
}
div.diaHora{
     border: 1px solid #595959;
     border-radius: 10px;
}
div.dia{
     background-color: #f4f4f4;
     width: 70%;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}
div.hora{
     background-color: #ffffff;
     width: 130%;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}
div.hora p, div.dia p{
     color: #595959;
     margin-top: 5px;
     margin-bottom: 5px;
}

/**** lista de productos ******/
div.divEstatico{
     height: auto;
     min-height: 450px !important;
}
img.imgProductos{
     width: 20px;
}
/* servicios */
h3.h3ServiciosDsi{
     color: #ffffff;
     font-size: 1.3rem;
     padding: 20px 30px 30px 0px;
}
div.contenedorSericios{
     background-color: #000000;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
     height: auto;
     padding-bottom: 2rem;
}
div.contaner-general-servicios{
     width: 100%;
     overflow-x: scroll;
     height: auto;
}
p.productos{
     font-size: 1.1rem;
     font-weight: 400;
     border: 1px solid #ebebeb;
     border-radius: 10px;
     margin-bottom: 10px;
     margin-left: 1rem;
     background: #FFF;
     text-align: left;
     padding: 10px;
}
.liServicios{
     margin-right: 2rem;
     text-align: center;
}
.text_pago_servicios{
    margin-top: 0.5em;
    font-size: 0.7em;
    color: #FFF;
}
img.imgServiciosProductos{
     width: 30px;
}
ul.listaServiciosProductos{
     list-style: none;
     margin: 0;
     padding: 0;
}
img.imgRedesSocialesServicios{
     width: 18px!important;
}
p.textoRedesSociales{
     color: #595959;
     text-align: left;
     margin-right: 5%;
     min-width: 45%;
}
/************ carousel de marcas **************/
div.carouselMarcas{
     background-color: #ebebeb;
     padding: 50px 0;
}
h1.tituloComentarios{
     color: #595959;
     font-size: 1.6rem;
}
div.comentarios{
     overflow-y: scroll;
     overflow-x: hidden;
     height: 450px;
     display: none;
}

#carousel-marcas-asociadas{
    overflow-y: scroll;
     overflow-x: hidden;
     height: 450px;
}

h2.tituloMarcas{
     font-size: 1.3rem;
}
p.texttoCarouselMarcas{
     color: #595959;
}
div.itemMarcas{
     height: 120px!important;
     padding: 10px;
}
img.imgCategoriasSliderMarcas{
     width: 100%;
     height: 100%;
     margin: auto;
}
img.imgUsuarioComentarios{
     width: 70px!important;
     border: 2px solid #fdb813;
}
button.btnMandarComentarios{
     background-color: black;
     color: white;
}
button.btnMandarComentarios:hover{
     background-color: white;
     color: black;
     border: 1px solid black;
}
textarea.inputComentario{
     background-color: #ebebeb;
     color: #595959;
}
div.comentario{
     background-color: white;
     padding: 10px;
     border-radius: 10px;
}
span.fechaPublicacion{
     font-size: .8rem;
     color: #595959;
     font-weight: 400;
}
/* to top */
div.toTop{
     position: absolute;
     right: 10px;
     cursor: pointer;
     bottom: 0px; 
     background-color: white;
     width: 40px;
     height: 40px;
     border-radius: 10px;
     
}
img.imgArriba{
     width: 100%;
     padding: 5px;
     margin-top: 3px;
}


/****** TARJETAS INTERES ****/

.col-especial{
     width: 100%;
     
}


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

p.parrafoUbicacionEnfrente{
     white-space: break-spaces;

}

.card-title{
     white-space:  break-spaces;
     margin-bottom: 0.5rem;
     font-size: 1.1rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;

}

p.parrafoUbicacionEnfrente {
    color: #595959!important;
    font-size: 0.6rem;
}

div.imgMaps {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/single/icono_ubicacion.png);
    background-size: cover;
}

img.imgFlechaDetalles {
    width: 10px!important;
    margin: 0px auto;
}

/* back 2 ofertas */
div.contenedorTopTituloNegro{
     background-color: #000000;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     max-height: 60px !important;
     padding: 15px 0px 15px 0px;
}


div.contenedorTopTitulo {
    background-color: #fdb813;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    max-height: 60px !important;
    padding: 15px 0px 15px 0px;
}

/****************** carousel **********************/

/* Carousel */
section.owlCarouselSection{
     margin: 50px 0 0 0;
}
/* Carousel imagenes */
img.imgCategoriasSlider{
     width: 40px!important;
     margin: auto;
}
.owl-carousel-categorias{
     max-width: 100%;
    z-index: 1;
        -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel-categorias .owl-stage-outer {
    /* position: relative; */
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    /* flex: 0 0 100%; */
    /* max-width: 100%; */
}
/* botones siguiente anterior */
div.owl-prev, div.owl-next{
     position: absolute;
     top: 40px;
}
div.owl-prev{
     left: -50px;
}
div.owl-next{
     right: -50px;
}

div.owl-prev img{
     border-top-left-radius: 7px;
     border-bottom-left-radius: 7px;
}
div.owl-next img{
     border-top-right-radius: 7px;
     border-bottom-right-radius: 7px;
}
.flechap{
     width: 30px;
}

.flechaproductos{
     width:40px;
}
body .owl-stage {
     width: 100%;
     white-space: nowrap;
}
body .owl-stage .owl-item {
     position: static;
     float: none;
     display: inline-block;
     vertical-align: top;
     width: 10%;
}
/* Texto categorias */
p.textoCateorias{
     color: #595959;
     font-size: 0.8rem;
     text-align: center;
     margin: 10px 0;
}
/* div item */
div.item {
     background: #FFF;
     padding: 20px 0px;
     border-radius: 10px;
     text-align: center;
}
/* hover al div.item */
div.item:hover {
     background-color: #000000;
     cursor: pointer;
}
/* hover al parrafo del div.item */
div.item:hover > p.textoCateorias{
     color: white;
}

/* Carousel imagenes */
img.imgCategoriasSliderNegro{
     display: none!important;
     width: 40px!important;
     margin: auto;
}
/* hover al parrafo del div.item aparece imagen negra*/
div.item:hover > img.imgCategoriasSliderNegro{
     display: block!important;
}
/* hover a la imagen amarilla para quitarla */
div.item:hover > img.imgCategoriasSlider{
     display: none!important;
}


/**Carrusel productos***/

div.ContainerProductos{
     background-color: #ebebeb;
     padding: 50px 0;
     margin-top: 5rem;
     margin-bottom: 5rem;
}

div.item-producto{
     background: #FFF;
     padding: 20px 20px;
     border-radius: 10px;
     width: 100%;
     height: 20rem;
     align-content: center;
     position: relative;
}



div.item-producto-amarillo{
     background: #FFF;
     border-radius: 10px;
     width: 100%;
     height: 21rem;
     align-content: center;
     position: relative;
}


img.imgProductosSlider{
     width: 100% !important;
     height: 13rem;
     margin: auto;
     border-radius: 10px 10px 0px 0px;
}

div.contenedor_imgProductosSlider{
     width: 100% !important;
     height: 13rem;
     margin: auto;
     border-radius: 10px 10px 0px 0px;
}

div.nombreProductoOferta{
     font-size: 1em;
     color:#FFF;
     margin: 10px 10px;
     text-align: left;
     font-weight: bold;
     white-space: pre-wrap;
} 

div.nombreProducto{
     font-size: 1em;
     color:#121213;
     text-align: left;
     font-weight: bold;
     white-space: pre-wrap;
     margin: 10px 10px;
} 

div.precioProducto{
    height: 30px;
    background-image: url('../img/single/banderin.png');
    background-size: 90% 100%;
    background-repeat: no-repeat;
    font-size: 0.8em;
    color:#FFF;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;

}

div.precioPromocion{
    text-align: center;
    font-size: 0.8em;
    color:#13E85A;
}


.containerbtnInfoProductos{
    position: absolute;
    bottom: 0px;
    background:#121213;
    border-radius: 0px 0px 10px 10px;
    
}

button.btninfoProductos{
     width: 80px;
     height: 30px;
     background:#121213;
     color:#FFF;
     font-size: 0.8em;
}
button.btninfoProductos:hover{
     color: #121213;
     background:#FFF;
}

a.btninfoWhats{
     margin-top: 2rem;
     background:#FDB813;
     color:#FFF;
     font-size: 0.8em;
     padding: 1rem;
     border-radius: 10px;
}


a.btninfoWhats:hover{
     margin-top: 2rem;
     background:#121213;
     color:#FFF;
     font-size: 0.8em;
     padding: 1rem;
     border-radius: 10px;
}



div.btninfoCodi{
     margin-top: 2rem;
     background:#FDB813;
     color:#FFF;
     font-size: 0.8em;
     padding: 1rem;
     border-radius: 10px;
}


div.btninfoCodi:hover{
     margin-top: 2rem;
     background:#121213;
     color:#FFF;
     font-size: 0.8em;
     padding: 1rem;
     border-radius: 10px;
}





.owl-carousel-promocion-tarjeta{
     max-width: 100%;
    z-index: 1;
        -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel-promocion-tarjeta .owl-stage-outer {
    /* position: relative; */
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    /* flex: 0 0 100%; */
    /* max-width: 100%; */
}

.owl-carousel-promocion-tarjeta  button.owl-dot {
    
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    

}
.owl-theme .owl-dots .active span {
     background: #FDB813;
}

.owl-dots{
     display:flex;
     text-align: center;
     width: 50px;
     margin: 10px auto;

}


.owl-carousel-promocion-tarjeta .owl-dots.disabled, .owl-carousel-promocion-tarjeta .owl-nav.disabled {
    display: none;
}


div.item-promocion {
     border: 0px;
     padding: 0px 0px;
     border-radius: 10px;
     width: 100%;
     
}

img.imgFlechaDetallesPromocion {
     width: 16px!important;  
     margin: 0px auto;
}
/*********************** fin carousel ********************/

.container_completo_cards{
          max-width: 85% !important;
     }
 

img.imgLugarResultadosAsociados{
        width: 100px;
        height: 100px;
        white-space: 100%;
        border-radius: 15px 15px 0px 0px;
        margin:  auto;
 }

 div.imagenCard {
    border-radius: 15px 0px 0px 15px;
    background: #FFF;
}


#carousel-marcas-asociadas .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}


div.card-general-container {
     height: auto; 
}



/***** SUCURSAL SIN FOTO**********/

.container_sinfotoSucursal{
    background:#000;
    display: flex;
    align-items: center;
    border-radius:  20px 20px 0px 0px;
}

.imgSinFotoGaleria{
    width: 80%;
}

@media(min-width: 1600px){

     div.item-producto{
          background: #FFF;
          padding: 20px 20px;
          border-radius: 10px;
          width: 100%;
          height: 20rem;
          align-content: center;
          position: relative;
     }

      div.item-producto-amarillo{
          background: #FFF;
          border-radius: 10px;
          width: 100%;
          height: 21rem;
          align-content: center;
          position: relative;
     }
}

@media(max-width: 1600px){
    div.flechaDetallesLittleCardsPromociones{
         background-color: #000000;
         position: absolute;
         right: 0px;
         bottom: 0;
         padding: 10px 15px;
         border-top-left-radius: 15px;
         border-bottom-right-radius: 15px;
         font-size: 0.65em;
         color:#FFF;
         cursor: pointer;
    }

    div.flechaDetallesLittleCardsPromociones:hover{
         background-color: #fdb813;
         position: absolute;
         right: 0px;
         bottom: 0;
         padding: 10px 15px;
         border-top-left-radius: 15px;
         border-bottom-right-radius: 15px;
         font-size: 0.65rem;
         color:#FFF;
         cursor: pointer;
    }

}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

   div.card-general-container {
        min-height: 100px;
    }
       /* boton detalles */
     img.imgMasDetalles{
          width: 30px;
          height: 50px;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
     }
     /* detalles contenedor */
     div.contenedorTituloDetalles{
          background-color: #f4f4f4;
          height: 50px;
          width: 150px;
          border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
     }
     /* texto mas detalles */
     p.textoDetalles{
          text-align: center;
          padding: 10px 20px;
          margin: auto;
          margin-top: 5px;
          font-size: .7rem;
     }
     /* contenedor titulo back*/
     div.contenedorTopTitulo{
          background-color: #fdb813;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px;
          height: 80px;
     }
     div.contenedorTopTitulo h5, div.contenedorTopTituloNegro h5{
          font-size: 1.25rem;
     }
    

     /* to top */
     div.toTop, img.imgArriba{
          display: none!important;
     }

      /* tamaño div imagen card pequeñas */
     div.imagenCard{
          width: 40%;
     }
     div.infoCard{
          width: 100%;
     }

     div.item-producto-amarillo{
          background: #FFF;
          border-radius: 10px;
          width: 70%;
          margin: 0px auto;
          height: 21rem;
          align-content: center;
          position: relative;
     }
 }
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

  .container-galeria-sucursal{
        padding: 0rem;
    }

    .flexslider {
        border:0px;
    }

  div.card-general-container {
        min-height: 100px;
    }
     .container_promociones{
          margin-top: 2rem;
     }

     p.h6BackTitulo{
          font-size: .7rem;
     }
     img.imgListaServicios{
          width: 20px;
     }
     div.masDetalles{
          margin-top: 20px;
     }
     /* breadcrumb */
     div.contenedorBreadCrumg{
          width: 100%;
          margin-top:0px;
     }
    

      /* tamaño div imagen */
     div.imagenCard{
          width: 60%;
     }
     p.h6BackTitulo{
          font-size: .7rem;
     }
     img.imgListaServicios{
          width: 20px;
     }
     div.masDetalles{
          margin-top: 20px;
     }
     .imgBtnCategorias{
          display: none;
     }

     div.item-producto-amarillo{
          background: #FFF;
          border-radius: 10px;
          width: 90%;
          margin: 0px auto;
          height: 21rem;
          align-content: center;
          position: relative;
     }
 }

 /* // Small devices (landscape phones, less than 768px) */
@media (max-width: 768.98px) { 

      .espacio_menu{
        display: none;
    }

    div.card-general-container {
        min-height: 100px;
    }
     .container_completo_cards{
          max-width: 100% !important;
     }
     
      .col-especial{
          width: 100%;
     }

  
     div.card{
          border-radius: 15px;
          cursor: pointer!important;
          padding-bottom: 0px;
          
     }

     .card-body{
          padding-left: 1.25rem;
          padding-bottom: 0px;
          padding-right: 1.25rem;
          padding-top: 1rem;
     }


 
     /* div contenedor imagen */
     div.imagenCard{
          width: 40%;
     }
     p.textoBack{
          font-size: 1.2rem;
     }
     img.imgTelefonoBack{
          width: 40px;
     }
     p.tituloTelefono{
          font-size: 1.2rem;
     }
     p.telefono{
          font-size: 1rem;
     }
    p.h6BackTitulo{
         font-size: 1.2rem;
         margin: 30px 0;
    }
    img.imgListaServicios{
         width: 40px;
    }
    /* detalles contenedor */
     div.contenedorTituloDetalles{
          width: 200px;
     }
     /* estilos back 2 */
     img.imgPrecioBack2{
          width: 50px;
     }
     p.textoOferta{
          font-size: 1.5rem;
          margin-top: 20px;
     }
     h4.textoPromocion{
          font-size: 2rem;
          margin: 15px 0;
     }
     h4.promocioProducto{
          font-size: 2rem;
          margin: 10px 0;
     }
     div.masDetalles{
          margin: 35px 0;
     }
     p.vigencia, p.fechaVigencia{
          font-size: 1rem;
     }
     p.textoRestricciones{
          font-size: 1rem;
     }
     div.contenedorMensaje p{
          font-size: 1rem;
          margin: 20px;
     }



 }



/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

     #img_loading{
          width:350px; 
          height: 200px; 
          margin: auto;
     }

    .links_url{
         margin-left: .5rem;
    }

    div.card-general-container {
        min-height: 100px;
    }
    #container_resultados_tarjetas .owl-nav {
        display: none;
    }

    .containerPrincipalPromo{
        padding: 0px;margin: 0px;
    }

    .containerSecundarioPromo{
       padding: 0px;margin: 0px;
    }

    .containerInternoPromo{
        text-align: center; align-items: center; padding: 0px;margin: 0px;
    }

    div.flechaDetallesLittleCardsPromociones{
         background-color: #000000;
         position: absolute;
         right: 0px;
         bottom: 0;
         padding: 10px 20px;
         border-top-left-radius: 15px;
         border-bottom-right-radius: 15px;
         font-size: 0.6rem;
         color:#FFF;
         cursor: pointer;
    }

    div.flechaDetallesLittleCardsPromociones:hover{
         background-color: #fdb813;
         position: absolute;
         right: 0px;
         bottom: 0;
         padding: 10px 20px;
         border-top-left-radius: 15px;
         border-bottom-right-radius: 15px;
         font-size: 0.6rem;
         color:#FFF;
         cursor: pointer;
    }

    .descripcionProducto{
        display: none;
    }
    .tituloLittleCardPromo{
        white-space:pre-wrap;
        line-height: 1rem
    }
      /* tamaño div imagen */
     div.imagenCard{
          width: 50%;
     }

     div.infoCard {
         width: 50%; 
    }

    img.imgCardPequeña {
        height: 150px!important;
        border-bottom-right-radius: 0px;
    }

       /* div item */
     div.item {
          background: #FFF;
          padding: 30px 0px;
          border-radius: 10px;
          text-align: center;
     }

     #labelArbolNombre{
        text-align: center;
        margin-top: 1rem;
     }

     /******* GALERIA SUCURSAL *******/

     .imagen-galeria-enfrente{
          width:100%; 
          height:350px;
     }

     div.divEstatico{
        margin-top: 3rem;
     }

     .btnContactanos{ 
       margin-bottom: 2rem;
     }


    
     .modal-sucursal{
          max-width: 100%;
     }

     .modal-body{
          text-align: center;
          /*padding: 1rem 2rem 1rem 2rem;*/
     }

     

     .imagen_modal_promocion{
          width: 90%;
          border-radius:2%;
     }

     .titulo_modal{
          font-size: 1.5rem;
          margin-top: 1rem;
          font-weight: bold;
     }

     .descripcion_corta_modal{
          font-size: 0.9rem;
          text-align: left;
     }

     .descripcion_larga_modal{
          font-size: 0.8rem;
          text-align: justify;
     }

     div.owl-prev{
     left: -50px;
     }
     div.owl-next{
          right: -50px;
     }

     .col-especial{
          width: 100%;
     
     }

 
     /* Contenedor galeria sucursal */
     div.contenedorImgLugar{
          height: 400px;
     }

     .flexslider .slides img.slider_imagen_sucursal {
          width: 100%; 
          height: 400px;
          -moz-user-select: none;
     }

     
     /* centrar titulo */
     h6.tituloH6Categorias, ul.listaResultadosCategorias, ul.listaCategorias, h1.tituloDropDown{
          text-align: center;
     }
     /* recortar anchura de imagen de cards */
     img.imgLugarResultados{
          width: 100%!important;
     }

 

     p.textoRestricciones, p.h6BackTitulo{
          margin: 30px 0;
     }
   

/* ********************************************************************** */
     /* recortar anchura de imagen de cards */
 

     p.textoBack{
          font-size: .7rem;
     }
     img.imgTelefonoBack{
          width: 20px;
     }
     p.tituloTelefono{
          font-size: .7rem;
     }
     p.telefono{
          font-size: .7rem;
     }
    p.h6BackTitulo{
         font-size: .8rem;
    }
    img.imgListaServicios{
         width: 20px;
    }
     /* estilos back 2 */
     img.imgPrecioBack2{
          width: 20px;
     }
     p.textoOferta{
          font-size: 1rem;
     }
     h4.textoPromocion{
          font-size: 1.2rem;
     }
     h4.promocioProducto{
          font-size: 1rem;
     }
     p.vigencia, p.fechaVigencia{
          font-size: .7rem;
     }
     
     div.masDetalles{
          margin: 10px 0 0 0;
     }
     p.textoRestricciones{
          font-size: .6rem;
     }
     div.contenedorMensaje p{
          font-size: .7rem;
     }
     img.imgFechaBread{
          width: 5px;
          margin: 0 5px;
     }
     div.liBreadCrumb{
          font-size: .8rem;
     }

     /******* info lugar************* */
     p.calificacionNumero{
          font-size: 1rem;
     }
     div.divCalificacion{
          height: 30px;
          padding: 0px 10px;
          border: none;
     }
     p.statusAhora_verde{
          border:2px solid #03c067;
          padding: 0px 15px;
          border-radius: 10px;
          font-weight: bold;
          font-size: .8rem;
     } 

     p.statusAhora_rojo{
         border:1px solid #EC3B43;
         padding: 0px 15px;
         border-radius: 10px;
         font-weight: bold;
         font-size: .8rem;
         background: #EC3B43;
         color: #FFF;
    }

 
     p.calificacionNumero span{
          color: #595959!important;
     }
     img.imgCalificacionEstrella{
          width: 15px!important;
     }
   

     ul.calificacion{
          margin-bottom: 14px!important;
     }
     /*************** productos *****************/
     div.contenedorProducto{
          text-align: left!important;
     }
     /* servicios */
     div.contenedorSericios{
          margin-top: 100px;
     }

     img.imgProductosSlider{
          width: 100% !important;
          height: 13rem;
          margin: auto;
          border-radius: 10px 10px 0px 0px;
     }

     div.contenedor_imgProductosSlider{
        width: 100% !important;
        height: 13rem;
        margin: auto;
        border-radius: 10px 10px 0px 0px;
        }

     .imgPromocionSlider{
          width: 100% !important;
          margin: auto;
          height: 12rem;
          border-radius: 10px 10px 0px 0px;
     }


     #carousel-promociones .owl-nav{
        display: none;
    }

    img.imgFavoritos{
          width: 30px !important;
          cursor: pointer;
     }

      #AperturaSucursal{
        height: 30px;
     }
     
}


#ContainerCompletoPromociones:hover{
  -webkit-animation: bubble 1.0s forwards; /* for less modern browsers */
        animation: bubble 1.0s forwards;
}

.animated {
  
 animation-name: parpadeo;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: 5;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 5;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}