@font-face { font-family: 'Gotham-Medium'; src: url("gothammedium.eot"); src: url("gothammedium.eot?#iefix") format("embedded-opentype"), url("gothammedium.svg#gothammedium") format("svg"), url("gothammedium.ttf") format("truetype"), url("gothammedium.woff") format("woff"), url("gothammedium.woff2") format("woff2"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gotham-Bold'; src: url("gothambold.eot"); src: url("gothambold.eot?#iefix") format("embedded-opentype"), url("gothambold.svg#gothambold") format("svg"), url("gothambold.ttf") format("truetype"), url("gothambold.woff") format("woff"), url("gothambold.woff2") format("woff2"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'KnuckleheadRegular'; src: url("KnuckleheadRegular.eot"); src: url("KnuckleheadRegular.eot?#iefix") format("embedded-opentype"), url("KnuckleheadRegular.woff2") format("woff2"), url("KnuckleheadRegular.woff") format("woff"), url("KnuckleheadRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'KnuckleheadBlack'; src: url("knuckleheadblack.eot"); src: url("knuckleheadblack.eot?#iefix") format("embedded-opentype"), url("knuckleheadblack.woff2") format("woff2"), url("knuckleheadblack.woff") format("woff"), url("knuckleheadblack.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'News Gothic Std Bold'; src: url("NewsGothicStd-Bold.eot"); src: url("NewsGothicStd-Bold.eot?#iefix") format("embedded-opentype"), url("NewsGothicStd-Bold.woff2") format("woff2"), url("NewsGothicStd-Bold.woff") format("woff"), url("NewsGothicStd-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'News Gothic Std'; src: url("NewsGothicStd.eot"); src: url("NewsGothicStd.eot?#iefix") format("embedded-opentype"), url("NewsGothicStd.woff2") format("woff2"), url("NewsGothicStd.woff") format("woff"), url("NewsGothicStd.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@keyframes flashing { 0%, 35%, 65%, 100% { color: white; }
  50% { color: rgba(255, 255, 255, 0.5); box-shadow: 10px 10px 10px 20px rgba(255, 255, 255, 0.75); } }
body { background-color: #00A0DD; font-family: 'Gotham-Medium'; font-size: 0px; letter-spacing: 0px; line-height: 0px; color: #FFFFFF; padding: 0px; margin: 0px; }
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-track { background: #00A0DD; }
body::-webkit-scrollbar-thumb { background: #fffc00; border-radius: 4px; }
body.no-scroll { overflow: hidden; }

div.intro-video { display: none; position: fixed; overflow: hidden; z-index: 2000; width: 100%; height: 100vh; top: 0; left: 0; margin: 0px; padding: 0px; background: #000; }
div.intro-video.show { display: block; }
div.intro-video.show.sound-on div.cover, div.intro-video.show.sound-on a.btn-replay { display: none; }
div.intro-video.show.sound-on div.my-video { width: 100%; height: 100%; transform: translate(0px, 0px); }
@media (max-aspect-ratio: 16 / 9) { div.intro-video.show.sound-on div.my-video { width: 100%; height: 100%; } }
div.intro-video div.my-video { display: block; position: relative; width: 100vw; height: calc(100vw / 16 * 9); transform: translate(0px, calc(50vh - (50vw / 16 * 9))); }
@media (max-aspect-ratio: 16 / 9) { div.intro-video div.my-video { width: calc(100vh / 9 * 16); height: 100vh; transform: translate(calc(50vw - (50vh / 9 * 16))); } }
div.intro-video div.cover { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.4); color: #FFFFFF; }
div.intro-video div.cover a.btn-replay { display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; opacity: .8; text-decoration: none; }
div.intro-video div.cover a.btn-replay img { max-width: 80px; }
div.intro-video div.cover a.btn-replay span { display: block; position: relative; width: auto; font-size: 16px; color: #fff; text-transform: uppercase; margin-top: 30px; text-decoration: none; }
div.intro-video a.btn-skip { display: block; position: absolute; right: 26px; top: 26px; font-family: 'News Gothic Std Bold'; font-size: 27px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }
@media (max-width: 880px) { div.intro-video a.btn-skip { top: 26px; bottom: auto; } }

div.mainContainer { display: block; /*visibility:hidden;*/ position: relative; text-align: center; width: 100%; max-width: 100vw; height: auto; padding: 0px; margin: 0px; overflow-x: hidden; }
div.mainContainer div, div.mainContainer a, div.mainContainer p, div.mainContainer span, div.mainContainer input, div.mainContainer iframe, div.mainContainer img, div.mainContainer ul, div.mainContainer ol, div.mainContainer li { position: relative; box-sizing: border-box; transition: .5s; }
div.mainContainer div::-webkit-scrollbar { width: 7px; }
div.mainContainer div::-webkit-scrollbar-track { background: #00A0DD; }
div.mainContainer div::-webkit-scrollbar-thumb { background: #fffc00; border-radius: 4px; }
div.mainContainer p { display: block; width: 100%; height: auto; text-align: left; font-size: 28px; line-height: 38px; color: #000000; }
div.mainContainer a { text-decoration: none; pointer-events: auto; cursor: pointer; }
div.mainContainer a.disabled { pointer-events: none; cursor: default; }
div.mainContainer a.btn-green { display: inline-flex; justify-content: center; align-items: center; padding: 8px 10px 0px 10px; width: auto; color: #FFFFFF; background-image: linear-gradient(180deg, #4EC31E 0%, #0A683D 100%); border: 0px solid #c5c5c5; border-radius: 2px; font-size: 20px; line-height: 21px; font-family: 'KnuckleheadRegular'; }
div.mainContainer a.btn-green:hover { color: #000000; }
div.mainContainer a.btn-green.large { padding: 12px 30px 5px 30px; font-size: 22px; line-height: 22px; text-transform: uppercase; }
div.mainContainer a.btn-red { display: inline-flex; justify-content: center; align-items: center; padding: 8px 10px 0px 10px; width: auto; min-width: 160px; color: #FFFFFF; background-image: linear-gradient(180deg, #DE3B4B 0%, #972934 100%); border: 0px solid #c5c5c5; border-radius: 2px; font-size: 20px; line-height: 21px; font-family: 'KnuckleheadRegular'; text-transform: uppercase; }
div.mainContainer a.btn-red:hover { color: #FFFFFF; }
div.mainContainer div.footer { display: block; /*position:fixed; left:0px; bottom:0px; z-index:1001;*/ width: 100%; height: auto; padding: 12px 40px 8px 40px; text-transform: uppercase; text-align: center; background: rgba(0, 0, 0, 0.95); border-top: 1px solid #5E5E5E; font-family: 'KnuckleheadRegular'; font-size: 20px; line-height: 23px; color: #5E5E5E; letter-spacing: 0; }
@media (max-width: 880px) { div.mainContainer div.footer { padding: 12px 20px 8px 20px; font-size: 14px; line-height: 18px; } }
div.mainContainer div.footer a { text-decoration: none; color: #00A0DD; }
div.mainContainer div.talk-to-us { z-index: 2000; display: block; position: fixed; bottom: 10px; right: 0px; width: auto; height: auto; pointer-events: none; cursor: default; }
div.mainContainer div.talk-to-us a.btn-red { height: 60px; font-size: 36px; line-height: 36px; letter-spacing: 0.5px; pointer-events: auto; cursor: pointer; animation: flashing 3s infinite; }
@media (max-width: 880px) { div.mainContainer div.talk-to-us a.btn-red { height: 40px; min-width: 80px; font-size: 20px; line-height: 20px; letter-spacing: 0px; } }
div.mainContainer div.talk-to-us a.btn-red.hide { transform: translateX(120%); }
div.mainContainer div.mainContent { display: inline-block; width: 100%; background-image: url("../images/2026_Website_Background.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
div.mainContainer div.mainContent div.nav { z-index: 1000; display: flex; position: fixed; justify-content: center; align-items: center; flex-direction: column; width: 100%; left: 0px; top: 0px; height: auto; text-transform: uppercase; pointer-events: none; cursor: default; background: rgba(255, 255, 255, 0.75); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.23); }
@media (min-width: 880px) { div.mainContainer div.mainContent div.nav.in-main { background: rgba(255, 255, 255, 0.95); } }
div.mainContainer div.mainContent div.nav div.my-content { display: flex; justify-content: center; align-items: center; width: 100%; /*background:$blue;*/ padding: 0px 20px; }
div.mainContainer div.mainContent div.nav div.my-content div.content { display: flex; justify-content: center; align-items: center; justify-content: flex-end; width: 100%; max-width: 1240px; height: 43px; gap: 10px; }
div.mainContainer div.mainContent div.nav div.my-content div.content span.divider { display: block; width: 1px; height: 18px; top: -2px; background-color: #000000; }
div.mainContainer div.mainContent div.nav div.my-content div.content a, div.mainContainer div.mainContent div.nav div.my-content div.content p { display: block; width: auto; height: auto; white-space: nowrap; font-family: 'KnuckleheadRegular'; color: #000000; font-size: 20px; line-height: 21px; padding-top: 4px; }
div.mainContainer div.mainContent div.nav div.my-content div.content a.btn-section:hover, div.mainContainer div.mainContent div.nav div.my-content div.content a.btn-section.on, div.mainContainer div.mainContent div.nav div.my-content div.content p.btn-section:hover, div.mainContainer div.mainContent div.nav div.my-content div.content p.btn-section.on { color: #2f2f2f; }
div.mainContainer div.mainContent div.nav div.my-content div.content a.btn-home { z-index: 100; display: block; position: absolute; left: -60px; top: 5px; width: 72px; height: 91px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
div.mainContainer div.mainContent div.nav div.my-content div.content a.btn-enroll-now { margin-top: 10px; padding: 8px 10px 0px 10px; background-image: linear-gradient(180deg, #4EC31E 0%, #0A683D 100%); color: #FFFFFF; border: 0px solid #c5c5c5; border-radius: 2px; top: -6px; }
div.mainContainer div.mainContent div.nav div.my-content div.content a.btn-enroll-now:hover { color: #000000; }
div.mainContainer div.mainContent div.nav div.my-content div.content div.menu { display: flex; justify-content: center; align-items: center; justify-content: flex-start; gap: 30px; width: auto; flex-grow: 1; padding: 0px 10px 0px 30px; }
div.mainContainer div.mainContent div.nav div.my-content div.content div.menu a { color: #00A0DD; font-size: 24px; line-height: 24px; }
div.mainContainer div.mainContent div.nav div.my-content div.content div.menu a.btn-section.invisible { display: none; }
div.mainContainer div.mainContent div.nav div.my-content div.content div.menu span.divider { display: none; background-color: #000000; }
div.mainContainer div.mainContent div.nav div.my-content div.content a.btn-menu { display: none; }
@media (min-width: 880px) { div.mainContainer div.mainContent div.nav div.my-content.my-nav { background: rgba(255, 255, 255, 0.75); }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content { width: calc(100% - 100px); } }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content div.menu { gap: 15px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content div.menu a.btn-section { font-size: 18px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content div.menu { gap: 20px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content div.menu a.btn-section { font-size: 20px; line-height: 20px; white-space: normal; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content a.btn-home { left: -40px; width: 60px; height: 61px; } }
div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content { justify-content: flex-end; gap: 20px; }
div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info { display: flex; justify-content: center; align-items: center; gap: 10px; width: auto; height: auto; }
div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info a.rep-email { text-decoration: underline; }
div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info span.divider { height: 12px; }
div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info img.rep-photo { display: block; width: 42px; }
@media (min-width: 880px) { div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info br { display: none; } }
div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content a.dotcom { display: block; width: 85px; height: 32px; background-image: url("../images/website_marlins.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media (min-width: 880px) { div.mainContainer div.mainContent div.nav div.my-content.my-rep.newsales { height: 60px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep.newsales div.content p, div.mainContainer div.mainContent div.nav div.my-content.my-rep.newsales div.content a { font-size: 28px; line-height: 28px; color: #ef3842; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep.newsales div.content img.rep-photo { width: 60px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.nav { display: block; height: 100vh; max-height: 60px; overflow: hidden; background: #000000; }
  div.mainContainer div.mainContent div.nav div.my-content { width: 100%; height: calc(100vh - 200px); padding: 0px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections { flex-direction: column; justify-content: center; align-items: center; height: 100%; gap: 20px; padding: 0px 0px 0px 10px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections span.divider { display: none; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a, div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections p { color: #FFFFFF; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-home { width: 50px; left: 10px; top: 0px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-home img { height: 50px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-enroll-now { position: absolute; left: calc(50vw - 50px); top: 5px; width: 100px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections div.menu { position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100vh - 200px); padding: 60px 20px 20px 20px; flex-direction: column; gap: 10px; justify-content: center; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections div.menu a.btn-section { font-size: 24px; line-height: 24px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-menu { display: flex; justify-content: center; align-items: center; position: absolute; top: 5px; right: 0px; width: 50px; height: 50px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-menu div.hamburger { display: block; width: 30px; height: 30px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line { display: block; position: absolute; width: 30px; height: 2px; left: 0px; background: #FFFFFF; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line.line0 { top: 5px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line.line1 { top: 13px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line.line2 { top: 21px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep { justify-content: center; align-items: center; height: 200px; padding: 5px 20px; background: #00A0DD; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content { justify-content: center; align-items: center; flex-direction: column; height: auto; gap: 0px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content span.divider { display: none; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info { width: 100%; flex-direction: column; gap: 0px; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info p { text-align: center; }
  div.mainContainer div.mainContent div.nav div.my-content.my-rep div.content div.rep-info img { margin-top: 5px; }
  div.mainContainer div.mainContent div.nav.open { max-height: 100vh; }
  div.mainContainer div.mainContent div.nav.open div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line.line0 { top: 13px; transform: rotate(45deg); }
  div.mainContainer div.mainContent div.nav.open div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line.line1 { opacity: 0; }
  div.mainContainer div.mainContent div.nav.open div.my-content.my-nav div.content.sections a.btn-menu div.hamburger span.line.line2 { top: 13px; transform: rotate(-45deg); } }
div.mainContainer div.mainContent div.main.divider, div.mainContainer div.mainContent div.main.section div.my-content.divider { display: flex; width: 100%; height: 114px; justify-content: center; align-items: center; background: #FFFFFF; }
div.mainContainer div.mainContent div.main.divider div.content, div.mainContainer div.mainContent div.main.section div.my-content.divider div.content { display: flex; flex-direction: row !important; width: 100%; max-width: 100%; height: auto; gap: 40px; justify-content: center; align-items: center; }
div.mainContainer div.mainContent div.main.divider div.content a, div.mainContainer div.mainContent div.main.section div.my-content.divider div.content a { display: block; width: auto; height: 71px; }
div.mainContainer div.mainContent div.main.divider div.content a img, div.mainContainer div.mainContent div.main.section div.my-content.divider div.content a img { height: 100%; }
div.mainContainer div.mainContent div.main.divider div.content span.line, div.mainContainer div.mainContent div.main.section div.my-content.divider div.content span.line { display: block; width: auto; height: 1px; flex-grow: 1; background: #ef3842; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.divider, div.mainContainer div.mainContent div.main.section div.my-content.divider { height: 74px; }
  div.mainContainer div.mainContent div.main.divider div.content, div.mainContainer div.mainContent div.main.section div.my-content.divider div.content { gap: 20px; }
  div.mainContainer div.mainContent div.main.divider div.content a, div.mainContainer div.mainContent div.main.section div.my-content.divider div.content a { height: 48px; } }
div.mainContainer div.mainContent div.main { display: block; width: 100%; height: auto; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
div.mainContainer div.mainContent div.main.section { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media (max-width: 1920px) { div.mainContainer div.mainContent div.main.section { background-size: auto; } }
div.mainContainer div.mainContent div.main.section div.my-content { z-index: 20; display: inline-flex; width: 100%; justify-content: center; align-items: center; flex-direction: column; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 60px 20px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content { padding: 40px 20px; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: 1240px; height: auto; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title { display: flex; justify-content: center; align-items: center; justify-content: flex-start; gap: 20px; width: 100%; height: auto; margin-bottom: 40px; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #FFFFFF; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title p { display: inline-block; width: auto; color: #FFFFFF; text-align: left; font-family: 'KnuckleheadRegular'; font-size: 48px; line-height: 48px; color: #FFFFFF; margin: 0px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-logo div.left { display: flex; justify-content: center; align-items: center; width: auto; height: auto; gap: 20px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-logo div.left img { display: block; width: 76px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-logo div.left span.divider { display: block; width: 1px; height: 54px; background: rgba(255, 255, 255, 0.6); }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-buttons { justify-content: space-between; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-buttons div.buttons { display: flex; justify-content: center; align-items: center; width: auto; height: auto; gap: 10px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.graphic { justify-content: center; border: 0px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.graphic img { width: 100%; max-width: 400px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.generic { display: flex; flex-direction: column; gap: 5px; border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.generic p { width: 100%; text-align: center; color: #FFFFFF; font-size: 48px; line-height: 40px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.generic p.large { font-family: 'KnuckleheadBlack'; font-size: 80px; line-height: 70px; backdrop-filter: blur(7px); }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.generic p { font-size: 24px; line-height: 20px; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.generic p.large { font-size: 40px; line-height: 40px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.title { padding-bottom: 10px; margin-bottom: 20px; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content div.title p { font-size: 40px; line-height: 40px; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-logo div.left img { width: 40px; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-logo div.left span.divider { height: 30px; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content div.title.with-buttons { justify-content: flex-start; flex-direction: column; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content p { display: block; width: 100%; height: auto; color: #FFFFFF; text-align: left; margin: 0px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy { display: block; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p { text-align: left; font-family: 'News Gothic Std'; font-size: 18px; line-height: 22px; margin-top: 20px; color: #FFFFFF; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p a { color: #FFFFFF; text-decoration: underline; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p:first-child { margin-top: 0px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.large { font-family: 'Gotham-Medium'; font-size: 20px; line-height: 28px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.small { font-family: 'Gotham-Medium'; font-size: 12px; line-height: 16px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.caps { text-transform: uppercase; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.bottom-note { font-size: 14px; line-height: 18px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.intro, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.bottom-note { font-family: 'Gotham-Medium'; font-size: 16px; line-height: 20px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.intro.yellow, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.bottom-note.yellow { color: #fffc00; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.intro.red, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.bottom-note.red { color: #ef3842; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.intro.loose, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy p.bottom-note.loose { line-height: 29px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ul, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ol { display: inline-block; width: 100%; height: auto; text-align: left; list-style: outside disc; margin-top: 5px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ul li, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ol li { margin-left: 16px; margin-top: 5px; padding: 1px 0; font-family: 'News Gothic Std'; font-size: 18px; line-height: 22px; color: #FFFFFF; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ul li strong, div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ol li strong { font-family: 'News Gothic Std Bold'; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy ol li { list-style: decimal outside none; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy.left-align p { text-align: left; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy.center p.intro { text-align: center; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.copy.intro p { text-align: center; width: 100%; height: auto; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.info-graphic { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.info-graphic img { width: auto; max-width: 100%; }
@media (max-width: 720px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.info-graphic img { max-width: 100vw; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus { display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus.center { justify-content: center; gap: 20px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus { flex-wrap: wrap; justify-content: center; gap: 10px; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus { display: flex; justify-content: center; align-items: center; gap: 20px; width: auto; height: 60px; padding: 15px 30px; border-radius: 10px; background: rgba(0, 0, 0, 0.5); }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus { height: 54px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus { height: 40px; padding: 10px 20px; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus span { font-family: 'KnuckleheadRegular'; text-transform: uppercase; white-space: nowrap; color: #FFFFFF; font-size: 28px; line-height: 28px; letter-spacing: 2px; top: 6px; }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus span { font-size: 26px; line-height: 26px; letter-spacing: 1.5px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus span { font-size: 20px; line-height: 20px; letter-spacing: 1px; top: 4px; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus img.plus { width: 18px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus a.btn-plus img.plus { width: 14px; } }
div.mainContainer div.mainContent div.main.section div.my-content div.content div.block div.buttons.with-plus.mw-920 { max-width: 920px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content.split { flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 40px; }
div.mainContainer div.mainContent div.main.section div.my-content div.content.split div.block { width: calc(50% - 20px); }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section div.my-content div.content.split { flex-direction: column; gap: 20px; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content.split div.block { width: 100% !important; }
  div.mainContainer div.mainContent div.main.section div.my-content div.content.split div.block img { max-width: 100vw; } }
div.mainContainer div.mainContent div.main.section.home div.my-content { max-width: 100vw; padding: 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero { padding: 160px 20px 60px 20px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero { padding: 100px 20px 0px 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content { max-width: 1280px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content div.block { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content div.block p.welcome { display: inline-block; width: auto; text-transform: uppercase; text-align: center; font-family: 'KnuckleheadRegular'; color: #FFFFFF; font-size: 56px; line-height: 40px; letter-spacing: 0px; text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5); border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; padding: 25px 10px 10px 10px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content div.block p.welcome { font-size: 40px; line-height: 32px; padding: 20px 10px 5px 10px; /*background:rgba(255,255,255,.85); border:0px;*/ } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content div.block img { width: 100%; height: auto; }
@media (max-width: 720px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content div.block img { width: 100vw; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split { justify-content: center; align-items: center; gap: 0px; margin-top: 40px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split { flex-direction: column; gap: 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block { display: flex; height: auto; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left { z-index: 201; flex-direction: column; gap: 15px; flex-grow: 1; width: auto; align-items: flex-start; padding-left: 20px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left p { display: block; width: 100%; height: auto; text-align: left; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 18px; line-height: 22px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left p.large { font-family: 'KnuckleheadRegular'; font-size: 44px; line-height: 44px; letter-spacing: 2px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left div.baseball-beyond { display: block; width: calc(100% + 40px); flex-shrink: 0; height: auto; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left div.baseball-beyond img { width: 100%; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left { gap: 10px; width: 100%; padding: 0px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left p { font-size: 14px; line-height: 18px; letter-spacing: 0.5px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left p.large { font-size: 32px; line-height: 32px; letter-spacing: 1px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.left div.baseball-beyond { width: 100%; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right { z-index: 200; width: 640px; height: auto; flex-shrink: 0; }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right { width: 560px; } }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right { width: 440px; max-width: calc(100vw + 40px); } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box { display: flex; width: 100%; height: 640px; max-height: calc(100vw + 100px); }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.photo { display: block; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.photo img { display: none; position: absolute; top: 0px; left: -140px; width: auto; max-width: 880px; }
@media (max-width: 600px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.photo img { left: -100px; max-width: calc(100vw + 200px); } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info { display: flex; justify-content: center; align-items: center; gap: 30px; position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; padding: 30px 80px; background-image: linear-gradient(90deg, rgba(0, 160, 221, 0) 0%, rgba(0, 160, 221, 0.75) 20%, rgba(0, 160, 221, 0.75) 80%, rgba(0, 160, 221, 0) 100%); }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info div.icon { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 86px; height: 92px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info div.icon img { display: none; width: 100%; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info p { display: none; flex-grow: 1; width: auto; height: auto; text-align: left; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 18px; line-height: 22px; letter-spacing: .5px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info { gap: 20px; padding: 20px 40px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info div.icon { width: 60px; height: 80px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info { padding: 20px 0px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info div.icon { width: 48px; height: 80px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box div.info p { font-size: 14px; line-height: 18px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s1 div.photo img.p1 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s1 div.info div.icon img.p1, div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s1 div.info p.t1 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s2 div.photo img.p2 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s2 div.info div.icon img.p2, div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s2 div.info p.t2 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s3 div.photo img.p3 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s3 div.info div.icon img.p3, div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s3 div.info p.t3 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s4 div.photo img.p4 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s4 div.info div.icon img.p4, div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.split div.block.right div.box.s4 div.info p.t4 { display: block; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more { margin-top: 40px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form { display: inline-block; width: 100%; max-width: 760px; text-align: center; background: rgba(0, 0, 0, 0.65); padding: 20px; border-radius: 5px; margin-top: 20px; }
@media (max-width: 640px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form { margin-bottom: 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; height: auto; margin: 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form input { display: block; width: calc(100% - 5px); border: medium none; border-bottom: 4px solid #00A0DD; margin: 5px 0px; width: calc(50% - 5px); height: auto; background: rgba(0, 0, 0, 0.31); padding: 10px 5px; text-align: center; font-family: 'Gotham-Medium'; font-size: 13px; color: #FFFFFF; letter-spacing: 0; line-height: 16px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group { display: inline-block; width: 100%; text-align: left; margin: 5px 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group a.my-question { display: block; /*width:calc(100% - 42px);*/ padding: 10px 20px 15px 20px; background-image: linear-gradient(-180deg, #2C2C2C 4%, #121212 99%); border: 1px solid #3B3B3B; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group a.my-question span { display: inline-block; vertical-align: middle; font-family: 'Gotham-Medium'; font-size: 14px; line-height: 16px; color: #FFFFFF; letter-spacing: 0; text-align: left; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group a.my-question span.plus { display: block; position: absolute; top: 10px; right: 10px; /*opacity:.8;*/ width: 16px; height: 16px; background-image: url("../images/plus-icon_white.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group div.dropdown { position: absolute; top: 40px; z-index: 100; width: 100%; overflow: hidden; height: auto; max-height: 0px; transition: max-height .3s; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group div.dropdown a.row { display: block; background: rgba(0, 0, 0, 0.98); padding: 10px 20px; font-family: 'Gotham-Medium'; color: #FFFFFF; text-decoration: none; font-size: 14px; line-height: 16px; border: 1px solid #3B3B3B; border-top: 0px; text-align: left; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group div.dropdown a.row:hover { color: #00A0DD; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group.short { width: calc(50% - 5px); }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group.open a.my-question span { color: #00A0DD; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group.open a.my-question span.plus { background-image: url("../images/plus-icon_blue.png"); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group.open div.dropdown { max-height: 1000px; transition: max-height .3s; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form a.btn-submit { display: inline-block; margin-top: 10px; padding: 10px 30px; font-family: 'Gotham-Medium'; font-size: 14px; line-height: 14px; text-decoration: none; color: #00A0DD; text-transform: uppercase; text-align: center; background: rgba(0, 0, 0, 0.6); border: 1px solid #00A0DD; border-radius: 3px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form a.btn-submit.hidden { display: none; }
@media (max-width: 640px) { div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form { padding: 10px 5px 20px 5px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form input { width: 100%; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group.short { width: 100%; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.hero div.content.learn-more div.block div.form form div.group a.my-question { width: 100%; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown { height: auto; padding: 20px 0px; min-height: 114px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content { display: flex; width: 100%; height: auto; gap: 40px; justify-content: center; align-items: center; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; width: auto; height: auto; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block p.deadline { display: block; width: 100%; text-align: center; color: #ef3842; font-family: 'Gotham-Medium'; text-transform: uppercase; font-size: 20px; line-height: 24px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block p.deadline { font-size: 16px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock { display: flex; gap: 15px; background: #FFFFFF; border-radius: 5px; height: auto; padding: 0px 10px; white-space: nowrap; text-align: center; color: #ef3842; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div, div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock p { display: inline-block; position: relative; vertical-align: middle; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.line { width: 1px; height: 100%; background: #DADADA; margin: 0px 25px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.desc { width: 140px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.desc span { display: block; text-align: left; font-family: 'Gotham-Medium'; font-size: 16px; line-height: 20px; white-space: normal; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.desc span.bold { font-family: 'Gotham-Bold'; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.col { display: inline-block; position: relative; text-align: center; width: 40px; padding-top: 16px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.col span { display: block; text-align: center; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.col span.num { font-family: 'KnuckleheadRegular'; font-size: 60px; line-height: 32px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.col span.title { font-family: 'KnuckleheadRegular'; font-size: 20px; letter-spacing: 1px; line-height: 20px; text-transform: none; }
div.mainContainer div.mainContent div.main.section.home div.my-content.divider.countdown div.content div.block div.clock div.col.divider { width: 4px; top: -2px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership { max-width: 100vw; padding: 100px 20px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership.upgrade { background-position: bottom center; }
@media (max-width: 1920px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership { background-size: auto; padding: 40px 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split { justify-content: center; gap: 40px; max-width: 1240px; }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split { gap: 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block { display: inline-block; width: calc(100% / 2 + 40px); max-width: 800px; color: #FFFFFF; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p { display: block; width: 100%; font-family: 'News Gothic Std'; font-size: 16px; line-height: 22px; text-align: left; margin-top: 20px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p:first-child { margin-top: 0px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p { font-size: 14px; line-height: 18px; text-align: left; margin-top: 10px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p:first-child { margin-top: 0px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p.center { text-align: center; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p.caps { display: block; width: 100%; font-family: 'KnuckleheadRegular'; text-transform: uppercase; font-size: 48px; line-height: 48px; padding-bottom: 15px; border-bottom: 1px solid #FFFFFF; margin-bottom: 20px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p.bold { font-family: 'News Gothic Std Bold'; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block p a { color: #FFFFFF; text-decoration: underline; }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left { min-width: 560px; flex-shrink: 0; } }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left { min-width: 440px; flex-shrink: 0; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left { min-width: unset; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.my-seats { display: block; width: 100%; height: auto; background: #00A0DD; padding: 20px 30px 10px 30px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5); font-family: 'KnuckleheadRegular'; text-transform: uppercase; font-size: 36px; line-height: 36px; letter-spacing: 1px; text-align: left; color: #fffc00; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.my-seats span { font-size: 28px; color: #FFFFFF; letter-spacing: 0.5px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.my-seats b { display: inline-block; width: 10px; height: 1px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.my-seats.center { text-align: center; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.my-seats { font-size: 30px; line-height: 30px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.my-seats span { font-size: 24px; letter-spacing: 0px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box { display: block; width: 100%; height: auto; padding: 30px; background: rgba(0, 0, 0, 0.6); }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box { padding: 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info { display: block; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info p { font-size: 18px; line-height: 24px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info p { font-size: 16px; line-height: 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info p strong { font-family: 'News Gothic Std Bold'; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info p strong.yellow { color: #fffc00; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info p strong.caps { text-transform: uppercase; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.left div.box div.info div.buttons { text-align: left; justify-content: flex-start; margin-top: 20px; }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center { width: auto; flex-grow: 1; flex-shrink: 1; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info p { display: block; width: 100%; font-family: 'News Gothic Std Bold'; font-size: 18px; line-height: 24px; text-align: center; margin-top: 10px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info p:first-child, div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info p.log-in { margin-top: 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info div.photo { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; margin: 30px 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info div.photo img { max-width: 800px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info div.photo img { max-width: 100vw; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info div.button { display: block; width: 100%; text-align: center; margin: 25px 0px 20px 0px; }
@media (min-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex { padding-top: 60px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex p { text-transform: uppercase; font-size: 19px; line-height: 26px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex p { font-size: 16px; line-height: 20px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; height: auto; margin: 30px 0px 20px 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight p, div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight div { width: auto; max-width: 100%; text-align: center; color: #FFFFFF; font-family: 'KnuckleheadRegular'; font-size: 40px; line-height: 40px; letter-spacing: 0.5px; text-transform: uppercase; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight p { color: #02efff; white-space: nowrap; margin: 0px !important; padding: 10px 10px 0px 10px; background: rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight span { display: none; width: 2px; height: 26px; background: #FFFFFF; top: -5px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight { margin: 20px 0px; }
  div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight p, div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight div { font-size: 32px; line-height: 32px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight.All-Star p.All-Star { color: #fffc00; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight.Phenom p.Phenom { color: #fffc00; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight.Rising-Star p.Rising-Star { color: #fffc00; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.center div.info.flex div.highlight.Top-Prospect p.Top-Prospect { color: #fffc00; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right { /*p.caps {text-align:right;}*/ }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart { display: block; width: 100%; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row { display: flex; justify-content: center; align-items: center; width: 100%; height: 44px; padding: 0px 0px 0px 20px; background: rgba(0, 0, 0, 0.6); margin-bottom: 1px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row { padding: 0px 0px 0px 10px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row div { display: inline-flex; justify-content: center; align-items: center; width: calc((100% - 140px) / 3); height: 100%; text-align: center; font-family: 'News Gothic Std'; font-size: 12px; line-height: 12px; }
@media (min-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row div { font-size: 15px; line-height: 16px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row div.c0 { width: 140px; justify-content: flex-start; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row div.select { background: #00A0DD; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.tenue { background: none; justify-content: flex-end; height: 32px; padding-right: 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.tenue div { width: calc(100% - 160px); background: rgba(0, 0, 0, 0.6); height: 100%; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.items { height: 35px; background: #FFFFFF; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.items div { font-family: 'KnuckleheadRegular'; color: #000000; font-size: 16px; line-height: 16px; text-transform: uppercase; transform: translate(0px, 2px); }
@media (min-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.items div { font-size: 20px; line-height: 20px; transform: translate(0px, 4px); } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.note { display: block; height: auto; padding: 25px 20px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.note { padding: 15px 10px; } }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.note p { margin-top: 20px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.note p:first-child { margin-top: 0px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split div.block.right div.chart div.row.note p a { color: #FFFFFF; text-decoration: underline; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split.no-3d { gap: 40px; max-width: 1000px; }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split.no-3d div.block { width: calc(50% - 20px); }
div.mainContainer div.mainContent div.main.section.home div.my-content.seat-membership div.content.split.center div.block.left { width: 100%; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content { max-width: 1140px; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; text-transform: uppercase; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.video { display: block; width: 100%; height: calc(1140px * 9 / 16); background: #000000; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.video iframe { display: block; width: 100%; height: 100%; }
@media (max-width: 1140px) { div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.video { height: calc((100vw - 40px) * 9 / 16); } }
@media (max-width: 720px) { div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.video { width: 100vw; height: calc(100vw * 9 / 16); } }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.buttons.with-plus { max-width: 960px; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 30px; width: 100%; height: auto; padding: 20px 80px; border-radius: 10px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.23); }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits.two { justify-content: center; gap: 120px; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit { display: flex; justify-content: center; align-items: center; gap: 30px; width: auto; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit div.icon { display: flex; justify-content: center; align-items: center; width: auto; height: 90px; justify-content: flex-end; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit div.icon img { height: 100%; }
div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit p { width: 100%; text-align: center; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 14px; line-height: 20px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
@media (max-width: 1240px) { div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits { padding: 20px 20px; }
  div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit { gap: 20px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits { justify-content: center; align-items: flex-start; gap: 10px; }
  div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit { flex-direction: column; justify-content: center; align-items: center; gap: 10px; width: calc(100% / 3 - 10px); flex-shrink: 0; }
  div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit div.icon { width: 48px; height: 48px; justify-content: center; align-items: center; }
  div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit div.icon img { width: auto; max-width: 100%; }
  div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit p { font-size: 12px; line-height: 16px; }
  div.mainContainer div.mainContent div.main.section.wbc div.my-content div.content div.block div.benefits div.benefit p br { display: none; } }
div.mainContainer div.mainContent div.main.section.flex { padding-top: 0px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content { padding: 0px 20px 40px 5px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.flex div.my-content { padding: 0px 20px 40px 20px; } }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content { max-width: 1300px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box { display: flex; justify-content: center; align-items: center; align-items: flex-start; width: 100%; height: auto; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box { flex-direction: column; gap: 20px; } }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.photo { display: block; width: auto; flex-grow: 1; height: auto; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.photo img { width: 100%; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.photo { display: flex; justify-content: center; align-items: center; width: 100%; }
  div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.photo img { width: auto; max-width: 100vw; } }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; width: 640px; height: auto; padding: 80px 40px 0px 0px; }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info { width: 480px; max-width: 100%; padding: 40px 0px 0px 0px; } }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list { display: flex; justify-content: center; gap: 10px 30px; flex-wrap: wrap; margin-top: 30px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit { display: flex; justify-content: center; align-items: center; flex-direction: column; width: calc(100% / 3 - 20px); }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit span.icon { display: flex; justify-content: center; align-items: center; width: 80px; height: 90px; flex-shrink: 0; color: #02efff; font-family: 'KnuckleheadRegular'; font-size: 80px; line-height: 60px; letter-spacing: 2px; white-space: nowrap; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit span.icon.wider { width: 120px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit span.icon img { max-width: 100%; max-height: 100%; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit p { width: auto; flex-grow: 1; text-align: center; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 14px; line-height: 20px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list { gap: 10px 20px; }
  div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit { width: calc(100% / 3 - 14px); }
  div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit span.icon { width: 72px; height: 80px; font-size: 72px; letter-spacing: 1.5px; }
  div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit span.icon.wider { width: 100px; }
  div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit p { font-size: 13px; line-height: 18px; letter-spacing: 0.5px; } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.top div.box div.info div.list div.benefit { width: calc(50% - 14px); } }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; margin-top: 30px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.copy p { text-transform: uppercase; font-family: 'News Gothic Std Bold'; text-align: center; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; width: 100%; max-width: 720px; margin: 30px 0px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan { display: flex; justify-content: center; align-items: center; flex-direction: column; width: calc(50% - 20px); padding: 30px 20px 20px 20px; border-radius: 10px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.23); }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan p { width: 100%; text-align: center; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 12px; line-height: 20px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan p:nth-child(1) { color: #02efff; font-family: 'KnuckleheadBlack'; font-size: 36px; line-height: 24px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan p:nth-child(2) { color: #02efff; font-family: 'KnuckleheadRegular'; font-size: 24px; line-height: 20px; margin-top: 5px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan p:nth-child(3) { font-family: 'News Gothic Std Bold'; font-size: 14px; margin-top: 10px; }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan a { display: flex; justify-content: center; align-items: center; width: auto; height: auto; padding: 10px 20px; background: #ef3842; color: #FFFFFF; font-family: 'Gotham-Medium'; text-transform: uppercase; font-size: 14px; line-height: 14px; letter-spacing: 1px; border-radius: 4px; margin-top: 20px; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans { gap: 10px; }
  div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.plans div.plan { width: calc(50% - 5px); padding: 20px 15px; } }
div.mainContainer div.mainContent div.main.section.flex div.my-content div.content div.block.bottom div.buttons.with-plus { max-width: 720px; }
div.mainContainer div.mainContent div.main.section.plans { background-position: top center; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.plans { background-size: cover; } }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content { max-width: 1100px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.select-plan { display: none; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans { z-index: 100; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans div.group { display: flex; justify-content: center; align-items: center; gap: 10px 5px; text-transform: uppercase; max-width: 900px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans div.group a { display: flex; opacity: .75; font-family: 'KnuckleheadRegular'; font-size: 24px; color: #FFFFFF; white-space: nowrap; letter-spacing: 0; line-height: 21px; padding: 5px 5px 0px 5px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans div.group a:hover { opacity: 1; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans div.group a.select { opacity: 1; pointer-events: none; cursor: default; color: #00A0DD; background: #FFFFFF; }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans div.group a { font-size: 22px; padding: 5px 2px 0px 2px; } }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans div.group span.divider { display: block; width: 1px; height: 10px; background: rgba(255, 255, 255, 0.7); }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.select-plan { display: block; width: 100%; text-align: center; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.select-plan p { height: auto; margin-bottom: 10px; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.select-plan a { display: block; width: 100%; max-width: 400px; height: 40px; text-transform: uppercase; text-align: left; padding: 10px 20px 15px 20px; background-image: linear-gradient(-180deg, #2C2C2C 4%, #121212 99%); border: 1px solid #3B3B3B; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.select-plan a span { display: inline-block; vertical-align: middle; font-family: 'Gotham-Medium'; font-size: 14px; line-height: 16px; color: #FFFFFF; letter-spacing: 0; text-align: left; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.select-plan a span.plus { display: block; position: absolute; top: 10px; right: 10px; /*opacity:.8;*/ width: 16px; height: 16px; background-image: url("../images/plus-icon_white.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown { display: block; position: absolute; top: 80px; z-index: 100; width: 100%; max-width: 400px; overflow: hidden; height: auto; max-height: 0px; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown div.group { display: block; width: 100%; height: auto; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown div.group span.divider { display: none; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown div.group a { display: block; background: rgba(0, 0, 0, 0.98); padding: 10px 20px; font-family: 'Gotham-Medium'; color: #FFFFFF; text-decoration: none; font-size: 14px; line-height: 16px; border: 1px solid #3B3B3B; border-top: 0px; text-align: left; opacity: 1; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown div.group a:hover, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown div.group a.select { color: #00A0DD; background: #FFFFFF; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.plans.dropdown div.group a.select { pointer-events: auto; cursor: pointer; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block.open div.select-plan a span { color: #00A0DD; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block.open div.select-plan a span.plus { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block.open div.plans.dropdown { max-height: 600px; } }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details { display: flex; width: 100%; height: auto; margin: 20px 0px 0px 0px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc { display: none; width: 100%; background: rgba(15, 15, 15, 0.88); padding: 30px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc.show { display: flex; flex-direction: column; gap: 10px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc p { text-align: left; font-family: 'Gotham-Medium'; font-size: 18px; line-height: 22px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc p.plan-name { font-family: 'KnuckleheadRegular'; font-size: 40px; line-height: 40px; margin-bottom: 1px; color: #FFFFFF; letter-spacing: 0; text-transform: uppercase; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc p.note { font-size: 12px; line-height: 14px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc p a { color: #FFFFFF; text-decoration: underline; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc a.btn-green { width: 100px; height: 40px; margin: 10px 0px; font-size: 24px; line-height: 28px; letter-spacing: 0.5px; text-transform: uppercase; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc { padding: 20px; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc p { font-size: 16px; line-height: 20px; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc p.plan-name { font-size: 32px; line-height: 32px; }
  div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details div.desc a.btn-green { height: 32px; font-size: 20px; line-height: 20px; } }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details.renewal div.desc p.buy-contact, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.details.renewal div.desc a.btn-green { display: none; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule { display: block; margin-top: 20px; text-transform: uppercase; text-align: center; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.note { white-space: normal; margin-top: 10px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-family: 'KnuckleheadRegular'; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.note p { display: inline-block; vertical-align: top; font-size: 32px; line-height: 32px; margin: 0px 10px; width: auto; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.note p span.color { display: inline-block; vertical-align: middle; margin-right: 8px; top: -2px; width: 20px; height: 20px; border: 1px solid #E3E3E3; border-radius: 3px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.note p span.color.home { background-color: #00A0DD; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.note p span.color.away { background-color: #546e78; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.note div { font-family: 'Gotham-Medium'; font-size: 10px; line-height: 10px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar { white-space: normal; margin-top: 10px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month { display: inline-block; width: 350px; vertical-align: top; margin: 10px 5px 10px 5px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.title { font-family: 'KnuckleheadRegular'; font-size: 30px; line-height: 30px; color: #FFFFFF; letter-spacing: 0; text-align: center; padding: 0px; border-bottom: 0px; margin-bottom: 10px; justify-content: center; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.week { width: 100%; height: 16px; padding: 4px 0px; margin: 5px 0px 0px; background: #FFFFFF; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.week span { display: inline-block; width: 50px; vertical-align: top; font-family: 'Gotham-Medium'; font-size: 8px; line-height: 8px; color: #2A2A2A; letter-spacing: 0; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days { background: rgba(15, 15, 15, 0.75); text-align: left; font-size: 0px; letter-spacing: 0px; white-space: nowrap; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day { transition: opacity .5s; display: inline-block; width: 49px; height: 47px; border: 1px solid #3e3e3e; border-radius: 3px; margin: 1px 1px 0px 0px; color: #FFFFFF; vertical-align: top; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day span { display: block; position: absolute; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day span.team { left: 0px; top: 16px; width: 100%; font-family: 'KnuckleheadRegular'; font-size: 24px; line-height: 24px; letter-spacing: 0; text-align: center; width: 100%; overflow: hidden; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day span.time { left: 0px; top: 34px; width: 100%; font-family: 'Gotham-Medium'; font-size: 8px; line-height: 8px; letter-spacing: 0; text-align: center; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day span.date { left: 3px; top: 3px; font-family: 'Gotham-Medium'; font-size: 10px; line-height: 10px; letter-spacing: 0; opacity: .4; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader { background: none !important; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double div, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader div { display: block; width: 100%; height: 50%; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double div.home, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader div.home { background: #00a0dd; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double div.away, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader div.away { background: white; color: #00A0DD; opacity: .3; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double div.ng, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader div.ng { opacity: .3; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double div span.team, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader div span.team { top: 6px; left: 15px; width: calc(100% - 15px); text-align: center; font-size: 18px; line-height: 18px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader div:first-child { border-bottom: 1px solid #FFFFFF; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.doubleheader span.date.na { opacity: .3; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.on span.date { opacity: 1; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.home { background: #00a0dd; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.away { background: white; color: #00A0DD; opacity: .3; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.away span.team { top: 18px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.home-na, div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day-half.home-na { background: #00a0dd; opacity: .3; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.next-month { display: none; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double.home { background: none !important; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month div.days div.day.double.home div.away { opacity: .3; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.calendar div.month.m3 div.days div.d16 { /*width:147px;*/ background-image: url("../images/all-star.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.buttons { display: block; margin-top: 20px; white-space: normal; text-align: center; line-height: 44px; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.buttons a { white-space: nowrap; margin-left: 10px; padding: 8px 30px 0px 30px; color: #FFFFFF; background-image: linear-gradient(180deg, #4EC31E 0%, #0A683D 100%); border: 0px solid #c5c5c5; border-radius: 2px; top: -6px; text-decoration: none; font-size: 20px; line-height: 21px; font-family: 'KnuckleheadRegular'; }
div.mainContainer div.mainContent div.main.section.plans div.my-content div.content div.block div.schedule div.buttons a:hover { color: #000000; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info { background: rgba(255, 255, 255, 0.5); font-size: 0px; letter-spacing: 0px; padding: 20px; gap: 30px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left { width: calc(100% - 260px); max-width: 900px; z-index: 101; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left img { width: 100%; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left div.zoom { display: none; position: absolute; background: #FFFFFF; width: 200px; height: 200px; border-radius: 5px; border: 5px solid white; box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.5); overflow: hidden; transition: 0s; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left div.zoom.show { display: block; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left div.zoom div { display: block; position: absolute; transition: 0s; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left div.zoom div img { width: 1200px; transition: 0s; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right { width: 220px; z-index: 100; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div { display: block; text-align: left; width: 100%; margin: 2px 0px; font-size: 10px; line-height: 12px; font-family: 'Gotham-Bold'; color: #000000; text-transform: uppercase; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.level { font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 3px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.level-2 { padding-left: 18px; margin-top: 3px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats { white-space: nowrap; font-family: 'Gotham-Medium'; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats img, div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats span { display: inline-block; vertical-align: middle; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats img { height: 12px; margin-right: 3px; top: 1px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats span { width: calc(100% - 18px); }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats.access { font-size: 9px; letter-spacing: 2px; padding-left: 25px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats.sub-seats { padding-left: 20px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats.sub-seats span { width: calc(100% - 40px); }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.seats.select { color: #ef3842; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.extra { white-space: nowrap; font-family: 'Gotham-Medium'; margin-top: 5px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.extra img, div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.extra span { display: inline-block; vertical-align: middle; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.extra img { width: 24px; margin-right: 6px; top: 1px; }
div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.right div.extra span { width: calc(100% - 30px); font-size: 12px; line-height: 14px; white-space: normal; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info { background: rgba(255, 255, 255, 0.75); gap: 0px; padding: 10px; }
  div.mainContainer div.mainContent div.main.section.seating div.my-content div.content.split.info div.block.left { width: calc(100% + 20px) !important; transform: translate(-10px, -10px); } }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.incentives { background-size: cover; } }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content { max-width: 1140px; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin: 30px 0px; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit { display: flex; justify-content: center; align-items: center; width: calc(100% / 3 - 10px); min-width: 300px; padding: 20px; border-radius: 10px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.23); }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit { width: calc(50% - 10px); } }
@media (max-width: 400px) { div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit { width: 100%; } }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.holder { display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; height: auto; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.holder div.icon { display: flex; justify-content: center; align-items: center; width: 80px; height: 90px; flex-shrink: 0; }
@media (max-width: 880px) { div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.holder div.icon { width: 48px; height: 60px; } }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.holder div.icon img { max-width: 100%; max-height: 100%; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.holder span.line { display: block; width: 2px; height: 90px; background: #02efff; flex-shrink: 0; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.holder p { width: auto; flex-grow: 1; text-align: left; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 14px; line-height: 20px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.copy, div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit div.info { display: none !important; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit img.plus { display: block; position: absolute; top: 15px; right: 15px; width: 18px; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit.disabled { pointer-events: none; cursor: default; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.list a.benefit.disabled img.plus { display: none; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.copy.note { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 100%; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.copy.note p { max-width: 880px; text-transform: uppercase; font-size: 14px; line-height: 20px; letter-spacing: 0.7px; text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight { display: flex; flex-direction: column; gap: 5px; width: 100%; height: auto; margin: 30px 0px 10px 0px; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight p, div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div { width: auto; max-width: 100%; text-align: center; color: #FFFFFF; font-family: 'KnuckleheadRegular'; font-size: 52px; line-height: 52px; letter-spacing: 1.5px; text-transform: uppercase; }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight p, div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div { font-size: 32px; line-height: 32px; letter-spacing: 1px; } }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div { display: flex; justify-content: center; align-items: center; gap: 20px; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div p { color: #02efff; }
div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div span { display: block; width: 4px; height: 40px; background: #FFFFFF; top: -10px; }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div { gap: 10px; flex-wrap: wrap; }
  div.mainContainer div.mainContent div.main.section.incentives div.my-content div.content div.block div.highlight div span { width: 3px; height: 30px; top: -6px; } }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block { display: block; width: 100%; height: auto; max-height: 1200px; overflow: auto; }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block { max-height: 2000px; } }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list { display: flex; flex-wrap: wrap; width: 100%; height: auto; gap: 30px 60px; margin-top: 40px; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list::-webkit-scrollbar-track { background-color: #2f2f2f; width: 5px; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list::-webkit-scrollbar { background-color: rgba(255, 255, 255, 0.2); width: 5px; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); width: 5px; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event { display: inline-block; width: calc(50% - 30px); height: 110px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 1px solid rgba(255, 255, 255, 0.4); }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.grey { display: block; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; background: rgba(0, 0, 0, 0.5); }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.date { display: block; position: absolute; left: 12px; top: -10px; width: 140px; height: 20px; line-height: 14px; padding: 3px 0px; background: #fff; text-align: center; font-family: 'Gotham-Medium'; font-size: 12px; color: #2A2A2A; letter-spacing: 0; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.event-name { display: block; position: absolute; left: 30px; top: 27px; width: 200px; text-align: left; text-transform: uppercase; font-family: 'KnuckleheadRegular'; font-size: 30px; color: #FFFFFF; letter-spacing: 0; line-height: 24px; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.more { display: block; position: absolute; right: 0px; top: 0px; width: auto; height: calc(100% - 40px); padding: 20px 14px; text-align: right; white-space: nowrap; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.more a { display: inline-block; width: 54px; height: 54px; margin-right: 10px; border-radius: 27px; background: rgba(255, 255, 255, 0.2); border: 1px solid #03B7FD; text-align: center; vertical-align: middle; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.more a img { height: 22px; margin-top: 16px; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event div.more.show { display: block; }
div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event:hover div.grey { background: rgba(0, 0, 0, 0.6); transition: background .3s; }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list { gap: 30px 20px; }
  div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event { width: calc(50% - 10px); } }
@media (max-width: 1040px) { div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list { gap: 20px; }
  div.mainContainer div.mainContent div.main.section.events div.my-content div.content div.block div.list div.event { width: 100%; height: calc(50vw - 20px); max-height: 120px; } }
div.mainContainer div.main.popup { display: none; position: fixed; display: none; z-index: 2000; left: 0px; top: 0px; width: 100vw; justify-content: center; align-items: center; height: 100vh; padding: 0px; background: rgba(0, 0, 0, 0.95); }
div.mainContainer div.main.popup.open { display: flex; }
div.mainContainer div.main.popup a.btn-close-pop { z-index: 4000; display: flex; position: absolute; justify-content: center; align-items: center; top: 0px; right: 0px; width: 47px; height: 47px; background: #FFFFFF; background-position: center center; background-repeat: no-repeat; background-size: cover; }
div.mainContainer div.main.popup a.btn-close-pop div.hotspot { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; }
div.mainContainer div.main.popup a.btn-close-pop:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
div.mainContainer div.main.popup div.hot-spot { z-index: 2100; display: block; position: absolute; width: 100%; height: 100%; }
div.mainContainer div.main.popup div.my-content { z-index: 2200; display: none; width: 100%; height: 100%; pointer-events: none; cursor: default; }
div.mainContainer div.main.popup div.my-content.open { display: block; }
div.mainContainer div.main.popup div.my-content a { pointer-events: auto; cursor: pointer; }
div.mainContainer div.main.popup div.my-content iframe { pointer-events: auto; }
div.mainContainer div.main.popup div.my-content.video-message { max-width: 1200px; height: calc(100% - 40px); max-height: 800px; }
div.mainContainer div.main.popup div.my-content.invoice { width: 100%; max-width: 900px; height: 100vh; top: 0px; }
div.mainContainer div.main.popup div.my-content.invoice iframe { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.video-box, div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-box { display: block; position: relative; width: 100%; height: 100%; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-box div { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; opacity: 0; transition: .5s; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-box div.show { opacity: 1; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-box div.view { opacity: 1; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-box div.view iframe { width: 100%; height: 100%; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-box div.view img { display: block; position: absolute; right: 30px; bottom: 30px; pointer-events: none; cursor: default; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons { display: flex; position: absolute; justify-content: center; align-items: center; justify-content: space-between; width: 100%; height: 100%; left: 0px; top: 0px; pointer-events: none; cursor: default; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons.hide { display: none; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 46px; height: 46px; background: #FFFFFF; background-position: center center; background-repeat: no-repeat; background-size: cover; pointer-events: auto; cursor: pointer; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media div.hotspot { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; padding: 0px 5px 0px 0px; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media div.hotspot span.arrow { display: inline-block; position: relative; width: 14px; height: 14px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media.btn-prev-media div.hotspot { padding: 0px 0px 0px 5px; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media.btn-prev-media div.hotspot span.arrow { transform: rotate(225deg); }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media.disabled { opacity: .3; pointer-events: none; cursor: default; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.buttons a.btn-media:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-dots { display: flex; position: absolute; justify-content: center; align-items: center; width: 100%; height: 47px; left: 0px; bottom: 0px; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-dots a { display: inline-block; position: relative; vertical-align: middle; width: 10px; height: 10px; margin: 0px 5px; border-radius: 50%; background: #FFFFFF; opacity: .5; }
div.mainContainer div.main.popup div.my-content.gallery.photo div.gallery-dots a.on { opacity: 1; pointer-events: none; cursor: default; }
div.mainContainer div.main.popup div.my-content.wbc div.content, div.mainContainer div.main.popup div.my-content.flex div.content, div.mainContainer div.main.popup div.my-content.thank-you div.content, div.mainContainer div.main.popup div.my-content.incentive div.content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 40px 60px; }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.wbc div.content, div.mainContainer div.main.popup div.my-content.flex div.content, div.mainContainer div.main.popup div.my-content.thank-you div.content, div.mainContainer div.main.popup div.my-content.incentive div.content { padding: 40px 20px 20px 20px; } }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box, div.mainContainer div.main.popup div.my-content.flex div.content div.box, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box, div.mainContainer div.main.popup div.my-content.incentive div.content div.box { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: 640px; height: auto; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy { display: block; width: 100%; height: auto; max-height: calc(100vh - 40px); overflow-x: hidden; overflow-y: auto; pointer-events: auto; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p { text-align: left; font-family: 'News Gothic Std'; font-size: 18px; line-height: 22px; margin-top: 20px; color: #FFFFFF; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p a, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p a, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p a, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p a { color: #FFFFFF; text-decoration: underline; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p:first-child, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p:first-child, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p:first-child, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p:first-child { margin-top: 0px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.large, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.large, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.large, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.large { font-family: 'Gotham-Medium'; font-size: 20px; line-height: 28px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.small, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.small, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.small, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.small { font-family: 'Gotham-Medium'; font-size: 12px; line-height: 16px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.caps, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.caps, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.caps, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.caps { text-transform: uppercase; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.bottom-note, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.bottom-note, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.bottom-note, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.bottom-note { font-size: 14px; line-height: 18px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.intro, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.bottom-note, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.intro, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.bottom-note, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.intro, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.bottom-note, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.intro, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.bottom-note { font-family: 'Gotham-Medium'; font-size: 16px; line-height: 20px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.intro.yellow, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.bottom-note.yellow, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.intro.yellow, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.bottom-note.yellow, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.intro.yellow, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.bottom-note.yellow, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.intro.yellow, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.bottom-note.yellow { color: #fffc00; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.intro.red, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.bottom-note.red, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.intro.red, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.bottom-note.red, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.intro.red, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.bottom-note.red, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.intro.red, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.bottom-note.red { color: #ef3842; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.intro.loose, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.bottom-note.loose, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.intro.loose, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.bottom-note.loose, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.intro.loose, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.bottom-note.loose, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.intro.loose, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.bottom-note.loose { line-height: 29px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy p.center, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy p.center, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy p.center, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy p.center { text-align: center; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ul, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ol, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ul, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ol, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ul, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ol, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ul, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ol { display: inline-block; width: 100%; height: auto; text-align: left; list-style: outside disc; margin-top: 10px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ul li, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ol li, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ul li, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ol li, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ul li, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ol li, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ul li, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ol li { margin-left: 20px; margin-top: 5px; padding: 1px 0; font-family: 'News Gothic Std'; font-size: 18px; line-height: 22px; color: #FFFFFF; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ul li strong, div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ol li strong, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ul li strong, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ol li strong, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ul li strong, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ol li strong, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ul li strong, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ol li strong { font-family: 'News Gothic Std Bold'; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.copy ol li, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.copy ol li, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.copy ol li, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ol li { list-style: decimal outside none; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.button, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.button, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.button, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.button { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 20px; }
div.mainContainer div.main.popup div.my-content.wbc div.content div.box div.button a.btn-ok, div.mainContainer div.main.popup div.my-content.flex div.content div.box div.button a.btn-ok, div.mainContainer div.main.popup div.my-content.thank-you div.content div.box div.button a.btn-ok, div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.button a.btn-ok { display: inline-block; margin-top: 10px; padding: 10px 30px; font-family: 'Gotham-Medium'; font-size: 14px; line-height: 14px; text-decoration: none; color: #00A0DD; text-transform: uppercase; text-align: center; background: rgba(0, 0, 0, 0.6); border: 1px solid #00A0DD; border-radius: 3px; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box { background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 20px; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.holder { display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; height: auto; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.holder div.icon { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; flex-shrink: 0; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.holder div.icon img { max-width: 100%; max-height: 100%; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.holder span.line { display: block; width: 2px; height: 50px; background: #02efff; flex-shrink: 0; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.holder p { width: auto; flex-grow: 1; text-align: left; text-transform: uppercase; color: #FFFFFF; font-family: 'News Gothic Std Bold'; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy { margin-top: 20px; }
div.mainContainer div.main.popup div.my-content.incentive div.content div.box div.copy ul li.on { color: #fffc00; }
div.mainContainer div.main.popup div.my-content div.content.photo { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
@media (min-width: 1240px) { div.mainContainer div.main.popup div.my-content div.content.photo { padding: 20px; } }
div.mainContainer div.main.popup div.my-content div.content.photo div.block { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
div.mainContainer div.main.popup div.my-content div.content.photo div.block img { max-width: 100%; max-height: 100%; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content, div.mainContainer div.main.popup div.my-content.benefits div.content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; }
@media (max-width: 720px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content, div.mainContainer div.main.popup div.my-content.benefits div.content { padding: 20px 0px; } }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box, div.mainContainer div.main.popup div.my-content.benefits div.content div.box { width: 100%; max-width: 840px; height: auto; max-height: calc(100vh - 40px); overflow: auto; pointer-events: auto; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box.wide, div.mainContainer div.main.popup div.my-content.benefits div.content div.box.wide { max-width: 1240px; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list { display: block; width: 100%; height: auto; margin: 0px; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist { display: block; width: 100%; height: auto; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row { display: flex; align-items: center; width: 100%; text-align: left; white-space: nowrap; background: rgba(2, 239, 255, 0.15); margin-bottom: 1px; padding: 10px 0px; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row:nth-of-type(even), div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row:nth-of-type(even) { background: rgba(2, 239, 255, 0.1); }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span { display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; width: 100px; flex-shrink: 0; height: 100%; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 16px; line-height: 18px; padding-left: 10px; padding-right: 10px; white-space: normal; text-align: center; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span:first-child, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span:first-child { justify-content: flex-start; width: auto; flex-grow: 1; flex-shrink: 1; padding-left: 20px; padding-right: 20px; white-space: normal; text-align: left; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-2, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-2 { width: 200px; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-3, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-3 { width: 300px; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-4, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-4 { width: 400px; }
@media (max-width: 1040px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span { width: 80px; font-size: 13px; line-height: 15px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span:first-child, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span:first-child { padding-left: 10px; padding-right: 10px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-2, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-2 { width: 160px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-3, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-3 { width: 240px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-4, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-4 { width: 320px; } }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span { width: 60px; font-size: 12px; line-height: 14px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-2, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-2 { width: 120px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-3, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-3 { width: 180px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span.n-4, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row span.n-4 { width: 240px; } }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels { background: #FFFFFF; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels span { color: #ef3842; font-family: 'KnuckleheadBlack'; font-size: 22px; line-height: 22px; padding-top: 5px; text-transform: uppercase; }
@media (max-width: 1040px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels span { font-size: 18px; line-height: 18px; } }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels span { font-size: 16px; line-height: 16px; } }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels span.trad, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels span.trad { color: #00A0DD; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels.memberships, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels.memberships { background: none; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span { color: #FFFFFF; }
@media (max-width: 1040px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span { font-size: 20px; line-height: 20px; } }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span { font-size: 18px; line-height: 18px; } }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span.trad, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.levels.memberships span.trad { color: #00A0DD; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.note, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.note { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; background: none; margin-top: 0px; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row.note p, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row.note p { display: block; font-family: 'News Gothic Std Bold'; color: #FFFFFF; font-size: 14px; line-height: 14px; padding-left: 20px; white-space: normal; text-align: left; }
div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.holder, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.holder { display: block; width: 100%; height: auto; }
@media (min-width: 800px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.holder, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.holder { max-height: calc(100vh - 180px); overflow-y: auto; overflow-x: hidden; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.holder.wide, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.holder.wide { max-height: calc(100vh - 220px); } }
@media (max-width: 720px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist { overflow-y: hidden; overflow-x: auto; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row, div.mainContainer div.main.popup div.my-content.benefits div.content div.box div.block.list div.mylist div.row { width: 680px; } }
@media (max-width: 680px) { div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist { overflow-y: hidden; overflow-x: auto; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row { width: 100%; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span { width: 50px; }
  div.mainContainer div.main.popup div.my-content.flex-benefits div.content div.box div.block.list div.mylist div.row span:first-child { width: auto; } }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box { max-width: 1000px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart { display: block; width: 100%; height: auto; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.chart-detail { display: block; width: 100%; height: auto; overflow: auto; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row { z-index: 2; display: block; width: 100%; text-align: left; white-space: nowrap; /*background:rgba(15, 15, 15, 0.75);*/ margin-bottom: 1px; padding: 10px 0px; }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row { width: 700px; max-width: calc(100vw + 160px); } }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.category { background: none; margin-bottom: 0px; padding: 0px; width: auto !important; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.category a { display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; padding: 13px 20px 5px 20px; background: rgba(2, 239, 255, 0.15); margin-right: 10px; color: #FFFFFF; font-family: 'KnuckleheadRegular'; font-size: 28px; line-height: 28px; text-transform: uppercase; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.category a:last-child { margin-right: 0px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.category a:hover { background: #FFFFFF; color: #000000; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.category a.select { background: #FFFFFF; color: #000000; pointer-events: none; cursor: default; }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.category a { padding: 13px 10px 5px 10px; font-size: 20px; line-height: 20px; } }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row span { display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; width: 80px; height: 100%; color: #FFFFFF; font-family: 'News Gothic Std'; font-size: 16px; line-height: 18px; padding-left: 10px; padding-right: 10px; white-space: normal; text-align: center; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row span:first-child { justify-content: flex-start; width: calc(100% - 320px); padding-left: 20px; padding-right: 20px; white-space: normal; text-align: left; }
@media (max-width: 840px) { div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row span { font-size: 13px; line-height: 15px; }
  div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row span:first-child { padding-left: 10px; padding-right: 10px; } }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.levels { background: #FFFFFF; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.levels span { color: #000000; font-family: 'KnuckleheadRegular'; font-size: 20px; line-height: 20px; padding-top: 5px; text-transform: uppercase; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.note { background: none; margin-top: 15px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.row.note p { display: block; font-family: 'News Gothic Std Bold'; color: #FFFFFF; font-size: 14px; line-height: 14px; padding-left: 20px; white-space: normal; text-align: left; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list { display: none; }
@media (max-width: 880px) { div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list { width: 700px; max-width: calc(100vw + 160px); } }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list.show { display: block; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist { display: block; width: 100%; height: auto; background: rgba(2, 239, 255, 0.15); }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist div.highlight { z-index: 1; display: block; position: absolute; width: 80px; height: 100%; top: 0px; right: 0px; background: #00A0DD; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5); }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist div.row { z-index: 2; padding: 0px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist div.row span { background: rgba(15, 15, 15, 0.75); height: 52px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-mvp div.highlight, div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-MVP div.highlight { right: 240px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-mvp div.row span:nth-child(2), div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-MVP div.row span:nth-child(2) { background: none; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-as div.highlight, div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-star div.highlight, div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-all-star div.highlight { right: 160px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-as div.row span:nth-child(3), div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-star div.row span:nth-child(3), div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-all-star div.row span:nth-child(3) { background: none; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-glover div.highlight { right: 80px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-glover div.row span:nth-child(4) { background: none; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-slugger div.highlight { right: 0px; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart div.list div.mylist.level-slugger div.row span:nth-child(5) { background: none; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart.newsales div.list div.mylist div.highlight { display: none; }
div.mainContainer div.main.popup div.my-content.benefits0 div.content div.box div.block.chart-new div.mychart.newsales div.list div.mylist div.row span { background: rgba(15, 15, 15, 0.75) !important; }

/*# sourceMappingURL=marlins.css.map */
