.icon-null {
  background: transparent !important;
}
.icon-calendar {
  -webkit-mask: url(../media/icons/icon-calendar.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-calendar.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-location {
  -webkit-mask: url(../media/icons/icon-location.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-location.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-rassegna {
  -webkit-mask: url(../media/icons/icon-rassegna.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-rassegna.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-riconoscimento {
  -webkit-mask: url(../media/icons/icon-riconoscimento.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-riconoscimento.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-orologio {
  -webkit-mask: url(../media/icons/icon-orologio.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-orologio.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-ticket {
  -webkit-mask: url(../media/icons/icon-ticket.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-ticket.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-mail {
  -webkit-mask: url(../media/icons/icon-mail.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-mail.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* MASKS */
.mask-forma-vert {
  -webkit-mask: url(../media/icons/forma-vert.svg) no-repeat 50% 50%;
  mask: url(../media/icons/forma-vert.svg) no-repeat 50% 50%;
  -webkit-mask-size: 140%;
  mask-size: 140%;
}
.group:hover .mask-forma-vert {
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.mask-forma-hor {
  -webkit-mask: url(../media/icons/forma-hor.svg) no-repeat 50% 50%;
  mask: url(../media/icons/forma-hor.svg) no-repeat 50% 50%;
  -webkit-mask-size: 140%;
  mask-size: 140%;
}
.group:hover .mask-forma-hor {
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.mask-forma-square {
  -webkit-mask: url(../media/icons/forma-square.svg) no-repeat 50% 50%;
  mask: url(../media/icons/forma-square.svg) no-repeat 50% 50%;
  -webkit-mask-size: 140%;
  mask-size: 140%;
}
.group:hover .mask-forma-square {
  -webkit-mask-size: 100%;
  mask-size: 100%;
}