.action{position:absolute;opacity:0.75;z-index:2;margin-left:0}
.catalog-item .action .action-mini{margin:0 auto}
.catalog-item .action .action-mini:before{content:"";position:absolute;width:120px;height:100px;margin:60px auto;background-image:url('http://vodovos.ru/_img/discount/redcost.png');background-repeat:no-repeat;background-position:center center;animation:actionframes 6s linear infinite;-webkit-animation:actionframes 6s linear infinite;-moz-animation:actionframes 6s linear infinite;-ms-animation:actionframes 6s linear infinite;-o-animation:actionframes 6s linear infinite}
.catalog-item .action .action-lastgood{margin:0 auto}
.catalog-item .action .action-lastgood:before{background-image:url('http://vodovos.ru/_img/discount/lastgood.png')}
.catalog-item .action .action-percent{margin:0 auto}
.catalog-item .action .action-percent:before{background-image:url('http://vodovos.ru/_img/discount/percent.png')}
.catalog-item .action .action-delivery{margin:0 auto}
.catalog-item .action .action-delivery:before{background-image:url('http://vodovos.ru/_img/discount/delivery.png')}
.catalog-item .action .action-vygoda{margin:0 auto}
.catalog-item .action .action-vygoda:before{background-image:url('http://vodovos.ru/_img/discount/vygoda.png')}
.catalog-item:hover .action{opacity:0.99}
.catalog-item:hover .action .action-mini{}
.catalog-item:hover.action .action-mini:before{animation:actionframes2 4s linear infinite;-webkit-animation:actionframes2 4s linear infinite;-moz-animation:actionframes2 4s linear infinite;-ms-animation:actionframes2 4s linear infinite;-o-animation:actionframes2 4s linear infinite}
@keyframes actionframes{0%{transform:rotate(0deg) scale(1)}
25%{transform:rotate(02deg) scale(1.17)}
50%{transform:rotate(0deg) scale(1)}
75%{transform:rotate(-02deg) scale(1.17)}
100%{transform:rotate(0deg) scale(1)}
}
@-webkit-keyframes actionframes{0%{-webkit-transform:rotate(0deg) scale(1)}
25%{-webkit-transform:rotate(02deg) scale(1.17)}
50%{-webkit-transform:rotate(0deg) scale(1)}
75%{-webkit-transform:rotate(-02deg) scale(1.17)}
100%{-webkit-transform:rotate(0deg) scale(1)}
}
@-moz-keyframes actionframes{0%{-moz-transform:rotate(0deg) scale(1)}
25%{-moz-transform:rotate(02deg) scale(1.17)}
50%{-moz-transform:rotate(0deg) scale(1)}
75%{-moz-transform:rotate(-02deg) scale(1.17)}
100%{-moz-transform:rotate(0deg) scale(1)}
}
@-ms-keyframes actionframes{0%{-ms-transform:rotate(0deg) scale(1)}
25%{-ms-transform:rotate(02deg) scale(1.17)}
50%{-ms-transform:rotate(0deg) scale(1)}
75%{-ms-transform:rotate(-02deg) scale(1.17)}
100%{-ms-transform:rotate(0deg) scale(1)}
}
@-o-keyframes actionframes{0%{-o-transform:rotate(0deg) scale(1)}
25%{-o-transform:rotate(02deg) scale(1.17)}
50%{-o-transform:rotate(0deg) scale(1)}
75%{-o-transform:rotate(-02deg) scale(1.17)}
100%{-o-transform:rotate(0deg) scale(1)}
}
@keyframes actionframes2{0%{transform:rotate(0deg) scale(1)}
25%{transform:rotate(05deg) scale(1.17)}
50%{transform:rotate(0deg) scale(1)}
75%{transform:rotate(-05deg) scale(1.17)}
100%{transform:rotate(0deg) scale(1)}
}
@-webkit-keyframes actionframes2{0%{-webkit-transform:rotate(0deg) scale(1)}
25%{-webkit-transform:rotate(05deg) scale(1.17)}
50%{-webkit-transform:rotate(0deg) scale(1)}
75%{-webkit-transform:rotate(-05deg) scale(1.17)}
100%{-webkit-transform:rotate(0deg) scale(1)}
}
@-moz-keyframes actionframes2{0%{-moz-transform:rotate(0deg) scale(1)}
25%{-moz-transform:rotate(05deg) scale(1.17)}
50%{-moz-transform:rotate(0deg) scale(1)}
75%{-moz-transform:rotate(-05deg) scale(1.17)}
100%{-moz-transform:rotate(0deg) scale(1)}
}
@-ms-keyframes actionframes2{0%{-ms-transform:rotate(0deg) scale(1)}
25%{-ms-transform:rotate(05deg) scale(1.17)}
50%{-ms-transform:rotate(0deg) scale(1)}
75%{-ms-transform:rotate(-05deg) scale(1.17)}
100%{-ms-transform:rotate(0deg) scale(1)}
}
@-o-keyframes actionframes2{0%{-o-transform:rotate(0deg) scale(1)}
25%{-o-transform:rotate(05deg) scale(1.17)}
50%{-o-transform:rotate(0deg) scale(1)}
75%{-o-transform:rotate(-05deg) scale(1.17)}
100%{-o-transform:rotate(0deg) scale(1)}
}
@keyframes actionfr{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-webkit-keyframes actionfr{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-moz-keyframes actionfr{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-ms-keyframes actionfr{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-o-keyframes actionfr{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@keyframes actionfr2{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-webkit-keyframes actionfr2{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-moz-keyframes actionfr2{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-ms-keyframes actionfr2{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@-o-keyframes actionfr2{0%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0)}
10%{box-shadow:0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3}
100%{box-shadow:0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0)}
}
@media (max-width:747px){.catalog-item .action .action-mini:before{width:220px}
}
@media (max-width:443px){.catalog-item .action .action-mini:before{width:94px}
}
.catalog-item9 .action .action-mini:before{margin-left:70px;margin-top:50px}