.ribbon{position:relative}.ribbon .text,.ribbon .banner,.ribbon a{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}.ribbon a{color:#fff;text-decoration:none}.no-css-transforms .ribbon{font-size:1em;position:relative;width:100%}.ribbon .banner{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);color:#fff;-webkit-font-smoothing:antialiased;display:block;float:right;position:relative;right:0;top:22px;width:100px}.ribbon-small .banner{right:-8px;top:15px;width:65px}.ribbon-large .banner{right:-20px;top:32px;width:150px}.ribbon .banner::before{content:'';display:block;height:12px;position:relative;width:17px;top:12px}.ribbon .banner::after{content:'';display:block;height:12px;position:absolute;width:16px}.ribbon .banner::before{-webkit-transform:skewY(-45deg) translate(43%,15px);-moz-transform:skewY(-45deg) translate(43%,15px);-ms-transform:skewY(-45deg) translate(43%,15px);-o-transform:skewY(-45deg) translate(43%,15px);-webkit-transform-origin:100% center;-moz-transform-origin:100% center;-ms-transform-origin:100% center;-o-transform-origin:100% center;left:3px}.ribbon-small .banner::before{top:-5px;left:-30px}.ribbon-large .banner::before{top:9px;left:-68px}.ribbon .banner::after{-webkit-transform:translate(100%,-100%) skewY(45deg) translateX(10%);-moz-transform:translate(100%,-100%) skewY(45deg) translateX(10%);-ms-transform:translate(100%,-100%) skewY(45deg) translateX(10%);-o-transform:translate(100%,-100%) skewY(45deg) translateX(10%);-webkit-transform-origin:0 center;-moz-transform-origin:0 center;-ms-transform-origin:0 center;-o-transform-origin:0 center;right:-31px}.ribbon-small .banner::after{top:18px;right:-12px}.ribbon-large .banner::after{top:45px;right:-26px}.no-css-transforms .ribbon .banner{width:100%;float:none;font-size:10px}.ribbon .text{position:relative;z-index:2;padding:6px 0;font-size:14px;font-weight:bold;min-height:20px;line-height:13px;text-shadow:1px 1px 1px rgba(0,0,0,.2);white-space:nowrap;text-overflow:ellipsis}.ribbon .text div{position:absolute;left:65px;text-transform:uppercase}.ribbon .text::before{content:'';display:inline-block;height:25px;position:absolute;top:0;left:35px;width:85%;z-index:-1}.ribbon .text::after{content:'';display:inline-block;height:25px;position:absolute;top:0;left:38px;width:85%;z-index:-1}.ribbon .text::before{-webkit-transform:translateX(-15%) skewX(-45deg);-moz-transform:translateX(-15%) skewX(-45deg);-ms-transform:translateX(-15%) skewX(-45deg);-o-transform:translateX(-15%) skewX(-45deg)}.ribbon .text::after{-webkit-transform:translateX(15%) skewX(45deg);-moz-transform:translateX(15%) skewX(45deg);-ms-transform:translateX(15%) skewX(45deg);-o-transform:translateX(15%) skewX(45deg)}.no-css-transforms .ribbon .text{height:25px;padding:3px}.ribbon-red .banner::after,.ribbon-red .banner::before{background-color:#bd362f}.ribbon-red .text::before,.ribbon-red .text::after,.no-css-transforms .ribbon-red .text{background-color:#e82434}