@import url("index-parallax.css");
@import url("abm.css");
/* @import url("bootstrap-grid.css");
@import url("bootstrap-grid.css.map");
@import url("bootstrap-grid.min.css");
@import url("bootstrap-grid.min.css.map");
@import url("bootstrap.css");
@import url("bootstrap.css.map");
@import url("bootstrap.min.css");
@import url("bootstrap.min.css.map");
@import url("bootstrap-reboot.css");
@import url("bootstrap-reboot.css.map");
@import url("bootstrap-reboot.min.css");
@import url("bootstrap-reboot.min.css.map"); */
@import url("buscanos.css");
@import url("carrito.css");
@import url("contacto.css");
@import url("direcciones.css");
@import url("faq.css");
@import url("favoritos.css");
@import url("formularios.css");
@import url("footer.css");
@import url("index.css");
@import url("modal.css");
@import url("navbar.css");
@import url("nosotros.css");
@import url("novedades.css");
@import url("perfil1.css");
@import url("producto.css");
@import url("productos.css");
@import url("productos-listado.css");
@import url("receta.css");
@import url("recetas.css");
@import url("recoverpass.css");
@import url("styles.css");

@font-face {
  font-family: 'Galano Grotesque';
  src: url('../fonts/GalanoGrotesque-Heavy.eot');
  src: url('../fonts/GalanoGrotesque-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GalanoGrotesque-Heavy.woff2') format('woff2'),
      url('../fonts/GalanoGrotesque-Heavy.woff') format('woff'),
      url('../fonts/GalanoGrotesque-Heavy.ttf') format('truetype'),
      url('../fonts/GalanoGrotesque-Heavy.svg#GalanoGrotesque-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Galano Grotesque';
  src: url('../fonts/GalanoGrotesque-Regular.eot');
  src: url('../fonts/GalanoGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GalanoGrotesque-Regular.woff2') format('woff2'),
      url('../fonts/GalanoGrotesque-Regular.woff') format('woff'),
      url('../fonts/GalanoGrotesque-Regular.ttf') format('truetype'),
      url('../fonts/GalanoGrotesque-Regular.svg#GalanoGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Galano Grotesque';
  src: url('../fonts/GalanoGrotesque-ExtraLight.eot');
  src: url('../fonts/GalanoGrotesque-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GalanoGrotesque-ExtraLight.woff2') format('woff2'),
      url('../fonts/GalanoGrotesque-ExtraLight.woff') format('woff'),
      url('../fonts/GalanoGrotesque-ExtraLight.ttf') format('truetype'),
      url('../fonts/GalanoGrotesque-ExtraLight.svg#GalanoGrotesque-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Galano Grotesque';
  src: url('../fonts/GalanoGrotesque-Bold.eot');
  src: url('../fonts/GalanoGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GalanoGrotesque-Bold.woff2') format('woff2'),
      url('../fonts/GalanoGrotesque-Bold.woff') format('woff'),
      url('../fonts/GalanoGrotesque-Bold.ttf') format('truetype'),
      url('../fonts/GalanoGrotesque-Bold.svg#GalanoGrotesque-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Galano Grotesque';
  src: url('../fonts/GalanoGrotesque-Medium.eot');
  src: url('../fonts/GalanoGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GalanoGrotesque-Medium.woff2') format('woff2'),
      url('../fonts/GalanoGrotesque-Medium.woff') format('woff'),
      url('../fonts/GalanoGrotesque-Medium.ttf') format('truetype'),
      url('../fonts/GalanoGrotesque-Medium.svg#GalanoGrotesque-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

  html, body {
  font-family: 'Galano Grotesque', Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  }

  body.modal-open {
    overflow: auto;
  } 

/* FUENTES Estilos Generales */

  a:hover{
  text-decoration: none !important;
  }

  .grotesque-regular{
    font-family: 'Galano Grotesque', Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .grotesque-bold{
    font-family: 'Galano Grotesque', Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  .font-brown{
  color: #543229;
  }

  .font-green{
  color: #429E4B;
  }

  .font-white{
  color: #fff;
  }

  .font-xs{
  font-size: 12px !important;
  }

  .font-s{
  font-size: 14px !important;
  }

  .font-m{
  font-size: 16px !important;
  }

  .font-l{
  font-size: 18px !important;
  }

  .font-xl{
  font-size: 20px !important;
  }

  .alerta{
  color:#901F08;
  font-weight: bold;
  }

  .link-green:hover{
  color: #429E4B !important;
  text-decoration: none !important;
  }


/* FONDOS Estilos Generales */

  .back-img-perfil{
  background-image: url('../images/index-perfil.jpg');
  background-size: cover;
  background-position: bottom;
  }

  .back-grey{
    background-color: #EAE7E4 !important;
  }

  .back-light-grey{
    background-color: #F4F4EE !important;
  }

  .back-dark-grey{
    background-color: #2E2C2C !important;
  }

  .back-skin{
    background-color: #FFFEF3 !important;
  }

  /*Iconos*/
.material-icons.md-18 {
font-size: 18px !important;
height: 18px !important;
width: 18px !important;
}
.material-icons.md-24 {
font-size: 24px !important;
height: 24px !important;
width: 24px !important;
}
.material-icons.md-36 {
font-size: 36px !important;
height: 36px !important;
width: 36px !important;
}
.material-icons.md-48 {
font-size: 48px !important;
height: 48px !important;
width: 48px !important;
}

/*Botones*/

.button-danger{
  color: #fff !important;
  background-color: rgb(240, 49, 65) !important;
}

.button-danger:hover{
  color: #fff !important;
  background-color: rgb(167, 17, 29) !important;
}

.button-see-all{
  color: #fff !important;
  background-color: #343A40 !important;
}

.button-see-all:hover{
  background-color: #fff !important;
  color: #343A40 !important;
  border-color:  #343A40 !important; 
  transition-duration: 0.2s;
}

.button-enviar{
  background-color: #fff !important;
  color: #343A40 !important;
}

.button-enviar:hover{
  color: #fff !important;
  background-color: #343A40 !important;
}

button:focus,button:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn:focus,.btn:active {
  outline: none !important;
  box-shadow: none !important;
}


.slick-prev:before{
  color: #544e4e !important;
  }
  
.slick-next:before{
  color: #544e4e !important;  
  }

.slick-slide:focus{
   outline: none;
}

.form-control:focus {
  border-color: rgb(177, 173, 173) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(177, 173, 173)  !important;
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1200px) {

}


/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 992px) and (max-width: 1199px) {

}


/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 991px) {

}



/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {


}



/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media screen and (max-width: 575px) {

}