.ribbon{display:inline-block;width:100%;height:100%;position:relative;float:left;margin-bottom:30px;background-color:#70797d;background-size:cover;text-transform:uppercase;color:#fff}.ribbon1{position:absolute;top:-6px;right:10px}.ribbon1:after{position:absolute;content:"";display:block;width:0;height:0;border-top:10px solid #f8463f;border-left:53px solid transparent;border-right:53px solid transparent}.ribbon1 span{position:relative;display:inline-block;text-align:center;background:#f8463f;font-size:14px;line-height:1;padding:12px 8px 10px;border-top-right-radius:8px;width:90px}.ribbon1 span:after,.ribbon1 span:before{position:absolute;content:"";display:block}.ribbon1 span:before{background:#f8463f;height:6px;width:6px;left:-6px;top:0}.ribbon1 span:after{background:#c02031;height:6px;width:8px;border-radius:8px 8px 0 0;left:-8px;top:0}