ul.productos {
  list-style: none;
  margin: 0 -15px;
  padding: 0
}

.producto img {
  width: 230px;
  display: block;
  margin: 0 auto
}

.producto {
  text-align: center;
  padding: 40px;
  box-shadow: 0px 5px 30px -5px rgb(0 0 0 / 10%);
  margin: 15px!important;
  border-radius: 5px;
  width: 296px;
  min-height: 398px;
  background: #fff;
  border: 1px solid #6e7487;
  font-family: 'Raleway';
  font-size: 14px;
  height: 520px;
}

.productos li {
  display: inline-block;
  vertical-align: top!important;
  margin: 0!important;
  padding: 0;
}

.producto h2 {
  font-size: 17px;
    font-weight: 700;
    color: #202945;
    margin: 8px 0!important;
    font-family: 'Raleway';
}

.producto h3 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: 'Raleway';
  margin: 15px 0 0 0;
}

ul.filtro-productos {
  list-style: none;
  margin: 0 0 30px 0!important;
  padding: 0;
  text-align: center
}

ul.filtro-productos li {
  display: inline-block;
}

ul.filtro-productos li a {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 6px 8px 5px 10px;
  font-weight: 700;
  border-radius: 5px
}

ul.filtro-productos li a.active {
  background: #202945;
  color: #ffefdc;
}

.producto a img {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.producto a:hover img {
  opacity: .5
}




.navbar .social-networks{
  margin: 0;
  margin-left: 10px;
}

.navbar .social-networks li{
  display: list-item;
  padding: 0;
  position: relative;
}

.navbar .social-networks li a{
  width: 30px;
  height: 30px;
}

.navbar .social-networks li .icono-arrow{
  font-size: 20px;
  position: absolute;
  bottom: -18px;
  right: 50%;
  transform: translateX(50%);
}

.navbar .social-networks ul.sub-list{
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  height: 0;
  background: rgb(255 255 255 / 70%);
  z-index: 9;
  overflow: hidden;
  border-radius: 0 0 50px 50px;
  margin-top: 5px;

  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

.navbar .social-networks:hover ul.sub-list{
  height: 135px;
}

.navbar .social-networks ul.sub-list li{
  margin-bottom: 5px;
}

a.cart-iconos{
  display: inline-block;
  background: #333333;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  padding: 7px 0 6px 0;
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
  position: relative;
      z-index: 2;
}

a.cart-iconos:hover{
  background: #d03138;
}

.cart-iconos i{
  color: #fff;
  margin-left: 0;
  font-size: 16px;
}

.cart-iconos i.icon-cart{
  position: relative;
  top: -1px;
}

.middle-header{
  width: 100%;
  height: 1px;
  background: url(../img/punto.png);
  margin-top: 10px;
  margin-bottom: 0;
}

#main-navbar ul{
  margin:  0 auto;
  padding: 15px 0;
  width: 100%;
}

#main-navbar ul li.current-menu-item a, #main-navbar ul li a:hover{
 color: #f22e36;
}

.section-productos .slide-producto p{
	margin-bottom: 0;
}

.bote-producto{
  max-width: 113px;
  padding-top: 49px;
  position: relative;
  z-index: 2;
}

.bote-tapa{
  position: absolute;
  top: -23px;
  max-width: 100px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  transform-origin: bottom right;
  z-index: 2;
}

.bote-tapa.bote-tapa-tortilla {
    top: -15px;
}

.bote-tapa.bote-tapa-tomate {
    top: -10px;
}

.bote-tapa[data-aos^=fade-down]{
	opacity: 1;
	transform: none;
}

.bote-tapa[data-aos^=fade-down].aos-animate{
	transform: rotate(45deg);
}

.bote-frutas{
  position: absolute;
  top: -57px;
  max-width: 94px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  z-index: -1;
}

/*Tortilla*/

.bote-producto.bote-tortilla{
  padding-top: 69px;
}

.bote-tapa.bote-tapa-tortilla[data-aos^=fade-down].aos-animate{
  transform: rotate(70deg);
}

.bote-frutas.bote-frutas-tortilla-1{
  top: -105px;
}

.bote-frutas.bote-frutas-tortilla-2{
  top: -58px;
  left: -146px;
  z-index: 1;
  max-width: 81px;

  transform-origin: top right;
  transition-delay: .9s !important;
}

/*Mermelada*/

.bote-producto.bote-mermelada-fresa{
  padding-top: 106px;
}

.bote-tapa.bote-tapa-mermelada-fresa{
  top: 30px;
}

.bote-tapa.bote-tapa-mermelada-fresa[data-aos^=fade-down].aos-animate{
  transform: rotate(60deg);
}

.bote-frutas.bote-frutas-mermelada-fresa{
  z-index: 1;
  top: -43px;
  right: 44px;
  max-width: 120px;
}

.bote-frutas-mermelada-fresa-1{
  z-index: 1;
  top: -38px;
  left: -10px;
}

.bote-frutas-mermelada-fresa-2{
  z-index: 1;
  top: 16px;
  left: -123px;
  max-width: 76px;
  transform-origin: top right;
}

