
  
    <!-- START POPUP CSS -->
    &lt;!-- you can move this section to right before your  tag -->
    <!-- you can also change, override, or remove this section to customize how your popup looks -->
    
      .hive-popup-background {
        /*start: make black popup backgound cover entire page*/
        z-index: 999999999;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 30px;
        overflow: scroll;
        /*end: make black popup backgound cover entire page*/

        background: rgb(0 0 0 / 0.6); /*semi-opaque black popup background color*/

        display: none; /*hide popup forms by default*/
      }
      .hive-popup-modal {
        /*start: center modal on page*/
        margin: auto;
        width: 40%;
        min-width: 120px;
        max-width: 600px;
        /*end: center modal on page*/

        position: relative; /*position "X" close button in top-right corner, see below*/
        text-align: center; /*center form inside modal*/
        background: white; /*modal's white background color*/
        padding: 20px; /*spacing between edge of modal and inner content*/
        box-shadow: 0 15px 10px 0 rgb(0 0 0 / 5%); /*subtle shadow underneath modal*/
        border-radius: 5px; /*round the corners of modal slightly*/

        opacity: 0.5; /*hide popup forms by default*/
        top: 50px; /*hide popup forms by default*/
      }
      .hive-signup-form {
        /*start: center form inside modal*/
        display: inline-block;
        text-align: left;
        /*end: center form inside modal*/
      }
      .hive-popup-close-button {
        color: black; /*"X" close button color*/
        text-decoration: none; /*turn off underline on "X" close button*/
        font-weight: 800; /*make "X" close button bold*/

        /*start: position "X" close button in top-right corner*/
        position: absolute;
        right: 10px;
        top: 3px;
        /*end: position "X" close button in top-right corner*/

        font-size: 30px; /*size of "X" close button*/
      }

      /*start: mobile-specific css so modal resizes nicely on mobile*/
      @media (max-width: 570px) {
        .hive-popup-background {
            padding: 15px;
        }
        .hive-popup-modal {
            width: auto;
            min-width: 300px;
        }
      }
      /*end: mobile-specific css so modal resizes nicely on mobile*/
    
    <!-- END POPUP CSS -->

    <!-- START POPUP CLOSE BUTTON -->
    ×
    <!-- END POPUP CLOSE BUTTON -->

    <!-- START POPUP CONTENT -->

    <!-- START REGULAR POPUP FORM CODE -->
    
  <!-- START SIGNUP FORM THEME CSS -->
  &lt;!-- you can move this section to right before your  tag -->
  <!-- you can also change, override, or remove this section to customize how your signup form looks -->

  
  .hive-signup-form-has-error {
      border-color: #ff00008a !important;
  }
  @import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css");
    .hive-signup-form label, .hive-signup-form input, .hive-signup-form button, .hive-signup-form span, .hive-signup-form .iti {
      display: flex;
      align-items: flex-start;
      width: 100%;
      max-width: 400px;
    }
    .hive-signup-form label {
      margin-bottom: 8px;
    }
    .hive-signup-form input {
      margin-bottom: 16px;
      padding: 8px 10px;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.04);
    }
    .hive-signup-form input:focus{
      border: 1px solid rgba(0, 0, 0, 0.65);
      outline: none;
    }
    .hive-signup-form label input[type=checkbox] {
      display: inline-block;
      width: auto;
      margin-right: 8px;
    }
    .hive-signup-form button {
      padding: 10px 24px;
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pointer;
    }
    .hive-signup-form span {
      display: flex;
      margin-bottom: 16px;
    }
    .hive-signup-form select {
      padding: 8px;
      width: 50%;
      height: 36px;
      background-color: white;
      margin-left: 8px;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.2);
    }
    .hive-signup-form select:first-child {
      margin-left: 0px;
    }
  
  <!-- END SIGNUP FORM CSS -->

  Join our newsletter for deals, discounts, show announcments &amp; more!

  <!-- START SIGNUP FORM ID (REQUIRED) -->
  <!-- do not remove this as this is used for reporting purposes -->
  
  <!-- END SIGNUP FORM ID -->
  
  <!-- START EMAIL -->
  Email
  
  <!-- END EMAIL -->

  <!-- START FIRST NAME -->
  First Name
  
  <!-- END FIRST NAME -->

  <!-- START LAST NAME -->
  Last Name
  
  <!-- END LAST NAME -->

  <!-- START BIRTHDAY (NO YEAR) -->
  Birthday
  
  
    Select month...
    January
    February
    March
    April
    May
    June
    July
    August
    September
    October
    November
    December
  
  
    Select day...
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
  
  
  <!-- END BIRTHDAY (NO YEAR) -->

  <!-- START ZIP CODE -->
  Zip Code
  
  <!-- END ZIP CODE -->

  <!-- START NON-TOGGLEABLE SEGMENT -->
  
  <!-- END NON-TOGGLEABLE SEGMENT -->

  <!-- START BOT DETECTION (RECOMMENDED) -->
  
  <!-- real people should not fill this in - do not remove this or risk form bot signups -->
  
  
  <!-- END BOT DETECTION -->

  <!-- START SUCCESS/THANK YOU MESSAGE -->
  <!-- this element will be shown when your form is sucessfully submitted -->
  
  Thanks for joining our mailing list
  You've been successfully subscribed - thanks!
  
  <!-- END SUCCESS/THANK YOU MESSAGE -->

  <!-- START SUBMIT BUTTON (REQUIRED) -->
  Subscribe
  <!-- END SUBMIT BUTTON -->

  <!-- START SIGNUP FORM JAVASCRIPT (REQUIRED) -->
  &lt;!-- you can move this section to right before your  tag -->
  
  (function(h,i,v,e,s,d,k){h.HiveSDKObject=s;h[s]=h[s]||function(){(h[s].q=h[s].q||[]).push(arguments)},d=i.createElement(v),k=i.getElementsByTagName(v)[0];d.async=1;d.id=s;d.src=e+'?sef=1&amp;r='+parseInt(new Date()/60000);k.parentNode.insertBefore(d,k)})(window,document,'script','https://cdn-prod.hive.co/static/js/sdk-loader.js','HIVE_SDK')
  HIVE_SDK('init', 132530);

  function onFormSubmitSuccess(){
    // you can use this function to do things when users sucessfully submit your form
    // don't delete this function without modifying the onsubmit action in the form above
  }
  
  <!-- END SIGNUP FORM JAVASCRIPT -->

    <!-- END REGULAR POPUP FORM CODE -->

    <!-- END POPUP CONTENT -->