.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;}
.popup .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#000000;opacity:0.7;}
.popup .container{width:35%; margin:auto; position:relative;z-index:2;top:10%;background:#00000000;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 50px #000;-webkit-box-shadow:0 0 50px #000;box-shadow:0 0 50px #000;}
.popup .close{width:13px;height:13px;display:block;border:0;cursor:pointer;position:absolute;top:10px;right:10px;text-indent:-999em;overflow:hidden;background:url(../img/close.png) no-repeat;}
.popup .content{font:12px 'Segoe UI', Arial, sans-serif;color:#444;overflow:hidden;}
@media only screen and (max-width: 768px) {
  .popup .container{width:100% !important;}
}