.ribbon-1 span,.ribbon1 span{border-top-right-radius:8px;line-height:1}.ribbone{width:100%;position:relative;background-size:cover;text-transform:uppercase;color:#fff}@media (max-width:500px){.ribbone{width:100%}}.ribbon1{position:absolute;top:-6.1px;left:10px;z-index:1}.ribbon1:after{position:absolute;content:"";width:0;height:0;border-left:20px solid transparent;border-right:24px solid transparent;border-top:13px solid #f8463f}.ribbon1 span:after,.ribbon1 span:before{content:"";height:6px;top:0}.ribbon1 span{position:relative;display:block;text-align:center;background:#f8463f;font-size:14px;padding:12px 8px 10px}.ribbon1 span:before{position:absolute;width:6px;left:-6px;background:#f8463f}.ribbon1 span:after{position:absolute;width:8px;left:-8px;border-radius:8px 8px 0 0;background:#c02031}.arrow-ribbon{color:#fff;padding:2px 8px;position:absolute;top:10px;right:0;z-index:98;font-size:18px}.arrow-ribbon.bg-danger:before,.arrow-ribbon.bg-info:before,.arrow-ribbon.bg-pink:before,.arrow-ribbon.bg-primary:before,.arrow-ribbon.bg-purple:before,.arrow-ribbon.bg-secondary:before,.arrow-ribbon.bg-success:before,.arrow-ribbon.bg-warning:before{top:0;left:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;content:"";width:0;position:absolute;bottom:0}.arrow-ribbon.bg-purple:before{border-right:15px solid #6d33ff}.arrow-ribbon.bg-danger:before{border-right:15px solid #ff382b}.arrow-ribbon.bg-primary:before{border-right:15px solid #e72a1a!important;border-left:0!important}.arrow-ribbon.bg-secondary:before{border-right:15px solid #8d0bb7;border-left:0!important}.arrow-ribbon.bg-success:before{border-right:15px solid #05a01f}.arrow-ribbon.bg-info:before{border-right:15px solid #1da1f3}.arrow-ribbon.bg-warning:before{border-right:15px solid #ffa22b}.arrow-ribbon.bg-pink:before{border-right:15px solid #ff2b88}.arrow-ribbon2{color:#fff;padding:3px 8px;position:absolute;top:10px;left:-1px;z-index:98;font-size:30px}.power-ribbon,.ribbon{overflow:hidden;z-index:10}.arrow-ribbon2:before{position:absolute;top:0;bottom:0;content:"";right:-24px;border-top:24px solid transparent;border-bottom:24px solid transparent;width:0}.ribbon{width:150px;height:150px;position:absolute}.power-ribbon{width:56px;height:56px;position:absolute}.power-ribbon span{position:absolute;display:block;width:82px;padding:8px 0;color:#fff;font:500 16px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center}.ribbon-1 span,.ribbon-2 span{font-size:14px;text-align:center}.power-ribbon-top-left{top:-6px;right:-9px}.power-ribbon-top-left span{left:-5px;top:1px;transform:rotate(45deg)}.power-ribbon-top-left span i{transform:rotate(-45deg);padding-top:2px;padding-right:7px}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:'';display:block;border:5px solid}.ribbon-1 span:before,.ribbon-1:after,.ribbon-2:after{content:""}.ribbon span{position:absolute;display:block;width:225px;padding:8px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center}.ribbon-top-left{top:-10px;right:-10px}.ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent;bottom:50px;right:0}.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent;top:0;left:50px}.ribbon-top-left span{left:-8px;top:30px;transform:rotate(45deg)}.ribbon-top-right{top:-10px;right:-10px}.ribbon-top-right::after{border-top-color:transparent;border-right-color:transparent;bottom:36px;right:0}.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent;top:0;left:36px}.ribbon-1:after,.ribbon-2:after,.ribbon-3:after{border-left:23px solid transparent;border-right:23px solid transparent;z-index:99}.ribbon-top-right span{left:-8px;top:30px;transform:rotate(45deg)}.ribbon-1{position:absolute;top:-6.1px;left:10px;color:#fff}.ribbon-1:after{position:absolute;width:0;height:0}.ribbon-1 span{position:relative;display:block;padding:12px 8px 10px;z-index:99}.ribbon-1 span:before{position:absolute;height:6px;width:6px;left:-6px;top:0}.ribbon-1 span:after{height:6px;width:8px;left:-8px;top:0;border-radius:8px 8px 0 0}.ribbon-1 i{color:#fff;font-size:16px;padding-left:7px;padding-right:7px}.ribbon-2{position:absolute;top:-6.1px;left:10px;color:#fff}.ribbon-2:after{position:absolute;width:0;height:0;border-top:13px solid #162946}.ribbon-2 span:after,.ribbon-2 span:before{height:6px;top:0;background:#162946;content:""}.ribbon-2 span{position:relative;display:block;background:#162946;line-height:1;padding:12px 8px 10px;border-top-right-radius:8px;z-index:99}.ribbon-2 span:before{position:absolute;width:6px;left:-6px}.ribbon-2 span:after{position:absolute;width:8px;left:-8px;border-radius:8px 8px 0 0}.ribbon-2 i{color:#fff;font-size:16px;padding-left:7px;padding-right:7px}.ribbon-3{position:absolute;top:-6.1px;left:10px;color:#fff}.ribbon-3:after{position:absolute;content:"";width:0;height:0;border-top:13px solid #0ccad8}.ribbon-3 span{position:relative;display:block;text-align:center;background:#0ccad8;font-size:14px;line-height:1;padding:12px 8px 10px;border-top-right-radius:8px;z-index:99}.ribbon-1 span:after{position:absolute;content:""}.ribbon-3 span:before{position:absolute;content:"";height:6px;width:6px;left:-6px;top:0;background:#0ccad8}.ribbon-3 span:after{height:6px;width:8px;left:-8px;top:0;border-radius:8px 8px 0 0;background:#0ccad8}.ribbon-3 i{color:#fff;font-size:16px;padding-left:7px;padding-right:7px}.arrow-ribbon-2{color:#FFF;padding:3px 8px;position:absolute;z-index:9999;font-size:20px}.arrow-ribbon-2:before{position:absolute;top:0;bottom:0;content:"";right:-24px;border-top:16px solid transparent;border-left:24px solid #6963ff;border-bottom:16px solid transparent;width:0}