#filters{margin:0 auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;}

.button {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.1rem;
  background:#000;
  color:#fff;
  border: 0px solid #c00a27!important;
  padding: 5px 35px;
  text-align: center;
  display: block;
  font-weight: 500;
  display: table;
  cursor: pointer;
  text-transform: uppercase;
  flex-basis:auto;
  min-width:inherit!important;
}

.button:hover {
  color:#fff !important;
  background:#000104;
}

.button:active,
.button.is-checked {
  background:#c00a27;
  color:#fff !important;
border: 3px solid #c00a27;
}

.button.is-checked, .button.is-checked:hover{
  background:#000;
  color:#fff !important;
}

.button:active {
  background:#ec008c;
  color:#fff !important;
}

/* ---- button-group ---- */

.button-group {
  margin-bottom: 20px;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  text-transform: uppercase;
  margin:3px;
}


/* ---- isotope ---- */

.grid {
  width:100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: calc(100% / 3);
  min-height: 550px;
  /*margin: 0 5px;
  padding: 10px;*/
}

.element-item .card-image{max-width: 80%;margin: 0 auto}
.element-item .card-content{padding:0 35px;}


.element-item > * {
  margin: 0;
  padding: 0;
}

@media all and (max-width:993px){
	.element-item{width: calc(100% / 3);}
  .prod-lista .element-item{width:100%;}
	#filters{display: block;position: sticky; top:-3px; width: 100%;z-index:90;background:#fff;}
	.button-group .button{width:100%; float:none;margin:0px;}
  .element-item{width:calc(100%);min-height: 450px;}
  .element-item .card-image{max-width: 100%;margin: 0 auto}
  .element-item .card-content{padding:0;}
}
@media all and (max-width:640px){
	
  .s4 .swiper-slide .dida-appli, .element-item .dida-appli{position: static;}

}