@font-face {
  font-family: "Monoton";
  src: url('../assets/Monoton-Regular.ttf');
}

header.headerMenuResultados{
    background-color: #141412;
    width: 100%;
    z-index: 2;

}


#containerImagenMarcaDestino{
  background-size: cover;
  background-position: center;
  height: 100%;
}

#containerImagenMarcaDestinoResponsive{
  background-size: cover;
  background-position: center;
  height: 20rem;
}

.btn_menu_md{
  font-family: "Monoton";
  color: #5FB44F;
  font-size: 2em;
  border:2px solid #FFF;
  border-radius: 5px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  cursor: pointer;
}


.btn_menu_md:hover{
  font-family: "Monoton";
  color: #FFF;
  font-size: 2em;
  border:2px solid #5FB44F;
  border-radius: 5px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  cursor: pointer;
}

#imagenCerrarMarcaDestino{
  position: absolute;
  top: 1rem;
  width: 3rem;
  display: none;
}


#casa_iniciar_sesion{
  display: block;
}

#lupa_iniciar_sesion{
  display: none;
}


.btn_menu_mr{
  width: 25px;
  height: 25px;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  background: #FDB813;
  margin-top: 8px;
  padding: 2.5px;

}

.container_menu_user{
  cursor: pointer;
  padding: 0.1em;
}

.btn_menu_mr >#icono_marca_registrada:hover{
    background-image: url('../img/index/reg_blanco.png');
} 

#icono_marca_registrada{
  width: 20px;
  height: 20px;
  background-image: url('../img/index/reg_negro.png');
  background-size: cover;
}

.icon_store_account{
  width: 35px;
}

/******* MENU RESPONSIVO CATEGORIAS ******/
#filtro_marcaResponsivo{
  display: none;
}

#menuResponsivoCategorias{
    font-size:25px;
    cursor:pointer;
    color: #FFF;
    display: none;
}

#listado_categorias_responsive{
    padding: 2rem;
}

#listado_SubCategoriascategorias_responsive{
    padding: 2rem;
}


#listado_SubSubCategoriascategorias_responsive{
    padding: 2rem;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}


.sidenavSub {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #141412;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}




.sidenav a:hover {
  color: #f1f1f1;
}

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





.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: fixed;
    width: 50vw;
    top: 100px;
    left: 0;
    right: 0; 
    bottom: 0;
    margin: auto;
}
/****** Actualizamos el container principal*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
}


 /* Menu principal */
.form-inline .form-control {
    display: inline-block;
    width: auto;
    min-width: 20vw;
    vertical-align: middle;
}

.card_resultados{
  cursor: pointer;
}

/* LOGO menu */
img.imgLogoMenu{
     width: 70px;
}
/* Boton de categorias */
img.imgBtnCategorias{
     width: 40px;
}
/* Btn del menu */
img.imgBtnMenu{
     width: 70px;
}
/* Boton filtro menu */
img.BtnFiltroMenu{
     width: 50px;
}

div.containerMenuFiltroResponsive{
     margin-top: 80px;
     display: none;
}
img.BtnFiltroMenuResponsive{
     width: 50px;
     margin-top: 10px;
}
img.img_filtro_responsive{
     width: 25px;
}
button.btnNegroFiltrarResponsive{
     background: #000;
     color: #FFF;
     align-items: center;
}

button.btnNegroFiltrarResponsive:hover{
     background: #000;
     color: #FDB813;
     align-items: center;
}
 
