.ribbon-box{position:relative}.ribbon-box .ribbon{padding:5px 12px;-webkit-box-shadow:2px 5px 10px rgba(33,37,41,.15);box-shadow:2px 5px 10px rgba(33,37,41,.15);color:#fff;font-size:.8125rem;font-weight:600;position:absolute;left:-1px;top:5px}.ribbon-box .ribbon.round-shape{border-radius:0 30px 30px 0}.ribbon-box .ribbon.ribbon-shape{display:inline-block}.ribbon-box .ribbon.ribbon-shape::before{content:"";position:absolute;right:-17px;top:0;border:14px solid transparent}.ribbon-box .ribbon.ribbon-shape::after{content:"";position:absolute;right:-17px;bottom:0;border:14px solid transparent}.ribbon-box.ribbon-circle .ribbon{width:48px;height:48px;border-radius:50%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:20px;top:20px}.ribbon-box.ribbon-fill{overflow:hidden}.ribbon-box.ribbon-fill .ribbon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:93px;height:52px;left:-36px;top:-16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ribbon-box.ribbon-fill.ribbon-sm .ribbon{padding:2px 12px;width:78px;height:42px;font-size:12px;-webkit-box-shadow:none;box-shadow:none}.ribbon-box.right .ribbon{position:absolute;left:auto;right:0}.ribbon-box.right .ribbon.round-shape{border-radius:30px 0 0 30px}.ribbon-box.right .ribbon.ribbon-shape{text-align:right}.ribbon-box.right .ribbon.ribbon-shape::before,.ribbon-box.right .ribbon.ribbon-shape::after{right:auto;left:-17px;border-left-color:transparent}.ribbon-box.right.ribbon-circle .ribbon{left:auto;right:20px}.ribbon-box.right .icon-ribbon{right:24px;left:auto}.ribbon-box.right.ribbon-fill .ribbon{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:-38px;left:auto}.ribbon-box.right.ribbon-box .ribbon-two{left:auto;right:-5px}.ribbon-box.right.ribbon-box .ribbon-two span{left:auto;right:-21px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ribbon-box .ribbon-content{clear:both}.ribbon-box .ribbon-primary{background:#4b38b3}.ribbon-box .ribbon-primary:before{border-color:#3b2c8c transparent transparent}.ribbon-box .ribbon-primary.ribbon-shape::before{border-left-color:#4b38b3;border-top-color:#4b38b3}.ribbon-box .ribbon-primary.ribbon-shape::after{border-left-color:#4b38b3;border-bottom-color:#4b38b3}.ribbon-box.right .ribbon-primary{background:#4b38b3}.ribbon-box.right .ribbon-primary.ribbon-shape::before{border-right-color:#4b38b3;border-top-color:#4b38b3}.ribbon-box.right .ribbon-primary.ribbon-shape::after{border-right-color:#4b38b3;border-bottom-color:#4b38b3}.ribbon-box .ribbon-secondary{background:#3577f1}.ribbon-box .ribbon-secondary:before{border-color:#105ae3 transparent transparent}.ribbon-box .ribbon-secondary.ribbon-shape::before{border-left-color:#3577f1;border-top-color:#3577f1}.ribbon-box .ribbon-secondary.ribbon-shape::after{border-left-color:#3577f1;border-bottom-color:#3577f1}.ribbon-box.right .ribbon-secondary{background:#3577f1}.ribbon-box.right .ribbon-secondary.ribbon-shape::before{border-right-color:#3577f1;border-top-color:#3577f1}.ribbon-box.right .ribbon-secondary.ribbon-shape::after{border-right-color:#3577f1;border-bottom-color:#3577f1}.ribbon-box .ribbon-success{background:#45cb85}.ribbon-box .ribbon-success:before{border-color:#30ad6c transparent transparent}.ribbon-box .ribbon-success.ribbon-shape::before{border-left-color:#45cb85;border-top-color:#45cb85}.ribbon-box .ribbon-success.ribbon-shape::after{border-left-color:#45cb85;border-bottom-color:#45cb85}.ribbon-box.right .ribbon-success{background:#45cb85}.ribbon-box.right .ribbon-success.ribbon-shape::before{border-right-color:#45cb85;border-top-color:#45cb85}.ribbon-box.right .ribbon-success.ribbon-shape::after{border-right-color:#45cb85;border-bottom-color:#45cb85}.ribbon-box .ribbon-info{background:#299cdb}.ribbon-box .ribbon-info:before{border-color:#1e7eb3 transparent transparent}.ribbon-box .ribbon-info.ribbon-shape::before{border-left-color:#299cdb;border-top-color:#299cdb}.ribbon-box .ribbon-info.ribbon-shape::after{border-left-color:#299cdb;border-bottom-color:#299cdb}.ribbon-box.right .ribbon-info{background:#299cdb}.ribbon-box.right .ribbon-info.ribbon-shape::before{border-right-color:#299cdb;border-top-color:#299cdb}.ribbon-box.right .ribbon-info.ribbon-shape::after{border-right-color:#299cdb;border-bottom-color:#299cdb}.ribbon-box .ribbon-warning{background:#ffbe0b}.ribbon-box .ribbon-warning:before{border-color:#d79e00 transparent transparent}.ribbon-box .ribbon-warning.ribbon-shape::before{border-left-color:#ffbe0b;border-top-color:#ffbe0b}.ribbon-box .ribbon-warning.ribbon-shape::after{border-left-color:#ffbe0b;border-bottom-color:#ffbe0b}.ribbon-box.right .ribbon-warning{background:#ffbe0b}.ribbon-box.right .ribbon-warning.ribbon-shape::before{border-right-color:#ffbe0b;border-top-color:#ffbe0b}.ribbon-box.right .ribbon-warning.ribbon-shape::after{border-right-color:#ffbe0b;border-bottom-color:#ffbe0b}.ribbon-box .ribbon-danger{background:#f06548}.ribbon-box .ribbon-danger:before{border-color:#ec3d19 transparent transparent}.ribbon-box .ribbon-danger.ribbon-shape::before{border-left-color:#f06548;border-top-color:#f06548}.ribbon-box .ribbon-danger.ribbon-shape::after{border-left-color:#f06548;border-bottom-color:#f06548}.ribbon-box.right .ribbon-danger{background:#f06548}.ribbon-box.right .ribbon-danger.ribbon-shape::before{border-right-color:#f06548;border-top-color:#f06548}.ribbon-box.right .ribbon-danger.ribbon-shape::after{border-right-color:#f06548;border-bottom-color:#f06548}.ribbon-box .ribbon-light{background:#f3f6f9}.ribbon-box .ribbon-light:before{border-color:#d1dde8 transparent transparent}.ribbon-box .ribbon-light.ribbon-shape::before{border-left-color:#f3f6f9;border-top-color:#f3f6f9}.ribbon-box .ribbon-light.ribbon-shape::after{border-left-color:#f3f6f9;border-bottom-color:#f3f6f9}.ribbon-box.right .ribbon-light{background:#f3f6f9}.ribbon-box.right .ribbon-light.ribbon-shape::before{border-right-color:#f3f6f9;border-top-color:#f3f6f9}.ribbon-box.right .ribbon-light.ribbon-shape::after{border-right-color:#f3f6f9;border-bottom-color:#f3f6f9}.ribbon-box .ribbon-dark{background:#212529}.ribbon-box .ribbon-dark:before{border-color:#0a0c0d transparent transparent}.ribbon-box .ribbon-dark.ribbon-shape::before{border-left-color:#212529;border-top-color:#212529}.ribbon-box .ribbon-dark.ribbon-shape::after{border-left-color:#212529;border-bottom-color:#212529}.ribbon-box.right .ribbon-dark{background:#212529}.ribbon-box.right .ribbon-dark.ribbon-shape::before{border-right-color:#212529;border-top-color:#212529}.ribbon-box.right .ribbon-dark.ribbon-shape::after{border-right-color:#212529;border-bottom-color:#212529}.ribbon-box .icon-ribbon{-webkit-box-shadow:none;box-shadow:none;left:24px;top:-12px;font-size:40px;padding:0}.ribbon-box .ribbon-two{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon-box .ribbon-two span{font-size:13px;color:#fff;text-align:center;line-height:20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100px;display:block;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);box-shadow:0 0 8px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);position:absolute;top:19px;left:-21px;font-weight:600}.ribbon-box .ribbon-two span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-right:3px solid transparent;border-bottom:3px solid transparent}.ribbon-box .ribbon-two span:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-bottom:3px solid transparent}.ribbon-box .ribbon-two-primary span{background:#4b38b3}.ribbon-box .ribbon-two-primary span:before{border-left:3px solid #332679;border-top:3px solid #332679}.ribbon-box .ribbon-two-primary span:after{border-right:3px solid #332679;border-top:3px solid #332679}.ribbon-box .ribbon-two-secondary span{background:#3577f1}.ribbon-box .ribbon-two-secondary span:before{border-left:3px solid #0e51cb;border-top:3px solid #0e51cb}.ribbon-box .ribbon-two-secondary span:after{border-right:3px solid #0e51cb;border-top:3px solid #0e51cb}.ribbon-box .ribbon-two-success span{background:#45cb85}.ribbon-box .ribbon-two-success span:before{border-left:3px solid #2b995f;border-top:3px solid #2b995f}.ribbon-box .ribbon-two-success span:after{border-right:3px solid #2b995f;border-top:3px solid #2b995f}.ribbon-box .ribbon-two-info span{background:#299cdb}.ribbon-box .ribbon-two-info span:before{border-left:3px solid #1a6f9d;border-top:3px solid #1a6f9d}.ribbon-box .ribbon-two-info span:after{border-right:3px solid #1a6f9d;border-top:3px solid #1a6f9d}.ribbon-box .ribbon-two-warning span{background:#ffbe0b}.ribbon-box .ribbon-two-warning span:before{border-left:3px solid #be8b00;border-top:3px solid #be8b00}.ribbon-box .ribbon-two-warning span:after{border-right:3px solid #be8b00;border-top:3px solid #be8b00}.ribbon-box .ribbon-two-danger span{background:#f06548}.ribbon-box .ribbon-two-danger span:before{border-left:3px solid #da3412;border-top:3px solid #da3412}.ribbon-box .ribbon-two-danger span:after{border-right:3px solid #da3412;border-top:3px solid #da3412}.ribbon-box .ribbon-two-light span{background:#f3f6f9}.ribbon-box .ribbon-two-light span:before{border-left:3px solid #c0d0e0;border-top:3px solid #c0d0e0}.ribbon-box .ribbon-two-light span:after{border-right:3px solid #c0d0e0;border-top:3px solid #c0d0e0}.ribbon-box .ribbon-two-dark span{background:#212529}.ribbon-box .ribbon-two-dark span:before{border-left:3px solid #000;border-top:3px solid #000}.ribbon-box .ribbon-two-dark span:after{border-right:3px solid #000;border-top:3px solid #000}.ribbon-box.right .ribbon-three{position:absolute;top:-6.1px;right:10px;left:auto}.ribbon-three{position:absolute;top:-6.1px;left:10px}.ribbon-three span{position:relative;display:block;text-align:center;color:#fff;font-size:14px;line-height:1;padding:12px 8px 10px;border-top-right-radius:8px;width:90px}.ribbon-three span::after,.ribbon-three span::before{position:absolute;content:""}.ribbon-three span::before{height:6px;width:6px;left:-6px;top:0}.ribbon-three span::after{height:6px;width:8px;left:-8px;top:0;border-radius:8px 8px 0 0}.ribbon-three::after{position:absolute;content:"";width:0;height:0;border-left:44px solid transparent;border-right:44px solid transparent;border-top:10px solid}.ribbon-three-primary span{background:#4b38b3}.ribbon-three-primary span:before{background:#4b38b3}.ribbon-three-primary span:after{background:#3b2c8c}.ribbon-three-primary::after{border-top-color:#4b38b3}.ribbon-three-secondary span{background:#3577f1}.ribbon-three-secondary span:before{background:#3577f1}.ribbon-three-secondary span:after{background:#105ae3}.ribbon-three-secondary::after{border-top-color:#3577f1}.ribbon-three-success span{background:#45cb85}.ribbon-three-success span:before{background:#45cb85}.ribbon-three-success span:after{background:#30ad6c}.ribbon-three-success::after{border-top-color:#45cb85}.ribbon-three-info span{background:#299cdb}.ribbon-three-info span:before{background:#299cdb}.ribbon-three-info span:after{background:#1e7eb3}.ribbon-three-info::after{border-top-color:#299cdb}.ribbon-three-warning span{background:#ffbe0b}.ribbon-three-warning span:before{background:#ffbe0b}.ribbon-three-warning span:after{background:#d79e00}.ribbon-three-warning::after{border-top-color:#ffbe0b}.ribbon-three-danger span{background:#f06548}.ribbon-three-danger span:before{background:#f06548}.ribbon-three-danger span:after{background:#ec3d19}.ribbon-three-danger::after{border-top-color:#f06548}.ribbon-three-light span{background:#f3f6f9}.ribbon-three-light span:before{background:#f3f6f9}.ribbon-three-light span:after{background:#d1dde8}.ribbon-three-light::after{border-top-color:#f3f6f9}.ribbon-three-dark span{background:#212529}.ribbon-three-dark span:before{background:#212529}.ribbon-three-dark span:after{background:#0a0c0d}.ribbon-three-dark::after{border-top-color:#212529}.ribbon-box .trending-ribbon{-webkit-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:all .5s ease;transition:all .5s ease}.ribbon-box .trending-ribbon .trending-ribbon-text{-webkit-transition:all .5s ease;transition:all .5s ease;opacity:0}.ribbon-box:hover .trending-ribbon{-webkit-transform:translateX(0);transform:translateX(0)}.ribbon-box:hover .trending-ribbon .trending-ribbon-text{opacity:1}.ribbon-box.right .trending-ribbon{-webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:all .5s ease;transition:all .5s ease}.ribbon-box.right .trending-ribbon .trending-ribbon-text{-webkit-transition:all .5s ease;transition:all .5s ease;opacity:0}.ribbon-box.right:hover .trending-ribbon{-webkit-transform:translateX(0);transform:translateX(0)}.ribbon-box.right:hover .trending-ribbon .trending-ribbon-text{opacity:1}