{"id":5502,"date":"2025-03-11T22:28:42","date_gmt":"2025-03-12T04:28:42","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=5502"},"modified":"2026-03-30T09:34:18","modified_gmt":"2026-03-30T15:34:18","slug":"megapass","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/03\/11\/megapass\/","title":{"rendered":"Megapass"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n  \/* Add application styles & imports to this file! *\/\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100vh;\n  }\n\n  .cards-container {\n    display: flex;\n    gap: 3rem;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .card {\n    width: 400px;\n    height: 600px;\n    perspective: 1000px;\n    position: relative;\n    @media screen and (max-width:420px){\n      width: 300px;\n      height: 400px;\n    }\n  }\n\n  .flip-checkbox {\n    display: none;\n  }\n\n  .card-inner {\n    width: 100%;\n    height: 100%;\n    transition: transform 0.6s;\n    transform-style: preserve-3d;\n    position: relative;\n  }\n\n  .flip-checkbox:checked+.card-inner {\n    transform: rotateY(180deg);\n  }\n\n  .card-front,\n  .card-back {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    backface-visibility: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background: #13003b;\n    border: 4px solid #863eff;\n  }\n\n  .card-back {\n    padding: 2.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n\n    .card-back-container {\n      h2 {\n        font-family: 'Salo Bold';\n        font-size: 5rem;\n      }\n\n      h3 {\n        font-family: 'Founders';\n        font-weight:normal;\n      }\n\n      ul {\n        margin-top: 3rem;\n\n        li {\n          font-family: 'Founders';\n          padding: 0rem;\n        }\n      }\n      p{\n          opacity:70%;\n          margin-bottom:3rem;\n          font-family:'Founders';\n      }\n\n      label {\n        cursor: pointer;\n        font-size: 4rem;\n        padding-left: 90%;\n      }\n      @media screen and (max-width:420px){\n        h2{\n          font-size: 3.5rem;\n        }\n        h3{\n          font-size: 1.5rem;\n        }\n        ul{\n          margin-top: 1rem;\n        }\n        p{\n          font-size: 12px;\n          margin:0px;\n        }\n      }\n    }\n  }\n\n  .card-front {\n    label{\n      @media screen and (max-width:420px){\n        background-size: auto !important;\n        width: 20rem !important;\n        height: 8rem !important;\n        font-size: 2.7rem !important;\n      }\n      font-size: 3.5rem;\n    }\n  }\n\n  .card-image-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .card-image-content {\n      height: 40rem;\n      width: 40rem;\n      @media screen and (max-width:420px){\n        width: 27rem;\n        height: 27rem;\n      }\n    }\n  }\n\n  .card-back {\n    transform: rotateY(180deg);\n    background-color: #863eff;\n  }\n\n  .plans-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 3rem 0rem 3rem 0rem;\n  }\n\n  .option-selector {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 3rem;\n    border: 4px solid #863eff;\n    background-color: #13003b;\n    width: 50rem;\n\n    @media screen and (max-width:430px){\n      width: 30rem;\n    }\n\n    div {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin: 0.5rem;\n\n      &.active {\n        background: #863eff;\n      }\n    }\n\n    button {\n      color: white;\n      padding: 1rem;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      font-size: 2.5rem;\n      font-family: 'Salo Bold';\n    }\n  }\n\n  .variation-container {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n\n    @media screen and (max-width:768px){\n      flex-direction: column;\n    }\n\n    .variation {\n      width: 60rem;\n      height: 25rem;\n      border: 4px solid #863eff;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-around;\n      background-color: #13003b;\n\n      @media screen and (max-width:768px){\n        width: 35rem;\n        height: 35rem;\n        flex-direction: column;\n      }\n\n      .header {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        border-bottom: 4px solid #863eff;\n\n        .container {\n          padding: 1rem;\n\n          h1 {\n            margin-top: 0.3rem;\n            margin-bottom: 0px;\n            font-family: 'Salo Regular';\n            color: white;\n            font-weight: normal;\n          }\n\n          h3 {\n            font-family: 'Salo Bold';\n            margin-top: 0px;\n            color: #863eff;\n\n            s {\n              font-family: 'Salo Bold';\n            }\n          }\n        }\n\n        .join-button {\n          padding: 1rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-family: 'Salo Regular';\n          width: 30rem;\n\n          a {\n            width: 100%;\n            height: 100%;\n            font-size: 4rem;\n            color: black;\n            @media screen and (max-width:768px){\n              font-size: 3rem;\n            }\n          }\n        }\n      }\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        h2 {\n          text-transform: uppercase;\n          margin-bottom: 0.5rem;\n          font-family: 'Salo Bold';\n          color: #bab1fe;\n        }\n\n        h4 {\n          font-family: 'Founders';\n          margin: 0px;\n          padding: 0px 5rem 1rem 5rem;\n          text-align: center;\n          color: white;\n          font-weight: normal;\n        }\n      }\n    }\n\n    .hidden {\n      display: none;\n    }\n  }\n<\/style>\n\n<section id=\"standard\">\n  <center><img decoding=\"async\" class=\"standard\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/megapass-banner-web.png\"\n      alt=\"Megapass Banner\" \/><\/center>\n  <main style=\"margin-top: 1%; margin-bottom: 1%;\">\n\n    <div class=\"cards-container\">\n      <div class=\"card\">\n        <input type=\"checkbox\" id=\"card1\" class=\"flip-checkbox\">\n        <div class=\"card-inner\">\n          <div class=\"card-front\">\n            <div class=\"card-image-container\">\n              <img decoding=\"async\" class=\"card-image-content\"\n                src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/2-tickets-month-text.png\">\n            <\/div>\n            <label for=\"card1\" class=\"mpx-btn-rebrand large large-xl\">LEARN MORE<\/label>\n          <\/div>\n          <div class=\"card-back\">\n            <div class=\"card-back-container\">\n              <h2>Save your perfect seat<\/h2>\n              <h3>MegaPass members get one to two tickets a month. Any movie. Any spot. Any time of day. If you\u2019re going to be a regular, make it special<\/h3>\n              <ul>\n                <li>1-2 tickets per month<\/li>\n                <li>Upgraded luxury seating at no extra cost<\/li>\n                <li>Discounts on MegaScreen, IMAX, and D-Box\n                <\/li>\n                <li>Save up to 12 tickets from month to month<\/li>\n              <p>MegaPass tickets may not be valid for special events or Fathom Events<\/p>\n              <\/ul>\n              <label for=\"card1\" class=\"flip-btn\">\n                <i class=\"fas fa-times fa-lg\"><\/i>\n              <\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <input type=\"checkbox\" id=\"card2\" class=\"flip-checkbox\">\n        <div class=\"card-inner\">\n          <div class=\"card-front\">\n            <div class=\"card-image-container\">\n              <img decoding=\"async\" class=\"card-image-content\"\n                src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/no-fees-ticket.png\">\n            <\/div>\n            <label type=\"button\" for=\"card2\" class=\"flip-btn mpx-btn-rebrand large large-xl\">LEARN MORE<\/label>\n          <\/div>\n          <div class=\"card-back\">\n            <div class=\"card-back-container\">\n              <h2>Bring your friends<\/h2>\n              <h3>Synchronize your watches and get a crew together. We\u2019ll waive your online fees and even give you a discount for up to 6 friends<\/h3>\n              <ul>\n                <li>Discount for up to 6 friends<\/li>\n                <li>No online fees for MegaPass and guest tickets\n                <\/li>\n              <p>Discount may not apply to select titles, including special events or Fathom Events<\/p>\n              <\/ul>\n              <label for=\"card2\" class=\"flip-btn\">\n                <i class=\"fas fa-times fa-lg\"><\/i><\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <input type=\"checkbox\" id=\"card3\" class=\"flip-checkbox\">\n        <div class=\"card-inner\">\n          <div class=\"card-front\">\n            <div class=\"card-image-container\">\n              <img decoding=\"async\" class=\"card-image-content\"\n                src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/concessions-discount.png\">\n            <\/div>\n            <label for=\"card3\" class=\"mpx-btn-rebrand large large-xl\">LEARN MORE<\/label>\n          <\/div>\n          <div class=\"card-back\">\n            <div class=\"card-back-container\">\n              <h2>Make no concessions<\/h2>\n              <h3>Whether you\u2019re ordering at the counter or in advance on the app, MegaPass members never watch the opening credits hungry<\/h3>\n              <ul>\n                <li>20% off all concessions<\/li>\n                <li>Simple login and easy ordering via the app<\/li>\n                <li>Discounts on MegaScreen, IMAX, and D-Box\n                <\/li>\n                <li>Enjoy meals, snacks, and drinks<\/li>\n              <\/ul>\n              <p>Does not apply to collectable offerings,\n                the MegaMug, or the MegaTub. We\u2019re bummed, too<\/p>\n              <label for=\"card3\" class=\"flip-btn\"><i class=\"fas fa-times fa-lg\"><\/i><\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"plans-container\">\n      <div class=\"option-selector\">\n        <div id=\"btn1\">\n          <button id=\"btn-monthly\" (click)=\"switchOption(1)\">MONTHLY<\/button>\n        <\/div>\n        <div id=\"btn2\" class=\"active\">\n          <button id=\"btn-yearly\" (click)=\"switchOption(2)\">YEARLY (SAVE 10%)<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"variation-container\">\n        <div id=\"var1\" class=\"variation hidden\">\n          <div class=\"header\">\n            <div class=\"container\">\n              <h1>MOVIE LOVER<\/h1>\n              <h3>$10.71\/MONTH<\/h4>\n            <\/div>\n            <div class=\"join-button\">\n              <a href=\"https:\/\/megapass.megaplex.com\/subscription\" class=\"mpx-btn-rebrand large large xl\">JOIN<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"content\">\n            <h2>1 Movie ticket every month<\/h2>\n            <h4>For the regulars. You have a routine, go-to snacks, and a list of movies you simply can&#8217;t miss.<\/h3>\n          <\/div>\n        <\/div>\n        <div id=\"var2\" class=\"variation hidden\">\n          <div class=\"header\">\n            <div class=\"container\">\n              <h1>MOVIE FANATIC<\/h1>\n              <h3>$21.44\/MONTH<\/h4>\n            <\/div>\n            <div class=\"join-button\">\n              <a href=\"https:\/\/megapass.megaplex.com\/subscription\" class=\"mpx-btn-rebrand large large xl\">JOIN<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"content\">\n            <h2>2 Movie tickets every month<\/h2>\n            <h4>For the cinephiles. Movies are life, popcorn is a food group, and you have opinions on camera lenses.\n              <\/h3>\n          <\/div>\n        <\/div>\n        <div id=\"var3\" class=\"variation\">\n          <div class=\"header\">\n            <div class=\"container\">\n              <h1>MOVIE LOVER<\/h1>\n              <h3>$117.86\/YEAR<\/h4>\n            <\/div>\n            <div class=\"join-button\">\n              <a href=\"https:\/\/megapass.megaplex.com\/subscription\" class=\"mpx-btn-rebrand large large xl\">JOIN<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"content\">\n            <h2>1 Movie ticket every month<\/h2>\n            <h4>For the regulars. You have a routine, go-to snacks, and a list of movies you simply can&#8217;t miss.<\/h3>\n          <\/div>\n        <\/div>\n        <div id=\"var4\" class=\"variation\">\n          <div class=\"header\">\n            <div class=\"container\">\n              <h1>MOVIE FANATIC<\/h1>\n              <h3><s>$257<\/s> $235.83\/YEAR<\/h4>\n            <\/div>\n            <div class=\"join-button\">\n              <a href=\"https:\/\/megapass.megaplex.com\/subscription\" class=\"mpx-btn-rebrand large large xl\">JOIN<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"content\">\n            <h2>2 Movie tickets every month<\/h2>\n            <h4>For the cinephiles. Movies are life, popcorn is a food group, and you have opinions on camera lenses.\n              <\/h3>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"img-section\" style=\"margin-top:1%;\"><a href=\"https:\/\/megapass.megaplex.com\/subscription\" target=\"_blank\"><img decoding=\"async\" class=\"img-style standard\"\n        src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/banner-radiant-mgpass.png\"\n        alt=\"Image Join MEGAPASS\" \/><\/a><\/div>\n\n    <section class=\"faq-container\">\n      <h1 class=\"faq-title\">FAQ<\/h1>\n      <div class=\"items-group\">\n        <details class=\"faq-item\">\n          <summary class=\"faq-question\">Can I use my monthly ticket on premium formats like IMAX?<\/summary>\n          <p class=\"faq-answer\">\n            MegaPass monthly tickets can be redeemed for any standard or luxury seats at no additional cost. While they\n            cannot be fully redeemed for premium formats such as D-Box, IMAX, and MegaScreen, you can use your MegaPass\n            ticket to receive a significant discount on these premium format tickets.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq-item\">\n          <summary class=\"faq-question\">How much does MegaPass cost?<\/summary>\n          <p class=\"faq-answer\">\n            <strong>Movie Lover \u2013 $10.71\/month<\/strong><br>\n            Includes <strong>1 movie ticket per month<\/strong>, no online fees, and 20% off concessions.<br>\n            For the regulars. You have a routine, go-to snacks, and a list of movies you simply can\u2019t miss.\n          <\/p>\n          <p class=\"faq-answer\">\n            <strong>Movie Fanatic \u2013 $21.44\/month<\/strong><br>\n            Includes <strong>2 movie tickets per month<\/strong>, no online fees, and 20% off concessions.<br>\n            For the cinephiles. Movies are life, popcorn is a food group, and you have opinions on camera lenses.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq-item\">\n          <summary class=\"faq-question\">Does the 20% discount cover all concessions?<\/summary>\n          <p class=\"faq-answer\">\n       The MegaPass 20% discount applies to all concessions, including MegaMugs and MegaTub refills, but excludes collectible tins, collectible cups and Megaplex Dining items.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq-item\">\n          <summary class=\"faq-question\">What happens to unused MegaPass tickets?<\/summary>\n          <p class=\"faq-answer\">\n            Unused MegaPass tickets roll over each month. You can save up to 12 passes total (double-pass members reach this limit after about 6 months of not using their passes).\n          <\/p>\n        <\/details>\n      <\/div>\n    <\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><!-- \/wp:post-content --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>","protected":false},"excerpt":{"rendered":"<p>LEARN MORE Save your perfect seat MegaPass members get one to two tickets a month. Any movie. Any spot. Any time of day. If you\u2019re going to be a regular, make it special 1-2 tickets per month Upgraded luxury seating at no extra cost Discounts on MegaScreen, IMAX, and D-Box Save up to 12 tickets [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5502","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/5502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/comments?post=5502"}],"version-history":[{"count":36,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/5502\/revisions"}],"predecessor-version":[{"id":7447,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/5502\/revisions\/7447"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=5502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=5502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=5502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}