.popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%; }
.popup-inner { max-width: 700px; width: 90%; padding: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 6px rgb(0, 0, 0); border-radius: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.popup-close { width: 30px; height: 30px; padding-top: 4px; display: inline-block; position: absolute; top: 0px; right: 0px; transition: all 0.25s ease 0s; transform: translate(50%, -50%); border-radius: 1000px; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; font-family: Arial,sans-serif; font-size: 20px; text-align: center; line-height: 100%; color: rgb(255, 255, 255); }
.popup-close:hover { transform: translate(50%, -50%) rotate(180deg); background: rgb(0, 0, 0) none repeat scroll 0% 0%; text-decoration: none; }
.popup-inner i { font-size: 10px; color: rgb(83, 23, 50); }