/* li buscador */
li.buscadorLink{
     margin-left: 50px;

}
/* Linea divisora del menu*/
hr.hr_menu{
     border: 0; 
     height: 1px; 
     background-image: -webkit-linear-gradient(left, #121213, #FDB813, #121213);
     background-image: -moz-linear-gradient(left, #121213, #FDB813, #121213);
     background-image: -ms-linear-gradient(left, #121213, #FDB813, #121213);
     background-image: -o-linear-gradient(left, #121213, #FDB813, #121213); 
}

/* Inputs del buscador */
input.inputBuscadorMenu{
     background-color: #232323;
     border: none;
     border-radius: 0!important;
     color: #FFF;
}

input.inputBuscadorMenu:focus{
     background-color: #FFF;
     border: none;
     border-radius: 0!important;
      color: #232323;
}

input.inputBuscadorMenu::placeholder {
    color: #FFF;
}

input.inputBuscadorMenu:focus::placeholder {
    color: #232323;
}



select.inputBuscadorMenu{
     background-color: #232323;
     border: none;
     border-radius: 0!important;
     color: #FFF;
}

select.inputBuscadorMenu::placeholder {
    color: #FFF;
}

select.inputBuscadorMenu:focus::placeholder {
    color: #232323;
}



input.inputBuscadorUno{
     border-top-left-radius: 10px!important;
     border-bottom-left-radius: 10px!important;
}
img.imgBtnBuscar{
     width: 15px;
}
button.btnBuscarMenu{
     background-color: #FDB813;
     border-top-left-radius: 0px!important;
     border-bottom-left-radius: 0px!important;
     border-bottom-right-radius: 10px;
     border-top-right-radius: 10px;
}
#filtrosFormulario{
     display: none;
}


/* img usuario inicio sesion  */
img.imgUserMenu{
    width: 50px;
}

img.imgUserMenuLogueo{
        border: 2px solid #fdb813;
}

/* botones inicio sesion */
a.btnInicioSesion{
     background-color: #FDB813;
     padding: 5px 35px;
     border-radius: 12px;
     font-size: .7em;
     color: #000000;
     text-decoration: none;
     cursor: pointer;
}

/* botones inicio sesion */
a.btnRegistrarse{
     background-color: #000000;
     padding: 5px 40px;
     border-radius: 12px;
     font-size: .7em;
     color: #FDB813;
     border: 1.3px solid #FDB813!important;
     text-decoration: none;
     cursor: pointer;
}

a.btnRegistrarse:hover{
     color: #FFF;
}


a.btnInicioSesion:hover{
     color: #FFF;
}



/* anchura del dropdown dispositivos grandes */
.dropdown-menu{
     min-width: 80vw!important;
     background-color: transparent;
     border: none;
}


.text_marca_destino{
    font-size: 0.8em;
    color:#131312;
}



.linkFrenteCardImagenAsociados{
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 15px 0px 0px 15px;
}

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

 }


img.imgmarcasDestino{
        width: 80px;
        height: 80px;
        white-space: 100%;
        margin:  auto;

 }


/* div negro de categorias */
div.fondoNegroDropDown{
     background-color: #1e1e1e;
     padding: 0 0 10px 0;
}
/* scrollal dropdown */
div.divScroll{
     height: 75vh;
     /* ocultar scroll horizontal */
     overflow: hidden;
     overflow-y: scroll;
}


div.divScrollresponsive{
     height: 85vh;
     /* ocultar scroll horizontal */
     overflow: hidden;
     overflow-y: scroll;
}

/* Fondo blanco de categorias  menu */
div.fondoBlancoDropDown{
     background-color: #ffffff;
     padding: 0 0 10px 0;
}
/* titulo categorias del dropdown */
h1.tituloDropDown{
     font-size: 1rem;
     color: #ffffff;
     margin: 20px 0;
}

/* titulo Subcategorias del dropdown */
h1.tituloSubcategoriaDropDown{
     font-size: 1rem;
     color: #FDB813;
     margin: 20px 0;
}

/* estilos generales al ul.listaCategorias */
ul.listaCategorias{
     list-style: none;
     color: #595959;
     margin: 0;
     padding: 0;
}
/* estislo a la imagen de los li */
img.imgListaCategorias{
     width: 20px;
     margin-right: 10px;
}
/* estilos a los li margin */
.elementosListaCategorias{
     margin: 10px 0!important;
     color:#FFF;
}

.elementosListaCategoriasSeleccionado{
     margin: 10px 0!important;
     color:#fdb813;
}
/* estilo al ul de resultados en categorias */
ul.listaResultadosCategorias{
     list-style: none;
     margin: 0;
     padding: 0;
}
li.resultadosCategorias a{
     color: #595959;
}


div.resultadosSubCategorias a{
     color: #FFF;

} 

div.resultadosSubCategorias a :hover{
     color: #FDB813;
}

span.nextSubcategoria{
    display:flex; 
    align-items: center;
    color:#FFF;
    cursor: pointer;
}

span.nextSubcategoria:hover{
    color:#FDB813;
}
    

/****************** Filtros ************************/
.displayNone{
     display: none!important;
}

     

div.filtros{
     margin: 20px 0;
     background-color: #ffffff;
     border-radius: 15px;
     padding-top: 20px;
     padding-bottom: 20px;
}
.contenedorImgFiltros{
     background-color: #141412;
     width: 80px;
     border-radius: 10px;
     margin: 1rem;
}


.contenedorImgCancelarFiltros{
     background-color: #FDB813;
     width: 80px;
     border-radius: 10px;
      margin: 1rem;
     display: none;
}


.contenedorFiltrosCols{
     text-align: right;
}

img.imgBuscarFiltros{
     width: 100%;

}
/* quitar margin-bottom del form-group */
div.formSelectModificado{
     margin-bottom: 0;
}
/* quitar margin-left del row */
div.rowModificado{
     margin-left: 10px;
}
/* modificar el select */
select.formControlModificado{
     height: 27px;
     padding: 0 0 0 10px;
     font-size: .7rem;
     background-color: #f4f4f4;
     border-radius: 8px;
     /* estilo de fecha del select */
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background-image: url('../img/resultados/flecha_select.png');
     background-repeat: no-repeat, repeat;
     background-position: right .7em top 50%, 0 0;
     background-size: 10px;
}
/* Eliminamos la fecha que por defecto aparece en el desplegable */
select::-ms-expand {
     display: none!important;
}



/* MODALES */
img.imgLogoModal{
     width: 30%;
}
p.textoIniciaSesion{
     font-size: .9rem;
     color: #595959;
     margin: 20px 0;
}
a.noRecuerdoContraseña{
     color: #595959;
     font-size: .8rem;
     cursor: pointer;
}
button.ingresarBtn{
     background-color: #fdb813;
     margin: 20px 0;
     width: 70%;
     font-weight: bold;
     padding: 5px 0;
     border-radius: 10px;
}
hr.lineaAcceder{
     border: 1px solid #ECECEC;
     width: 30%;
}
img.imgIconoLogin{
     width: 13px;
}
a.loginRedes{
     color: black;
     font-weight: bold;
     font-size: .7rem;
}
a.linkFooter{
     color: #898989;
     font-weight: bold;
     cursor: pointer;
}


hr.style_line {
     padding: 0;
     border: none;
     border-top: medium double #fdb813;
     color: #fdb813;
     text-align: center;
}
hr.style_line:after {
     content: "O";
     display: inline-block;
     position: relative;
     top: -0.7em;
     font-size: 1.5em;
     padding: 0 0.25em;
     background: #141412;
}


img.logo_inamiki_footer{
     width: 10rem;
}




/* footer */
div.footer{
     background-color: #000000;
}
/* h6 blancos */
div.footer h6{
     color: #ffffff;
     font-size: 1.2rem;
}
div.footer p{
     color: #595959;
}
/* contenedor publica gratis */
div.conteneodorPublicaNegocio{
     background-color: #232323;
     border-radius: 8px;
}

div.conteneodorPublicaNegocio:hover{
     background-color: #f4f4f4;
     border-radius: 8px;
}


p.publicarTexto{
     padding: 10px 0;
     color: #ffffff!important;
     font-size: .8rem;
}

p.publicarTexto:hover{
     padding: 10px 0;
     color: #141412!important;
     font-size: .8rem;
}

span.textoTotalGratis{
     color: #fdb813!important;
     font-weight: bold;
}
/* redes sociales */
img.imgRedesSociales{
     width: 40px;
     border-radius: 15px;
}
ul.listaRedesSociales{
     list-style: none;
     margin: 0;
     padding: 0;
}




/**PERFIL DE USUARIO**/



h1.tituloDropDownNegro{
     font-size: 1rem;
     color: #1e1e1e;
     margin: 20px 0;
     text-align: center;
}
.container_perfil_menu{
     padding-left: 15px;
     padding-right: 15px;
}

div.fondoBlancoDropDown{
     background-color: #FFF;
     padding: 0 0 10px 0;
     width: 100%;
}

.text_nombre_perfil{
     text-decoration: none;
     color:#FFF; 
     cursor: pointer;
     font-size: 1em;
}

.imgflecha_perfil{
     width: 20px;
     margin-left: 0.5rem;
}

a:not([href]):hover {
     color:#FFF;  
    text-decoration: none;
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}
a:not([href]) {
     color:#FFF;  
    text-decoration: none;
}

a.link_perfil{
     color: #1e1e1e;
     text-decoration: none;
}


img.imgListaPerfil{
     width: 15px;
     margin-right: 10px;
}

li.elementosListaPerfil{
     margin: 10px 0!important;
     width: 100%;
}

@

@media (min-width: 1800px){
     .form-inline .form-control {
         display: inline-block;
         width: auto;
         min-width: 23vw;
         vertical-align: middle;
     }


      /****** Actualizamos el container principal*/
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 90%;
     }

}




@media (max-width: 1500px){
   
    img.imgUserMenu{
        width: 40px;
    }

}



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

      /****** Actualizamos el container principal*/
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 90%;
     }


      /* Menu principal */
     .form-inline .form-control {
         display: inline-block;
         width: 17vw;
         min-width: 16vw;
         vertical-align: middle;
         font-size: .85rem;
     }

   
     /* anchura del dropdown */
     .dropdown-menu{
          min-width: 800px!important;
     }
   /*  .dropdown-menu-user{
         min-width: 100%  !important;
         background-color: #FFF; 

    }*/
     /* li buscador quitar margin*/
     li.buscadorLink{
          margin-left: 0;
     }
 }




 /* // Medium devices (tablets, less than 992px) */
  @media (max-width: 991.98px) { 

 #lupa_iniciar_sesion{
    display: block;
  }

  /*BTN filtros menu */
