.corner-ribbon{width: 260px;background: #e43;position: absolute;top: 25px;left: -50px;text-align: center;line-height: 50px;letter-spacing: 1px;color: #f0f0f0;transform: rotate(-45deg);z-index: 1000}.corner-ribbon span{text-align: center;max-width: 60%;margin: 0 auto;display: block;line-height: 1.2;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;padding: 10px 0 15px 0}.corner-ribbon.sticky{position: fixed}.corner-ribbon.shadow{box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)}.corner-ribbon.bottom-left{top: auto;bottom: 25px;left: -75px;transform: rotate(45deg)}.popup{position: fixed;padding: 50px 50px 30px 50px;max-width: 500px;border-radius: 10px;top: 50%;left: 50%;font-family: Verdana, Arial, Helvetica, sans-serif;color: black;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 1);z-index: 1001}#popupfim{visibility: hidden;opacity: 0}.popup .close{position: absolute;right: 15px;top: 15px;padding: 5px;color: #000;transition: color 0.3s;font-size: 32px;line-height: 0.6em;font-weight: 700;text-decoration: none}.popup .close:hover{color: #9d00ee}.close-popup{background: rgba(0, 0, 0, 0.7);cursor: default;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 1000}.popup p{text-align: justify;color: #343434;font-size: 22px}.poptitle{font-size: 32px}