@-webkit-keyframes bounce{0%{top:-30px}25%,75%{top:-29px}50%{top:-25px}100%{top:-30px}}@-webkit-keyframes rotate{0%{transform:rotate(-20deg)}25%,75%{transform:rotate(-20deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(-20deg)}}.ribbon{position:absolute;left:10px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79a70a;background:linear-gradient(#9bc90d 0,#79a70a 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border:3px solid #79a70a;border-right-color:transparent;border-bottom-color:transparent}.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border:3px solid #79a70a;border-bottom-color:transparent;border-left-color:transparent}.notify-badge{position:absolute;left:2px;top:-15px;background:red;text-align:center;border-radius:61px;color:white;padding:4px 7px;font-size:30px;line-height:67px;width:75px;height:75px;z-index:7;transform:rotate(-20deg);-webkit-animation:bounce 2s infinite,rotate 3s infinite}.box1{position:relative;z-index:1;width:100%;padding:20px;margin:20px auto;border:1px solid #c8c8c8;box-shadow:rgba(0,0,0,0.1) 0 5px 5px 2px;background:#e4c054;border-radius:4px}.box1 h3{position:relative;padding:10px 30px;margin:0 -30px 20px;font-size:28px;line-height:32px;font-weight:bold;text-align:center;color:#fff;background:#c00;text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);zoom:1}.box1 h5{color:#FFF;margin-bottom:10px}.box1 h3:before,.box1 h3:after{content:"";position:absolute;z-index:-1;top:100%;left:0;border-width:0 10px 10px 0;border-style:solid;border-color:transparent maroon}.box1 h3:after{left:auto;right:0;border-width:0 0 10px 10px}.box1 h4{position:relative;padding:10px 30px;margin:0 -30px 20px;font-size:28px;line-height:32px;font-weight:bold;text-align:center;color:#fff;background:#87a800;text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);zoom:1}.box1 h4:before,.box1 h4:after{content:"";position:absolute;z-index:-1;top:100%;left:0;border-width:0 10px 10px 0;border-style:solid;border-color:transparent #647d01}.box1 h4:after{left:auto;right:0;border-width:0 0 10px 10px}