.img-wrapper {width:100%;position:relative;margin-top:3px;}.ribbon-wrapper {width:85px;height:88px;overflow:hidden;position:absolute;top:-3px;right:-3px;}.ribbon {cursor:default;font:bold 15px Sans-Serif;text-align:center;transform:rotate(45deg);box-shadow:0 0 3px rgba(0,0,0,0.3);position:relative;padding:7px 0;left:-5px;top:15px;width:120px;}.ribbon:before, .ribbon:after {content:"";border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;bottom:-3px;}.ribbon:before {left:0;}.ribbon:after {right:0;}.ribbon-2344FF {background-color:#2344FF;background-image:linear-gradient(to bottom,#2344FF,#5A73FF);color:#ffffff;text-shadow:1px 1px #000000;}.ribbon-2344FF:before, .ribbon-2344FF:after {border-top:3px solid #485CCC;}.ribbon-FFCC1B {background-color:#FFCC1B;background-image:linear-gradient(to bottom,#FFCC1B,#BF9914);color:#000000;text-shadow:1px 1px #ffffff;}.ribbon-FFCC1B:before, .ribbon-FFCC1B:after {border-top:3px solid #997A10;}