#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.60;
  filter: alpha(opacity=60);
  display: none;
  z-index: 1000; }

.modal-btn {
  text-align: center; }

.modal {
  position: fixed;
  background: transparent;
  padding: 8px;
  display: none;
  z-index: 1001;
  width: 100%;
  max-width: 768px;
  min-height: 420px; }
  .modal #content {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 15px #777;
    color: #777; }
    .modal #content h2 {
      font-family: helvetica-thin;
      font-size: 38px;
      letter-spacing: 2.5px; }
    .modal #content p {
      font-size: 18px; }
    .modal #content input {
      margin: 15px auto;
      text-align: center;
      background: transparent;
      border: 1px solid #777; }
    .modal #content input[type=submit] {
      color: #FFF;
      background: #777; }
      .modal #content input[type=submit]:hover {
        color: #777;
        background: #FFF; }
  .modal #close {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    top: -10px;
    right: -10px;
    font-size: 24px;
    line-height: 25px;
    line-height: 20px;
    padding: 0 5.5px;
    transition: all 0.5s ease;
    background-color: #333;
    color: #FFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; }
    .modal #close:hover {
      -webkit-transform: scale(1.25);
      transform: scale(1.25); }

#subscribe-popup #content {
  background: rgba(255, 255, 255, 0.95); }
  #subscribe-popup #content #header-text {
    font-size: 14px;
    margin-top: 5px; }
  #subscribe-popup #content input {
    text-align: left;
    width: 100%;
    max-width: 500px; }
    #subscribe-popup #content input[type="submit"] {
      background-color: #135da7;
      width: auto; }
  #subscribe-popup #content #span-notice {
    display: block;
    font-size: 14px; }

/*# sourceMappingURL=modal.css.map */