.ribbon2{color:white;position:absolute;font-weight:bold;top:35px;padding:8px 10px;background:#00B3ED;box-shadow:-1px 2px 3px rgba(0,0,0,.3);}.ribbon2:before, .ribbon4:after{content:"";position:absolute;}.ribbon2:before{width:7px;height:100%;top:0;left:-6.5px;padding:0 0 48px 0;background:inherit;border-radius:5px 0 0 5px;}.ribbon2:after{width:5px;height:5px;bottom:-5px;left:-4.5px;background:#add8e6;border-radius:5px 0 0 5px;}.ribbon4{font-weight:bold;width:50px;padding:10px 0;position:absolute;top:-6px;right:10px;text-align:center;border-top-left-radius:3px;background:#57DD43;}.ribbon4:before{height:0;width:0;right:-5.5px;top:0.1px;border-bottom:6px solid #000;border-right:6px solid transparent;}.ribbon4:before, .ribbon2:after{content:"";position:absolute;}.ribbon4:after{height:0;width:0;bottom:-24.5px;left:0;border-left:25px solid #57DD43;border-right:25px solid #57DD43;border-bottom:25px solid transparent;}.ribbon3{font-weight:bold;width:120px;height:30px;line-height:30px;padding-left:15px;position:absolute;left:-5px;top:30px;color:#FFF;background:#F47530;}.ribbon3:before, .ribbon3:after{content:"";position:absolute;}.ribbon3:before{height:0;width:0;top:-8.5px;left:0.1px;border-bottom:9px solid #000;border-left:4px solid transparent;}.ribbon3:after{height:0;width:0;right:-14.5px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #F47530;}