.container-slots-cupom {max-width: 1280px; min-width: 1280px; margin: 10px auto 0; font-family: 'Diodrum'; color: #fff;}	
.container-slots-cupom ul li {width: calc(25% - 15px); float: left; margin-right: 20px; text-align: center; position: relative; transition: all 0.25s}
.container-slots-cupom ul li:last-child {margin:0;}
.container-slots-cupom ul li img {width: 100%;}
.container-slots-cupom ul:hover li {opacity: 0.5;}
.container-slots-cupom ul li:hover {opacity: 1;}
.container-slots-cupom .copy {position: absolute; width: 100%; height: 100%; color: #fff}
.container-slots-cupom .copy p {font-size: 16px; text-transform: uppercase; color: #fff; position: absolute; left: 16px; top: 16px; letter-spacing: -0.5px; text-align: left;}
.container-slots-cupom .copy strong {font-size: 20px;}
.container-slots-cupom .copy .discount {font-weight: bold; position: absolute; right: 0; width: 125px; letter-spacing: -2px;}
.container-slots-cupom .copy .discount.percent {font-size: 46px; top: 2px;}
.container-slots-cupom .copy .discount.price {font-size: 38px; top: 9px;}
.container-slots-cupom .copy .code {font-size: 46px; font-weight: bold; bottom: 0; position: absolute; text-align: center; width: 100%; left: 0;}
.container-slots-cupom small {font-size: 12px; text-align: right; color: #666; display: block; padding: 5px 0; clear: both;}

@media screen and (max-width: 1280px) {
.container-slots-cupom ul li {width:calc(25% - 13px); margin-right: 10px;}
.container-slots-cupom ul li:first-child {margin-left: 10px;}
.container-slots-cupom small {padding-right: 10px;}