.badge-promotion-wrap{position:absolute;top:0;right:0}.badge-promotion{background-color:rgba(255,212,36,0.9);width:38px;color:#ee4d2d}.badge-promotion:after{content:"";width:0;height:0;left:0;bottom:-4px;position:absolute;border-color:transparent rgba(255,212,36,0.9);border-style:solid;border-width:0 19px 4px}.badge-promotion .badge-promotion-label-wrap{display:flex;flex-direction:column;text-align:center;color:#ee4d2d;text-transform:uppercase}.badge-promotion .badge-promotion-label-wrap .badge-promotion-percent{color:#ee4d2d}.badge-promotion .badge-promotion-label-wrap .badge-promotion-label{color:#fff;margin:2px 0}h1.ribbon{font-weight:normal;position:relative;background:#F4F9FA;width:50%;color:#F8463F;text-align:center;padding:10px 20px;margin:20px auto 40px;text-transform:uppercase;border-radius:2px}h1.ribbon:before,h1.ribbon:after{content:"";position:absolute;top:-6px;border:18px solid #DCF4F4}h1.ribbon:before{left:-36px;border-right-width:18px;border-left-color:transparent}h1.ribbon:after{right:-36px;border-left-width:18px;border-right-color:transparent}h1.ribbon span:before,h1.ribbon span:after{content:"";position:absolute;border-style:solid;border-color:#A7CECC transparent transparent transparent;top:-6px;transform:rotate(180deg)}h1.ribbon span:before{left:0;border-width:6px 0 0 6px}h1.ribbon span:after{right:0;border-width:6px 6px 0 0}h1.ribbon{width:48%;height:188px;position:relative;float:left;margin-bottom:30px;background-size:cover;text-transform:uppercase;color:white}.ribbon:nth-child(even){margin-right:4%}@media (max-width: 500px){.ribbon{width:100%}.ribbon:nth-child(even){margin-right:0%}}.ribbon .ribbon1{position:absolute;top:-6.1px;right:10px}.ribbon .ribbon1:after{position:absolute;content:"";width:0;height:0;border-left:53px solid transparent;border-right:53px solid transparent;border-top:10px solid #F8463F}.ribbon .ribbon1 span{position:relative;display:block;text-align:center;background:#F8463F;font-size:14px;line-height:1;padding:12px 8px 10px;border-top-right-radius:8px;width:90px}.ribbon .ribbon1 span:before,.ribbon .ribbon1 span:after{position:absolute;content:""}.ribbon .ribbon1 span:before{height:6px;width:6px;left:-6px;top:0;background:#F8463F}.ribbon .ribbon1 span:after{height:6px;width:8px;left:-8px;top:0;border-radius:8px 8px 0 0;background:#C02031}.ribbon .ribbon2{width:60px;padding:10px 0;position:absolute;top:-6px;left:25px;text-align:center;border-top-left-radius:3px;background:#F47530}.ribbon .ribbon2:before{height:0;width:0;right:-5.5px;top:0.1px;border-bottom:6px solid #8D5A20;border-right:6px solid transparent}.ribbon .ribbon2:before,.ribbon .ribbon2:after{content:"";position:absolute}.ribbon .ribbon2:after{height:0;width:0;bottom:-29.5px;left:0;border-left:30px solid #F47530;border-right:30px solid #F47530;border-bottom:30px solid transparent}.ribbon .ribbon3{width:150px;height:50px;line-height:50px;padding-left:15px;position:absolute;left:-8px;top:20px;background:#59324C}.ribbon .ribbon3:before,.ribbon .ribbon3:after{content:"";position:absolute}.ribbon .ribbon3:before{height:0;width:0;top:-8.5px;left:0.1px;border-bottom:9px solid black;border-left:9px solid transparent}.ribbon .ribbon3:after{height:0;width:0;right:-14.5px;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:15px solid #59324C}.ribbon .ribbon4{position:absolute;top:15px;padding:8px 10px;background:#00B3ED;box-shadow:-1px 2px 3px rgba(0,0,0,0.3)}.ribbon .ribbon4:before,.ribbon .ribbon4:after{content:"";position:absolute}.ribbon .ribbon4:before{width:7px;height:100%;top:0;left:-6.5px;padding:0 0 7px;background:inherit;border-radius:5px 0 0 5px}.ribbon .ribbon4:after{width:5px;height:5px;bottom:-5px;left:-4.5px;background:lightblue;border-radius:5px 0 0 5px}.ribbon .ribbon5{display:block;width:calc(100% + 20px);height:50px;line-height:50px;text-align:center;margin-left:-10px;margin-right:-10px;background:#EDBA19;position:relative;top:20px}.ribbon .ribbon5:before,.ribbon .ribbon5:after{content:"";position:absolute}.ribbon .ribbon5:before{height:0;width:0;bottom:-10px;left:0;border-top:10px solid #cd8d11;border-left:10px solid transparent}.ribbon .ribbon5:after{height:0;width:0;right:0;bottom:-10px;border-top:10px solid #cd8d11;border-right:10px solid transparent}.ribbon .wrap:after{width:8px;height:40px;right:0px;top:100px;background:#4D6530;border-radius:0px 8px 8px 0px}.ribbon .ribbon6{width:200px;height:40px;line-height:40px;position:absolute;top:30px;right:-50px;z-index:2;overflow:hidden;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:1px dashed;box-shadow:0 0 0 3px #57DD43,0px 21px 5px -18px rgba(0,0,0,0.6);background:#57DD43;text-align:center}