li.linkFiltros{
      display: none; 
}

  .btn_menu_md{
      width: 5rem;
      margin: auto;
      margin-bottom: 2rem;
    }

  .contenedorImgFiltros{
     margin: auto;
  }

    

     /* Menu principal */
     .form-inline .form-control {
         display: inline-block;
         width: 30vw;
         min-width: 16vw;
         vertical-align: middle;
     }

     #filtro_marcaResponsivo{
        display: block;
      }


     #menuResponsivoCategorias{
        display: block;
    }

    #filtro_marca{
      display: none;
    }
  
  #menuCategoriasNormal{
    display: none;
  }
     /****Mostrarmos el boton de menu responsive***/
     div.containerMenuFiltroResponsive{
          margin-top: 100px;
          display: block;
     }

     /*Esconder Boton Filtros y Menu Filtro mostrarlo*/
     img.BtnFiltroMenu{
         display: none;
     }
   

     /* fixed-top menu */
     nav.navbar{
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          z-index: 1030;
          background-color: #000;
     }
     /* color del menu responsivo */
     div.colorMenuResponsivo{
          height: 100vh;
     }
     /* Boton del menu */
     img.imgBtnMenu{
          width: 60px;
     }
     /* LOGO icono hamburguesa menu */
     img.imgLogoMenu{
          width: 60px;
     }
     /* li buscador */
     li.buscadorLink{
          margin-left: 0px;
     }
    
     /* centrar buscador */
     form.form-inline{
          display: block;
     }
     /* img usuario inicio sesion  */
     img.imgUserMenu{
          margin: 20px 0;
     }
     /* logo principal grande */
     img.logoPricipalGrande{
          margin-top: 100px;
     }

     /* altura del dropdown dispositivos medianos */
     .dropdown-menu{
          min-width: 10rem!important;
     }
     /* espacio entre renglon */
     li.resultadosCategorias{
          line-height: 1.5;
     }
     /******************* Filtros **********************/
    
     /* margin top de div resultados encontrados */
     div.resultadosOrdenar{
          margin-top: 100px;
     }
     /* display  block botones ordenar por */
     div.ordenarPor{
          display: block!important;
     }
     /* quitar margin-top de texto ordenar por */
     p.textoOrdenarPor{
          margin-top: 0!important;
     }
     /* btn estilos ordenar */
     button.btnNegroOrdenar{
          width: 120px;
     }

      /**PERFIL DE USUARIO**/
