@charset "utf-8";
/* Simple Modal */

/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  z-index:2;
  position:fixed;
  top:0px;
  left:0px;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.85); /* Black w/ opacity */
  background:rgba(0,0,0,0.85);
}
/* Inner */
.popup-inner {
  max-width:320px;
  width:90%;
  padding:15px;
  position:absolute;
  top:60%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
  background:#fff;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.85);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}
.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(0deg);
  transform:translate(50%, -50%) rotate(0deg);
  background:rgba(0,0,0,0.85);
  text-decoration:none;
}