.popup{width:100%;height:100%;display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.75);color:#000;}.popup{text-align:center;}.popup:before{content:'';display:inline-block;height:100%;margin-right:-4px;vertical-align:middle;}.popup-inner{display:inline-block;text-align:left;vertical-align:middle;position:relative;max-width:700px;width:90%;padding:40px;box-shadow:0 2px 6px #000;border-radius:3px;background:#fff;text-align:center;}.popup-inner h1{font-weight:200;}.popup-inner p{font-size:16px;font-weight:100;}.popup-close{width:34px;height:34px;padding-top:4px;display:inline-block;position:absolute;top:20px;right:20px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:100%;background:transparent;border:solid 4px #808080;}.popup-close:after,.popup-close:before{content:"";position:absolute;top:11px;left:5px;height:4px;width:16px;border-radius:30px;background:#808080;-webkit-transform:rotate(45deg);transform:rotate(45deg);}.popup-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.popup-close:hover{-webkit-transform:translate(50%,-50%) rotate(180deg);transform:translate(50%,-50%) rotate(180deg);background:#f00;text-decoration:none;border-color:#f00;}.popup-close:hover:after,.popup-close:hover:before{background:#fff;}