/*Tomate*/

.bote-producto.bote-tomate{
  padding-top: 65px;
}

.bote-tapa.bote-tapa-tomate[data-aos^=fade-down].aos-animate{
  transform: rotate(70deg);
  right: 10px;
}

.bote-frutas.bote-fruta-tomate{
  top: -67px;
  max-width: 100px;
}

/*Miel*/

.bote-producto.bote-miel{
  max-width: 106px;
}

.bote-tapa.bote-tapa-miel[data-aos^=fade-down].aos-animate{
   transform: rotate(60deg);
   right: 16px;
   top: -15px;
}

.bote-frutas.bote-frutas-miel{
  top: -65px;
  left: -7px;
}

.bote-tapa.bote-tapa-miel{
  right: -37px;
  top: -82px;
  max-width: 80px;
  z-index: 4;
}

.bote-producto.bote-miel-nuevo{
  padding-top: 134px;
  max-width: 175px;
  z-index: 4;
}

.bote-tapa.bote-tapa-miel-nuevo{
  top: 50px;
  max-width: 150px;
  z-index: 4;
}

.bote-frutas.bote-frutas-miel-nuevo{
  max-width: 167px;
  z-index: 2;
  top: -62px;
}

.bote-tapa-miel-nuevo.bote-tapa[data-aos^=fade-down].aos-animate{
  transform: rotate(60deg);
}

.bote-tapa.bote-tapa-miel-nuevo[data-aos^=fade-down].aos-animate{
    transform: rotate(1deg);

}






/*Cerezas*/

.bote-producto.bote-cerezas{
  padding-top: 49px;
}

.bote-tapa-cerezas.bote-tapa[data-aos^=fade-down].aos-animate{
  transform: rotate(60deg);
}

.bote-tapa.bote-tapa-cerezas[data-aos^=fade-down].aos-animate{
  transform: rotate(60deg);
}

.bote-producto.bote-cerezas-nuevo{
  padding-top: 134px;
  max-width: 150px;
  z-index: 4;
}

.bote-tapa.bote-tapa-cerezas-nuevo{
  top: 50px;
  max-width: 137px;
  z-index: 4;
}

.bote-frutas.bote-frutas-cerezas-nuevo{
  max-width: 130px;
  z-index: 2;
  top: -14px;
}

.bote-tapa-cerezas-nuevo.bote-tapa[data-aos^=fade-down].aos-animate{
  transform: rotate(60deg);
}

.bote-tapa.bote-tapa-cerezas-nuevo[data-aos^=fade-down].aos-animate{
  transform: rotate(60deg);
}

.textos-legales h2{
  margin-bottom: 30px;
}

.textos-legales ul{
  padding-left: 40px;
}

.textos-legales ul li{
  padding: 0;
}

.popup-buscador{
  position: absolute;
  top: 14px;
  left: 210px;
  transition: transform .4s ease-in-out;
  display: block;
  height: 30px;
  width: auto;
  display: none;
  z-index: 1;
}

.navbar-fixed .popup-buscador {
    top: 4px;
    left: 158px;
    width: calc(100% - 150px);
}

#form-search-recetas .search-input-container {
    width: 100%!important;
}

#form-search ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 15px;
    display: inline-block;
}

#form-search ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.search-input-container {
    position: relative;
    width: 270px;
    display: inline-block;
}

.search-input-container a {
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 23px;
  line-height: 23px;
  transform: translate(0, -50%);
}

a.close-buscador, a.close-buscador-recetas{
  right: 10px;
  left: auto;
  color: rgba(0, 0, 0, 0.3);
}

a.close-buscador:hover, , a.close-buscador-recetas:hover{
  color: #000;
}

a.close-main-buscador{
  left: auto;
  color: rgb(51 51 51);
  font-size: 30px;
  position: absolute;
  right: 5px;
  top: -3px;
}

.popup-buscador h2{
  text-align: center;
  text-align: center;
  font-size: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Raleway';
}

.popup-buscador input[type="text"]{
  width: 100%;
  border-radius: 35px;
  box-shadow: none;
  padding: 3px 20px 3px 34px;
  font-size: 14px;
  line-height: 24px;
  height: 30px;
  margin-bottom: 0px;
  border: none;
  background: #333333;
  color: #cecece;
  font-family: 'Raleway';
}

.popup-buscador input[type="submit"]{
  width: 100%;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  background: #D13239;
  border-color: #D13239;
  padding: 22px 10px;
  font-size: 24px;
  margin-top: 15px;
}

.popup-buscador p{
  margin-bottom: 10px;
}

.popup-buscador input[type="submit"]:hover {
  background-color: #F35251;
  border-color: #F35251;
}


@media (max-width: 1399px){
	.producto {
	    width: 350px;
	}
}

@media (max-width: 1199px){
	.producto {
	    width: 291px;
	}
}

@media (max-width: 991px){
  .producto {
    width: 330px;
  }
}

@media (max-width: 767px){
  .productos li {
    display: block;
    width: 100%;
  }

  .producto {
    width: 300px;
    margin: 15px auto!important;
  }
}