body{
  background-color: #025277;
}

.navbar-custom{
  background-color: #025277;
}

.dropdown-menu .dropdown-item:hover {background: lightgrey; color:#000;}
.dropdown-menu .dropdwon-item:active {background: lightgrey; color:#000;}
.dropdown-menu .dropdwon-item:focus {background: lightgrey; color:#000;}

.prod-container{
background-color: #025277;
margin-top: -20px;


}
.card-custom {
    background: url("../img/inicio.jpg") no-repeat center center;
    position: relative;
    background-size: cover;
}


.card-deck{
  padding-left:25px;
  padding-right: 25px;
  margin-top: -20px;

  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  transition: 0.5s;
}

.card-deck:hover .card{

  filter: blur(5px);
  transform: scale(.7);
}

.card-deck .card{
  position: relative;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.card-deck .card:hover{
  filter: blur(0px);
  transform: scale(1);
  z-index: 1;
}
@media(min-width:980px){
  .card-img-top{
      width: 100%;
      height: 25vw;
      object-fit: cover;
}}

@media(min-width:980px){
  .card-body{
      margin-top: -60px;
  }
}
.map-container-section {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-container-section iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.img-contact{
  border:white;
  color:white;
  background-color: #025277;
}

#contacto.card-body {
  background:#025277;
}

/*--Empieza Alimentacion-->*/



.containerprod{
  margin-top: -20px;
  padding-left: 25px;
  padding-right: 25px;
}


.card-img-topalim{
  width: 80%;
  height: 80%;
  object-fit: contain;

}
.dusty-grass-gradient {
  background:025277;
  background:025277;	
}

/*--Prueba--*/
.container {
  padding: 10px;
}

ul li {
  list-style: none;

}

/*Pagination*/
.page-link{
  background: #025277;
  border: 0px;

}
.pagination >li{
  color: white;
}

.pagination >li:hover{
  color:black;
}
.pagination .page-item .page-link{
  color: white;
}

.pagination .page-item .page-link:hover{
  color: black;

}

/*Catalogo*/

@media(min-width:500px){
  #cat1.row{
    height: 20rem;
  }
}
@media(min-width:500px){
  #cat3.row{
    height: 20rem;
  }
}




#cat3.row  {
  background: url("../img/catalogomallo3.png");
  background-repeat: no-repeat !important;
  background-size:auto;
  background-position: center;

}



/*Graconotas*/
#graconotas {
    background: url("../img/graconotas.png") no-repeat center center;
    position: relative;
    background-size: contain;

  }

/*Contacto*/


  @media(min-width:700px){
    .contact1{
        margin-top: 65px;

  }}

  .border-col{
    border-right: 3px;
    border-color: white;
  }