article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0px; }
[hidden] { display: none; }
html { font-size: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0px; }
a:focus { outline: dotted thin; }
a:active, a:hover { outline: 0px; }
h1 { font-size: 2em; margin: 0.67em 0px; }
h2 { font-size: 1.5em; margin: 0px 0px 0.83em; font-family: Gilroy-SemiBold; }
h3 { font-size: 1.17em; margin: 1em 0px; }
h4 { font-size: 1em; margin: 1.33em 0px; }
h5 { font-size: 0.83em; margin: 1.67em 0px; }
h6 { font-size: 0.75em; margin: 2.33em 0px; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
p, pre { margin: 1em 0px; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; overflow-wrap: break-word; }
q { quotes: none; }
q::before, q::after { content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0px; }
dd { margin: 0px 0px 0px 40px; }
menu, ol, ul { padding: 0px 0px 0px 40px; }
nav ul, nav ol { list-style: none none; }
img { border: 0px; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0px; }
form { margin: 0px; }
fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0px; padding: 0px; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="search"] { appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0px; }
p { hyphens: none; }
b, strong, .strong { font-weight: bold; }
dfn, em, .em { font-style: italic; }
small, .small { font-size: 75%; }
ul, ol { padding: 0px; list-style-type: none; }
dd { margin: 0px; }
.sidebar ul, .sidebar ol, .commentlist { list-style: none; }
.clearfix { zoom: 1; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
* { box-sizing: border-box; }
.image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; }
span.amp { font-style: italic; font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.alert-help, .alert-info, .alert-error, .alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; }
.alert-help { border-color: rgb(232, 220, 89); background: rgb(235, 225, 111); }
.alert-info { border-color: rgb(191, 228, 244); background: rgb(213, 237, 248); }
.alert-error { border-color: rgb(248, 205, 206); background: rgb(251, 227, 228); }
.alert-success { border-color: rgb(222, 234, 174); background: rgb(230, 239, 194); }
a:focus { outline: none; }
.mobmargin { margin-top: 20px; }
.tabify { display: none; }
body { font-family: nunito-regular, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; background: rgb(255, 255, 255); line-height: 1.4; color: rgb(12, 12, 12); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open, html.menu-open { overflow: hidden; }
strong { font-weight: bold; }
img { display: block; height: auto; max-width: 100%; }
.banner { text-align: left; position: relative; height: 780px; background: linear-gradient(#e12482 0%, #e12482 37%); overflow-x: clip; }
.banner .tc-holder {clear: left;float: left;padding: 14px;border-radius: 16px;/* background: rgb(255, 255, 255); */position: absolute;top: 485px;}
.banner .tc-holder p {color: rgb(255 255 255);font-size: 0.55em;text-align: center;}
.banner.desktop { display: none; overflow-x: clip; }
.banner::before { position: absolute; inset: 0px; z-index: 0; display: block; content: ""; height: 100%; }
.banner p { font-size: 1em; }
.banner .over { z-index: 10; position: relative; }
.banner .over.wrap { width: 90%; }
.banner .over .overinfo {position: relative;z-index: 4;margin-top: 72px;}
.banner .over .overinfo .cleopatra-badge { max-width: 250px; margin: 30px 0px 30px -15px; }
.banner .over .overinfo p.subtitle { font-size: 1.2em; margin: 0px 0px 1em; }
.banner .over .overinfo p.subtitle span { background-color: rgb(255, 255, 255); padding: 0.5em; color: rgb(255, 255, 255); text-transform: inherit; display: inline-block; }
.banner .over .overinfo .button {background-color: #ffffff;color: rgb(102 36 207);cursor: pointer;margin: 16px 0px 20px;clear: left;float: left;border-radius: 78px;font-family: nunito-bold;width: 100%;}
.banner .over .overinfo .button:hover {background-color: rgb(255 255 255 / 90%);color: #6624cf;}
.banner p { font-size: 0.6em; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; }
.banner p a {color: #ffffff;}
.banner p a:hover { color: rgb(255, 255, 255); }
.banner h1 {text-align: center;font-family: gilroy-black;}
.banner h1 span { display: inline-block; color: rgb(129, 63, 144); font-weight: 900; }
.banner h1 span.twenty {font-size: 40px;font-style: normal;color: rgb(255 255 255);line-height: 0.85;margin: 4px 0 0 0;}
.banner h1 span.heavy { font-style: normal; font-size: 23px; color: rgb(255, 255, 255); }
.banner h2 {color: rgb(255, 255, 255);text-align: center;font-size: 24px;}
.banner h3 {font-weight: 500;font-size: 18px;margin: 6px auto;color: rgb(255, 255, 255);display: block;text-align: center;font-family: nunito-bold;}
.banner .usp-bar { display: none; position: absolute; background: rgba(6, 29, 34, 0.5); bottom: 0px; left: 0px; right: 0px; z-index: 40; padding: 25px 0px; }
.banner .usp-bar img { max-width: 50px; margin: 0px auto 12px; }
.banner .usp-bar ul { margin: 0px; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.banner .usp-bar li { width: 20%; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; line-height: 1.2em; text-align: center; float: left; color: rgba(255, 255, 255, 0.9); border-right: 1px solid rgba(255, 255, 255, 0.2); }
a.feefomobile { max-width: 150px; margin: 0px auto; display: block; }
a.appsmobile { text-align: center; display: block; max-width: 48%; float: left; opacity: 1; }
a.appsmobile:hover { opacity: 1; }
a.appsmobile:nth-child(2) { float: right; }
a.appsmobile img { border-radius: 8px; }
.cookie-message-block {text-align: center;border-radius: 0px;box-shadow: none;background: rgb(20, 7, 41);padding: 0px 30px 10px;bottom: 0px;position: fixed;width: 100%;z-index: 999;font-size: 0.8rem;}
.cookie-message-container { max-width: 900px; margin: 0px auto; }
.cookie-got-it-btn { border-radius: 10px; background-color: rgb(102, 36, 207); color: rgb(255, 255, 255); font-family: nunito-bold, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 0.65rem; padding: 10px; border: none; outline: none; cursor: pointer; }
.cookie-got-it-btn:hover { background: rgb(89, 34, 177); color: rgb(255, 255, 255); }
.cookie-message-text { color: rgb(255, 255, 255); }
.linkholder { text-align: center; padding: 5px 0px; font-size: 0px; margin: 20px 0px; }
.usp-bar.mobile { background: rgb(102, 36, 207); color: rgb(255, 255, 255); text-align: left; }
.usp-bar.mobile ul { margin: 0px; }
.usp-bar.mobile li { font-size: 0.9em; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; line-height: 1.2em; text-align: center; }
.usp-bar.mobile li img { display: block; margin: 0px auto 10px; max-width: 75px; }
.usp-bar.tabup { display: none; }
.bands { padding: 30px 0px; }
.bands h2 { padding-bottom: 25px; }
.bands h3 { padding-bottom: 0px; color: rgb(63, 109, 127); }
a.feefo { max-width: 125px; right: 0px; top: 50px; position: absolute; }
.cta-mobile { display: block; }
.cta-desktop { display: none; }
.cta-bar { background: 0% 0% / cover rgb(129, 63, 144); color: rgb(255, 255, 255); padding: 20px 0px; text-align: center; z-index: 9; width: 100%; }
.cta-bar .button { margin: 20px 0px 0px; color: rgb(255, 255, 255); background-color: rgb(255, 13, 209); }
.cta-bar h2 { display: inline-block; color: rgb(255, 255, 255); font-size: 1.5em; }
.cta-bar img { height: 120px; margin-right: 20px; width: auto; display: inline-block; vertical-align: -45px; }
.format-copy { overflow: hidden; }
.format-copy ul { list-style: outside disc; margin-left: 0px; }
.format-copy ol { margin-left: 5px; list-style: outside decimal; }
.format-copy li { margin-bottom: 5px; position: relative; left: 1.5em; padding-right: 10px; }
.format-copy h2 { font-size: 1.5em; margin-top: 1em; font-weight: 700; }
.format-copy h3 { font-size: 1.4em; margin-top: 1em; font-weight: 700; }
.format-copy h4 { font-size: 1.3em; font-weight: 700; margin-top: 0px; }
.format-copy h5 { font-size: 1.2em; margin-top: 1em; font-weight: 700; }
.format-copy h6 { font-size: 1.1em; margin-top: 1em; font-weight: 700; }
.format-copy p:first-of-type { font-size: 1em; margin-top: 0px; font-weight: 500; }
.format-copy p:last-of-type { margin-bottom: 0px; }
.format-copy blockquote { position: relative; display: block; margin: 30px 0px 40px; border-left: 3px solid rgb(80, 171, 209); padding-left: 20px; }
.format-copy blockquote p, .format-copy blockquote p:first-of-type { padding: 0px 0px 12px; display: inline; font-size: 1.2em; line-height: 2.4em; border-bottom: 1px dotted rgb(204, 204, 204); }
.format-copy a { font-weight: 500; }
.format-copy img.alignright { margin: 1em 0px; max-width: 100%; }
.format-copy img.alignleft { margin: 1em 0px; max-width: 100%; }
.format-copy img.aligncenter { margin: 1em 0px; max-width: 100%; }
.format-copy a img.alignright { margin: 1em 0px; max-width: 100%; }
.format-copy a img.alignleft { margin: 1em 0px; max-width: 100%; }
.format-copy a img.aligncenter { margin: 1em 0px; max-width: 100%; }
.hide { display: none; }
.wrap { width: 90%; margin: 0px auto; }
a.button {font-weight: 900;margin-top: 10px;display: inline-block;text-align: center;padding: 13px 50px; background: #6624cf;color: rgb(255 255 255);;text-decoration: none;letter-spacing: 0px;font-size: 1.2em;cursor: pointer;font-family: nunito-bold;border-radius: 30px;}
a.button.yellow { background: rgb(255, 255, 255); color: #6624cf; }
a.button.purple { background: rgb(140, 34, 87); color: rgb(255, 255, 255); }
a.button:hover {background: rgb(255 255 255);color: #f2a600;}
a.button.smaller { padding: 12px 16px; letter-spacing: 1px; font-size: 1.2em; }
a { color: rgb(45, 52, 148); transition: all 200ms ease 0s; }
a:focus, a:hover { color: rgb(63, 109, 127); outline: none; }
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {font-family: gilroy-black, Helvetica, Arial, sans-serif;text-rendering: optimizelegibility;padding: 0px;margin: 0px;font-size: 2em;line-height: 1.1em;font-weight: 900;}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
.header { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 100; width: 100%; }
.header #inner-header { position: relative; }
.header #inner-header .meccarena-logo { display: none; }
.header #inner-header .logo { text-align: center; padding: 0px; width: 100%; font-size: 0px; }
.header #inner-header .logo a { display: block; float: left; }
.header #inner-header .logo a img {
    height: 55px;
    margin: -1px 0px 0px;
    display: block;
}
.header #inner-header a.login { position: absolute; top: 0px; right: 0px; background-color: #e02282; letter-spacing: 1px; text-decoration: none; color: rgb(255, 255, 255); padding: 8px 18px; font-size: 0.9em; font-family: nunito-semibold; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.header #inner-header a.login:hover { background: rgb(255, 255, 255); color: #e02282; }
.header #inner-header a.login img { display: none; width: 16px; height: 16px; vertical-align: -2px; margin-right: 6px; }
.header #inner-header a.main-site { position: absolute; top: 40px; right: 0px; letter-spacing: 1px; color: rgb(255, 255, 255); padding: 8px 18px; font-size: 0.9em; font-family: nunito-semibold; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; display: none; }
.header #inner-header a.main-site:hover { color: rgb(209, 209, 209); }
.header #inner-header .apps-container { display: none; top: 660px; position: absolute; width: 100%; max-width: 400px; margin: 0px auto; text-align: center; z-index: 1; }
.header #inner-header .apps-container a.apps { max-width: 175px; right: 0px; opacity: 0.7; overflow: hidden; border-radius: 3px; display: inline-block; margin: 0px 10px 0px 0px; }
.header #inner-header .apps-container a.apps:hover { opacity: 1; }
.header #inner-header .apps-container a.apps.android { opacity: 0.7; margin-right: 0px; }
.header #inner-header .apps-container a.apps.android:hover { opacity: 1; }
.playgame { background-size: cover; text-align: center; position: relative; }
.playgame::before {position: absolute;inset: 0px;z-index: 0;display: block;content: "";background-size: cover;}
.playgame p.note { font-size: 0.7em; opacity: 0.5; }
.playgame a.button {width: 100%;background-color: rgb(101 36 207);color: rgb(255, 255, 255);border-radius: 15px;font-family: nunito-semibold;}
.playgame a.button:hover {background-color: rgb(101 36 207 / 70%);color: rgb(255, 255, 255);}
.playgame .quick-game { margin-bottom: 35px; background: white; padding: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px; z-index: 2; position: relative; border-radius: 15px; }
.playgame .quick-game.final { margin-bottom: 0px; padding-bottom: 0px; border: none; }
.playgame .quick-game.last { margin-bottom: 0px; }
.playgame .title-container p { color: rgb(51, 51, 51); }
.playgame .title-container h3 {color: rgb(102 36 207);}
.playgame .title-container h3::after { display: block; width: 40px; height: 3px; background: rgb(255, 255, 255); content: ""; margin: 20px auto 25px; }
.playgame .sixcol { text-align: left; }
.playgame img { margin: 0px auto 15px; border-radius: 15px; }
.playgame a img { transition: all 250ms ease 0s; }
.playgame h4 { color: rgb(0, 0, 0); display: block; font-weight: 400; font-size: 1.4em; margin-bottom: 10px; font-family: nunito-semibold, sans-serif; }
.how-it-works {text-align: center;overflow-x: clip;height: 1700px;background: #e02282;background-image: url("https://media.umbraco.io/artemis-cms/35odqxtk/sub-hero-img-mobile-bg.png");background-repeat: no-repeat;background-size: 100%;background-position: bottom center;}
.how-it-works p.note { font-size: 0.7em; opacity: 0.5; }
.how-it-works .steps {margin-bottom: 30px;padding-bottom: 40px;border-radius: 16px;position: relative;top: 4px;background: rgb(255, 255, 255);z-index: 998;}
.how-it-works .step { display: flex; flex-flow: column wrap; place-content: center; align-items: center; padding: 0px 12px; }
.how-it-works .step span { width: 62px; height: 50px; line-height: 54px; display: block; margin: -42px auto 15px; color: rgb(255, 255, 255); font-weight: 900; background-image: url("../images/sun-bg.svg"); background-repeat: no-repeat; background-position: center center; background-size: auto; font-size: 18px; font-family: gilroy-bold; }
.how-it-works .step h4 { color: rgb(0, 0, 0); font-size: 1.4em; font-family: gilroy-bold; }
.how-it-works .step.final { margin-bottom: 0px; }
.how-it-works .step p { margin-bottom: 0px; margin-top: 10px; font-size: 1em; color: rgb(0, 0, 0); line-height: 1.3; }
.how-it-works .title-bar p {font-size: 1em;margin: 0px 0px 10px;max-width: 500px;color: #fff;text-align: center;}
.how-it-works .title-bar h3 {color: rgb(255 255 255);font-size: 1.8em;margin: 0px 0px 14px;text-transform: uppercase;}
.how-it-works .title-bar h3::after { display: block; width: 40px; height: 3px; background: rgb(255, 255, 255); margin: 20px auto 25px; }
.how-it-works .blurb-bar p { font-size: 1.3em; margin: 30px auto 0px; max-width: 600px; }
.how-it-works .sixcol { text-align: left; }
.how-it-works a { color: #ffffff; width: 100%; margin-top: 30px; }
.ending { margin-top: 44px; }
.how-it-works a img { border: 3px solid rgba(255, 255, 255, 0.1); transition: all 250ms ease 0s; }
.how-it-works a:hover img { border: 3px solid rgba(255, 255, 255, 0.9); }
.how-it-works h4 { color: rgb(255, 255, 255); display: inline-block; font-weight: 700; }
h4.stand-out { margin-top: 40px; font-size: 1.4em; }
.how-it-works .paymenticons {padding-top: 0px;margin-top: 30px;margin: auto;text-align: center;top: 0;}
.how-it-works .paymenticons ul {margin: 50px 0 0 0;display: flex;justify-content: center;background: #f8f8f8ad;padding: 10px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 25px -14px;}
.how-it-works .paymenticons ul li { width: auto; display: inline-block; margin: 0px 5px; }
.how-it-works .paymenticons ul li img { width: 54px; margin-bottom: 0px; max-width: 100%; }
.player-quotes { text-align: center; background: rgb(241, 246, 250); }
.player-quotes .title-bar { margin-bottom: 80px; }
.player-quotes p { margin: 0px auto; max-width: 800px; }
.player-quotes p.playername { font-weight: 600; color: rgb(80, 171, 209); margin-top: 20px; }
.player-quotes p.playercredit { color: rgb(153, 153, 153); }
.player-quotes h3 { color: rgb(34, 34, 34); }
.player-quotes h3::after { display: block; width: 40px; height: 2px; background: rgb(236, 106, 93); content: ""; margin: 20px auto 10px; }
.player-quotes .sixcol { background: rgb(255, 255, 255); padding: 30px 20px; font-size: 0.9em; text-align: left; }
.player-quotes .sixcol.first { margin-bottom: 85px; }
.player-quotes img { margin: -90px auto 10px; max-width: 120px; border-radius: 100%; border: 10px solid rgb(255, 255, 255); }
.terms { background: rgb(34, 34, 34); color: white; }
.legal, .terms { background: rgb(244, 244, 244); color: white; font-size: 0.8em; }
.legal .term-holder, .terms .term-holder { padding: 20px; margin-bottom: 0px; color: rgb(51, 51, 51); }
.legal .term-holder h3, .terms .term-holder h3 { color: rgb(51, 51, 51); }
.legal .term-holder p, .terms .term-holder p { margin-bottom: 0px; }
.legal h2, .legal h3, .terms h2, .terms h3 { font-size: 1.2em; }
.terms-toggle { padding: 0px; margin-bottom: 25px; color: rgb(51, 51, 51); position: relative; }
.terms-toggle .open-icon { transition: all 200ms ease 0s; position: absolute; top: 16px; right: 20px; width: 24px; height: 24px; border-radius: 100%; background: url("../images/plus.png") 0% 0% / cover white; }
.terms-toggle.open .open-icon { background: url("../images/minus.png") 0% 0% / cover rgb(255, 13, 209); }
.terms-toggle.open:hover .open-icon { background: url("../images/minus.png") 0% 0% / cover rgb(255, 13, 209); }
.terms-toggle:hover .open-icon { background: url("../images/plus.png") 0% 0% / cover rgb(255, 13, 209); }
.terms-toggle h2 { padding: 20px; transition: all 200ms ease 0s; }
.terms-toggle #terms-list { display: block; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; }
.terms-toggle #terms-list .divider { width: 100%; background-color: rgb(68, 68, 68); height: 1px; display: inline-block; }
.terms-toggle #terms-list p:first-of-type { margin-top: 0px; }
.reviews { text-align: center; background: white; }
.reviews .title-bar h3::after { margin-left: auto; margin-right: auto; }
.reviews .quick-review { background: rgb(246, 246, 246); padding: 30px; text-align: left; position: relative; border: 1px solid rgb(238, 238, 238); }
.reviews .quick-review p { margin: 0px; padding: 0px; }
.reviews .quick-review p.author { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 20px; margin-bottom: 18px; font-size: 0.75em; letter-spacing: 1px; text-transform: uppercase; color: rgb(119, 119, 119); font-weight: 500; margin-top: -5px; }
.reviews .quick-review p.author img { height: auto; display: inline-block; width: 13px; vertical-align: -2px; margin-right: 6px; }
.reviews .quick-review p.quote { font-size: 1.3em; line-height: 1.3em; margin-bottom: 25px; font-weight: 400; }
.reviews .quick-review p.rating { font-size: 0.75em; }
.reviews .quick-review p.rating .fa { display: inline-block; }
.reviews .quick-review p.rating .fa::before { color: rgb(94, 167, 90); font-size: 1.4em; margin-right: 0.3em; }
.reviews .quick-review p.rating img { height: auto; display: inline-block; width: 32px; vertical-align: -2px; margin-right: 6px; }
.reviews .quick-review .feefo-logo { position: absolute; bottom: 30px; right: 30px; }
.reviews .quick-review .feefo-logo img { max-width: 50px; }
.mobile-window, .parallax-window { min-height: 200px; transform-style: preserve-3d; }
.mobile-window { background-size: cover; }
.mobile-window::after { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 120px; display: block; content: ""; }
.mobile-window .content-holder { bottom: 20px; left: 20px; position: absolute; z-index: 5; }
.mobile-window h2 { font-size: 1.6em; font-weight: normal; color: rgba(255, 255, 255, 0.9); margin: 0px; }
.social-svg ul li { width: 60px; height: 60px; overflow: hidden; display: inline-block; margin-left: 10px; }
.social-svg ul li:last-of-type { margin-right: 0px; }
.social-svg ul li.fb a:hover { background: rgb(59, 89, 152); border-color: rgb(59, 89, 152); }
.social-svg ul li.tw a:hover { background: rgb(64, 153, 255); border-color: rgb(64, 153, 255); }
.social-svg ul li.ig a:hover { background: rgb(18, 86, 136); border-color: rgb(64, 153, 255); }
.social-svg ul li.gp a:hover { background: rgb(211, 72, 54); border-color: rgb(211, 72, 54); }
.social-svg ul li a { display: block; width: 60px; height: 60px; border-radius: 100%; overflow: hidden; transition: all 250ms ease 0s; text-align: center; }
.social-svg ul li a svg { width: 60px; height: 60px; padding: 20px; }
.footer { padding: 30px 0px; text-align: center; background: rgb(255, 255, 255); }
.footer img { max-height: 60px; opacity: 1; margin: 0px auto; }
.footer .fivecol { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid rgb(246, 246, 246); }
.footer .fivecol p { font-size: 0.9em; }
.footer ul { margin: 0px; }
#emKDEL3z2Zh1 { width: 140px; position: relative; top: 0px; }
#egdGlmYaUDx1 { width: 140px; position: relative; top: 0px; }
#erTidKXkoq41 { width: 140px; position: relative; top: 0px; }
.review-credit { background: rgb(238, 238, 238); }
.review-credit .sixcol .tabify-portrait { display: none; }
.review-credit .sixcol.first { background: rgb(255, 13, 209); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px; }
.review-credit .sixcol.first .title-container { background-color: rgb(243, 0, 196); padding: 20px 30px; margin: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.review-credit .sixcol.first .title-container p { color: rgb(255, 255, 255); font-weight: 700; font-size: 1.2em; margin: 0px; text-align: center; }
.review-credit .sixcol.first ol#steps { margin: 0px 0px 30px; padding: 30px; font-size: 1em; }
.review-credit .sixcol.first ol#steps li { font-weight: 500; text-align: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); }
.review-credit .sixcol.first ol#steps li.title { font-size: 1.2em; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); }
.review-credit .sixcol.first ol#steps li.term { border: none; padding: 0px; margin: 0px; text-align: right; }
.review-credit .sixcol.first ol#steps li.term a { text-decoration: none; color: rgb(255, 255, 255); font-weight: 300; font-size: 0.9em; border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding-bottom: 2px; }
.review-credit .sixcol.first ol#steps li:last-of-type { margin-bottom: 0px; }
.review-credit .sixcol.first ol#steps li span { width: 42px; height: 42px; line-height: 42px; text-align: center; display: inline-block; border-radius: 100%; font-weight: 500; color: rgb(255, 13, 209); font-size: 1.2em; margin-right: 10px; background: rgb(255, 255, 255); }
.review-credit .title-bar h3::after { background: rgb(255, 13, 209); }
.review-credit .switchform p.terms { font-size: 0.8em; margin-top: 20px; margin-bottom: 0px; }
.review-credit .switchform p.terms a { text-decoration: underline; display: inline; padding: 0px; width: auto; border: none; float: none; }
.review-credit .switchform p.terms span { display: inline-block; width: 20px; margin-right: 4px; height: 20px; vertical-align: -3px; }
.review-credit .switchform p.terms span img { width: 20px; height: 20px; }
.review-credit .switchform form { background: rgb(255, 255, 255); padding: 30px; }
.review-credit .switchform form .gform_validation_container { display: none; }
.review-credit .switchform form ul { margin: 0px; }
.review-credit .switchform form ul li { margin-bottom: 30px; }
.review-credit .switchform form ul li:last-of-type { margin-bottom: 0px; }
.review-credit .switchform form ul li label { display: none; }
.review-credit .switchform form ul li input::-webkit-input-placeholder { color: rgb(255, 13, 209); }
.review-credit .switchform form ul li input[type="email"], .review-credit .switchform form ul li input[type="text"] { appearance: none; border-radius: 0px; width: 100%; font-size: 18px; font-family: nunito-regular, Helvetica, Arial, sans-serif; font-weight: 500; background: rgba(247, 173, 214, 0); border: 1px solid rgba(247, 173, 214, 0.5); padding: 15px; text-align: center; color: rgb(229, 0, 125); -webkit-font-smoothing: antialiased; }
.review-credit .switchform form ul li input[type="email"]:focus, .review-credit .switchform form ul li input[type="text"]:focus { outline: none; color: rgb(112, 27, 116); background: rgba(247, 173, 214, 0.2); border: 1px solid rgba(247, 173, 214, 0.9); }
.review-credit .switchform form button[type="submit"] { width: 100%; text-align: center; padding: 15px; font-size: 1.2em; font-family: nunito-regular, Helvetica, Arial, sans-serif; background: rgb(255, 255, 255); border: none; cursor: pointer; color: rgb(255, 255, 255); margin-top: 2px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; transition: all 200ms ease 0s; }
.review-credit .switchform form button[type="submit"]:hover { background: rgb(255, 13, 209); }
.review-credit .switchform form button[type="submit"]:focus { background: rgb(255, 13, 209); outline: none; }
.review-credit .switchform a { text-align: center; display: block; width: 50%; float: left; padding: 20px 0px; color: rgb(120, 120, 120); text-decoration: none; font-weight: 700; transition: all 200ms ease 0s; background: rgb(228, 228, 228); }
.review-credit .switchform a#terms-link { text-decoration: none; font-size: 1em; font-weight: 400; }
.review-credit .switchform a .icon { display: inline-block; width: 24px; height: 24px; vertical-align: -3px; margin-right: 10px; }
.review-credit .switchform a .icon svg { width: 24px; height: 24px; }
.review-credit .switchform a .icon svg path { transition: all 200ms ease 0s; fill: rgb(120, 120, 120); }
.review-credit .switchform a:focus { color: rgb(255, 13, 209); }
.review-credit .switchform a:focus .icon svg { fill: rgb(255, 13, 209); }
.review-credit .switchform a:hover { color: rgb(255, 13, 209); background: rgb(213, 213, 213); }
.review-credit .switchform a:hover .icon svg path { fill: rgb(255, 13, 209); }
.review-credit .switchform a.clicked { background: white; color: rgb(255, 13, 209); }
.review-credit .switchform a.clicked .icon svg path { fill: rgb(255, 13, 209); }
.title-container { max-width: 740px; margin: 0px auto 40px; text-align: center; z-index: 2; position: relative; }
.title-container h3 { color: rgb(12, 12, 12); font-size: 2em; font-family: nunito-bold; }
.title-container h3::after { display: block; content: ""; width: 40px; height: 3px; background: rgb(237, 28, 36); margin: 20px auto 25px; }
.game-line-2 { margin-top: 35px; }
.game-line-3 { margin-top: 35px; }
.footer-payments { text-align: center; margin: 0px auto; background: rgb(255, 255, 255); }
.footer-payments .payment-options { text-align: center; display: flex; margin: 32px auto 0px; width: 90%; }
.footer-payments .payment-options li { max-width: 250px; margin: 0px auto; padding: 0px 4px; }
.pay-card-1 img { width: 80px; padding-top: 5px; }
.pay-card-2 img { width: 140px; padding-top: 15%; }
.pay-card-3 img { width: 110px; padding-top: 16%; }
.pay-card-4 img { width: 160px; padding-top: 14%; }
.pay-card-5 img { width: 82px; padding-top: 18%; }
.mecca-branding-footer .clearfix .twelvecol { margin-bottom: 20px; }
.mecca-logo-footer { width: 200px; margin: 0px auto; }
.awards { width: 100%; display: flex; justify-content: center; margin-top: 20px; }
.awards img { width: 100px; padding: 10px; }
img.terms-icon { display: block; float: left; max-width: 50px; margin-right: 10px; }
.terms-copy { display: grid; margin: 0px auto; }
.useful-links { color: rgb(51, 51, 51); text-align: center; font-family: nunito-bold, sans-serif; font-size: 12px; margin-top: 30px; }
.footer-links { color: rgb(51, 51, 51); margin-top: 16px; }
.footer-links a { color: rgb(51, 51, 51); text-decoration: none; }
.footer-links a:hover { color: rgb(51, 51, 51); text-decoration: underline; }
.license-info p { font-size: 10px; color: rgb(0, 0, 0); }
.footer .partners { text-align: left; display: inline; }
.footer .partners img { padding: 12px; display: inline-flex; height: 53px; max-width: 100px; }
h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 28px;margin: 4px 0px;text-align: center;}
img.object-5 {
  max-width: none;
  width: 80%;
  margin: 0 auto 30px;
}
  .bt-fold {top: 30px;position: relative;}
@media only screen and (min-width: 320px) {
  .banner h1 span.twenty {font-style: normal;text-align: center; line-height: 1.3em;}
  .how-it-works .steps {margin-bottom: 30px;padding-bottom: 40px;border-radius: 16px;position: relative;background: rgb(255, 255, 255);}
  .banner .tc-holder {clear: left;float: left;padding: 14px;border-radius: 16px; position: absolute;top: 220px;}
  h2.subheader { font-size: 1em; margin: 0px 0px 0.83em; font-family: Gilroy-SemiBold; }
}
@media only screen and (min-width: 375px) {
  .banner { background-size: 445px; text-align: left; position: relative; background-image: url("../images/320-bg.jpg"); background-position: center top 2%; background-repeat: no-repeat; height: 654px; }
  .banner h1 { line-height: 1em; }
  .banner h1 span.heavy { font-size: 26px; }
  .banner h3 { font-size: 1.1em; }
  .banner .over .overinfo {margin-top: 84px;}
  .banner .over .overinfo .cleopatra-badge { max-width: 175px; margin: 30px 0px; }
  .header #inner-header .logo a img {
    height: 60px;
    margin: 9px 0px 0px;
    display: block;
    position: absolute;
    left: -11px;
    top: -10px;
}
  .banner .over .overinfo .button {cursor: pointer;clear: left;float: left;font-family: nunito-bold;}
  h2.subheader { font-size: 1.5em; margin: 0px 0px 0.83em; font-family: Gilroy-SemiBold; }
  .footer-payments .payment-options { text-align: center; display: flex; margin: 32px auto 0px; width: 90%; }
  .footer-payments .payment-options li { padding: 0px 6px; }
  h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 30px;margin: 1px 0px 8px;}
  .leaf.leaf_1 { top: 15%; left: 5%; height: 44px; }
  .leaf.leaf_1:hover { top: 15%; left: 5%; height: 44px; }
  .leaf.leaf_2 { top: 15%; left: 59%; height: 44px; }
  .leaf.leaf_2:hover { top: 17%; left: 55%; height: 44px; }
  .leaf.leaf_3 { top: 67%; left: 50%; height: 44px; }
  .leaf.leaf_3:hover { top: 65%; left: 60%; height: 44px; }
  .leaf.leaf_4 { top: 38%; left: 83%; height: 30px; }
  .leaf.leaf_4:hover { top: 44%; left: 83%; height: 30px; }
  .how-it-works .steps {margin-bottom: 30px;padding-bottom: 40px;border-radius: 16px;position: relative;background: rgb(255, 255, 255);}
  .banner .tc-holder {clear: left;float: left;padding: 14px;position: absolute;top: 240px;}
}
@media only screen and (min-width: 400px) {
  .banner { background-size: 480px; text-align: left; position: relative; background-image: url("../images/320-bg.jpg"); background-position: center top 2%; background-repeat: no-repeat; height: 696px; }
  .leaf.leaf_1 { top: 13%; left: 4%; height: 44px; }
  .leaf.leaf_1:hover { top: 13%; left: 5%; height: 44px; }
  .leaf.leaf_2 { top: 15%; left: 59%; height: 44px; }
  .leaf.leaf_2:hover { top: 17%; right: 55%; height: 44px; }
  .leaf.leaf_3 { top: 67%; left: 50%; height: 50px; }
  h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 36px;margin: 1px 0px 8px;}
  .leaf.leaf_3:hover { top: 71%; left: 53%; height: 50px; }
  .leaf.leaf_4 { top: 42%; left: 82%; height: 30px; }
  .leaf.leaf_4:hover { top: 42%; left: 82%; height: 30px; }
  .banner .tc-holder {clear: left;float: left;padding: 14px;position: absolute;}
  .how-it-works {text-align: center;overflow-x: clip;height: 1710px;}
  .how-it-works .steps {margin-bottom: 30px;padding-bottom: 40px;border-radius: 16px;position: relative;background: rgb(255, 255, 255);}
}
@media only screen and (min-width: 450px) {
  .leaf.leaf_1 { top: 15%; left: 2%; height: 64px; }
  .leaf.leaf_1:hover { top: 13%; left: 5%; height: 68px; }
  .leaf.leaf_2 { top: 5%; left: 49%; height: 48px; }
  .leaf.leaf_2:hover { top: 17%; right: 55%; height: 48px; }
  .leaf.leaf_3 { top: 69%; left: 50%; height: 50px; }
  .leaf.leaf_3:hover { top: 71%; left: 53%; height: 50px; }
  .leaf.leaf_4 { top: 42%; left: 84%; height: 30px; }
  .leaf.leaf_4:hover { top: 42%; left: 84%; height: 30px; }
  .banner .tc-holder {clear: left;float: left;padding: 14px;}
  .how-it-works .steps {margin-bottom: 30px;padding-bottom: 40px;border-radius: 16px;position: relative;background: rgb(255, 255, 255);}
}
@media only screen and (min-width: 481px) {
  .header #inner-header .meccarena-logo { display: none; max-width: 175px; padding: 15px 0px 0px 30px; }
  .banner { background-position: left top 50%; background-size: cover; height: 700px; }
  .cta-bar h2 { font-size: 1.9em; }
}
@media only screen and (min-width: 481px) {
  .banner { background-size: 580px; text-align: left; position: relative; background-image: url("../images/320-bg.jpg"); background-position: center top 12%; background-repeat: no-repeat; height: 740px; }
  .leaf.leaf_1 { top: 15%; left: 2%; height: 54px; }
  h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 28px;margin: 6px 0px 9px;}
  .leaf.leaf_1:hover { top: 13%; left: 5%; height: 58px; }
  .leaf.leaf_2 { top: 12%; left: 59%; height: 44px; }
  .leaf.leaf_2:hover { top: 14%; left: 64%; height: 48px; }
  .leaf.leaf_3 { top: 60%; left: 58%; height: 40px; }
  .leaf.leaf_3:hover { top: 63%; left: 61%; height: 43px; }
  .leaf.leaf_4 { top: 42%; left: 84%; height: 40px; }
  .leaf.leaf_4:hover { top: 42%; left: 84%; height: 40px; }
  .banner .tc-holder {clear: left;float: left;padding: 14px;width: 100%;}
}
@media only screen and (min-width: 500px) {
  .leaf.leaf_1 { top: 15%; left: 2%; height: 54px; }
  .leaf.leaf_1:hover { top: 13%; left: 5%; height: 58px; }
  .leaf.leaf_2 { top: 9%; left: 60%; height: 54px; }
  .leaf.leaf_2:hover { top: 14%; left: 64%; height: 58px; }
  .leaf.leaf_3 { top: 63%; left: 58%; height: 50px; }
  .leaf.leaf_3:hover { top: 63%; left: 61%; height: 50px; }
  .leaf.leaf_4 { top: 42%; left: 84%; height: 40px; }
  .leaf.leaf_4:hover { top: 42%; left: 84%; height: 40px; }
  .banner .over .overinfo {margin-top: 76px;}
  .how-it-works {text-align: center;overflow-x: clip;height: 1797px;background-position: center bottom;}
  .banner .tc-holder {clear: left;float: left;padding: 14px;position: absolute;width: 100%;top: 550px;}
}
@media only screen and (min-width: 580px) {
  .banner { background-size: cover; }
  .banner .tc-holder {clear: left;float: left;padding: 14px;border-radius: 10px;position: absolute;width: 100%;}
  .how-it-works {text-align: center;overflow-x: clip;height: 1790px;}
}
@media only screen and (min-width: 650px) {
  .banner { background-position: center top 12%; background-size: cover; height: 802px; }
  .banner .tc-holder {clear: left;float: left;padding: 14px;border-radius: 10px;position: absolute;}
  .leaf.leaf_1 { top: 15%; left: 5%; height: 64px; }
  .leaf.leaf_1:hover { top: 17%; left: 7%; height: 66px; }
  .leaf.leaf_2 { top: 6%; left: 51%; height: 64px; }
  .leaf.leaf_2:hover { top: 8%; left: 53%; height: 66px; }
  .leaf.leaf_3 { top: 62%; left: 56%; height: 48px; }
  .leaf.leaf_3:hover { top: 65%; left: 59%; height: 51px; }
  .leaf.leaf_4 { top: 42%; left: 81%; height: 50px; }
  .how-it-works {text-align: center;overflow-x: clip;height: 1850px;}
  .leaf.leaf_4:hover { top: 45%; left: 85%; height: 52px; }
}
@media only screen and (min-width: 667px) {
  .header #inner-header .meccarena-logo { display: none; max-width: 250px; padding: 15px 0px 0px 30px; }
  .how-it-works {text-align: center;overflow-x: clip;height: 1830px;}
  img.object-5 {
  max-width: none;
  width: 60%;
  margin: 0 auto 30px;
}
  .banner .tc-holder {clear: left;float: left;padding: 14px;border-radius: 10px;position: absolute;}
}
@media only screen and (min-width: 700px) {
  .how-it-works {text-align: center;overflow-x: clip;height: 1939px;}
  .banner h1 span.twenty {font-style: normal;margin-top: 0px;}
  .leaf.leaf_1 { top: 15%; left: 5%; height: 64px; }
  .leaf.leaf_1:hover { top: 17%; left: 7%; height: 66px; }
  .leaf.leaf_2 { top: 6%; left: 51%; height: 64px; }
  .leaf.leaf_2:hover { top: 8%; left: 53%; height: 66px; }
  .leaf.leaf_3 { top: 62%; left: 56%; height: 48px; }
  .leaf.leaf_3:hover { top: 65%; left: 59%; height: 51px; }
  .leaf.leaf_4 { top: 42%; left: 81%; height: 50px; }
  .leaf.leaf_4:hover { top: 45%; left: 85%; height: 52px; }
  .banner .tc-holder {clear: left;float: left;padding: 14px;border-radius: 10px;position: absolute;}
}
@media only screen and (min-width: 768px) {
  .banner.mobile {display: none;}
  .banner.desktop {display: block ;}
  .onecol { width: 4.66667%; }
  .twocol { width: 13.3333%; }
  .threecol { width: 22%; }
  .fourcol { width: 30.6667%; }
  .fivecol { width: 39.3333%; }
  .sixcol { width: 48%; }
  .sevencol { width: 56.6667%; }
  .eightcol { width: 65.3333%; }
  .ninecol { width: 74%; }
  .tencol { width: 82.6667%; }
  .elevencol { width: 91.3333%; }
  .twelvecol { margin-left: 0px; width: 100%; }
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .fifthcol { position: relative; float: left; margin-left: 4%; }
  .first { margin-left: 0px; }
  .last { float: right; }
  body { line-height: 1.5; overflow-x: auto; font-size: 17px; }
  a.button { margin-top: 10px; display: block; padding: 10px 60px; font-size: 1.2em; float: left; width: auto; }
  a.feefo { max-width: 175px; right: 241px; top: 2px; position: absolute; display: block; }
  .tabify { display: block; }
  .mobify { display: none; }
  .mobmargin { margin-top: 0px; }
  .bands { padding: 50px 0px; }
  .wrap { max-width: 1240px; width: 92%; }
  .playgame img { max-width: 100%; }
  .playgame .quick-game { border-bottom: none; width: 48%; margin: 0px; }
  .playgame .quick-game.first { margin-right: 4%; }
  .playgame .quick-game:nth-of-type(1) { margin-bottom: 30px; }
  .playgame .quick-game:nth-of-type(2) { margin-bottom: 30px; }
  .format-copy { overflow: hidden; }
  .format-copy li { padding-right: 0px; }
  .format-copy p:first-of-type { font-size: 1.2em; margin-top: 0px; line-height: 1.4em; font-weight: 500; }
  .usp-bar.mobile { display: none; }
  .legal .term-holder, .terms .term-holder { padding: 30px; min-height: 230px; }
  .terms-toggle { margin-bottom: 50px; }
  .terms-toggle .open-icon { top: 25px; right: 30px; width: 34px; height: 34px; }
  .terms-toggle h2 { padding: 30px; }
  .terms-toggle #terms-list { padding-left: 30px; padding-bottom: 20px; padding-right: 30px; }
  .cta-bar { padding: 15px 0px; }
  .cta-bar .threecol { text-align: right; }
  .cta-bar .button { float: right; }
  .cta-bar .ninecol { text-align: left; width: 65.3333%; }
  .cta-bar .ninecol h2 { margin-top: -10px; }
  .cta-bar .threecol { width: 30.6667%; }
  .header #inner-header .meccarena-logo { display: block; max-width: 250px; padding: 15px 0px 0px 30px; }
  .header #inner-header a.login { font-size: 1em; right: 14px; }
  .header #inner-header .apps-container { display: block; top: 640px; }
  .cookie-message-block {text-align: left;border-radius: 0px;box-shadow: none;padding: 10px 30px 20px;bottom: 0px;position: fixed;width: 100%;font-size: 0.85rem;background: rgb(20, 7, 41);z-index: 99999;}
  .cookie-message-block p { max-width: 50%; margin: 10px auto; float: left; }
  .cookie-message-block p a.privacy-policy { color: rgb(255, 255, 255); }
  .cookie-got-it-btn { border-radius: 10px; background-color: rgb(102, 36, 207); color: rgb(255, 255, 255); font-family: nunito-semibold, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 0.75rem; padding: 15px; border: none; outline: none; cursor: pointer; float: right; margin: 20px auto 0px; }
  .cookie-got-it-btn:hover { background: rgb(89, 34, 177); color: rgb(255, 255, 255); }
  .cookie-message-text { color: rgb(255, 255, 255); }
  .banner { background-position: center top 28%; background-image: url("../images/768-bg.jpg"); }
  .banner .usp-bar img { max-width: 50px; }
  .banner .tc-holder {background: none;width: 50%;position: relative;float: left;clear: left;padding-left: 0px;margin-top: 8px;top: -10px;border: none;box-shadow: none;}
  .banner .tc-holder p { font-size: 0.6em; float: left; max-width: 350px; text-align: left; margin-top: 0px; color: rgb(255, 255, 255); }
  .banner::after { position: absolute; bottom: 0px; z-index: 2; left: 0px; height: 340px; width: 100%; display: block; content: ""; }
  .banner .over .overinfo .button {cursor: pointer;margin: 15px 0px 8px;clear: left;float: left;font-family: nunito-bold;width: auto;}
  .banner .over .overinfo { margin-top: 0px; }
  .banner .over .overinfo .sixcol { width: 100%; }
  .banner .over .overinfo .cleopatra-badge { max-width: 320px; margin: 10px 0px 20px -20px; }
  .banner .over .overinfo img { margin: 0px auto; max-height: 425px; }
  .banner .over .overinfo p.subtitle { margin: 1em 0px; }
  .banner .over .overinfo .button { clear: left; }
  .banner p a {display: inline-block;color: #fff;}
  .banner h1 {margin-bottom: 0px;line-height: 1em;text-align: left;}
  .banner h1 span.heavy { font-size: 1.1em; }
  .banner h2 {text-align: left;font-size: 1.8em;}
  .banner h3 {font-size: 24px;margin: 0px 0px 10px 0px;float: left;}
  .footer { text-align: left; }
  .footer img { float: right; display: block; }
  .footer .fivecol { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; border-radius: 15px; }
  .header #inner-header a.main-site {position: absolute;top: 0px;right: 130px;letter-spacing: 1px;color: rgb(102 37 207);padding: 8px 18px;font-size: 0.9em;font-family: nunito-semibold;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;display: block;}
  .how-it-works .blurb-bar p { margin-top: 402px; }
  .leaf.leaf_1 { top: 15%; left: 35%; height: 64px; }
  .leaf.leaf_1:hover { top: 17%; left: 7%; height: 66px; }
  .leaf.leaf_2 { top: 8%; left: 81%; height: 64px; }
  .leaf.leaf_2:hover { top: 8%; left: 83%; height: 66px; }
  .leaf.leaf_3 { top: 62%; left: 56%; height: 48px; }
  .leaf.leaf_3:hover { top: 65%; left: 59%; height: 51px; }
  .leaf.leaf_4 { top: 46%; left: 81%; height: 50px; }
  img.object-5 { max-width: none; width: 270px; }
  .how-it-works .title-bar p {font-size: 1em;margin: 0px 0px 10px;max-width: 500px;color: #fff;text-align: left;}
  .leaf.leaf_4:hover { top: 45%; left: 85%; height: 52px; }
}
@media only screen and (min-width: 800px) {
  .banner { height: 684px; background-position: center top 28%; background-image: url("../images/768-bg.jpg"); }
  .leaf.leaf_1 { top: 15%; left: 35%; height: 64px; }
  .leaf.leaf_1:hover { top: 17%; left: 7%; height: 66px; }
  .leaf.leaf_2 { top: 8%; left: 81%; height: 64px; }
  .leaf.leaf_2:hover { top: 8%; left: 83%; height: 66px; }
  .leaf.leaf_3 { top: 62%; left: 56%; height: 48px; }
  .leaf.leaf_3:hover { top: 65%; left: 59%; height: 51px; }
  .leaf.leaf_4 { top: 46%; left: 81%; height: 50px; }
  .leaf.leaf_4:hover { top: 45%; left: 85%; height: 52px; }
}
@media only screen and (min-width: 1024px) {
  .bands { padding: 60px 0px; }
  #container { position: static; transform: none; }
  .cta-mobile { display: none; }
  .cta-desktop { display: block; }
  .cta-bar .ninecol { width: 74%; }
  .cta-bar .ninecol h2 { font-size: 2em; padding: 0px 0px 10px; }
  .cta-bar .threecol { width: 22%; }
  .cta-bar .threecol .button { margin: 30px 0px 0px; }
  .header #inner-header .logo { text-align: left; }
  .header #inner-header .logo img { height: 55px; margin: 15px 0px 0px; }
  .header #inner-header .meccarena-logo { display: block; max-width: 250px; padding: 0px 0px 0px 30px; }
  .header #inner-header .apps-container { text-align: left; margin: 0px 0px 0px auto; top: 606px; }
  .header #inner-header .apps-container a.apps img { max-width: 145px; }
  .footer { padding: 40px 0px; }
  .footer img { max-height: 60px; }
  .banner { height: 810px; background-image: url("../images/1024-bg.jpg"); }
  .banner .tc-holder { width: 75%; left: 0px; margin: 0px; }
  .banner .tc-holder p { text-align: left; margin: 0px; }
  .banner .usp-bar img { max-width: 50px; }
  .banner .over.wrap {width: 90%;margin-top: 12px;}
  .banner .over .overinfo .cleopatra-badge { max-width: 210px; margin: 40px 0px 20px -15px; }
  .banner .over .overinfo img { margin: 0px; max-height: 480px; right: 0px; top: -80px; }
  .banner .over .overinfo a.button {float: left;margin: 10px 0px 20px;}
  .banner .over .overinfo p {clear: left;float: left;max-width: 550px;}
  .banner .over .overinfo p.subtitle { font-size: 1.2em; }
  .banner h1 {margin-bottom: 7px;line-height: 1em;}
  .banner h1 span.heavy { padding: 38px 0px 20px; font-size: 1.45em; }
  .banner h3 {text-align: left;display: block;clear: left;margin: 0px 0px 20px 0px;font-size: 24px;}
  .playgame .quick-game { margin-bottom: 0px; border-bottom: none; width: 22%; margin-left: 4%; border-radius: 15px; }
  .playgame .quick-game.first { margin-left: 0px; margin-right: 0px; }
  .playgame .quick-game:nth-of-type(1) { margin-bottom: 0px; }
  .playgame .quick-game:nth-of-type(2) { margin-bottom: 0px; }
  .playgame h4 { font-size: 0.8em; }
  #emKDEL3z2Zh1 { width: 180px; position: absolute; top: -92px; }
  #egdGlmYaUDx1 { width: 180px; position: absolute; top: -92px; }
  #erTidKXkoq41 { width: 180px; position: absolute; top: -92px; }
  .footer-payments .payment-options { text-align: center; display: flex; margin: 100px auto 0px; width: 70%; }
  .footer-payments .payment-options li { padding: 0px 22px; }
  .useful-links { text-align: left; font-size: 14px; }
  .footer-links { color: rgb(51, 51, 51); margin: 12px 12px 0px; display: inline-block; }
  .footer-links a { color: rgb(51, 51, 51); text-decoration: none; }
  .footer-links a:hover { color: rgb(51, 51, 51); text-decoration: underline; }
  .mecca-logo-footer { width: 240px; margin: 0px auto; }
  .awards { margin-top: 0px; }
  img.terms-icon { max-width: 60px; }
  .terms-copy { display: inline-block; margin: 0px 0px 0px 10px; font-size: 16px; }
  .license-info p { font-size: 12px; }
  .how-it-works .blurb-bar p { margin-top: 402px; max-width: 900px; }
  .header #inner-header .logo a img {
    height: 92px;
    margin: 15px 0px 0px;
    top: -16px;
    left: 2px;
}
  .leaf.leaf_1 { top: 6%; left: 37%; height: 94px; }
  .leaf.leaf_1:hover { top: 8%; left: 39%; height: 94px; }
  .leaf.leaf_2 { top: 12%; left: 86%; height: 84px; }
  .leaf.leaf_2:hover { top: 7%; left: 84%; height: 86px; }
  .leaf.leaf_3 { top: 52%; left: 53%; height: 100px; }
  .leaf.leaf_3:hover { top: 46%; left: 55%; height: 104px; }
  .leaf.leaf_4 { top: 68%; left: 86%; height: 80px; }
      img.object-5 {
  max-width: none;
  width: 380px;
}
  .leaf.leaf_4:hover { top: 60%; left: 82%; height: 84px; }
}
@media only screen and (min-width: 1240px) {
  body { font-size: 18px; }
  .bands { padding: 70px 0px; }
  .playgame h4 { font-size: 1em; }
  .parallax-window { background: transparent; }
  .banner { height: 900px; }
  .banner.mobile { display: none; }
  .banner.desktop {display: block;height: 674px;background-position: center top 20%;}
  .banner .tc-holder { width: 75%; }
  .banner .tc-holder p { margin: 0px; }
  .banner .over .cleopatra-badge { max-width: 325px; position: absolute; right: 0px; bottom: 75px; }
  .banner .over .overinfo img { max-height: 600px; top: -175px; }
  .banner h1 { line-height: 1em; }
  .banner h1 span.heavy { font-size: 1.65em; }
  .header #inner-header .logo a img {
    height: 106px;
    top: -30px;
    margin: 30px 0px 0px;
    left: -19px;
}
  .header #inner-header .meccarena-logo { display: block; max-width: 250px; padding: 10px 0px 0px 30px; }
  .banner .over.wrap {width: 90%;margin-top: 138px;}
  .leaf.leaf_1 { top: 6%; left: 37%; height: 94px; }
  .leaf.leaf_1:hover { top: 8%; left: 39%; height: 94px; }
  .leaf.leaf_2 { top: 12%; left: 86%; height: 84px; }
  .leaf.leaf_2:hover { top: 7%; left: 84%; height: 86px; }
  .leaf.leaf_3 { top: 52%; left: 53%; height: 100px; }
  .leaf.leaf_3:hover { top: 46%; left: 55%; height: 104px; }
  .leaf.leaf_4 { top: 65%; left: 89%; height: 80px; }
        img.object-5 {
  max-width: none;
  width: 420px;
  /* margin: 0 auto 30px; */
}
  .leaf.leaf_4:hover { top: 60%; left: 82%; height: 84px; }
}
@media only screen and (min-width: 1400px) {
  .leaf.leaf_1 { top: 7%; left: 51%; height: 94px; }
  .leaf.leaf_1:hover { top: 9%; left: 53%; height: 94px; }
  .leaf.leaf_2 { top: 10%; left: 86%; height: 74px; }
  .leaf.leaf_2:hover { top: 12%; left: 88%; height: 74px; }
  .leaf.leaf_3 { top: 52%; left: 53%; height: 100px; }
  .leaf.leaf_3:hover { top: 55%; left: 55%; height: 104px; }
  .leaf.leaf_4 { top: 65%; left: 89%; height: 80px; }
  .leaf.leaf_4:hover { top: 67%; left: 92%; height: 84px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #logo img { display: none; }
  #logo img.retina-logo { display: block; }
}
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; }
  a, a:visited { text-decoration: underline; color: rgb(68, 68, 68) !important; }
  a::after, a:visited::after { content: " (" attr(href) ")"; }
  a abbr[title]::after, a:visited abbr[title]::after { content: " (" attr(title) ")"; }
  .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; }
  pre, blockquote { border: 1px solid rgb(153, 153, 153); break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { break-after: avoid; }
  .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; }
}
@media only screen and (min-width: 1240px) {
  .banner { height: 820px; background-position: left center; }
}
@media only screen and (min-width: 768px) {
  .banner .over .overinfo {margin-top: 120px;position: absolute;}
}
@media only screen and (min-width: 1024px) {
  .banner .tc-holder p {margin-bottom: 0.75em;}
  .banner .over .overinfo {margin-top: 110px;position: absolute;}
}
.banner .tc-holder .tc-images { position: relative; width: 30%; display: flex; flex-flow: row; align-items: center; margin: 0px auto; justify-content: center; }
@media only screen and (min-width: 768px) {
  .banner .tc-holder .tc-images { display: inline-flex; justify-content: flex-start; margin-top: -13px; }
}
@media only screen and (min-width: 1024px) {
  .banner .tc-holder .tc-images {margin-top: -2px;}
  h2.subheader { font-size: 1.5em; margin: 0px 0px 0.83em; font-family: Gilroy-SemiBold; }
}
.banner .tc-holder .tc-images img { margin: 12px 0px; max-height: 22px; padding-right: 6px; }
.header #inner-header .logo .logo-background { position: absolute; top: -28px; left: -13px; height: 100px; z-index: 1; }
.sec-parallax .water { top: 330px; width: 180%; }
@media only screen and (min-width: 200px) {
  h2.subheader {font-size: 1.6em;margin: 0px 0px 6px;font-family: gilroy-bold;text-align: center;}
  .title-bar { text-align: center; display: flex; flex-direction: column; align-content: center; align-items: center; }
}
.parallax-test {height: 696px;background-color: rgb(102, 36, 207);background-image: url("https://media.umbraco.io/artemis-cms/lfqgnikw/2204247-mb-mobile-hero-414x368px_8418780.png");background-position: center bottom;}
.particles-bg { position: absolute; width: 600px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: 347px; }
.main-subject {position: absolute;scale: var(--scale);will-change: scale;transform-origin: left top;max-width: none;width: 414px;top: 488px;left: 53%;transform: translate(-50%, -50%);z-index: 2;}
.bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 196px; position: absolute; right: 126px; top: 223px; z-index: 1; }
.bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 190px; position: absolute; right: 320px; top: 102px; z-index: 1; transform-origin: right bottom; max-width: none; }
.main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 300px; position: absolute; right: 370px; top: 214px; }
.stars-top { position: absolute; width: 600px; transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); will-change: transform; max-width: none; right: 0px; top: 347px; }
.supporting-1 {position: absolute;width: 660px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;top: 457px;transform: translate(-50%, -50%);transform-origin: left top;left: 50%;mix-blend-mode: screen;}
.balloons { position: absolute; scale: var(--scale2); transform-origin: left bottom; opacity: var(--opacity); max-width: none; width: 874px; top: 74%; left: 50%; transform: translate(-50%, -50%); }
.particle-wrap { position: relative; top: 30%; left: 50%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 2.4; }
.main-subject-4 { position: absolute; width: 1800px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: -268px; }
.sec-parallax .ball-blue { width: 484px; z-index: 999; left: -44px; top: 319px; }
.sec-parallax .ball-red { width: 45%; top: 336px; left: -77px; }
.sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 256px; }
.roundel-bg { position: relative; }
.roundel-1 { color: rgb(0, 0, 0); border-radius: 50%; }
@media only screen and (min-width: 320px) {
  h2.subheader {font-size: 26px;margin: 0px 0 12px 0;font-family: gilroy-bold;text-align: center;}
  .parallax-test {height: 729px;}
  .bt-fold {position: relative;}
  .main-subject-5 { width: 84%; margin: 0px auto; }
  .particles-bg { position: absolute; width: 860px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: 190px; visibility: hidden; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;transform-origin: left bottom;max-width: none;width: 500px;top: 400px;left: 67%;transform: translate(-50%, -50%);z-index: 3;}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 214px; position: absolute; right: 357px; top: 377px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 307px; position: absolute; right: -5px; top: 324px; max-width: none; rotate: 0deg; }
  .supporting-1 {position: absolute;width: 861px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 50%;top: 501px;rotate: 0deg;z-index: 1;transform: translate(-50%, -50%);}
  .main-subject-4 { position: absolute; width: 360px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -27px; top: 350px; }
  .balloons {position: absolute;scale: var(--scale2);transform-origin: left top;opacity: var(--opacity);max-width: none;width: 400px;top: 80%;left: 49%;transform: translate(-50%, -50%);z-index: 2;}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 456px; position: absolute; right: -18px; top: 478px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 457px; position: absolute; right: 287px; top: 299px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 70%; left: 50%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.1; }
  .sec-parallax { width: 755px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 342px; position: absolute; }
  .r-green { background: rgb(0, 195, 150); width: 160px; height: 160px; border-radius: 50%; position: absolute; left: -70px; top: 0px; }
  .r-purple { background: rgb(102, 36, 207); width: 230px; height: 230px; border-radius: 50%; top: auto; left: 190px; position: absolute; }
  .r-blue { background: rgb(54, 191, 240); width: 160px; height: 160px; border-radius: 50%; position: absolute; top: 0px; left: 240px; }
  .r-pink { background: rgb(225, 36, 130); width: 130px; height: 130px; border-radius: 50%; position: absolute; top: 0px; left: -50px; }
  .r-yellow { background: rgb(242, 166, 0); width: 175px; height: 175px; border-radius: 50%; position: absolute; top: 170px; left: -140px; z-index: 0; }
}
@media only screen and (min-width: 375px) {
  h2.subheader {margin: 0px 0 12px 0em;font-family: gilroy-bold;text-align: center;font-size: 32px;}
  .parallax-test {height: 763px;}
  .particles-bg { position: absolute; width: 860px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: 199px; visibility: hidden; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 580px;top: 410px;left: 65%;transform: translate(-50%, -50%);}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 256px; position: absolute; right: 240px; top: 422px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 342px; position: absolute; right: 5px; top: 338px; max-width: none; rotate: 0deg; }
  .supporting-1 {position: absolute;width: 974px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;top: 533px;left: 50%;transform: translate(-50%, -50%);}
  .main-subject-4 { position: absolute; width: 440px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -48px; top: 393px; }
  .balloons {position: absolute;will-change: scale;opacity: var(--opacity);max-width: none;width: 451px;top: 80%;left: 48%;transform: translate(-50%, -50%);}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); position: absolute; right: 2px; top: 496px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); position: absolute; width: 500px; right: 284px; top: 264px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 73%; left: 50%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.2; }
  .sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 334px; }
  .sec-parallax .water { width: 90%; top: 350px; }
  .sec-parallax .ball-blue { top: 406px; left: -7px; }
  .sec-parallax .ball-red { width: 19%; top: 417px; left: -102px; }
}
@media only screen and (min-width: 400px) {
  h2.subheader {margin: 0px 0px 11px 0em;font-family: gilroy-bold;text-align: center;font-size: 2em;}
  .parallax-test {height: 760px;}
  .particles-bg { position: absolute; width: 744px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: 337px; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 600px;top: 400px;left: 63%;transform: translate(-50%, -50%);}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 300px; position: absolute; right: 264px; top: 397px; }
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 196px; position: absolute; right: 126px; top: 223px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 190px; position: absolute; right: 320px; top: 102px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 30%; left: 50%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 2.4; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 378px; position: absolute; right: 13px; top: 377px; rotate: 0deg; }
  .supporting-1 {position: absolute;width: 1046px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 18%;top: 613px;transform: translate(-50%, -50%);}
  .main-subject-4 { position: absolute; width: 460px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -26px; top: 443px; }
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 471px;top: 78%;left: 48%;transform: translate(-50%, -50%);}
  .sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 256px; }
  .sec-parallax .water { width: 90%; top: 425px; }
  .sec-parallax .ball-blue { top: 458px; left: -7px; width: 30%; }
  .sec-parallax .ball-red { width: 16%; top: 486px; left: -63px; }
  .bt-fold {position: relative;}
}
@media only screen and (min-width: 425px) {
  .banner h1 span.twenty {font-size: 47px; line-height: 1.4em;}
  .sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 326px; }
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 378px; position: absolute; right: 50px; top: 563px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 460px; position: absolute; right: 297px; top: 405px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 71%; left: 47%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.4; }
}
@media only screen and (min-width: 470px) {
  .banner h1 span.twenty {
    max-width: 400px;
}
  .sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 303px; }
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 306px; position: absolute; right: 146px; top: 583px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 370px; position: absolute; right: 320px; top: 402px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 30%; left: 50%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 2.4; }
}
@media only screen and (min-width: 500px) {
  h2.subheader {font-size: 2.4em;margin: 0px 0px 8px;font-family: gilroy-bold;}
  .parallax-test {height: 748px;background-position: center;}
  .main-subject-5 { width: 60%; margin: 0px auto; }
  .particles-bg { position: absolute; width: 964px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -93px; top: 213px; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 700px;top: 430px;left: 53%;transform: translate(-50%, -50%);}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 300px; position: absolute; right: 234px; top: 423px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 487px; position: absolute; right: 5px; top: 376px; }
  .supporting-1 {position: absolute;width: 839px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 50%;top: 578px;transform: translate(-50%, -50%);}
  .how-it-works .steps {margin-bottom: 30px;padding-bottom: 40px;border-radius: 16px;position: relative;background: rgb(255, 255, 255);}
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 490px;top: 81%;left: 48%;transform: translate(-50%, -50%);}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 336px; position: absolute; right: 244px; top: 633px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 410px; position: absolute; right: 320px; top: 412px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 70%; left: 50%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.6; }
  .main-subject-4 { position: absolute; width: 559px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -29px; top: 401px; }
  .sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 256px; }
  .sec-parallax .water { width: 90%; top: 480px; }
  .sec-parallax .ball-blue { top: 500px; left: -7px; width: 30%; }
  .sec-parallax .ball-red { width: 16%; top: 528px; left: -63px; }
}
@media only screen and (min-width: 520px) {
}
@media only screen and (min-width: 768px) {
  .banner h1 span.twenty {font-size: 50px;line-height:1em;text-align: left;max-width: 350px;margin: 5px 0px 4px 0px;}
  h2.subheader {font-size: 2.2em;margin: 0px 0px 12px 0em;font-family: gilroy-bold;text-align: left;}
  .how-it-works .paymenticons ul {display: flex;max-width: 280px;}
  .bt-fold {position: relative;top: -99px;display: flex;align-content: center;flex-flow: wrap;align-items: center;}
  .title-bar {text-align: left;display: flex;flex-direction: column;align-items: flex-start;}
  .how-it-works .step h4 { color: rgb(0, 0, 0); font-size: 1.2em; font-family: gilroy-bold; }
  .how-it-works .steps {margin-bottom: 20px;border-radius: 16px;position: relative;top: -127px;z-index: 9998;padding-bottom: 0px;}
  .how-it-works .step { display: flex; flex-flow: column wrap; place-content: center; align-items: center; padding: 48px 12px 22px; }
  h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 30px;margin: -6px 0px 14px;text-align: left;max-width: 360px;}
  .parallax-test {height: 600px;background-position: center left 62%;background-image: url("https://media.umbraco.io/artemis-cms/hdvdpa5m/2204247-mb-desktop-lg-hero-1920x773px_8418783.png");}
  .particles-bg { position: absolute; width: 1321px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: -64px; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 578px;top: 233px;left: 60%;transform: translate(-50%, -50%);transform-origin: right;}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 300px; position: absolute; right: 257px; top: 237px; }
  #emKDEL3z2Zh1 { width: 140px; position: absolute; top: -92px; }
  #egdGlmYaUDx1 { width: 140px; position: absolute; top: -92px; }
  #erTidKXkoq41 { width: 140px; position: absolute; top: -92px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 367px; position: absolute; right: 4px; top: 178px; rotate: 0deg; }
  .supporting-1 {position: absolute;width: 811px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 76%;top: 357px;transform: translate(-50%, -50%);}
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 480px;top: 67%;left: 72%;transform: translate(-50%, -50%);}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 286px; position: absolute; right: 152px; top: 317px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 440px; position: absolute; right: 300px; top: 154px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 53%; left: 73%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.4; }
  .main-subject-4 { position: absolute; width: 559px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -23px; top: 59px; }
  .main-subject-5 { width: 100%; }
  .sec-parallax { position: absolute; width: 1798px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; right: 0px; top: -90px; }
  .sec-parallax .water { top: 465px; }
  .sec-parallax .ball-blue { top: 510px; left: 188px; width: 426px; }
  .sec-parallax .ball-red { top: 519px; left: 69px; width: 351px; }
  .how-it-works {text-align: center;overflow-x: clip;height: 562px;background-image: url("https://media.umbraco.io/artemis-cms/3fno1jja/sub-hero-img-tablet.jpg");background-repeat: no-repeat;background-size: 1300px;background-position: left -285px bottom -18px;}
}
@media only screen and (min-width: 1024px) {
  .banner h1 span.twenty {padding: 0px;font-size: 50px;max-width: 380px;margin: 5px 0px 0px 0px;}
  h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 43px;margin: 10px 0px 14px;text-align: left;max-width: none;}
  h2.subheader {font-size: 2.4em;margin: 0px 0px 2px 0;font-family: gilroy-bold;text-align: left;}
  .parallax-test {height: 650px;background-position: center right 32%;}
  .bt-fold {top: -88px;}
  .main-subject-5 { width: 90%; }
  .how-it-works {text-align: center;overflow-x: clip;height: 599px;background-size: 1380px;background-position: left -271px bottom;}
  .particles-bg { position: absolute; width: 1920px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: -350px; }
  .sec-parallax { position: absolute; width: 1920px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; right: 0px; top: -350px; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 660px;top: 241px;left: 71%;transform: translate(-50%, -50%);transform-origin: center;}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 300px; position: absolute; right: 251px; top: 262px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 433px; position: absolute; right: 24px; top: 120px; }
  .supporting-1 {position: absolute;width: 951px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 76%;top: 316px;transform: translate(-50%, -50%);}
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 536px;top: 65%;left: 73%;transform: translate(-50%, -50%);}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 323px; position: absolute; right: 242px; top: 298px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 436px; position: absolute; right: 308px; top: 152px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 47%; left: 75%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.5; }
  .main-subject-4 { position: absolute; width: 650px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -50px; top: 50px; }
  .sec-parallax .water { top: 180px; }
  .sec-parallax .ball-blue { top: 227px; left: 229px; width: 561px; }
  .sec-parallax .ball-red { width: 464px; top: 245px; left: 74px; }
  .sec-parallax { width: 1843px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 254px; }
}
@media only screen and (min-width: 1240px) {
  .banner h1 span.twenty {font-size: 60px;margin: 10px 0px 10px 0px;max-width: 488px;}
  h4.request-header {color: rgb(255, 255, 255);font-family: nunito-regular;font-size: 56px;margin: -14px 0px 14px;text-align: left;}
  .banner .over .overinfo {margin-top: 0px;}
  h2.subheader {font-size: 3em;margin: 0px 0px 16px 0;font-family: gilroy-bold;text-align: left;}
  .parallax-test { height: 650px; }
  .bt-fold {top: -54px;}
  .how-it-works {text-align: center;overflow-x: clip;height: 660px;background-size: 1470px;background-position: left -220px bottom;}
  .sec-parallax { width: 1789px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 256px; }
  .particles-bg { position: absolute; width: 1389px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: -99px; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 715px;top: 235px;left: 74%;transform: translate(-50%, -50%);}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 300px; position: absolute; right: 255px; top: 282px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 477px; position: absolute; right: 91px; top: 93px; }
  .supporting-1 {position: absolute;width: 1122px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 78%;top: 326px;transform: translate(-50%, -50%);}
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 578px;top: 66%;left: 70%;transform: translate(-50%, -50%);}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 365px; position: absolute; right: 331px; top: 256px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 494px; position: absolute; right: 354px; top: 120px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 51%; left: 70%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.8; }
  .main-subject-4 { position: absolute; width: 728px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 13px; top: 231px; }
  .sec-parallax .water { top: 210px; }
  .sec-parallax .ball-blue { top: 267px; left: 350px; width: 561px; }
  .sec-parallax .ball-red { width: 459px; top: 278px; left: 131px; }
  .sec-parallax { width: 2083px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -236px; top: 256px; }
}
@media only screen and (min-width: 1400px) {
  h2.subheader {font-size: 3em;margin: 0px 0px 22px 0;font-family: gilroy-bold;text-align: left;}
  .parallax-test { height: 650px; }
  .how-it-works {text-align: center;overflow-x: clip;}
  .particles-bg { position: absolute; width: 1060px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: -70px; top: -41px; visibility: hidden; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;transform-origin: center;width: 714px;top: 262px;left: 73%;transform: translate(-50%, -50%);}
  .stars-top { transform: scale(1.2) translatey(var(--movey)); scale: var(--scale5); width: 490px; position: absolute; right: 166px; top: 104px; }
  .supporting-1 {position: absolute;width: 1097px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 73%;top: 307px;transform: translate(-50%, -50%);}
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 584px;top: 68%;left: 70%;transform: translate(-50%, -50%);z-index: 2;}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 410px; position: absolute; right: 338px; top: 238px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 628px; position: absolute; right: 420px; top: 60px; z-index: 1; transform-origin: right bottom; }
  .particle-wrap { position: relative; top: 48%; left: 70%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.8; }
  .main-subject-4 { position: absolute; width: 790px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: 160px; }
}
@media only screen and (min-width: 1550px) {
  h2.subheader {font-size: 3em;margin: 0px 0px 16px 0;font-family: gilroy-bold;text-align: left;}
  .parallax-test { height: 650px; }
  .particles-bg { position: absolute; width: 1800px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 0px; top: -268px; }
  .main-subject {position: absolute;scale: var(--scale);will-change: scale;max-width: none;width: 760px;top: 259px;left: 73%;transform: translate(-50%, -50%);}
  .main-subject-2 { transform: scale(1.2) translatex(var(--movex)); width: 281px; position: absolute; right: 530px; top: 229px; }
  .stars-top { transform: scale(1.2) translatey(var(--movey)); will-change: transform; scale: var(--scale5); width: 515px; position: absolute; right: 266px; top: 70px; }
  .supporting-1 {position: absolute;width: 1039px;transform: scale(1.2) translatey(var(--movey-alt));scale: var(--scale6);will-change: transform;max-width: none;left: 72%;top: 320px;transform: translate(-50%, -50%);}
  .balloons {position: absolute;scale: var(--scale2);opacity: var(--opacity);max-width: none;width: 588px;top: 65%;left: 68%;transform: translate(-50%, -50%);z-index: 3;}
  .bingo-ball-1 { transform: scale(1) translatex(var(--movex)); scale: var(--scale3); opacity: var(--opacity); rotate: var(--rotate2); width: 381px; position: absolute; right: 552px; top: 283px; z-index: 1; }
  .bingo-ball-2 { transform: scale(1) translatex(var(--movex-2)); scale: var(--scale4); opacity: var(--opacity); rotate: var(--rotate); width: 605px; position: absolute; right: 467px; top: 75px; transform-origin: right bottom; z-index: 2; }
  .particle-wrap { position: relative; top: 50%; left: 68%; width: 0px; height: 0px; transform-style: preserve-3d; perspective: 1000px; animation: 24s linear 0s infinite normal none running rotate; scale: 1.8; }
  .main-subject-4 { position: absolute; width: 742px; transform: translateY(var(--translateY)); will-change: transform; max-width: none; right: 151px; top: 159px; }
  .sec-parallax .water { width: 170%; }
  .sec-parallax .ball-blue { top: 372px; }
  .sec-parallax .ball-red { top: 406px; }
  .how-it-works {text-align: center;overflow-x: clip;height: 693px;background-size: 120%;background-position: left -320px center;}
  .sec-parallax { width: 2684px; transform: translatex(var(--swimright)); will-change: transform; max-width: none; left: -461px; top: 178px; }
}