/*     .dropdown-menu-user{
          min-width: 100%  !important;
          background-color: #FFF; 

     }*/
    

 }


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

  #casa_iniciar_sesion{
    display: none;
  }

 



     /* Boton del menu */
     img.imgBtnMenu{
          width: 40px;
     }
     /* LOGO icono hamburguesa menu */
     img.imgLogoMenu{
          width: 40px;
     }
     /* espacio entre renglon */
     li.resultadosCategorias{
          line-height: 2;
     }
      /************************ FILTROS ***************************/
     /* quitar margin-bottom del form-group */
     div.formSelectModificado{
          margin-bottom: 1rem;
     }
     /* quitar margin-left del row */
     div.rowModificado{
          margin-left: -15px;
     }
     /* quitar background blanco a filtros */
     div.filtros{
          margin-top: 20px;
          margin-bottom: 10px;
     }
   
      /**PERFIL DE USUARIO**/

    /* .dropdown-menu-user{
          min-width: 100%  !important;
          background-color: #FFF; 

     }*/
 }

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    
    #containerImagenMarcaDestino{
    background-size: cover;
    background-position: center;
    height: 50%;
  }

    #imagenCerrarMarcaDestino{
      display: block;
    }

    .icon_store_account{
      width: 25px;
    }
    /* Menu principal */
     .form-inline .form-control {
         display: inline-block;
         width: 100%;
         min-width: 16vw;
         vertical-align: middle;
     }



     img.imgLogoModal{
          width: 25%;
     }
      /* Input del buscador uno */
      input.inputBuscadorUno{
          border-top-right-radius: 10px!important;
          border-bottom-right-radius: 10px!important;
     }
     /* input buscador dos*/
     input.inputBuscadorDos{
          border-radius: 10px!important;
     }
     /* imagen boton buscar*/
     img.imgBtnBuscar{
          width: 20px;
     }
     /* Boton buscar menu */
     button.btnBuscarMenu{
          background-color: #FDB813;
          border-radius: 10px!important;
          width: 100%;
          margin: 10px 0;
     }
     /* botones inicio sesion */
     a.btnInicioSesion{
          width: 300px!important;
          padding: 5px 100px;
     }

     /* botones inicio sesion */
     a.btnRegistrarse{
          width: 100%;
          padding: 5px 105px;
     }
     /* altura del dropdown dispositivos pequeños y scroll*/
     .dropdown-menu{
          height: 100vh; /*ultima actualizacion*/
          width: 100%;
          overflow-y: scroll;
     }
   
     input.inputBuscadorUno{
          margin-bottom: 10px;
     }
     input.inputBuscadorDos{
          margin-bottom: 10px;
     }

     img.logo_inamiki_footer{
          width: 8rem;
     }
     
     /**PERFIL DE USUARIO**/

     #navbarSupportedContent{
          overflow: auto;
     }

  /*   .dropdown-menu-user{
          min-width: none  !important;
          margin-bottom: 5rem;
          height: 20rem;
     }*/
     .elementosListaPerfil{
          text-align: left;
     }


  
    

}




/********* LOADER*************/
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: #000 none repeat scroll 0% 0%;
 opacity: 0.8;
z-index: 99999;
}
#page-loader .preloader-interior {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FDB813;
 
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#page-loader .preloader-interior:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;
 
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#page-loader .preloader-interior:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
 
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}



@media screen and (max-height: 600px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}


  #listaCategoriasMenuResponsive{
    padding-top: 1rem;

  }

  #listado_categorias_responsive{
    padding: 0rem;
  }

  #listado_SubCategoriascategorias_responsive{
    padding: 0rem;
  }

  #tituloSubCategoriasMenuResponsive{
    padding-left: 2rem;
  }

  #listado_SubSubCategoriascategorias_responsive{
    padding: 0rem;
  }

  #tituloSubSubCategoriasMenuResponsive{
    padding-left: 2rem;
  }
}