/* Minification failed. Returning unminified contents.
(35,59): run-time error CSS1046: Expect comma, found '18'
(35,65): run-time error CSS1046: Expect comma, found ')'
(35,78): run-time error CSS1046: Expect comma, found '0'
(35,82): run-time error CSS1046: Expect comma, found ')'
(36,59): run-time error CSS1046: Expect comma, found '61'
(36,65): run-time error CSS1046: Expect comma, found ')'
(36,77): run-time error CSS1046: Expect comma, found '13'
(36,83): run-time error CSS1046: Expect comma, found ')'
(37,58): run-time error CSS1046: Expect comma, found '228'
(37,65): run-time error CSS1046: Expect comma, found ')'
(37,77): run-time error CSS1046: Expect comma, found '220'
(37,84): run-time error CSS1046: Expect comma, found ')'
(324,68): run-time error CSS1046: Expect comma, found '232'
(324,75): run-time error CSS1046: Expect comma, found ')'
(849,60): run-time error CSS1046: Expect comma, found '20'
(849,65): run-time error CSS1046: Expect comma, found ')'
(849,79): run-time error CSS1046: Expect comma, found '24'
(849,84): run-time error CSS1046: Expect comma, found ')'
(850,59): run-time error CSS1046: Expect comma, found '59'
(850,64): run-time error CSS1046: Expect comma, found ')'
(850,78): run-time error CSS1046: Expect comma, found '94'
(850,83): run-time error CSS1046: Expect comma, found ')'
(851,56): run-time error CSS1046: Expect comma, found '23'
(851,61): run-time error CSS1046: Expect comma, found ')'
(851,73): run-time error CSS1046: Expect comma, found '43'
(851,79): run-time error CSS1046: Expect comma, found ')'
(852,59): run-time error CSS1046: Expect comma, found '45'
(852,64): run-time error CSS1046: Expect comma, found ')'
(852,77): run-time error CSS1046: Expect comma, found '200'
(852,84): run-time error CSS1046: Expect comma, found ')'
(853,60): run-time error CSS1046: Expect comma, found '9'
(853,64): run-time error CSS1046: Expect comma, found ')'
(853,78): run-time error CSS1046: Expect comma, found '24'
(853,83): run-time error CSS1046: Expect comma, found ')'
(854,64): run-time error CSS1046: Expect comma, found '44'
(854,69): run-time error CSS1046: Expect comma, found ')'
(854,82): run-time error CSS1046: Expect comma, found '86'
(854,88): run-time error CSS1046: Expect comma, found ')'
(855,62): run-time error CSS1046: Expect comma, found '87'
(855,67): run-time error CSS1046: Expect comma, found ')'
(855,81): run-time error CSS1046: Expect comma, found '155'
(855,87): run-time error CSS1046: Expect comma, found ')'
(856,58): run-time error CSS1046: Expect comma, found '29'
(856,63): run-time error CSS1046: Expect comma, found ')'
(856,76): run-time error CSS1046: Expect comma, found '70'
(856,82): run-time error CSS1046: Expect comma, found ')'
(857,56): run-time error CSS1046: Expect comma, found '15'
(857,61): run-time error CSS1046: Expect comma, found ')'
(857,75): run-time error CSS1046: Expect comma, found '30'
(857,80): run-time error CSS1046: Expect comma, found ')'
(858,57): run-time error CSS1046: Expect comma, found '52'
(858,61): run-time error CSS1046: Expect comma, found ')'
(858,75): run-time error CSS1046: Expect comma, found '103'
(858,81): run-time error CSS1046: Expect comma, found ')'
(859,58): run-time error CSS1046: Expect comma, found '40'
(859,64): run-time error CSS1046: Expect comma, found ')'
(859,77): run-time error CSS1046: Expect comma, found '113'
(859,84): run-time error CSS1046: Expect comma, found ')'
(860,58): run-time error CSS1046: Expect comma, found '40'
(860,64): run-time error CSS1046: Expect comma, found ')'
(860,76): run-time error CSS1046: Expect comma, found '61'
(860,82): run-time error CSS1046: Expect comma, found ')'
(861,63): run-time error CSS1046: Expect comma, found '46'
(861,68): run-time error CSS1046: Expect comma, found ')'
(861,81): run-time error CSS1046: Expect comma, found '66'
(861,87): run-time error CSS1046: Expect comma, found ')'
(870,58): run-time error CSS1046: Expect comma, found '255'
(870,65): run-time error CSS1046: Expect comma, found ')'
(870,80): run-time error CSS1046: Expect comma, found '211'
(870,87): run-time error CSS1046: Expect comma, found ')'
(871,61): run-time error CSS1046: Expect comma, found '81'
(871,67): run-time error CSS1046: Expect comma, found ')'
(871,80): run-time error CSS1046: Expect comma, found '31'
(871,85): run-time error CSS1046: Expect comma, found ')'
(886,56): run-time error CSS1046: Expect comma, found '255'
(886,63): run-time error CSS1046: Expect comma, found ')'
(886,77): run-time error CSS1046: Expect comma, found '223'
(886,84): run-time error CSS1046: Expect comma, found ')'
(947,136): run-time error CSS1046: Expect comma, found '199'
(947,143): run-time error CSS1046: Expect comma, found ')'
(948,150): run-time error CSS1046: Expect comma, found '199'
(948,157): run-time error CSS1046: Expect comma, found ')'
(1335,1): run-time error CSS1019: Unexpected token, found '}'
(1497,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(1497,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1504,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(1504,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1535,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(1535,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1558,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(1558,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1576,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(1576,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(1591,1): run-time error CSS1019: Unexpected token, found '}'
 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
*,*::before,*::after {box-sizing: border-box;}
ol, ul {list-style: none;}
img {max-width: 100%;}
table {border-collapse: collapse;}
textarea {white-space: revert;}


/* Global */
body{font-family:"font-regular", sans-serif; background:#fff;}
a {cursor: pointer; text-decoration:underline;  transition: all .2s ease-in-out; color:#015bd1}

a:hover {color:#015bd1; text-decoration:underline;}
*:hover { transition: all .2s ease-in-out}
strong {font-family:"font-bold", sans-serif;}


/* Layout */
.fx, .row {display:flex;}
.fx-col {flex-direction:column;}
.jc-cn {justify-content:center;}
.jc-bt {justify-content:space-between;}
.jc-end {justify-content:flex-end;}
.al-cn {align-items:center;}
.al-end {align-items:flex-end;}
.fx-wrap {flex-wrap:wrap;}
.fx-grow-1 {flex-grow:1;}
.left-al {align-items:flex-start;}
.mainbody {min-height:49.7vh;}

html {scroll-behavior: smooth;}

.online-body {background:radial-gradient(circle, rgba(18,179,136,1) 0%, rgba(0,98,72,1) 100%); min-height:70vh; overflow:hidden;}
.online-body-2 {background:radial-gradient(circle, rgb(87 18 179) 0%, rgb(39 0 98) 100%); min-height:50vh; overflow:hidden; padding: 140px 40px;}
.online-body-3 {background:radial-gradient(circle, rgb(32 61 189) 0%, rgb(0 13 142) 100%); min-height:50vh; overflow:hidden; padding: 140px 40px;}
.online-body-4 {background:radial-gradient(circle, rgb(0 228 154) 0%, rgb(0 220 176) 100%); min-height:50vh; margin-bottom:-200px; overflow:hidden; padding: 140px 40px; color:#2b2b2b;}
.online-body-4 a {background:#2b2b2b; color:#fff; border-radius:50px; padding:12px 20px; text-align:center; text-decoration:none; font-family:"font-bold", sans-serif; margin:80px auto -76px auto; display:block; width:fit-content;}
.online-body .content, .online-body-2 .content, .online-body-3 .content {position:relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.online-body-4 .content {position:relative;display: flex;justify-content: center;align-items: center; column-gap:90px;}
.online-body-3 .content {flex-direction:row-reverse}
.online-body-2 h2, .online-body-3 h2 {font-size:40px;}
.online-body-2 p, .online-body-3 p {font-size:20px;}
.online-body-2 h2, .online-body-2 p, .online-body-3 h2, .online-body-3 p {color:#fff;}
.online-body-4 h2, .online-body-4 p {color:#000;}
.online-body-2 .infoBox {background:#6b1fcf; padding:30px; margin:40px 0 0 0; color:#fff; border-radius:12px;}
.online-body-3 .infoBox {background:#010e8a; padding:30px; margin:40px 0 0 0; color:#fff; border-radius:12px;}
.online-body-2 .infoBox p, .online-body-3 .infoBox p {width:100%; color:#fff; font-size:16px;}
.online-body .breadcrumbs {background:none; margin-bottom:0;}
.online-body h1 {font-size:60px; text-align:center; margin-top:2em; margin-bottom:1.6em; color:#fff;}
.online-body img {transform:rotate(-10deg) translateY(0vh);}
.slide-1-content {color:#fff;}
.slide-1-content p {font-size:23px; font-family:"font-bold", sans-serif;}
.why-play-tags {display:flex; flex-direction:column; width:500px; row-gap:30px;}
.why-play-tags a {background:linear-gradient(270deg, #1f9d7a00 16%, #006248 100%); padding:30px; border-radius:12px; color:#fff; display:flex; flex-direction:column; text-decoration:none; transition:.2s all ease; position:relative;}
.why-play-tags a:after {content:""; position:absolute; top:50%; transform:translateY(-50%); right:20px; background-image:url(/images/layout/down-arrow.svg); background-size:26px 26px; width:26px; height:26px;}
.why-play-tags a:hover {background:linear-gradient(270deg, #006248 16%, #006248 100%); transition:.2s all ease;}
.why-play-tags a span {font-family:"font-bold", sans-serif; font-size:20px;}
.why-play-tags p {margin-bottom:0; font-family:"font-regular", sans-serif; font-size:16px; line-height:24px; margin-top:10px;}
.link-upsell {display:flex; gap:15px; margin:50px 0 0 0; color:#fff; align-items:center; font-family:"font-bold", sans-serif;}
.why-play-button {background:#efdd10; color:#2b2b2b; border-radius:50px; padding:14px 20px; text-align:center; text-decoration:none; display:block; width:200px; font-family:"font-bold", sans-serif;}
.why-play-button:hover {background:#eaed00;}

#topBack {position: fixed; right: 30px; bottom: 30px; text-transform:none; cursor: pointer; z-index: 999; background:#fff; color:#006248; font-family:"font-bold", sans-serif; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); opacity: 0; transform: scale(0); transition: all .2s ease-in-out; border:none; display:flex; align-items:center; gap:6px; border-radius:50px; padding:14px 20px; font-size:16px; letter-spacing:0px;}
#topBack.is-active {opacity: 1; transform: scale(1);}

.online-body img {width: 50%;max-height: 550px;object-fit: contain;animation: phoneFloat 2s forwards ease-in-out;transform-origin: top;pointer-events: none; margin:0 79px 0 -80px;}
.online-body-2 img {width: 50%;max-height: 550px;object-fit: contain;animation: phoneFloat2 2s forwards ease-in-out; animation-delay:1s; opacity:0; transform-origin: top;pointer-events: none;}
.online-body-3 img {width: 50%;max-height: 550px;object-fit: contain;animation: phoneFloat3 2s forwards ease-in-out; animation-delay:3s; opacity:0; transform-origin: top;pointer-events: none; margin:0 100px 0 -100px}
.online-body .slide-1-content, .online-body-2 .slide-2-content, .online-body-3 .slide-3-content {width: 50%;}
@keyframes phoneFloat {0% {opacity: 0;transform: rotate(-10deg) translateY(100vh) scale(1)}80%, 81% {opacity: 1;transform: rotate(-10deg) translateY(-2vh) scale(1.52)}100% {opacity: 1;transform: rotate(-10deg) translateY(0vh) scale(1.5)}}
@keyframes phoneFloat2 {0% {opacity: 0;transform: rotate(-10deg) translateY(100vh) scale(1)}80%, 81% {opacity: 1;transform: rotate(-10deg) translateY(-2vh) scale(1.42)}100% {opacity: 1;transform: rotate(-10deg) translateY(0vh) scale(1.4)}}
@keyframes phoneFloat3 {0% {opacity: 0;transform: rotate(-10deg) translateY(100vh) scale(1)}80%, 81% {opacity: 1;transform: rotate(-10deg) translateY(-2vh) scale(1.52)}100% {opacity: 1;transform: rotate(-10deg) translateY(0vh) scale(1.5)}}

.gen-box {background:#fff; padding:25px; border-radius:12px;}
.grid .gen-box {margin-bottom:0;}
.page {width:1200px; margin:0 auto;}
.content {width:1200px; margin:0 auto; color:#2b2b2b;}
center {margin:0 auto;}
img.rounded {border-radius:30px;}
.m-bottom-30 {margin-bottom:30px;}
#content.homepage {z-index:4;}
.half {width:50%;}
.intro-two-col {display:grid; grid-template-columns:1fr 1fr; grid-gap:30px; margin-bottom:30px}
.intro-two-col .gen-box {margin-bottom:0;}
.centred {text-align:center;}
.box-shadow	{box-shadow: inset 0px 0px 150px rgba(0,0,0,0.2);}
.m-top-50 {margin-top:50px!important;}
.m-top-30 {margin-top:30px!important;}
.grid-2 {display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.grid-2 div {padding:30px;}
.state-winner-container .grid-2 div {box-shadow:none; padding:0; border-radius:0;}
.grid-3 {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px;}
.xtrMargin {margin:0 60px;}

.two-col {display:flex;}
.first-col {width:73%; margin-right:30px;}
.second-col {width:27%;}

/* Typography */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6, .title{font-family: "font-bold", sans-serif; letter-spacing:-1px;}
.h1,h1{margin-bottom: 20px; font-size: 36px; line-height:36px;}
.h2,h2{margin-bottom: 18px; font-size: 30px; line-height:30px;}
.h3,h3{margin-bottom: 18px; font-size: 24px; line-height:24px;}
.h4,h4{margin-bottom: 10px; font-size: 22px; line-height:24px;}
.h5,h5{margin-bottom: 5px; font-size: 18px; line-height:23px;}
h2.divider:after {content:""; width:100px; height:4px; background:#0e1b5e; display:block; margin:0 auto; margin-top:20px;}
a.blue-link {color:#253ec2; font-family:"font-bold", sans-serif; text-decoration:underline; padding-left:16px; text-underline-offset:4px; letter-spacing:-.3px; text-decoration-thickness:2px; position:relative;}
a.blue-link:hover {color:#0f2492;text-underline-offset:2px;}
a.blue-link:before {position:absolute; content:""; background-image:url(/images/icons/link-arrow.svg); top:50%; transform:translateY(-50%); left:2px; width:12px; height:12px; background-size:12px 12px;}
a.white-link {color:#fff; font-family:"font-bold", sans-serif; text-decoration:underline; padding-left:16px; text-underline-offset:4px; letter-spacing:-.3px; text-decoration-thickness:2px; position:relative;}
a.white-link:hover {text-underline-offset:2px;}
a.white-link:before {position:absolute; content:""; background-image:url(/images/icons/link-arrow-white.svg); top:50%; transform:translateY(-50%); left:2px; width:12px; height:12px; background-size:12px 12px;}
.homepage-margin {margin-bottom:5px; margin-top:60px;}
.heading-nj {padding-left:40px; position:relative;}
.heading-nj:before {position:absolute; content:""; background-image:url(/images/layout/new-jersey-flag.png); background-size:28px 28px; height:28px; width:28px; bottom:-2px; left: 0}

p {line-height:30px; margin-bottom: 20px;}
p.big {font-size:21px;}
p:last-child {margin-bottom:0;}

ul.bullet, ul.states-list, #notes ul {margin-bottom:30px;}
ul.bullet li, ul.states-list li, #notes li {margin-bottom:10px; padding-left:20px; position:relative; line-height:32px;}
ul.bullet li, ul.states-list li {background:url(/images/icons/list-star.svg) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.bullet li:before, ul.states-list li:before {display:none;}
ul.states-list {background:#eefffa; padding:30px; border-radius:14px; margin:30px 0 40px 0}
ul.states-list li {background:url(/images/layout/usa-flag.svg); margin-bottom:25px;}
ul.states-list li:last-child {margin-bottom:0;}
ul.states-list li.florida {background:url(/images/layout/florida-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.florida {background:url(/images/layout/florida-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.georgia {background:url(/images/layout/georgia-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.indiana {background:url(/images/layout/indiana-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.maryland {background:url(/images/layout/maryland-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.missouri {background:url(/images/layout/missouri-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.new-jersey {background:url(/images/layout/new-jersey-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.new-york {background:url(/images/layout/new-york-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.pennsylvania {background:url(/images/layout/pennsylvania-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.virginia {background:url(/images/layout/virginia-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}
ul.states-list li.tennessee {background:url(/images/layout/tennessee-flag.png) transparent left 11px no-repeat; background-size:22px; padding:5px 5px 5px 34px; list-style:none;}

ul.year-list {display:flex; margin-bottom:25px; flex-wrap:wrap;}
ul.year-list li {font-family:"font-bold", sans-serif; margin-right:7px; margin-bottom:7px; background:#044735; border-radius:4px;}
ul.year-list li:hover a {color:#fd0;}
ul.year-list li:last-child {margin-right:0;}
ul.year-list li a {text-decoration:none; color:#fff; display:block; padding:8px 14px;}
ul.year-list li a.current-year {background:#efdd10; color:#2b2b2b; border-radius:4px}

.full-width {width:100%; padding:40px; margin:30px 0; background:#f0f0f0;}
.full-width .container {width:1200px; margin:0 auto;}


/* BREADCRUMBS */
.breadcrumbs {background:#044735; margin-bottom:40px;}
#breadcrumb{display:flex;padding:5px;line-height:10px; font-size:14px; align-items:center; margin:0 auto 15px auto; flex-wrap:wrap; width:1200px;}
#breadcrumb li{display:inline-block;background: url(/images/icons/chev.svg) no-repeat 2px 50%;padding-left: 20px;background-size:10px 10px; color:#fff; margin:5px 0 5px 5px;}
#breadcrumb li:first-of-type {background:none;padding:0;}
#breadcrumb a {display:inline-block; color:#fff}
#breadcrumb li:first-child a {background: url(/images/icons/home.svg) no-repeat center 0;width: 18px;height: 18px; background-size:18px 18px;}
#breadcrumb li:first-child a span {display:none;}

/* Header */
header {display:flex; justify-content:center; position:absolute; left:50%; transform:translateX(-50%); z-index:99;}
header.alt {width:100%; background:#006248; background:radial-gradient(circle,rgba(0,146,108,1) 0%,rgba(0,98,72,1) 60%); position: relative;}
header.sub-nav-active {margin-bottom:80px}
header .inner {width:1200px; align-items:center; display:flex; justify-content:space-between; position: relative;}
header .inner nav > ul > li {margin-right:50px}
header .inner nav li:last-child {margin-right:0}
header .inner nav li a {font-family:"font-bold", sans-serif; text-decoration:none; color:#fff; position:relative;}
header .inner nav li a:before, .lottery-nav ul li a:before {content: "";position: absolute;transition: all ease .2s;border-bottom: 2px solid #fff;bottom: -5px; width:0;}
header .inner nav li a:hover:before, .lottery-nav ul li a:hover:before {width:100%; transition:all ease .2s;}
nav > ul > li > a, .linkStyle {display:flex; align-items:center; color:#fff; transition:all ease .2s; text-align:center; width:100%; text-decoration:none;cursor:pointer; font-family:"font-bold";}
header .logo {margin:15px 0;}

.top-header {display:flex;  width:100%; height:440px; overflow:hidden; position: relative; background: rgb(0,146,108); background: radial-gradient(circle, rgba(0,146,108,1) 0%, rgba(0,98,72,1) 60%); justify-content:center; margin-bottom:30px}
.top-header:before {content:""; background-image:url(/images/layout/statue-of-liberty.png); position:absolute; background-size:446px 332px; width:446px; height:332px; bottom:0;left:0;}
.top-header:after {content:""; background-image:url(/images/layout/us-skyline.png); position:absolute; background-size:1142px 437px; width:1142px; height:437px; bottom:0;left:50%; transform:translateX(-50%); opacity:.5}
.top-header .jackpot-box {display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:30px;}
.top-header .jackpot-box .img-box {display:flex; justify-content:flex-end; padding:15px;}
.top-header .jackpot-box img {width:300px; height:auto}
.top-header .inner {z-index:2; width:1200px; display:flex;}
.top-header .title {font-size:3em; color:#fff; text-shadow:0 2px 5px black;}
.top-header .title span {background:#00382b; color:#efdd10; padding:6px; line-height:70px;}
.top-header .jackpot {font-family:"font-bold", sans-serif; font-size:100px; line-height:100px; margin-bottom:15px; letter-spacing:-8px;color: #f7d115;}
.top-header .jackpot-box .cta-box {display:flex; flex-direction:column; align-items:center; margin:0 0 0 40px}
.top-header .jackpot-box .timerBox {margin:0 0 10px 0}
.top-header .jackpot-box a img.jackpot-logo {height:22px; width:unset; margin-left:10px;}
.top-header .jackpot-box a:hover {text-decoration:none; background:#eaed00; color:#2b2b2b;}
.top-header .header-gold-coin {position:relative;}
.top-header .header-gold-coin:after {position:absolute; content:""; background-image:url(/images/layout/header-gold-coins.png); background-size:461px 330px; width:461px; height:330px; right:-730px; bottom:80px}

.top-header .img-box, .top-header .title, .top-header .jackpot, .top-header .cta-box {opacity:1;}
.top-header .img-box.active, .top-header .title.active, .top-header .jackpot.active, .top-header .cta-box.active {opacity:1;transform:translateX(0); transition:all ease .2s;}
.top-header .curved {background-color:#f4f2ed;width: 120%;height: 250px;border-radius:50% 50% 0 0; position:absolute; bottom:-180px; z-index:100;}
.top-header .cta-box {padding:35px 60px; background:linear-gradient(270deg, rgba(4,56,44,1) 0%, rgba(0,98,72,0.5440301120448179) 100%); color:#fff; border-radius:30px; width:40%;}
.top-header .cta-box ul {margin:20px 0 10px 0; color:#fff}
.top-header .cta-box ul li {background:none; border:none; row-gap:3px;}
.top-header .cta-box ul li .counterType {font-size:32px;}
.top-header .cta-box ul li .counterVal {margin-top:8px; font-size:13px;}
.top-header .btn-yellow {margin-top:0;}

.timer {display:flex; justify-content:center;}
.timer li {background:rgba(255,255,255,0.4); width:45px; height:45px; border-radius:10px; display:flex; justify-content:center; align-items:center; flex-direction:column; line-height:10px; margin-right:10px; border:1px solid #fff;}
.timer li:last-child {margin-right:0}
.timer .counterType {display:block; font-size:18px; font-family:"font-bold", sans-serif; line-height:18px;}
.timer .counterVal {text-transform:uppercase; font-size:10px;}

.sub .navExpand {display: none;}
.subNav {background: #006248; position: absolute; top: 100px; left:0; transition: all .2s ease; z-index: 3; width:1200px; box-shadow: rgba(0,0,0,0.2) 0 10px 30px; border: 1px solid #333; z-index: 99; padding:12px; border-radius:25px; display:flex; flex-direction:column;}
.subNav.local:before {transform: translateX(-550%);}
/*.subNav ul li {display:inline-block;}*/
.subNav .links-inline {justify-content:center; background:rgba(255,255,255,0.1); border-radius:15px; padding:10px;}
.subNav .links-inline li  {margin:0 30px 0 0!important;}

.sub-nav {display:flex; width:1200px; margin:auto;position:relative;margin:-100px auto 75px;}
.sub-nav ul.sub-nav-list {display:flex;  width:850px; margin-left:350px;position:absolute;top:0;left:0;transform:translateY(-100px);}
.sub-nav ul li { flex-grow:1;border-right:1px solid rgba(0,0,0,.1);}
.sub-nav ul li a {width:100%; height:100%; display:flex; text-align:center; color:#fff; padding:8px 10px; justify-content:center;  font-size:14px; text-decoration:none; align-items:center;}

.sub-nav ul li:last-child {border-right:none}
.sub-nav .logo-box.active, .sub-nav ul.sub-nav-list.active{transform:translateY(0); transition:all ease .2s;}

/* Homepage */

.homepage-top {position:relative;z-index:1;}
.homepage-top .gen-box { margin-right:30px; width:720px;}
.homepage-top .title-box img {width:100px; height:auto; }
.homepage-top .title-box .img-box {background:#fff; border-radius:25px; margin:-20px 0 10px; padding:2px 10px;}
.homepage-top .results-box {background:#fff; border-radius:25px;width:470px; padding-bottom:30px; margin-bottom:30px;}
.homepage-top .title-box {background: linear-gradient(180deg, #1dbfef, #0c6883); display:flex; justify-content:center; flex-direction:column; border-radius:25px 25px 0 0; align-items:center; margin-bottom:10px;}
.homepage-top .title-box .title {margin-bottom:15px; font-size:24px; font-family:"font-bold", sans-serif; color:#fff;}
.homepage-top .date-box {font-size:24px; font-family:"font-bold", sans-serif; display:flex; align-items:center;margin:0 20px 10px 0}
.homepage-top .date-box span {display:block;}
.homepage-top .date-box .date {line-height:24px;}
.homepage-top .date-box .day {font-size:36px; line-height:30px;}
.homepage-top .date-box:before {content:""; background:url(/images/icons/calendar.svg) no-repeat center center; width:26px; height:26px; background-size:26px 26px; margin-right:5px; display:inline-block;}
.homepage-top .result {padding:15px; display:flex; align-items:center; justify-content:center;  flex-direction:column}
.homepage-top .results-box .cta-box {display:flex; justify-content:center;}
.homepage-top .results-box .cta-box .btn {margin-right:10px;}
.homepage-top .results-box .cta-box .btn:last-child {margin-right:0}
.homepage-top .results-box-wrap {display:flex; flex-direction:column; width:470px}
.homepage-top .check-results {background:#fff; border-radius:25px; padding:30px; margin-bottom:20px; display:flex;}
.homepage-top .check-results .img-box {margin-right:20px}
.homepage-top .check-results .h5 {margin-bottom:5px;}
.intro-box {text-align:center; margin-bottom:30px;}

.homepage-play-box {margin:180px auto 200px auto; width:60%; padding:50px; z-index:1; border-radius:14px; color:#fff; position:relative; transition:.3s all ease;}
.homepage-play-box:hover {transform:scale(1.06); transition:.3s all ease;}
.homepage-play-box:hover .play-intro:before {right:-380px;  transition:.9s all ease;}
.homepage-play-box:after {content:""; background-image:url(/images/layout/coin-background.svg); background-size:900px 500px; width:900px; height:500px; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); position:absolute; z-index:-2}
.homepage-play-box:before {content:""; background: #113683; background: linear-gradient(90deg, #113683 0%, #1a5c99 99%); width:100%; height:100%; left:0; bottom:0; position:absolute; border-radius:12px; z-index:-1}
.homepage-play-box .state-play {position:absolute; top:-15px; left:20px; width:40%}
.homepage-play-box .us-flag {position:absolute; bottom:0; left:0;border-radius:0 0 0 10px; width:340px; height:300px; z-index:-1}
.play-alert {padding:5px 5px 5px 45px; background:#07235b; z-index:1; position:relative; margin:10px 0 25px 0}
.play-alert:before {position:absolute; content:""; background-image:url(/images/layout/exclamation-mark.svg); background-size:19px 53px; width:19px; height:53px; left:15px; top:-12px;}
.play-intro {font-family:"font-bold", sans-serif; font-size:1.6em; text-shadow:0 4px 6px #0000008f; position:relative;}
.play-intro:before {content:""; position:absolute; right:-300px; top:-160px; background-image:url(/images/layout/coin-2.svg); transition:1.2s all ease; background-size:100px 100px; width:100px; height:100px; animation-name:coin-move; animation-duration:9s; animation-iteration-count:infinite;}
@keyframes coin-move {0% {transform:translateY(0px)} 50% {transform:translateY(20px)} 100% {transform:translateY(0px)}}
.play-jackpot {font-family:"font-bold", sans-serif; font-size:2.5em; color:#efdd10; margin-bottom:25px; text-shadow:0 4px 6px #0000008f}
.play-countdown span {color:#ff809e}
.play-countdown {margin-bottom:15px; position:relative;}
.play-countdown:after {position:absolute; content:""; background-image:url(/images/layout/coin-1.svg); transition:.9s all ease; background-size:70px 50px; width:70px; height:50px; top:-60px; left:-80px; animation-name:coin-move; animation-delay:3s; animation-duration:12s; animation-iteration-count:infinite;}
.homepage-play-box:hover .play-countdown:after {left:-120px; top:-70px; transition:.6s all ease;}
.homepage-play-box .fx {justify-content:space-between; align-items:center;}
.play-box-link {display:flex; justify-content:center;}
.play-box-link a {display:block; padding:14px 18px; position:relative; font-size:1em; overflow:hidden; background:#efdd10; color:#2b2b2b; z-index:1; font-family:"font-bold", sans-serif; text-decoration:none; border-radius:4px; box-shadow:0px 4px 4px #00000099;}
.play-box-link a:before {position:absolute; background:#fff260; background: linear-gradient(90deg, #efdd10 0%, #fff260 100%); left:-100%; top:0; transition:.8s all ease; content:""; width:100%; height:100%; z-index:-1;}
.play-box-link a:hover:before {left:0; transition:.8s all ease;}

.how-to-background {background:radial-gradient(circle,rgba(7,173,130,1) 0%,rgba(0,98,72,1) 100%); position:relative; overflow:hidden; z-index:0; margin-bottom:50px; margin-top:40px}
.how-to-background:before {content:""; background-image:url(/images/layout/how-to-background.svg); position:absolute; z-index:-1; opacity:.7; background-size:2100px 553px; width:2100px; height:553px; top:-10%; left:50%; transform:translateX(-50%)}
.how-to-background .container {width:1200px; margin:0 auto; color:#fff; padding:50px 0;}
.how-to-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; margin:40px 0 30px 0;}
.how-to-box {background:#fff; border-radius:12px; padding:25px; color:#2b2b2b}
.how-to-box h3 {font-size:1.1em; margin-bottom:16px; letter-spacing:-.2px; background:#006248; border-radius:6px; padding:5px 5px 5px 43px; color:#fff; position:relative; margin-top:0;}
.how-to-box h3:before {content:"1"; position:absolute; left:0; top:0; background:#159e79; color:#fff; width:32px; height:100%; line-height:32px; border-radius:4px 0 0 4px; text-align:center; font-size:16px; font-family:"font-bold", sans-serif;}
.how-to-grid .how-to-box:nth-child(2) h3:before {content:"2"}
.how-to-grid .how-to-box:nth-child(3) h3:before {content:"3"}
.how-to-grid .how-to-box:nth-child(4) h3:before {content:"4"}


.about-grid {display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:1fr; grid-column-gap:80px; grid-row-gap:0; margin-top:80px; margin-bottom:50px;}
.about-links {display:flex;}
.about-links div {margin-right:1.1em;}
.about-links a {display:block; padding:14px 30px; position:relative; font-size:1em; overflow:hidden; background:#9effac; color:#2b2b2b; z-index:1; font-family:"font-bold", sans-serif; text-decoration:none; border-radius:4px;}
.about-links a:before {position:absolute; background:#9effac; background: linear-gradient(90deg, #9effac 0%, #c5ffcd 100%); left:-117px; top:0; transition:.8s all ease; content:""; width:100%; height:100%; z-index:-1;}
.about-links a:hover:before {left:0; transition:.8s all ease;}
.about-links div:last-child {margin-right:0;}

.participating-states {display:grid; grid-template-columns:1fr 1fr; margin:30px 0 80px 0; border-radius:14px; box-shadow:0 0 27px #00000045; position:relative; z-index:0;}
.participating-states:after {content:""; background-image:url(/images/layout/coin-2.svg); z-index:-1; position:absolute; background-size:100px 100px; height:100px; width:100px; right:-80px;bottom:30px;}
.map-container {background:#fff; display:flex; padding:20px; justify-content:center; border-radius:14px 0 0 14px; overflow:hidden;}
g.mapZoom {transition:1.5s all ease; transform:translate(0)}
g.mapZoom a:hover path {fill:#00382b;}
g.mapZoom a:hover path.cls-1 {fill:#fff;}
.participating-states:hover .map-container g.mapZoom {transform:translateX(-385px) translateY(-144px) scale(1.3);  transition:1.5s all ease;}
.state-list {background:#006248; position:relative; text-align:center; padding:30px; color:#fff; z-index:0; border-radius:0 14px 14px 0; overflow:hidden; font-family:"font-bold", sans-serif; font-size:18px;}
.state-list:before {position:absolute; content:""; background-image:url(/images/layout/wavy-background.png); background-size:614px 439px; width:614px; height:439px; opacity:.9; top:0; left:0; z-index:-1;}
ul.states {display:grid; grid-template-columns:1fr 1fr; gap:20px;}
ul.states li {background:#fff; border-radius:50px; display:flex; text-align:left;}
ul.states img {width:46px; height:46px;}
ul.states a {text-decoration:none; padding:12px 15px; width:100%; display:block; position:relative;}
ul.states a:before {position:absolute; content:""; top:50%; right:15px; transform:translateY(-50%); background-image:url(/images/icons/link-arrow.svg); z-index:1; background-size:12px 12px; width:12px; height:12px; text-align:center;}
ul.states a:after {position:absolute; content:""; top:50%; right:10px; transition:.2s all ease; transform:translateY(-50%); width:24px; height:24px; background:#e7e7e7; z-index:0; border-radius:50px; text-align:center;}
ul.states a:hover:before {background-image:url(/images/icons/link-arrow-white.svg);}
ul.states a:hover:after {background:#253ec2; transition:.2s all ease;}

/* STATE PAGES */
.state-section {display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:30px;}
.state-result {background:linear-gradient(270deg, rgba(0, 98, 72, 1) 0%, rgba(0, 146, 108, 1) 99%); border-radius:12px; padding:25px; position:relative; overflow:hidden; z-index:0; grid-area:1/1/2/2;}
.state-result:after {content:""; background-image:url(/images/layout/wavy-background.png); background-size:614px 439px; width:614px; height:439px; opacity:.5; position:absolute; bottom:-10px; left:-10px; z-index:-1;}
.state-date {font-family:"font-bold", sans-serif; font-size:18px; margin-bottom:20px; color:#fff;}
.state-result ul.balls {margin-bottom:35px;}
.state-result ul.balls .cash-ball-text {color:#fff;}
.state-stats {grid-area:2/1/3/2; position:relative; overflow:hidden;}
.state-stats span {font-family:"font-bold", sans-serif;}
.state-stats div {display:flex; justify-content:space-between; align-content:center; background:#004c38; color:#fff; border-radius:6px; padding:15px 20px; margin-bottom:14px; transform:translateX(-30vw); animation:statsJump; animation-duration:.85s; animation-fill-mode:forwards;}
.state-stats div:nth-child(1) {animation-delay:.2s;}
.state-stats div:nth-child(2) {background:#00724d; animation-delay:.4s;}
.state-stats div:nth-child(3) {background:#00df8b; color:#2b2b2b; animation-delay:.6s;}
.state-stats div:nth-child(4) {background:#32ffb2; color:#2b2b2b; animation-delay:.8s;}
@keyframes statsJump {0% {transform:translateX(-30vw)} 100% {transform:translateY(0)}}
.state-stats div:last-child {margin-bottom:0;}
.state-breakdown {grid-area:1/2/3/3;}
.state-winner-container {background:linear-gradient(270deg, rgb(33 232 180)  0%, rgba(0, 98, 72, 1) 99%); color:#fff; padding:40px; border-radius:14px; margin:60px 0 40px 0;}
.state-image {margin:auto;}
.state-winner-content {margin:auto 0}
.state-winner-content ul {margin-bottom:0;}

/* HOW TO PLAY */

.how-to-steps { padding:60px; text-align:center;}
.how-to-steps .row {display:flex;}
.how-to-steps.alt .row {flex-direction:column;}
.how-to-steps .top {margin-bottom:40px;}
.how-to-steps .box {display:flex;padding:50px; flex-grow:1; width:50%;transition:all ease .3s; flex-direction:column; align-items:flex-start;justify-content:center; align-items:center;}
.how-to-steps.alt .box {width:100%; border-right:none!important; border-top:none!important; border-bottom:1px solid #eaeaea}
.how-to-steps.alt .box.last {border-bottom:none;}
.how-to-steps .box:hover {background:#eaeaea; transition:all ease .3s;}
.how-to-steps .box.box1 {border-right:1px solid #eaeaea;}
.how-to-steps .box.box2 {border-bottom:1px solid #eaeaea;}
.how-to-steps .box.box3 {border-right:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.how-to-steps .number {width:30px; height:30px; line-height:30px;background:#0e1b5e; border-radius:50%; color:#fff; font-family:"font-bold"; font-size:21px; margin-right:10px; position:relative; text-align:center;}
.how-to-steps.fantasy-5 .number {background:#d80d1e}
.how-to-steps .title {font-size:24px;}
.how-to-steps img {width:150px;}
.how-to-steps .titleBox {display:flex; align-items:center; margin-bottom:10px;justify-content:center;}
.how-to-steps p {text-align:center;}

.how-to-play-list .box {border:3px solid #0e1b5e; padding:20px; border-radius:25px; margin-bottom:30px; display:flex; align-items:center;}
.how-to-play-list .number {background:#0e1b5e; border-radius:50%; width:50px; height:50px;text-align:center; color:#fff; font-family:"font-bold"; font-size:21px; margin-right:10px; line-height:44px; margin-left:-50px; border:3px solid #fff}
.how-to-play-list.lotto-47 .box {border-color:#07779a}
.how-to-play-list.lotto-47 .number {background:#07779a}
.how-to-play-list.fantasy-5 .box {border-color:#d80d1e}
.how-to-play-list.fantasy-5 .number {background:#d80d1e}
.how-to-play-list.keno .box {border-color:#c40074}
.how-to-play-list.keno .number {background:#c40074}
.how-to-play-list.powerball .box {border-color:#700000}
.how-to-play-list.powerball .number {background:#700000}
.how-to-play-list.mega-millions .box {border-color:#177d9c}
.how-to-play-list.mega-millions .number {background:#177d9c}
.how-to-play-list.lucky-for-life .box {border-color:#25880f}
.how-to-play-list.lucky-for-life .number {background:#25880f}
.how-to-play-list.daily-3 .box {border-color:#4f811c}
.how-to-play-list.daily-3 .number {background:#4f811c}
.how-to-play-list.daily-4 .box {border-color:#4f811c}
.how-to-play-list.daily-4 .number {background:#4f811c}

.double-box {display:grid; grid-template-columns:1fr 1fr; grid-gap:30px;}

.timeline .box{display:flex;}
.timeline .dateBox {width:50%; display:flex;justify-content:flex-end; padding-right:50px; align-items:center; position: relative;}
.timeline .imgBox:after {content:"";height:5px; width:40px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#0e1b5e;}
.timeline .dateBox img {width:80px;}
.timeline .date {margin:0 10px 0 0; text-align:center;}
.timeline .date:after {content:"";height:25px; width:25px; position:absolute; top:50%; right:-15px; transform:translateY(-50%); background:#0e1b5e; border-radius:50%; border:3px solid #fff;}
.timeline .date span{font-weight:700; font-size:48px; display:block; line-height:68px;}
.timeline .inner {border-left: 5px solid #0e1b5e; width:50%; padding:0 0 50px 30px;}
.timeline {margin: 20px 0; position:relative; display:inline-block;}
.timeline .title {font-size:21px; margin-bottom:15px;}
.timeline .box.alt .dateBox {justify-content:flex-start;padding:0 0 0 50px;border-left: 5px solid #0e1b5e}
.timeline .box.alt .dateBox .imgBox {order:1;}
.timeline .box.alt .dateBox .date {order:2; margin:0 0 0 20px;}
.timeline .box.alt .inner {border-left:0;padding:0 30px 50px 0}
.timeline .box.alt .imgBox:after {right:auto;left:0;}
.timeline .box.alt .date:after {right:auto; left:-15px;}
.timeline .box.alt .dateBox {order:2;}

/* STATS */

.freqBalls {display:flex; flex-wrap:wrap; margin-top:20px;}
.freqBalls .ball {margin:0 0 10px 0; padding:0;}
.freqBalls .inner {background:#dfdfdf; padding:15px 8px; display:flex; flex-direction:column; align-items:center; min-width:114px; border-radius:15px; margin:2px;}
.freqBalls .text {font-size:18px;}
.graphBall {flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:10px;}
.graphBall .ball {margin: 0 10px 0;}
.statsBox {display:flex; margin-bottom:30px; flex-wrap:wrap}
.statsBox .box {display:flex; align-items:center; flex-direction:column;  background:#dfdfdf; text-align:center; padding:15px 10px; flex-grow:1; border-radius:15px;margin:2px; flex-grow:1;}
.statsBox.cold .box {background:#1b348f; color:#FFF}
.statsBox.hot .box {background:#df753b;color:#fff}
.statsBox .freq, .winnersMap .region {display: flex;align-items: center;margin-bottom: 5px;border: 1px solid rgba(0,0,0,.3);border-radius: 25px;padding: 2px 15px 2px 2px;}
.statsBox .freq .title, .winnersMap .region .title {background: rgba(0,0,0,.1);display: inline-block;padding: 5px 15px;border-radius: 25px 0 0 25px; margin-right:10px; font-size:12px;}
.statsBox .freq.alt {flex-direction:column; padding:2px; width:100%; border-radius:15px;}
.statsBox .freq.alt .title {margin:0 0 10px 0; border-radius:15px 15px 0 0; width:100%;}
.statsBox .box:last-child {margin-right:0;}
.statsBox .ball {margin:0 0 15px 0;}
.statsBox .stat, .winnersMap .winners {font-weight:700;}
.statsBox .freq {margin-bottom:10px;}
.statsBox .ballBox {display:flex;}
.statsBox .ballBox .ball {margin-right:5px;}
.statsBox .ballBox .ball:last-child {margin-right:0;}
.statsBox .twoCol {display:flex; margin-bottom:15px;}
.statsBox .twoCol .textBox:first-child {margin-right:10px; border-right:1px solid #bcbcbc; padding-right:10px;}
.statsBox .box.eqMargin {margin:10px;}
.oddsEven {flex-wrap:wrap}
.oddsEven .box {min-width:23%}
.statsBox .ball.bonus-ball, .freqBalls .ball.bonus-ball {margin-bottom:20px;}
.statsBox .ball.bonus-ball.alt {color:#fff; border-color:#fff;}
.graphOverflow {overflow-x:scroll}
#frequencyBonusGraph .ball.lucky-ball:after {display:none}


/* RESULTS */

.homepage-results {display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:20px 0;}
.home-result {background:#006248; background: linear-gradient(270deg, rgba(0,98,72,1) 0%, rgba(0,146,108,1) 99%); color:#fff; border-radius:12px; padding:25px; position:relative; overflow:hidden; z-index:0;}
.home-result:after {content:""; background-image:url(/images/layout/wavy-background.png); background-size:614px 439px; width:614px; height:439px; opacity:.5; position:absolute; bottom:-10px; left:-10px; z-index:-1;}
.home-result .fx {justify-content:space-between;}
.result-title {font-family:"font-bold", sans-serif; font-size:1.2em; margin-bottom:.2em;}
.home-result ul {margin:30px 0 15px 0;}
.draw-number {font-family:"font-bold", sans-serif; position:relative; z-index:0;}
.draw-number:after {position:absolute; width:130px; height:28px; background:#002d21; opacity:.8; top:-3px; right:-36px; content:""; z-index:-1;}

.results-grid-top {display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.results-box-top {background:#006248; background: linear-gradient(270deg, rgba(0,98,72,1) 0%, rgba(0,146,108,1) 99%); color:#fff; border-radius:12px; padding:25px; position:relative; overflow:hidden; z-index:0;}
.results-box-top:after {content:""; background-image:url(/images/layout/wavy-background.png); background-size:614px 439px; width:614px; height:439px; opacity:.5; position:absolute; bottom:-10px; left:-10px; z-index:-1;}
.results-box-top .results-date {margin-bottom:1em; font-size:1.2em; font-family:"font-bold", sans-serif;}

.winner-icon {position:absolute; content:""; background-image:url(/images/layout/winner-icon.svg); background-size:30px 30px; width:30px; height:30px; top:10px; right:10px;}

.results-slider {width:100%; background:#fff; border:solid 1px #dadada; border-radius:14px; margin-bottom:25px; padding:15px; display:flex; justify-content:space-between; align-items:center;}
.results-slider .results-date {font-family:"font-bold", sans-serif;}
.results-grid-bottom {position:relative; min-height:auto; overflow:hidden; padding-top:15px;}
.results-grid-bottom .results-slider {transform:translateY(100vh); animation-name:resultSlide; animation-duration:.8s; transition: .1s linear; animation-fill-mode:forwards;}
.results-grid-bottom .results-slider:nth-child(even) {background:#f3f3f3;}
.results-grid-bottom .results-slider:nth-child(1) {animation-delay:.1s;}
.results-grid-bottom .results-slider:nth-child(2) {animation-delay:.2s;}
.results-grid-bottom .results-slider:nth-child(3) {animation-delay:.3s;}
.results-grid-bottom .results-slider:nth-child(4) {animation-delay:.4s;}
.results-grid-bottom .results-slider:nth-child(5) {animation-delay:.5s;}
.results-grid-bottom .results-slider:nth-child(6) {animation-delay:.6s;}
.results-grid-bottom .results-slider:nth-child(7) {animation-delay:.7s;}
.results-grid-bottom .results-slider:nth-child(8) {animation-delay:.8s;}
.results-grid-bottom .results-slider:nth-child(9) {animation-delay:.9s;}
.results-grid-bottom .results-slider:nth-child(10) {animation-delay:1s;}
@keyframes resultSlide {0% {transform:translateY(100vh)} 80% {transform:translateY(-.5vh)} 100% {transform:translateY(0vh); transition:.1s linear;}}
.results-slider.more-results {justify-content:center!important; border:solid 1px #e9e9e9; font-family:"font-bold", sans-serif; border-radius:8px; background:#ffffef; padding:12px;}
.results-slider.more-results a {color:#253ec2!important;}

.breakdown-results {display:grid; grid-template-columns:1.5fr 1fr; gap:30px; margin-bottom:30px;}
.check-prompt {border-radius:14px; padding:35px 25px 15px 30px; background:#f4f4f4; position:relative; overflow:hidden;}
.check-prompt:before {position:absolute; content:""; background-image:url(/images/layout/trophy.svg); background-size:130px 130px; width:130px; height:130px; opacity:.06; bottom:-25px; right:-35px; transform:rotate(13deg); transition:.3s all ease;}
.check-prompt:hover:before {position:absolute; content:""; background-image:url(/images/layout/trophy.svg); background-size:170px 170px; width:170px; height:170px; opacity:.06; bottom:-25px; right:-55px; transform:rotate(-6deg); transition: .3s all ease;}
.breakdown-results .results-box-top {align-content:center; padding:35px}
.breakdown-results .results-box-top ul {margin:0 auto}
.check-prompt .prompt-title {font-family:"font-bold", sans-serif; font-size:1.3em; margin-bottom:5px;}
.breakdown-results .results-box-top:after {background-size:cover; width:100%; height:439px; left:0;}
.check-prompt p {font-size:.9em; margin-bottom:20px; width:76%; line-height:1.8em;}
.check-prompt a {color:#253ec2; font-family:"font-bold", sans-serif;}
.check-prompt a:hover {color:#0c1d79; font-family:"font-bold", sans-serif;}
.check-prompt span {background:#efdd10; padding:5px 8px; margin:3px 5px 5px 0; border-radius:4px; font-family:"font-bold", sans-serif;}

.breakdown-slider {border:solid 1px #dadada; border-radius:8px; margin-bottom:30px;}
.breakdown-states {display:flex; flex-direction:column; justify-content:space-between; column-gap:10px; padding:20px;}
.state-winners span {font-family:"font-bold", sans-serif; font-size:1.05em;}
.state-winners {display:flex; justify-content:space-between; padding-bottom:7px; margin-bottom:7px; border-bottom:solid 1px #dadada;}
.breakdown-states .state-winners:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0; padding-top:5px; font-family:"font-bold",sans-serif;}
.breakdown-prize {color:#efdd10;}
.breakdown-container {display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap:30px;}
.no-winners {color:#cdcdcd}
.breakdown-prizename {display:flex; justify-content:space-between;font-family:"font-bold", sans-serif; font-size:1.1em; padding:10px 20px; background:#006248; color:#fff; border-radius:8px 8px 0 0;}

.state-percentages {display:flex; margin-bottom:60px; background:#f4f4f4; border-radius:16px; border:solid 1px #dadada;}
.state-percentages div {height:26px; text-align:center; font-size:.9em; position:relative; opacity:0; align-content:center; animation-name:percentageGrow; animation-duration:2.2s; animation-fill-mode:forwards; transition:.2s all ease;}
@keyframes percentageGrow {0% {flex-basis:0%; opacity:0} 8% {opacity:0} 100% {opacity:1}}
.state-percentages div span {display:none;}
.state-percentages div:before {position:absolute; content:"" attr(data-title); font-size:.75em; bottom:-15px; left:50%; transform:translateX(-50%); color:#000; animation-name:percentageDelay; animation-delay:2s; animation-fill-mode:forwards; animation-duration:.3s;}
.state-percentages div:first-child {background:#006248; color:#fff; border-radius:16px 0 0 16px}
.state-percentages div:nth-child(2) {background:#007c5b; color:#fff;}
.state-percentages div:nth-child(3) {background:#008c67; color:#fff;}
.state-percentages div:nth-child(4) {background:#009c73; color:#fff;}
.state-percentages div:nth-child(5) {background:#01af81; color:#fff;}
.state-percentages div:nth-child(6) {background:#00c692; color:#000;}
.state-percentages div:nth-child(7) {background:#00d9a0; color:#000;}
.state-percentages div:nth-child(8) {background:#00f1b1; color:#000;}
.state-percentages div:nth-child(9) {background:#5effd4; color:#000; border-radius:0 16px 16px 0}

.heading-flex {display:flex; justify-content:space-between;}

.month-dropdown {height:60px; background:#fff; border-radius:12px; margin-bottom:20px; overflow:hidden; padding:20px; border:solid 1px #dadada; cursor:pointer; position:relative; transition:.5s all ease;}
.month-dropdown:before {position:absolute; content:""; background-image:url(/images/layout/magnifying-glass.svg); background-size:20px 20px; width:20px; height:20px; top:0; right:0; padding:20px; margin:20px 0 0 0; background-repeat:no-repeat; cursor:pointer;}
.month-dropdown.active {height:1200px; cursor:auto;  transition:.5s all ease;}
.month-name {margin-bottom:20px; font-family:"font-bold", sans-serif;}
.content .month-dropdown:nth-child(odd) {background:#f3f3f3}
.mRight {margin-right:30px;}

/* Balls */

.balls, .smartpicks-box .centred {display:flex;}
.balls.stacked {flex-wrap:wrap;}
.ball {background:linear-gradient(180deg, #fff 0%, #c7c7c7 100%); width:44px; height:44px; font-size:20px; line-height:44px; border-radius:50%; text-align:center; margin-right:5px; color:#000; font-family:"font-bold", sans-serif; list-style:none}
.ballselected {
  width: 44px;
  height: 44px;
  font-size: 20px;
  line-height: 44px;
  border-radius: 50%;
  text-align: center;
  color: #000;
  font-family: "font-bold", sans-serif;
  position: relative;
  box-shadow: inset -7px -11px 2px black; /* Keeps the inset shadow on the ball */
  z-index: 1;
}

.ballselected:before {
  position: absolute;
  content: "";
  background: #006248;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 44px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Keep element centered initially */
  animation: ballPop 0.4s ease-in-out 0s forwards; /* Changed to 'forwards' to preserve state */
  z-index: -1;
}

@keyframes ballPop {
  0% {
    width: 44px;
    height: 44px;
    opacity: 1;
  }
  100% {
    width: 60px;
    height: 60px;
    opacity: 0; /* Fade out pseudo-element */
    transform: translate(-50%, -50%) scale(1.1);
    z-index: -1; /* Ensure the pseudo-element stays behind */
  }
}
.balldisabled {background: #fff; width:44px; height:44px; font-size:20px; line-height:44px; border-radius:50%; text-align:center; color:#000; font-family:"font-bold", sans-serif; box-shadow:inset -3px -6px 6px #00000069;}
@-moz-document url-prefix() {.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {outline: 1px solid white;}}
.ball {position: relative; transform-style: preserve-3d;}
.cash-ball-text {align-content:center; margin:0 5px 0 10px; font-size:.9em; text-align:center;}
.ball.cash-ball {background:radial-gradient(circle at 50% 25%,#66ffd6,#00be8b)}
.balldisabled, .bonus-balldisabled, .ball.disabled {opacity:.3}
.balldisabled.cash-ball {background:radial-gradient(circle at 50% 25%,#66ffd6,#00be8b);}
.ball.white {box-shadow:0 0 1px 1px #006248; color:#006248; background:#fff;}
.ball.white:before, .ball.white:after {display:none;}
.ball.green {color:#fff; background:#006248; box-shadow:0 0 1px 1px #006248; margin-left:7px;}
.ball.green:before, .ball.green:after {display:none;}
.ball.animate {animation-name:ballBounce; animation-duration:.6s; animation-fill-mode:forwards; animation-timing-function:ease-in-out; margin-right:12px;}
@keyframes ballBounce {0% {transform:translateY(0);opacity:.5} 10% {transform:translateY(60px); opacity:0} 30% {opacity:0; filter:blur(2px)} 60% {transform:translateY(-60px); filter:blur(2px)} 90% {opacity:1; filter:blur(0px)} 100% {opacity:1; transform:translateY(0)}}

/* BANNER */
.content-play-box {background: linear-gradient(270deg, #061a78, #188b8a, #1a96b8); z-index:0; background-size: 600% 600%; -webkit-animation: backgroundGrad 16s ease infinite; -moz-animation: backgroundGrad 16s ease infinite; animation: backgroundGrad 16s ease infinite; margin-bottom:55px; border-radius:12px; position:relative; color:#fff; overflow:hidden; align-items:center; width:100%; padding:30px 60px 45px 60px; display:flex; justify-content:space-between;}
@-webkit-keyframes backgroundGrad {0%{background-position:35% 0%}50%{background-position:66% 100%}100%{background-position:35% 0%}}
@-moz-keyframes backgroundGrad {0%{background-position:35% 0%}50%{background-position:66% 100%}100%{background-position:35% 0%}}
@keyframes backgroundGrad {0%{background-position:35% 0%}50%{background-position:66% 100%}100%{background-position:35% 0%}}
.play-box-countdown {text-align:center; position:absolute; bottom:0px; left:0; background:#fda131; color:#2b2b2b; width:100%; border-radius:0 0 12px 12px; padding:6px 4px; opacity:0; height:0; animation-name:timerShow; animation-duration:.2s; animation-delay:8.5s; animation-fill-mode:forwards;}
@keyframes timerShow {0% {opacity:0;} 100% {opacity:1; height:32px;}}
.play-box-block {text-align:center; overflow:hidden; padding:0 30px;}
.play-box-content-1 {font-family:"font-bold", sans-serif; font-size:1.8em;}
.play-box-content-2 {font-family:"font-bold"}
.play-box-content-1 {transform:translateY(200px); animation-name:play-box-slide; animation-duration:4.3s; animation-delay:.2s; animation-fill-mode:forwards;}
@keyframes play-box-slide {0% {transform:translateY(140px)} 30% {transform:translateY(20px)} 90% {transform:translateY(20px)} 100% {transform:translateY(-5px) scale(.5)}}
.play-box-content-2 {transform:translateY(200px); opacity:0; animation-name:play-box-slide-2; animation-duration:5s; animation-delay:4.4s; animation-fill-mode:forwards; color:#efdd10;font-size:2.3em;}
@keyframes play-box-slide-2 {0% {transform:translateY(140px); opacity:1} 10% {transform:translateY(-11px); opacity:1} 49% {transform:translateY(-11px); opacity:1} 53% {transform:scale(1.1) translateY(-11px); opacity:1} 57% {transform:scale(1) translateY(-11px); opacity:1} 61% {transform:scale(1.1) translateY(-11px); opacity:1} 65% {transform:scale(1) translateY(-11px); opacity:1} 100% {transform:scale(1) translateY(-11px); opacity:1}}
.content-play-box .play-box-link {animation-name:buttonGrow; animation-delay:14s; animation-duration:1.7s; animation-fill-mode:forwards;}
@keyframes buttonGrow {0% {transform:scale(1)} 60% {transform:scale(1)} 70% {transform:scale(1.1)} 80% {transform:scale(1)} 90% {transform:scale(1.1)} 100% {transform:scale(1)}}
.content-play-box:before {content:""; position:absolute; width:1000px; height:1000px; background:#fff; opacity:.2; bottom:-400px; left:-700px; border-radius:50%; border:solid 80px #5cbcd4; animation-name: backgroundCircle; animation-duration:14s; animation-iteration-count:infinite; z-index:-1;}
@keyframes backgroundCircle {0% {transform:scale(.4); opacity:.2} 50% {transform:scale(2.8); border:solid 180px #5cd4b2; opacity:.01} 60% {opacity:0} 100% {transform:scale(.4); opacity:0}}

.sidebar-play {height:570px; border-radius:14px; padding:160px 30px 30px 30px; background:radial-gradient(circle,rgba(0,146,108,1) 0%,rgba(0,98,72,1) 60%); text-align:center; position:fixed; overflow:hidden; z-index:0;}
.sidebar-play:before {position:absolute; content:""; bottom:0; left:0; background-image:url(/images/layout/celebrating.png); background-size: 316px 250px; width:316px; height:250px; opacity:.6; z-index:-1;}
.sidebar-play:after {position:absolute; content:""; top:0; left:0; background-image:url(/images/layout/sidebar-fireworks.png); background-size: 316px 250px; width:316px; height:250px; opacity:.3; z-index:-1}
.sidebar-logo {animation:rollIn 1s ease-out forwards; position:absolute; left:-30vw; transform:translateX(-30vw); top:40px; opacity:0; transform-origin:center center; width:105px; height:105px;}
@keyframes rollIn {0% {opacity:0; transform: translateX(-30vw) rotate(0); left:unset;} 50% {transform:translateX(-10vw)} 100% {opacity:1; transform:translateX(-50%) rotate(359deg); left:50%;}}
.sidebar-timer {font-family:"font-bold", sans-serif; font-size:22px; color:#fff; margin-bottom:5px;}
ul.text-timer li.counterPart {background:none; width:unset; height:unset; border-radius:0; flex-direction:row; border:none; color:#fff; align-items:baseline; margin-left:10px; text-align:left;} 
ul.text-timer li.counterPart .counterVal {text-transform:none; margin-left:2px; font-size:14px; width:30px}
ul.text-timer li:nth-child(1) .counterType, ul.text-timer li:nth-child(2) .counterType, ul.text-timer li:nth-child(3) .counterType {position:relative;}
ul.text-timer li:nth-child(4) .counterType {position:relative; width:30px;}
ul.text-timer li:nth-child(1) .counterType:after {position:absolute; content:"d"; font-size:15px; line-height:21px;}
ul.text-timer li:nth-child(2) .counterType:after {position:absolute; content:"h"; font-size:15px; line-height:21px;}
ul.text-timer li:nth-child(3) .counterType:after {position:absolute; content:"m"; font-size:15px; line-height:21px;}
ul.text-timer li:nth-child(4) .counterType:after {position:absolute; content:"s"; font-size:15px; line-height:21px;}
ul.text-timer li:nth-child(1) .counterVal, ul.text-timer li:nth-child(2) .counterVal, ul.text-timer li:nth-child(3) .counterVal, ul.text-timer li:nth-child(4) .counterVal {display:none;}
.sidebar-jackpot {margin-top:30px; color:#fff; font-family:"font-bold", sans-serif;}
.sidebar-jackpot-part-1 {font-family:"font-regular", sans-serif; margin-bottom:20px; opacity:0; animation-name: slowAppear; animation-fill-mode:forwards; animation-duration:.6s; animation-delay:1.8s; animation-timing-function:ease-in-out;}
.sidebar-jackpot-part-2 {display:flex; justify-content:center; font-size:30px; letter-spacing:-.9px; text-shadow:0px 5px 3px #044b37;}
.sidebar-jackpot-part-2 div:nth-child(1) {animation-name:zoomText; animation-duration: .6s;animation-delay:2s; animation-timing-function:ease-in-out; opacity:0; animation-fill-mode:forwards; margin-right:32px;}
.sidebar-jackpot-part-2 div:nth-child(2) {animation-name:zoomText; animation-duration: .6s;animation-delay:2.4s; animation-timing-function:ease-in-out; opacity:0; animation-fill-mode:forwards; margin-right:24px;}
.sidebar-jackpot-part-2 div:nth-child(3) {animation-name:zoomText; animation-duration: .6s;animation-delay:2.8s; animation-timing-function:ease-in-out; opacity:0; animation-fill-mode:forwards;}
.sidebar-jackpot-part-3 {color:#efdd10; margin-top:10px; font-size:32px; display:flex; justify-content:center; text-shadow:0px 5px 3px #044b37;}
.sidebar-jackpot-part-3 div:nth-child(1) {animation-name:zoomText; animation-duration: .7s;animation-delay:3.2s; animation-timing-function:ease-in-out; opacity:0; animation-fill-mode:forwards; margin-right:34px;}
.sidebar-jackpot-part-3 div:nth-child(2) {animation-name:zoomText; animation-duration: .7s;animation-delay:3.6s; animation-timing-function:ease-in-out; opacity:0; animation-fill-mode:forwards;}
@keyframes zoomText {0% {transform:scale(1)} 50% {opacity:1; transform:scale(2)} 100% {opacity:1; transform:scale(1.4);}}
.timer-area {opacity:0; animation-name: slowAppear; animation-fill-mode:forwards; animation-duration:1.3s; animation-delay:1s; animation-timing-function:ease-in-out;}
@keyframes slowAppear {0% {opacity:0} 100% {opacity:1}}
.sidebar-play a {display:block; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); animation-name:ongoingPulse; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function:linear;  transform-origin:center center;}
@keyframes ongoingPulse {20% {transform: translateX(-50%) scale(1)} 70% {transform:translateX(-50%) scale(1.1)}}

/* Buttons */

.btn-wrap {display:inline-block;}
.btn, .link-button {background:#094cbf; border-radius:25px; padding:5px 15px; font-family:"font-bold", sans-serif; letter-spacing:-1px; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase; border:1px solid #fff; display:inline-block; line-height:16px;}
.btn:hover, .link-button:hover {background:#2572f7; transition:all ease .2s; color:#fff;box-shadow:none; text-decoration:none;}
.btn.alt { color:#000; background-color:#ffbe00}
.btn.alt:hover {background-color:#ffdb70; color:#000;}
.btn.cta {background:#ffd800; color:#000; border:1px solid #000;}
.btn.cta:hover {background:#ffdb70; color:#000;}
.btn.big {font-size:24px; padding:10px 20px; line-height:24px}
.green-btn {display:block; text-decoration:none; color:#2b2b2b; font-family:"font-bold", sans-serif; z-index:0; overflow:hidden; position:relative; background:#a2feb3; padding:14px 25px; height:fit-content; align-self:center; border-radius:4px;}
.green-btn:hover {text-decoration:none; color:#000;}
.green-btn:before {position:absolute; background:#9effac; background: linear-gradient(90deg, #9effac 0%, #c5ffcd 100%); left:-100%; top:0; transition:.8s all ease; content:""; width:100%; height:100%; z-index:-1;}
.green-btn:hover:before {left:0; transition:.8s all ease;}
.btn-yellow {margin: 60px auto 0 auto; display: flex; justify-content: center; background: #efdd10; width: fit-content; padding: 12px 30px; text-decoration: none; border-radius: 50px; color: #2b2b2b; font-family: "font-bold", sans-serif;}
.btn-blue {background: #015bd1; width: fit-content; padding: 12px 30px; text-decoration: none; border-radius: 50px; color: #fff; font-family: "font-bold", sans-serif;}
.btn-blue:hover {background: #0045a0;color:#fff; text-decoration:none;}
.btn-small {background:#efdd10; color:#2b2b2b; font-family:"font-bold", sans-serif; border-radius:50px; text-decoration:none; padding: 8px 16px; font-size:15px; display:block; margin:4px; text-align:center;}
.btn-small:hover {text-decoration:none; background:#eaed00; color:#2b2b2b;}
.btn-greyed-out {background:#dadada; color:#2b2b2b; font-family:"font-bold", sans-serif; border-radius:50px; text-decoration:none; padding: 8px 16px; font-size:15px; display:block; margin:4px; text-align:center; opacity:.6}
.generate-more .link-small {text-decoration:none; font-family:"font-bold", sans-serif; padding:10px 22px; border-radius:50px; background:#006248; color:#fff;}
.generate-more .link-small:hover {background:#00392a;}
.generator .btn-white:hover {background:#efdd10!important;}

.prev-next-buttons {display:flex; background:#e8e8e8; padding:4px; border-radius:50px; height:fit-content; gap:6px}
.prev-result, .next-result {display:block; position:relative; width:30px; height:30px; line-height:26px; text-align:center; align-items:center; color:#fff; border-radius:50px; font-family:"font-bold", sans-serif;  background:#006248; transition:.8s all ease-in-out;}
.prev-result:before, .next-result:before {position:absolute; content:""; font-size:24px; text-align:center; top:0; color:#fff; font-family:"font-bold", sans-serif;}
.prev-result:hover, .next-result:hover {width:100px; transition:.4s all ease-in-out;}
.next-result:before {right:10px; content:"\203A"}
.prev-result:before {left:10px; content:"\2039"}
.prev-result:hover:after {position:absolute; content:"Prev Draw"; color:#fff; top:2px; right:4px; animation-name:textDelay; animation-delay:.28s; animation-fill-mode:forwards; animation-duration:.4s; font-size:14px; width:80px; opacity:0}
.next-result:hover:after {position:absolute; content:"Next Draw"; color:#fff; top:2px; left:4px; animation-name:textDelay; animation-delay:.28s; animation-fill-mode:forwards; animation-duration:.4s; font-size:14px; width:80px; opacity:0}
@keyframes textDelay {100% {opacity:1}}
.unclickable {background:#dadada;}
.next-result.unclickable:before {content:"\203A"}
.prev-result.unclickable:before {content:"\2039"}
.unclickable:hover {width:30px;}
.unclickable:hover:after {display:none!important;}

/* MISC */

.content-info {padding:14px 18px; border-radius:8px; border:solid 1px #dadada; background: #ffffef; color:#2b2b2b; margin:25px 0;}
.content-info a {color:#253ec2; font-family:"font-bold", sans-serif;}
.content-winner {background:#8a6e2f; background:linear-gradient(90deg, #8a6e2f 0%, #cdaa08 100%); color:#fff; padding:14px 18px 16px 18px; margin:25px auto; position:relative; border-radius:8px; border:solid 1px #dadada; align-content:center; text-align:left;}
.content-winner strong {font-family:"font-bold", sans-serif; color:#fffd00; text-transform:uppercase; margin-right:10px;}
.content-winner span {font-family:"font-bold", sans-serif;}
.content-winner:before {content:""; position:absolute; background-image:url(/images/layout/winner-stars.svg); background-size:40px 40px; width:40px; height:40px; left:-20px; top:-20px;}
.content-winner img {vertical-align:bottom; margin-right:10px;}
.info-container {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px;}
.info-box {width:370px; border-radius:14px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px; overflow:hidden; background:#fff; color:#2b2b2b; position:relative;}
.info-box span {position:absolute; top:60px; right:0px; text-align:right; font-family:"font-bold", sans-serif; font-size:26px; text-transform:uppercase; background:#fff; padding:3px 20px 3px 10px;}
.info-box h2 {font-size:24px; line-height:24px;}
.info-box img {border-radius:14px 14px 0 0;}
.info-content {padding:30px 24px 40px 26px}
.outline {border:solid 2px #006248; border-radius:10px; padding:12px; margin-bottom:50px;}
.celebration {position:relative; background-color: #663dff; background-image: linear-gradient(319deg, #663dff 0%, #aa00ff 37%, #a844cc 100%); padding:24px 30px 24px 230px; border-radius:14px; margin:40px 0; color:#fff; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;}
.celebration:after {position:absolute; content:""; background-image:url(/images/layout/celebration-woman.png); background-size:168px 185px; height:185px; width:168px; bottom:0; left:20px;}
.celebration a {color:#fd0; font-family:"font-bold", sans-serif;}
.celebration a:hover {color:#fff;}
.celebration h2 {font-size:24px; margin-bottom:10px;}
.state-how-to-play {background:linear-gradient(155deg, #208d6f 30%, #006248 100%); border-radius:14px; color:#fff; padding:40px!important; border:solid 2px #006248;}
.state-how-to-play a, .state-claiming-prizes a, .state-lost-tickets a {color:#fd0;}
.state-claiming-prizes {background:linear-gradient(155deg, #20498d 30%, #002462 100%); border-radius:14px; color:#fff; padding:40px!important; border:solid 2px #002462;}
.state-lost-tickets {background:linear-gradient(155deg, #8d2056 30%, #620024 100%); border-radius:14px; color:#fff; padding:40px!important; border:solid 2px #620024;}
.state-taxes {background:linear-gradient(155deg, #ffd73b 30%, #dba800 100%); border-radius:14px; color:#2b2b2b; padding:40px!important; border:solid 2px #dba800;}


.timeline-wrapper {background: #fff;padding:0;margin-top:30px;display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); column-gap:100px; row-gap:80px; position: relative;padding-bottom: 45px; margin-bottom:140px;}
.timeline-wrapper:before {content:""; position:absolute; width:7px; height:100%; left:50%; transform:translateX(-50%); top:0; background-color:#00926c; border-radius:10px;}
.timeline-container {background: #f4f4f4;padding: 35px;border-radius: 14px;color: #2b2b2b;width:100%;min-height:200px;position:relative;box-shadow:0 14px 15px #00000024; z-index:1}
.timeline-wrapper .timeline-container:nth-child(1) {grid-area:1/1/2/2;}
.timeline-wrapper .timeline-container:nth-child(2) {grid-area:2/2/3/3;}
.timeline-wrapper .timeline-container:nth-child(3) {grid-area:3/1/4/2;}
.timeline-wrapper .timeline-container:nth-child(4) {grid-area:4/2/5/3;}
.timeline-wrapper .timeline-container:nth-child(5) {grid-area:5/1/6/2;}
.timeline-wrapper .timeline-container:nth-child(6) {grid-area:6/2/7/3;}
.timeline-wrapper .timeline-container:nth-child(7) {grid-area:7/1/8/2;}
.timeline-wrapper .timeline-container:nth-child(8) {grid-area:8/2/9/3;}
.timeline-wrapper .timeline-container:nth-child(9) {grid-area:9/1/10/2;}
.timeline-wrapper .timeline-container:nth-child(10) {grid-area:10/2/11/3;}
.timeline-wrapper .timeline-container:nth-child(11) {grid-area:11/1/12/2;}
.timeline-wrapper .timeline-container:nth-child(12) {grid-area:12/2/13/3;}
.timeline-wrapper .timeline-container:nth-child(13) {grid-area:13/1/14/2;}
.timeline-wrapper .timeline-container:nth-child(14) {grid-area:14/2/15/3;}
.timeline-wrapper .timeline-container:nth-child(15) {grid-area:15/1/16/2;}
.timeline-wrapper .timeline-container:nth-child(16) {grid-area:16/2/17/3;}
.timeline-wrapper .timeline-container:nth-child(17) {grid-area:17/1/18/2;}
.timeline-wrapper .timeline-container:nth-child(18) {grid-area:18/2/19/3;}
.timeline-wrapper .timeline-container:nth-child(odd):after {content:""; position:absolute; background-color:#00926c; height:7px; width:30px; top:20%; right:-50px; border-radius:10px;}
.timeline-wrapper .timeline-container:nth-child(odd) {background:#00926c; color:#fff;}
.timeline-wrapper .timeline-container:nth-child(odd) .timeline-year {position:absolute; top:7%; right:-185px; font-size: 50px; font-family:"font-bold", sans-serif; color:#00926c; text-align:left;}
.timeline-wrapper .timeline-container:nth-child(even):after {content:""; position:absolute; background-color:#00926c; height:7px; width:30px; top:20%; left:-50px; border-radius:10px;}
.timeline-wrapper .timeline-container:nth-child(even) {background:#006248; color:#fff;}
.timeline-wrapper .timeline-container:nth-child(even) .timeline-year {position:absolute; top:7%; left:-185px; font-size: 50px; font-family:"font-bold", sans-serif; color:#006248; text-align:right;}
.timeline-container h2 {font-size:22px;}

.multi-state {background:#006248; border-radius:14px; color:#fff; display:flex; margin-bottom:30px; border:solid 2px #006248;}
.multi-state-image img {box-shadow:inset 0 0 0px 20px #ffffff, 0 40px 52px #00000075; border-radius:50%; animation-name:statePop; animation-duration:1.1s; animation-fill-mode:forwards; animation-timing-function:ease-in-out; transform:scale(0)}
@keyframes statePop {0% {transform:scale(0)} 50% {transform:scale(1.2)} 100% {transform:scale(.9)}}
.multi-state.inverse {background:#fff; color:#006248;}
.multi-state .datejoined {position:relative; padding-left:26px; padding-bottom:7px; border-bottom:solid 1px #fff;}
.multi-state.inverse .datejoined {border-bottom:solid 1px #006248;}
.multi-state .datejoined:before {position:absolute; content:""; background-image:url(/images/icons/calendar-white.svg); background-size:18px 18px; height:18px; width:18px; top:6px; left:0px;}
.multi-state.inverse .datejoined:before {background-image:url(/images/icons/calendar-green.svg);}
.multi-state-image {min-width:30%; align-content:center; text-align:center; border-radius:12px 0 0 12px;}
.florida-state .multi-state-image {background-image: radial-gradient(#e7446b, #a71135);}
.georgia-state .multi-state-image {background-image: radial-gradient(#0864b9, #032d54);}
.georgia-state .multi-state-image img {animation-delay:.2s;}
.indiana-state .multi-state-image {background-image: radial-gradient(#ffe934, #fdba39);}
.indiana-state .multi-state-image img {animation-delay:.4s;}
.maryland-state .multi-state-image {background-image: radial-gradient(#ff5b71, #9b2636);}
.maryland-state .multi-state-image img {animation-delay:.6s;}
.missouri-state .multi-state-image {background-image: radial-gradient(#1853b5, #022765);}
.missouri-state .multi-state-image img {animation-delay:.8s;}
.new-jersey-state .multi-state-image {background-image: radial-gradient(#ffe395, #e7ae48);}
.new-jersey-state .multi-state-image img {animation-delay:1s;}
.new-york-state .multi-state-image {background-image: radial-gradient(#458dff, #022c6e);}
.new-york-state .multi-state-image img {animation-delay:1.2s;}
.pennsylvania-state .multi-state-image {background-image:radial-gradient(#267ff1, #0d305e);}
.pennsylvania-state .multi-state-image img {animation-delay:1.4s;}
.virginia-state .multi-state-image {background-image:radial-gradient(#ffffff, #c4c4c4);}
.virginia-state .multi-state-image img {animation-delay:1.6s;}
.tennessee-state .multi-state-image {background-image:radial-gradient(#ff6463, #c91412);}
.tennessee-state .multi-state-image img {animation-delay:1.8s;}
.multi-state-content {padding:40px;}
.multi-state h2 a {color:#fff;}
.multi-state h2 a:hover {color:#efdd10;}
.multi-state.inverse h2 a {color:#006248;}
.multi-state.inverse h2 a:hover {color:#1040ef;}

.generator {background:#006248; padding:40px 60px 40px 40px; border-radius:40px; height:auto; position:relative; align-content:center; z-index:0; overflow:hidden; display:flex; align-items:center;}
.generator:before {position:absolute; content:""; background-image:url(/images/layout/generator-bg.svg); background-size:cover; width:100%; height:100%; top:0; left:0; z-index:-1; opacity:.3; filter:none; animation-name:bgPulse; animation-duration:32s; animation-iteration-count:infinite;}
@keyframes bgPulse {10% {transform:scale(1)} 55% {transform:scale(1.3)} 100% {transform:scale(1)}}
.generator .ball {width:58px; height:58px; line-height:58px; font-size:26px; margin-right:6px;}
.generator-content {color:#fff; background:#001b1385; padding:40px 30px; border-radius:24px; width:55%; margin-right:80px;}

.cash-annuity {display:flex; border-radius:20px; box-shadow:0 0 34px #0000004f; margin:140px 0 60px 0;}
.case-annuity, .case-cash {width:50%; padding:50px;}
.case-annuity img, .case-cash img {margin:-130px auto 30px auto; display:block}
.case-annuity {background:#006248; color:#fff; border-radius:20px 0 0 20px;}
.case-cash {background:#3bd8ac; border-radius:0 20px 20px 0;}
.case-annuity a {color:#fd0;}

.more-generator {padding:40px; border-radius:40px; margin-top:40px; position:relative; overflow:hidden; box-shadow:0px 4px 31px #00000040; text-align:center;}
.more-generator:before {position:absolute; content:""; background-image:url(/images/layout/generator-bg-white.svg); background-size:500px; width:500px; height:1500px; top:0; left:0; z-index:-1; opacity:.1; filter:none; animation-name:bgPulse; animation-delay:10s; animation-duration:32s; animation-iteration-count:infinite;}

.fx.jc-sa.options {flex-direction:column; justify-content:center; width:fit-content; margin:0 auto;}
.generate-more .row {justify-content:center; margin-top:20px; flex-direction:column;}
.generate-more .balls {justify-content:center; margin-bottom:15px; margin-top:5px;}

.dropdown {display: inline-block; background: #FFF; border: 1px solid #DDD; padding: 4px 10px; border-radius: 30px; position:relative;cursor: pointer; white-space: nowrap; min-width: 140px; margin-left:15px; user-select: none; text-align: left;}
.dropdown > span {display: block; font-family:"font-bold", sans-serif; z-index: 6; width: 100%; padding-right: 30px; line-height: 22px;}
.dropdown > span > *, .dropdown img {vertical-align: middle;}
.dropdown > span > img {left: -4px; margin-right: 0;}
.dropdown img {margin-right: 5px; display: inline-block;}
.dropdown > span > sup {top: -5px;}
.dropdown > span:after {content: ""; background-image: url(/images/layout/chevron-black.svg); position: absolute; right: 15px; top: 8px; height: 12px; width:12px; background-size:12px 12px;}
.dropdown ul {background: #FFF; border: 1px solid #DDD; border-top: 0; border-bottom: 0; position: absolute; top: 18px; left: -1px; width: calc(100% + 2px); z-index: 3;list-style-type: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; transition: .2s all ease; border-radius: 0 0 20px 20px;}
.dropdown ul li:first-child {margin-top: 12px;}
.dropdown ul li:last-child {margin-bottom: 6px;}
.dropdown ul li {display: block;}
.dropdown ul li > * {display: block; color: #333; text-decoration: none; padding: 7px 10px; font-size: 0.9em;}
.dropdown ul li > *:hover {background: #0042B0; color: #FFF;}
.dropdown.active {z-index: 9;}
.dropdown.active ul {max-height: 400px; border-bottom: 1px solid #DDD; box-shadow: rgba(0,0,0,0.2) 0 10px 10px; overflow: auto; padding: 5px 0; z-index:-1;}

.stats-ball {display:block; width:30px; height:30px; line-height:30px; font-size:16px; font-family:"font-bold", sans-serif; color:#2b2b2b; border-radius:50%; text-align:center; background:linear-gradient(180deg, #fff 0%, #c7c7c7 100%);}

.calc-grid {display:grid; grid-template-columns:1.1fr .8fr; gap:70px; margin-top:10px; align-items:center;}
#tax-calculator{width:100%;display:flex;flex-direction:column;margin:50px 0;background:linear-gradient(180deg, #ffffff 0, #c2c2c2);box-shadow:0 5px 20px rgba(0,0,0,.2);border-radius:10px;overflow:hidden;color:#2b2b2b}
#tax-calculator>div{width:100%;padding:40px}
#tax-calculator>div:last-child{background:#006248;color:#fff}
#tax-calculator h2{font-size:1.5em;font-weight:700}
#tax-calculator h2:after{display:none}
#tax-calculator label{margin:0 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
#tax-calculator label input{display:none}
#tax-calculator label input:checked+span{background:#69a369}
#tax-calculator label input:checked+span:after{transform:translate(100%,-50%)}
#tax-calculator label span{margin-left:10px;display:block;width:30px;height:18px;background:#fff;position:relative;border-radius:10px;border:1px solid rgba(0,0,0,.2);cursor:pointer;overflow:hidden;background:#2e2e2e;transition:background .1s ease-in-out}
#tax-calculator label span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:50%;background:#fff;border:1px solid rgba(0,0,0,.2);left:0;transition:transform .1s ease-in-out;transform:translateY(-50%)}
#calc>div{margin-bottom:20px}
#calc input{border-radius:5px;border:none;box-shadow:inset 0 2px 2px rgba(0,0,0,.2);padding:5px 10px;width:100%}
#calc select{padding:5px 10px;border-radius:5px;border:1px solid hsla(0,0%,100%,.5);font-size:.8em;color:#fff;width:150px;background:none}
#calc select option{color:#000}
#calc ._title{font-size:.85em;opacity:.5}
#calc-amount{font-size:1.3em}
#calc-jackpot-box{-ms-flex-align:end;align-items:flex-end}
#calc-jackpot-box,#calc-results>div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
#calc-results>div{-ms-flex-align:center;align-items:center}
#calc-results .calc-result{font-size:1.4em}
#calc-results .calc-result.-sm{font-size:1.2em}
#calc-results .calc-result.-sm span:last-child{color:#ff9696}
#calc-results .calc-result span{font-size:.75em}
#calc-result-cash-box>div,#calc-result-extras>div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.calc-filters{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}
.calc-box-initial{border-bottom:1px solid hsla(0,0%,100%,.1)}
.calc-box.-lg{font-size:1.1em;border-bottom:1px solid hsla(0,0%,100%,.2)}
.calc-box.-sm{font-size:.9em;opacity:.5}
.calc-box.-final{font-size:1.4em;color:#ffdb00;border-top:1px solid hsla(0,0%,100%,.2)}

.winners-feature {margin:30px 0;}
.winners-headings {display:flex; justify-content:space-around; font-family:"font-bold", sans-serif; margin-bottom:15px; background:#f1f1f1; padding:10px;}
.winners-state {display:grid; grid-template-columns:1fr .2fr 1fr; padding:7px 0; align-items:center; width:100%;}
.winners-state div:nth-child(2) {padding:10px 20px; border-radius:50px; border:solid 1px #dadada; width:140px; text-align:center; background:#fff; z-index:1; font-family:"font-bold", sans-serif;}
.winners-state .first-prize-winners {text-align:left; width:0%; animation-name:winnersGrow; animation-duration:1.8s; animation-fill-mode:forwards; animation-timing-function:ease; background:linear-gradient(270deg, rgba(20,189,145,1) 0%, rgba(0,146,108,1) 100%); height:40px; border-radius:30px 0 0 30px; padding:5px 18px 5px 10px; line-height:30px; color:#fff; font-family:"font-bold", sans-serif; max-width:100%;}
.winners-state .second-prize-winners {text-align:right; width:0%; animation-name:winnersGrow; animation-duration:1.8s; animation-fill-mode:forwards; animation-timing-function:ease; background:linear-gradient(270deg, rgba(217,186,6,1) 0%, rgba(239,221,16,1) 100%); height:40px; border-radius:0 30px 30px 0; padding:5px 10px 18px 5px; line-height:30px; color:#2b2b2b; font-family:"font-bold", sans-serif;max-width:100%;}
@keyframes winnersGrow {0% {width:0%} 100% {width:revert-layer; min-width:40px}}
.zeroFirstWinners {left:42px!important;}
.zeroSecondWinners {left:-42px!important;}

.play-grid {display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-bottom:30px;}
.play-game {background:linear-gradient(180deg, rgba(29,31,59,1) 0%, rgba(29,33,101,1) 100%); border-radius:14px; padding:26px; display:flex; flex-direction:column; box-shadow:0px 0px 11px #00000029; color:#fff;}
.play-game img {width:36px; height:36px; margin-right:13px; box-shadow:0 0 0px 2px #ffffff; border-radius:50%;}
.play-top-row {display:flex; justify-content:space-between; align-items:center; text-shadow: 0 3px 5px #00000082;}
.play-top-row .play-next-jackpot {font-family:"font-bold", sans-serif; font-size:28px; color:#10efa7; margin-top:-11px;}
.play-top-row .play-next-jackpot span {font-family:"font-regular", sans-serif; font-size:14px; top:-10px; position:relative;}
.play-bottom-row {display:flex; justify-content:space-between; align-items:center;margin-top:16px; height:50px}
.play-bottom-row p {margin-bottom:0;}
.play-title {display:flex; align-items:center;}
.play-game .btn-yellow, .scratch-grad .btn-yellow {margin:0; z-index:1;}
.game-name {font-family:"font-bold", sans-serif; font-size:18px; align-content:center; line-height:20px;}
.game-name span {font-family:"font-regular", sans-serif; font-size:16px;}
.timerBox.black {display:flex;}
.timerBox.black ul {margin-left:5px;}
.timerBox.black li {display:none}
.timerBox.black li.counterPart {display:flex}
.timerBox.black li.counterPart:first-child {margin-left:0}
.timerBox.black li.counterPart:nth-child(2) {margin-left:2px}
.timerBox.black li.counterPart:nth-child(3) {margin-left:2px}
.timerBox.black li.counterPart:nth-child(4) {margin-left:7px}
.timerBox.black li.counterPart {margin-left:10px}
.timerBox.black li.counterPart span {color:#fff;}
.arkansas-grad {background:linear-gradient(180deg, rgb(152 20 41) 0%, rgb(188 24 51) 100%);}
.arizona-grad {background:linear-gradient(180deg, rgb(141 59 17) 0%, rgb(204 94 39) 100%)}
.oregon-grad {background:linear-gradient(180deg, rgb(0 23 73) 0%, rgb(3 43 129) 100%)}
.minnesota-grad {background:linear-gradient(180deg, rgb(3 45 90) 0%, rgb(89 200 229) 100%)}
.colorado-grad {background:linear-gradient(180deg, rgb(144 9 31) 0%, rgb(188 24 51) 100%)}
.massachusetts-grad {background:linear-gradient(180deg, rgb(31 44 89) 0%, rgb(64 86 161) 100%)}
.new-jersey-grad {background:linear-gradient(180deg, rgb(129 87 13) 0%, rgb(209 155 57) 100%)}
.new-york-grad {background:linear-gradient(180deg, rgb(0 29 75) 0%, rgb(36 70 126) 100%)}
.ohio-grad {background:linear-gradient(180deg, rgb(146 15 41) 0%, rgb(190 30 62) 100%)}
.texas-grad {background:linear-gradient(180deg, rgb(153 52 0) 0%, rgb(233 103 27) 100%)}
.michigan-grad {background:linear-gradient(180deg, rgb(2 40 122) 0%, rgb(29 113 248) 100%)}
.virginia-grad {background:linear-gradient(180deg, rgb(2 40 119) 0%, rgb(0 61 188) 100%)}
.pennsylvania-grad {background:linear-gradient(180deg, rgb(12 46 90) 0%, rgb(59 66 194) 100%)}
.scratch-grad {background:linear-gradient(135deg, rgba(230,230,230,1) 20%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 90%); position:relative; border-radius:14px; padding:26px; display:flex; flex-direction:column; box-shadow:0px 0px 11px #00000029; color:#fff;}
.scratch-grad:before {position:absolute; content:""; background-image:url(/images/layout/black-scratchcard.png); background-size:110px 150px; width:110px; height:150px; top:-14px; right:200px; z-index:0; animation-delay:4s; animation-name:floatCards; animation-duration:12s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
.scratch-grad:after {position:absolute; content:""; background-image:url(/images/layout/orange-scratchcard.png); background-size:110px 150px; width:110px; height:150px; top:24px; right:200px; z-index:0; animation-name:floatCards; animation-duration:12s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
@keyframes floatCards {25% {transform:translateY(4px)} 50% {transform:translateY(0px)} 75% {transform:translateY(4px)} 100% {transform:translateY(0px)}}
.scratch-grad .game-name {text-shadow:none; color:#2b2b2b;}
.scratch-grad .play-next-jackpot {color:#2b2b2b; text-shadow:none;}

.buy-tickets {display:flex; border-radius:14px; margin:30px 0; height:240px; overflow:hidden; box-shadow:0 16px 27px #0000002b;}
.jackpot-com {background:radial-gradient(circle, rgb(255 255 255) 30%, rgb(211 211 211) 100%); align-items:center; position:relative; padding:20px; text-align:center; align-content:center; flex-grow:.05; position:relative; overflow:hidden; color:#fff; border-radius:14px 0 0 14px; font-family:"font-bold", sans-serif;}
.jackpot-com.dark {background:radial-gradient(circle, rgb(0 81 134) 30%, rgb(0 31 91) 100%)}
.jackpot-com.virginia-logo img {width:115px; animation-name:logoBounceSmall}
.jackpot-com.pennsylvania-logo img {width:102px; animation-name:logoBounceSmaller}
.main-tickets.darkblue:after {position:absolute; content:""; background:#042f66; height:18px; width:18px; transform:rotate(45deg); top:30px; left:-10px; z-index:1}
.jackpot-com img {width:160px; margin-bottom:30px; animation-name:logoBounce; animation-duration:.8s; animation-fill-mode:forwards; position:absolute; left:50%; transform:translateX(-50%); top:-100px;}
@keyframes logoBounce {60% {top:65px;} 80% {top:57px;} 100% {top:65px;}}
@keyframes logoBounceSmall {60% {top:44px;} 80% {top:38px;} 100% {top:44px;}}
@keyframes logoBounceSmaller {60% {top:35px;} 80% {top:29px;} 100% {top:35px;}}
.jackpot-com p {font-size:15px; line-height:22px; margin:100px auto 0 auto; color:#2b2b2b; background:#fff; padding:3px 10px 3px 30px; width:fit-content; border-radius:50px; position:relative; opacity:0; box-shadow:0 2px 9px #0000003b; animation-name:textAppear; animation-duration:1s; animation-delay:1s; animation-fill-mode:forwards;}
@keyframes textAppear {100% {opacity:1}}
.jackpot-com p:before {content:""; position:absolute; background-image:url(/images/layout/green-tick.svg); background-size:20px 20px; width:20px; height:20px; top:50%; transform:translateY(-50%); left:4px;}
.jackpot-com p.unavailable:before {background-image:url(/images/layout/red-x.svg);}
.main-tickets {background:linear-gradient(270deg, rgba(0,98,72,1) 0%, rgba(0,146,108,1) 100%); flex-grow:.95; text-align: left; padding: 40px 30px; color: #fff; border-radius:0 14px 14px 0; position:relative; z-index:0; display:flex; justify-content:space-between; align-items:center;}
.main-tickets:before {position:absolute; content:""; background-image:url(/images/layout/play-background.png); background-size:cover; height:300px; width:1000px; right:0; bottom:0; z-index:-1; opacity:.6;}
.main-jackpot {font-size:42px; font-family:"font-bold", sans-serif; color:#efdd10;}
.main-title {background:linear-gradient(90deg, rgb(255 255 255) 0%, rgb(223 223 223) 100%); color:#2b2b2b; text-transform:uppercase; padding:1px 11px; border-radius:50px; font-family:"font-bold", sans-serif; font-size:14px; width:fit-content; margin-bottom:0; margin-top:-8px; margin-bottom:15px;}
.tag {margin-bottom:10px;}
.main-tickets a {margin:0; height:45px}
.main-tickets a:hover {text-decoration:none;}
.main-tickets .timerBox {display:flex; margin-top:35px;}
.jackpot-com a, .jackpot-com a:hover {text-decoration:none;}
.main-tickets:after {position:absolute; content:""; background:#dfdfdf; height:18px; width:18px; transform:rotate(45deg); top:30px; left:-10px; z-index:1}
.loading-bar{width:100%; background:rgb(255,255,255); padding:2px;border-radius:25px; margin-top:5px;}
.loading-bar-inner {height:5px; background:#fff; border-radius:25px; width:0%; transition:.5s linear;}
.faqBox iframe {display:flex; max-width:100%; margin:0 auto; border-radius:14px;}

/* TABLES */

table {width:100%; border-collapse:separate; font-size:.95em; border-spacing:1px; background:#ebebeb; border-radius:6px;}
/* table:last-child {margin-bottom:0;} */
table thead th {background:#006248; color:#fff; font-family:"font-bold", sans-serif; border-spacing:0; padding:8px 9px; border:none; text-align:left;}
table thead th:first-child {border-radius:6px 0 0 0;}
table thead th:last-child {border-radius:0 6px 0 0;}
table tr td {background:#fff; padding:9px; border:none; align-content:center;}
table tbody tr:nth-child(even) td {background:#f3f3f3}
table tbody tr:last-child td:first-child {border-radius:0 0 0 6px;}
table tbody tr:last-child td:last-child {border-radius:0 0 6px 0;}
table tbody td.single {border-radius:0 0 25px 25px!important;}
table tr.alt td {background:#f4f4f4}
table.leftAl {text-align:left;}
table caption {text-align:center;}

table tr.totals-row td {background:#4e4e4e!important; color:#fff; font-family:"font-bold", sans-serif;}
table .tableSplitYellow {background: #efdd5c!important; color:#2b2b2b; text-align:center; font-family:"font-bold", sans-serif; padding:6px;}
table .tableSplit {background: #0a4736!important; color:#fff; text-align:center; font-family:"font-bold", sans-serif; padding:6px;}
table td img {margin-top:5px;}

/* FAQ's */

.faqBox {height:60px; background:#fff; border-radius:12px; margin-bottom:20px; overflow:hidden; padding:20px; border:solid 1px #dadada; border-left:solid 12px #006248; cursor:pointer; position:relative; transition:.5s all ease;}
.faqBox.faq2 {border-left:solid 12px #00926c;}
.faqBox.faq3 {border-left:solid 12px #efdd10;}
.faqBox.faq2.active {background:#eefffa}
.faqBox.faq3.active {background:#fffef1}
.faqBox:before {position:absolute; content:""; background-image:url(/images/layout/magnifying-glass.svg); background-size:20px 20px; width:20px; height:20px; top:0; right:0; padding:20px; margin:20px 0 0 0; background-repeat:no-repeat; cursor:pointer;}
.faqBox.active {height:1200px; cursor:auto; transition:.5s all ease; background: #dffff6}
.faqBox.active .faqTitle {cursor:pointer;}
.answer {width:100%; margin:25px 0 15px 0}
.faqTitle {font-family:"font-bold", sans-serif; padding-right:30px}


/* Checker */

.checkerWrapper {background:#f9f9f9;color:#333;overflow:hidden; border-radius:30px;}

.checkerWrapper > p {color:#fff;}
#checkerGrid .grid {margin-bottom:20px; padding:0 40px}
#checkerGrid h2 {padding:40px 40px 0 40px;}
#checkerGrid .grid .title {font-size:28px; color:#fff; padding:40px;}
#checkerGrid .grid ul {display:flex; flex-wrap:wrap; justify-content: center;}
#checkerGrid .grid ul li {margin:10px; cursor:pointer;transition:all ease-in-out .2s;}
#checkerGrid .grid ul li.ballselected {box-shadow:inset -3px -6px 6px black;}
#checkerGrid .grid ul li.ballselected:after, #checkerGrid .grid ul li.cash-ballselected:after {position:absolute; top:3px; left:50%; transform:translateX(-50%); border-radius:50%; width:68%; height:51%; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);; z-index:-1; content:""; opacity:.2;}
/*#checkerGrid .grid ul li:hover {transform:scale(1.1); transition:all ease-in-out .2s;}
*/#checkerGrid p {text-align:center; font-size:18px; color:#fff;}
#checkerGrid .grid .ball {background: #FFF; color: #000; box-shadow: inset -3px -6px 6px #00000069;}
#checkerGrid .grid .ball.selected, #checkerGrid .grid .ballselected {background: linear-gradient(165deg, rgba(0, 98, 72, 1) 0%, rgb(22 199 152) 100%); color: #fff;}
#checkerGrid .grid .ball.cash-ballselected, #checkerGrid .grid .cash-ballselected {background: linear-gradient(165deg, rgba(0, 98, 72, 1) 0%, rgb(22 199 152) 100%); color: #fff; box-shadow: inset -3px -6px 6px black;}
#checkerGrid .errorMessage {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); background:rgba(0,0,0,0.6); color:#000; height:100%;width:100%; border-radius:8px;opacity:0; visibility:hidden; transition:all ease .2s; z-index:1;}
#checkerGrid .errorMessage.active {visibility:visible;opacity:1;transition:all ease .2s;}
#checkerGrid .errorMessageInner {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);border-radius:8px; padding:15px; background:#fff; display:flex;}
#checkerGrid .errorMessageInner:before {content:""; display:inline-block; vertical-align:middle;background:url(/images/icons/alert.svg) no-repeat; width:50px; height:50px; margin-right:10px;}
#checkerGrid .closeErrorMessage {background:#112f96;color:#fff; position:absolute; top:-10px; right:-10px; border-radius:50%; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer; font-weight:700;}
#checkerGrid .closeErrorMessage:hover{background:#1b43cc;}
#checkerGrid .ball, #checkerGrid .balldisabled, #checkerGrid .ballselected, #checkerGrid .ball.powerball, #checkerGrid .ball.powerballdisabled, #checkerGrid .ball.powerballselected, .eurojackpotdisabled {user-select: none;}
.checkingNumbers .ball, .checkingNumbers .balldisabled, .checkingNumbers .ballselected, .checkingNumbers .ball.powerball, .checkingNumbers .ball.powerballdisabled, .checkingNumbers .ball.powerballselected  {width:40px; height:40px; font-size:21px; line-height:40px;}
.checkedNumbers { display:flex; justify-content:space-evenly;align-items:center; background:linear-gradient(270deg, rgba(0,98,72,1) 0%, rgba(0,146,108,1) 99%); border-radius:14px; padding:25px; color:#fff; position:relative;}
.checkedNumbers .col {width: auto; display:flex; flex-direction:column; align-items:center;}
.checkedNumbers .btn {margin-top:10px;}
.checkedNumbers .title {font-size:21px; margin:0 20px 0 0; letter-spacing:-.5px}
.checkerResult {display:flex; flex-direction:column;}
.checkedNumbers .balls {margin-bottom:0; justify-content:center;}
.checkerResult .prize {text-align:center;}
.checkerResult .prize span {display:inline-block; vertical-align:baseline;}
.checkerResult .prize strong {vertical-align:baseline;}

.checker-results-box {display:flex; width:100%; border:solid 1px #dadada; border-radius:10px; justify-content:space-between; align-items:center; margin-bottom:10px; position:relative;}
.checker-results-box .date, .checker-results-box ul, .checker-results-box .numbersMatched {padding:20px; flex-basis:33%}
.checker-results-box .numbersMatched {text-align:right; color:#2b2b2b; place-items:flex-end}
.checker-results-box.won .numbersMatched {text-align:right; color:#fff; place-items:flex-end}
.checker-results-box.won {background:linear-gradient(270deg, rgba(153,101,21,1) 0%, rgba(255,204,0,1) 100%); position:relative; z-index:auto;}

.checker-results-box ul li {width:38px; height:38px; line-height:38px; font-size:18px; margin-right:5px;}
.checker-results-box .winnings {text-align:center; font-family:"font-bold", sans-serif; color:#044735!important; background:#fff; padding:5px 12px; border-radius:50px; width:fit-content; margin-top:3px;}
.checker-results-box .ball {position:relative;}
.checker-results-box .ball:before {content:""; position:absolute; background-image:url(/images/icons/tick-icon.svg); background-size:16px 16px; height:16px; width:16px; bottom:-3px; right:-3px;}

.chosenNumbers {width:100%; text-align:center; background:radial-gradient(circle, rgba(88,224,186,1) 40%, rgba(0,97,67,1) 120%); display:flex; justify-content:center; padding:30px; position:relative; overflow:hidden; height:100px; z-index:0; align-items:center;}
.chosenNumbers .displayBall {background:#fff; color:#000; box-shadow:inset -3px -6px 6px #00000069, 0px 5px 9px #00000030; margin-top:160px; width:44px; height:44px; font-size:20px; line-height:44px; z-index:1; text-align:center; border-radius:50%; font-family:"font-bold", sans-serif; margin-right:5px; transition:.2s ease-in-out;}
.chosenNumbers .displayBall.checkerSelected {transition:.4s ease-in-out; margin-top:0;}
.chosenNumbers .displayBall:nth-child(7) {background:#006248; color:#fff; margin-right:0}
.drawDays {display:flex; padding:0 40px;}
.drawDays div {margin-right:5px; border:solid 1px #dadada; background:#fff; padding:15px; border-radius:8px; flex-grow:1;}
.drawDays div label {padding:15px 47px 15px 0;}
.chosenNumbers span {color:#006248; font-family:"font-bold", sans-serif; margin-right:10px;}

.checkerGrid h2 {text-align:center;}

.notice-box {display:flex; align-items:center; border:1px solid #eaeaea; border-radius:25px; padding:20px;}
.notice-box .img-box {margin:0 30px 0 0}

#remainingBalls {width:100%; text-align:center; font-family:"font-bold" ,sans-serif; margin-bottom:15px;color:#2b2b2b;}
#checkResults.active {animation-duration:.2s;animation-name:pop; animation-delay:1s;}
/*#checkerGrid .powerballselected, #checkerGrid .ballselected, #checkerGrid .ball.selected {animation-duration:.2s;animation-name:pop;}
@keyframes pop {0% {transform: scale(1.1);}50% {transform: scale(1.2); filter:brightness(1.1);}100% {transform: scale(1.1);}}
*/.jokerBox {text-align: center; padding: 20px;}
.jokerBox span {color: #FFF; display: inline-block; line-height: 30px; font-size: 24px;}
.jokerBox input[type=tel] {text-align: center; font-size: 32px; line-height: 30px; font-weight: 700; width: 240px; border: none; border-radius: 10px;}

.ballsChecked li:last-child{display:none;}
.ballsChecked .ball.viking.viking-ball {line-height:32px;}
.barInfo {display:flex; justify-content:center; margin-bottom:15px; margin-top:15px; align-items:center;}
.barInfo p {margin-bottom:0; color:#2b2b2b!important; font-size:16px!important;}
.barInfo .numbersSelected {background:#fff; color:#000!important; padding:0 15px; border-radius:10px; margin-left:10px; line-height:36px;}
.progressBar {display: inline-block;width:100%;height:4px; background:rgba(0, 0, 0, 0.1); transition:all ease .2s; position:relative; margin-bottom:-4px}
.progressBar .barInner {display:inline-block; background:#0a4736; width:0; height:4px; transition: all ease.3s; position:absolute; top:0}
.checkerLinks {display:flex; justify-content:center; margin:20px auto;}
.resetChecker {margin-right:15px; background:#fff; color:#727272; border:solid 1px #727272;}
.resetChecker, .checkResults {border-radius:50px; padding:12px 20px; text-decoration:none; font-family:"font-bold", sans-serif;}
.resetChecker:hover, .checkResults:hover {text-decoration:none;}
.checkResults {background:#015bd1; color:#fff;}
.checkResults:hover {color:#fff; background:#004bad;}
.barInfo, .barBox {color:#2b2b2b;}

.switch {padding: 10px; margin: 10px 5px 4px; background: #fff; text-align: center;}
.switch.alt {background:none; margin-bottom:20px; color:#fff;}
.switch * {vertical-align:middle;display:inline-block;}
.switch img {padding-left:20px;}
.onoffswitch {position: relative;background-color: #FFF;border: 2px solid #DDD;border-radius: 36px;display: inline-block;width: 50px;height: 30px;padding: 0;transition: background-color 0.1s ease-in 0s;cursor:pointer; margin-left: 10px;}
.onoffswitch:before {background: #FFF none repeat scroll 0 0;border-radius: 36px;content:"";display:block;position: absolute;transition: all 0.1s ease-in 0s;height: 25px;width: 25px;left:1px;top:0;cursor:pointer;box-shadow: rgba(0,0,0,0.3) 0 3px 4px;}
.onoffswitch.on {background:#00ca36; border-color:#00c603;}
.onoffswitch.on:before {left:20px;}

a.returnChecker {display:block; font-family:"font-bold", sans-serif; padding:12px 20px; border-radius:50px; border:solid 1px #015bd1; margin-top:-15px; margin-bottom:30px; width:fit-content; text-decoration:none;}
a.returnChecker:hover {background:#015bd1; color:#fff;}

.homepage-winners {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; margin-bottom:20px;}
.homepage-winners .winner-box {background:#103b7b;border-radius:12px; overflow:hidden; position:relative;}
.winning-image {background: rgb(16,59,123); background:linear-gradient(270deg, rgba(16,59,123,1) 0%, rgba(35,102,200,1) 99%); padding:20px 0 0 0; display:flex; justify-content:center; border-radius:12px 12px 0 0}
.homepage-winners .winner-box:nth-child(2) .winning-image {justify-content:start; padding-left:10px;}
.homepage-winners .winner-box:nth-child(3) .winning-image {justify-content:center;}
.homepage-winners .winner-box:nth-child(4) .winning-image {justify-content:end; padding-right:10px;}

.homepage-winners .winner-box.-ny {background:#19107b;border-radius:12px;}
.homepage-winners .winner-box.-ny .winning-image {background: #19107b; background:linear-gradient(270deg, #19107b 0%, #3825ef 99%);}

.homepage-winners .winner-box.-tn {background:#107b51;}
.homepage-winners .winner-box.-tn .winning-image {background: #107b51; background:linear-gradient(270deg, #107b51 0%, #12a46a 99%);}

.homepage-winners .winner-box.-va {background:#7b1066;}
.homepage-winners .winner-box.-va .winning-image {justify-content:start; padding-left:20px;background: #7b1066; background:linear-gradient(270deg, #7b1066 0%, #b22597 99%);}

.homepage-winners .winner-box.-mo {background:#e75700;}
.homepage-winners .winner-box.-mo .winning-image {background: #e75700; background:linear-gradient(270deg, #e75700 0%, #ff8033 99%);}

.homepage-winners .winner-box.-fl {background:#009983;}
.homepage-winners .winner-box.-fl .winning-image {background: #009983; background:linear-gradient(270deg, #009983 0%, #1ec7ae 99%);}

.homepage-winners .winner-box.-ga {background:#99003e;}
.homepage-winners .winner-box.-ga .winning-image {background: #99003e; background:linear-gradient(270deg, #99003e 0%, #ba1759 99%);}

.homepage-winners .winner-box.-in {background:#990093;}
.homepage-winners .winner-box.-in .winning-image {background: #990093; background:linear-gradient(270deg, #990093 0%, #c114ba 99%);}

.homepage-winners .winner-box.-md {background:#890000;}
.homepage-winners .winner-box.-md .winning-image {background: #890000; background:linear-gradient(270deg, #890000 0%, #b81717 99%);}

.homepage-winners .winner-box.-nj {background:#004d89;}
.homepage-winners .winner-box.-nj .winning-image {background: #004d89; background:linear-gradient(270deg, #004d89 0%, #0f6ab1 99%);}

.homepage-winners .winner-box.-pa {background:#ba8800;}
.homepage-winners .winner-box.-pa .winning-image {background: #ba8800; background:linear-gradient(270deg, #ba8800 0%, #dda91c 99%);}

.winner-box p {margin-bottom:3px;}
.winner-title {text-transform:uppercase; font-size:.8em; opacity:.8; padding:0 25px;}

.winner-link {padding:8px 0 10px 13px; width:100%; background:#00000057;}
.winner-link a {color:#fff; text-decoration:none; font-family:"font-bold", sans-serif; background:none; font-size:14px; width:100%; height:100%; display:block}
.winner-link a:hover {color:#fd0;}
.winning-image img {opacity:.18; height:120px; vertical-align:bottom;}
.winning-info {padding:20px 0 0 0; color:#fff; position:relative; overflow:hidden; z-index:0;}
.winning-info:after {position:absolute; content:""; background-image:url(/images/layout/wavy-background.png); background-size:100% 100%; width:100%; height:100%; top:0; left:0; z-index:-1}
.winning-location, .winning-amount {font-family:"font-bold", sans-serif; font-size:1.7em; line-height:1.2em; margin-top:-5px; margin-bottom:15px!important; padding:0 25px;}
.winning-date {position:absolute; top:15px; right:15px; color:#fff; font-family:"font-bold", sans-serif; z-index:1}


.ul-steps{margin: 40px 0; max-width: 100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
.ul-steps li{position: relative; -ms-flex: 1; flex: 1; text-align: center; padding: 40px 20px 20px; margin: 15px 5px; counter-increment: b; border-radius: 10px}
.ul-steps li{ border:3px solid #0e1b5e}
.ul-steps li:before{content: counter(b); position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; line-height: 35px; background: #0e1b5e; border-radius: 50%; color:#fff;}
.ul-steps li img{max-width: 100px}
.ul-steps li:hover{transform: scale(1.05)}
.ul-steps p {line-height:1.2em ;}

/* Footer */
footer {margin-top:200px; position:relative; z-index:0; background:#006248; color:#fff;}
footer:before {content:""; background-image:url(/images/layout/footer-wave.svg); background-size:cover; position:absolute; left:0; top:-102px; width:100%; height:120px; z-index:-1}
footer .inner {width:1200px; margin:0 auto; padding:0 0 40px 0; text-align:left; display:grid; grid-template-columns:1fr 1fr; column-gap:50px; align-items:center; position:relative;}
footer .footer-logo {position:absolute; top:-135px; left:0;}
footer img {margin:0 25px 0 0}
footer ul {padding-top:40px;}
footer ul li {text-align:center; padding:0 10px;}
footer ul li a {margin:15px; display:block; color:#fff; font-family:"font-bold", sans-serif; text-decoration:none;}
footer ul li a:hover {color:#efdd10; text-decoration:none;}
footer .smallbits {display:flex; justify-content:center; align-items:center}
footer .smallbits p {margin-bottom:0}
.aff-logo {width:50px; margin: 0 0 0 20px}
footer p.copy {text-align:center; font-family:"font-bold", sans-serif; background:#00382b; line-height:35px; padding:3px 0; color:#1de6b1;}
footer .small {color:#1de6b1}
.over18 {color:#fff; font-family:"font-bold", sans-serif; width:36px; height:36px; line-height:32px; font-size:.8em; text-align:center; background:#e32d2d; margin-right:10px; border:solid 2px #fff; display:inline-block; border-radius:50px;}




@media (min-width: 1024px) {

    .toggle .navTitle {display:none;}
    nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 80px;}
    header .inner nav li .subNav ul a {text-transform:unset;  font-family:"font-regular";}
    header .inner nav li .subNav ul li {margin-bottom:10px;}
    nav > ul > li.sub > .linkStyle:after {content:"";width: 0; height: 0; border-style: solid;border-width: 8px 8px 0 8px;border-color: #fff transparent transparent transparent; margin-top:5px;}
    .linkStyle {display:flex; flex-direction:column;}
    .subNav {opacity: 0; visibility: hidden; width:447px; display:grid; grid-template-columns:1fr 1fr; gap:25px; left:50%; transform:translateX(-50%); padding:25px; border:none; top:71px!important;}
	.subNav:before {content:""; position:absolute; top:-10px; left:50%; transform:translateX(-50%) rotate(45deg); height:24px; width:24px; background:#006248;}
	.subNav:after {content:""; position:absolute; top:-30px; left:50%; transform:translateX(-50%); height:40px; width:442px;}
	li.sub {position:relative;}
	li.sub .expand {position:relative;}
	li.sub .expand:after {position:absolute; height:42px; width:131px; content:""; bottom:-38px; left:-28px; display:block;}
	.subNav .title {font-size:16px; padding:2px 7px; letter-spacing:0;}
    .mLeftDesktop {margin-left:30px;}
    .sub-nav {display:flex; width:1200px; margin:auto;position:relative;margin:-100px auto 75px;}
    .sub-nav .logo-box {margin:0 0 0 260px;padding:8px 6px 12px; position:absolute;top:0;left:0;transform:translateY(-100px);z-index:1; width:90px; height:49px;}

    .sub-nav ul.sub-nav-list {display:flex;  width:850px; margin-left:350px;position:absolute;top:0;left:0;transform:translateY(-100px);}
    .sub-nav ul li { flex-grow:1;border-right:1px solid rgba(0,0,0,.1);}
    .sub-nav ul li a {width:100%; height:100%; display:flex; text-align:center; color:#fff; padding:8px 10px; justify-content:center;  font-size:14px; text-decoration:none; align-items:center;}
    .sub-nav ul li a:hover {background:rgba(0,0,0,.1);}
    .sub-nav ul li:last-child {border-right:none}
    .sub-nav .logo-box.active, .sub-nav ul.sub-nav-list.active{transform:translateY(0); transition:all ease .2s;}.why-play-nav {position:fixed; left:0; top:50%; transform:translateY(-50%); border-radius:0 20px 20px 0; background:#00000059; padding:20px; display:flex; flex-direction:column;}
	.why-play-nav .nav-link {border-radius:4px; background:#fff; color:#2b2b2b; font-family:"font-bold", sans-serif; display:block; text-decoration:none; width:160px; height:28px; margin-bottom:8px; align-content:center; text-align:center;}
	.why-play-nav span {font-family:"font-bold", sans-serif; text-align:center; margin-bottom:10px; color:#fff;}
	.why-play-nav .nav-link:nth-child(2):hover {background:#178465; color:#fff;}
	.why-play-nav .nav-link:nth-child(3):hover {background:#39087e; color:#fff;}
	.why-play-nav .nav-link:nth-child(4):hover {background:#0e219d; color:#fff;}
	.why-play-nav .nav-link:last-child:hover {background:#00e49a;}
	.why-play-nav .nav-link:last-child {margin-bottom:0;}
}


@media (max-width:1280px) {
	.content {width:100%; padding:0 20px;}
	.home-result .fx.jc-bt {flex-direction:column; justify-content:center;}
	.home-result .green-btn {align-self:unset; margin-top:20px;}
	.how-to-background .container {padding:50px 20px; width:100%}
	.how-to-grid {grid-template-columns:1fr 1fr;}
	.results-box-top .fx.jc-bt {flex-direction:column;}
	.results-box-top .balls {margin:0 auto 25px auto;}
	.results-box-top {text-align:center;}
	.breakdown-container {grid-template-columns: 1fr 1fr;}
	.full-width {padding:30px 20px;}
	.full-width .container {width:100%;}
	.info-container {grid-template-columns:1fr 1fr;}
	.info-box {width:100%}
	.play-grid {grid-template-columns: 1fr;}
	.why-play-nav {display:none;}
}

@media (max-width: 1024px) {
    html,body {overflow-x:hidden; position: relative;}
	.h1,h1{margin-bottom: 13px; font-size: 30px; line-height:30px;}
	.h2,h2{margin-bottom: 9px; font-size: 26px; line-height:26px;}
	.h3,h3{margin-bottom: 9px; font-size: 24px; line-height:24px;}
	.h4,h4{margin-bottom: 8px; font-size: 21px; line-height:21px;}
	.h5,h5{margin-bottom: 5px; font-size: 18px; line-height:18px;}

	header {height:80px; margin-bottom:30px;width:100%}
	header.alt {margin-bottom:0; background:radial-gradient(circle, rgba(0, 146, 108, 1) 40%, rgba(0, 98, 72, 1) 115%)}
	header .logo {padding-top:35px;}
	header.alt .logo {padding-top:0;}
	header .inner {width:100%; position:static; height:80px;}
	header .logoWrap { margin-left:15px; padding:25px}
	header .logo {width:120px;}
	header .logo img {max-width:none; margin:15px; display:inline-block; width:120px; height:auto; margin-left:20px}
	header.alt .logo img {width:75px; height:53px;}
	header.sub-nav-active {margin-bottom:0}
	nav { background:#006248}
	nav > ul {flex-direction:column; margin:0;position:relative;}
	nav > ul > li {width: 100%;display: block;margin: 0; position:relative; border-bottom:1px solid rgba(255,255,255,0.2);}
	nav > ul > li > a, .linkStyle {height:auto; justify-content:flex-start; align-items:flex-start;border-right:none;color: #fff; padding:15px;}
	nav > ul > li.sub > .expand{width:56px;height:100%; display:inline-block; position:absolute;top:0;right:0;}
	nav > ul > li.sub > .expand:after {content:"+"; position:absolute;top:0;right:0; width:54px;height:49px; color:#333; line-height: 49px; text-align:center;font-size:22px; font-weight:700; background:#FFF;}
	nav > ul > li.sub.active > .expand:after {content:"-"}
	.navButton {width: 50px;height: 50px;overflow: hidden;position: absolute;right: 20px;top: 15px;transition: all ease 0.5s;z-index: 100;}
	.navButton span {display: inline-block;width: 30px;height: 3px;background: #fff;margin: 13px 0 0 10px;transition: all ease 0.5s;}
	.navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #fff;transition: all ease 0.5s;}
	.navButton span:before {margin-top: 10px;}
	.navButton span:after {margin-top: 7px;}
	.navButton.active span {transform: translateY(-50px);background: #fff;}
	.navButton.active span:before {transform: translateY(50px) rotate(45deg);background: #fff;}
	.navButton.active span:after {transform: translate(0, 40px) rotate(-45deg);background: #fff;}
	.toggle {opacity: 1;transition: all ease 0.5s;position: absolute;top: 0;left: 0;background:#006248;margin: 0;width: 100%;height: 100vh;z-index: 99; transform:translate(1040px,0); width:500px; }
	.toggle.active {visibility: visible;opacity: 1;transition: all ease 0.5s; transform:translate(0,0); width:100%;}
	.toggle .navTitle {color: #fff;margin: 30px 0 30px 15px;position: relative;}
	.toggle .navTitle.splitter:after {left: 50%;transform: translateX(-50%);}
	.sub-nav {margin:-30px 0 0 0;width:100%;}
	.sub-nav ul.sub-nav-list {width:100%; transform:translate(0); margin:0;}
	.sub-nav .logo-box { transform:translate(0); margin:0;display:none;}
	header .toggle {height:100vh;}
	.subNav {background:#053f2f; border:none; flex-direction:column; width:100%;padding:0; top:0;max-height:0; transition: max-height .2s ease-in-out; overflow:hidden; position:relative; border-radius:0;z-index:-1}
	nav .sub.active .subNav {max-height:3000px;transition: max-height .2s ease-in-out; padding:15px 0; z-index:99}
	.subNav:before {display:none;}
	.subNav .row {flex-direction:column; display:inline-block;}
	.subNav .box {margin:30px 0 15px 0;}
	.subNav .lottomax ul a {margin-right:0;}
	.subNav .jackpotBox {display:none;}
	.subNav .box {border-radius:0;}
	.subNav .title {color:#fff; font-size:16px; padding:13px 16px;}
	.subNav a {color:#fff; display:block;}
	.subNav li a { text-transform: none!important; font-family:"font-regular", sans-serif!important;}
	.subNav .links-inline {padding:20px; border-radius:0; margin:0 5px 15px}
	.subNav .box.small {width:100%;}
	.lottery-nav {display:none;}

	.top-header {height:auto; padding-bottom:50px;}
	.top-header .inner {width:100%; padding-top:120px; padding-left:20px; padding-right:20px;}
	#content.homepage {margin-top:0;}
	.top-header .jackpot-box .cta-box {margin:0 0 20px 0}
	.top-header .jackpot-box img {width:200px; height:auto; display:block; margin:auto; text-align:center;}
	.top-header .title {font-size:2em; color:#fff; margin-bottom:10px; text-align:center;}
	.top-header .jackpot {font-size:36px; line-height:24px;}
	.top-header .curved {display:none;}
	.top-header .jackpot {letter-spacing:-1px; line-height:60px; font-size:60px;}
	.top-header .img-box {height:100px}
	.top-header:before {display:none;}
	.top-header:after {width:100%; opacity:.7;}
	.top-header .title span {line-height:63px;}

	#content, .homepage-top .results-box-wrap, .homepage-top .gen-box, .homepage-top .results-box {width:100%}
	.gen-box, .homepage-top .title-box, .homepage-top .results-box, .homepage-top .check-results, .lottery-box .box, .lottery-box .jackpot-box {border-radius:0;}

	.homepage-top .gen-box {order:2}
	.homepage-top .results-box-wrap {order:1;}
	.homepage-top .results-box {margin-bottom:0;}
	#breadcrumb {margin:0; padding:5px 18px;}
	.breadcrumbs {margin-bottom:25px;}
    
    .timer {margin-bottom:20px;}
    .timer li { width:50px; height:50px; border-radius:5px; line-height:16px; margin-right:10px; padding:10px}
    .timer li:last-child {margin-right:0}
    .timer .counterType {display:block; font-size:16px; font-family:"font-bold", sans-serif; line-height:21px;}
    .timer .counterVal {text-transform:uppercase; font-size:12px;}

	.result-double {grid-template-columns:1fr; row-gap:30px;}
	.retail-address {grid-template-columns:1fr 1fr}
	
	.double .boxWorldlottery  .cta-box {flex-direction:column}
	.double .boxWorldlottery .timer {margin:0 0 20px 0}

    .homepage-top {flex-direction:column;}
    .in3d {text-shadow:none;}
    /* .top-header:before {box-shadow:none;}
    .top-header:after {background:none; box-shadow:inset 0 200px 900px rgba(14,23,94, 0.9); height:400px} */

    .lottery-box {display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:20px;}
    .lottery-box.small {flex-direction:row;}
    .lottery-box .box {margin:15px}
   
    .how-to-steps .row {flex-direction:column;}
    .how-to-steps .box {width:100%; border:none!important; padding:15px; justify-content:center; align-items:center;}
    .how-to-steps .titleBox {justify-content:center;}
    .how-to-steps .contentBox {margin:0;}

	.gen-box.info .top {flex-direction:column}

    footer .inner {width:100%}
    footer .logo-box {flex-direction:column;}
    footer .aff-logo {display:none;}

	.intro-two-col {grid-template-columns:1fr;}
	.resultsBox, .main-results {border-radius:0}
	.resultsBox .top {flex-direction:column; margin-bottom:10px}
	.resultsBox  .prizePayouts {display:grid; grid-template-columns:1fr; gap:10px}
	.resultsBox.keno .balls {flex-wrap:wrap; justify-content:center;}
	.resultsBox.keno .balls .ball {margin:3px}

	.main-result {border-radius:0;}
	.main-result.wide {flex-direction:column;}
	.main-result.wide .result-box {width:100%; flex-direction:column; align-items:center; padding-bottom:15px;}
	.main-result.wide .result-box .elem1 {display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:30px}
	.main-result.wide .info:before {width:60px;}
	.main-result.wide .info .box {width:100%}
	.main-result .jackpot-box {justify-content:center; align-items:center; padding:15px;}

	.previous-results-wrap {grid-template-columns:1fr}
	.previous-results-wrap.small {grid-template-columns:1fr 1fr}

	.noticeBox .ctaBox {margin:15px 0 0 0;}
	.checkedNumbers .title {margin:0 0 0 0}
	.checkedNumbers .balls {margin:10px 0;}
	.checkedNumbers .btn {margin: 0 0 0 10px}
	.checkedNumbers .col {flex-direction:row;}
	
	.games {grid-template-columns:1fr 1fr 1fr; gap:20px}
	.prevnext {padding:10px;}
	.homepage-winners {grid-template-columns: 1fr 1fr; border-radius:12px;}
	.homepage-play-box {width:80%;}
	.play-intro:before {right:-390px;}
	.homepage-play-box:hover .play-intro:before {right:-435px;}
	.participating-states {grid-template-columns:1fr;}
	.map-container {border-radius:14px 14px 0 0;}
	.state-list {border-radius:0 0 14px 14px;}
	.state-list:before {background-size: 100% 100%; width:100%; height:100%;}
	.state-section .gen-box {border-radius: 12px;}
	.state-section {grid-template-columns:1fr; grid-template-rows:1fr;}
	.state-result, .state-stats, .state-breakdown {grid-area:unset;}
	.state-section .state-breakdown {padding:0;}
	.state-section .state-breakdown p {padding:25px 25px 0 25px; line-height:20px}
	.state-section .state-breakdown table thead th:first-child, .state-section .state-breakdown table thead th:last-child {border-radius:0;}
	.state-section .state-breakdown table th, .state-section .state-breakdown table td {align-content:center; padding:9px 4px;}
	.state-section .state-breakdown table tbody tr:last-child td:first-child {border-radius:0 0 0 12px;}
	.state-section .state-breakdown table tbody tr:last-child td:last-child {border-radius:0 0 12px 0;}
	.state-stats div {transform:translateX(-100vw);}
	@keyframes statsJump {0% {transform:translateX(-100vw)} 100% {transform:translateX(0)}}
	.drawDays {flex-wrap:wrap; row-gap:10px;}
	.buy-tickets {height:auto; flex-direction:column;}
	.timerBox.black li {width:unset; height:unset; padding:0;}
	.timerBox.black .text-timer {margin-bottom:0}
	.main-tickets {overflow:hidden; border-radius:0 0 14px 14px}
	.jackpot-com, .main-tickets {flex-grow:unset;}
	.jackpot-com {height:200px; display:flex; justify-content:center; align-items:center; border-radius:14px 14px 0 0}
	.jackpot-com img {left:unset; transform:unset; position:relative; top:-150px;}
	.jackpot-com a {margin-left:40px; margin-top:-92px;}
	.jackpot-com p.unavailable {margin-left:40px!important; margin-top:-18px; margin:unset}
	.main-tickets:after {top:-10px; left:50%; transform:translateX(-50%) rotate(45deg); background:#fff;}
	@keyframes logoBounce {60% {top:18px} 80% {top:12px} 100% {top:18px}}
	@keyframes logoBounceSmall {60% {top:14px;} 80% {top:8px;} 100% {top:14px;}}
	@keyframes logoBounceSmaller {60% {top:11px;} 80% {top:4px;} 100% {top:11px;}}
	.main-jackpot {font-size:36px;}
	.top-header .jackpot-box {flex-direction:column;}
	.top-header .cta-box {width:90%;}

	.online-body h1 {font-size:50px;}
	.online-body img, .online-body-2 img, .online-body-3 img {width:40%; max-height:450px; margin:0 79px 0 -240px;}

}

@media (max-width: 900px) {
	.homepage-results {grid-template-columns:1fr;}
	.homepage-play-box .fx {flex-direction:column;}
	.homepage-play-box {text-align:center; margin:100px auto; width:95%}
	.homepage-play-box:hover {transform:none;}
	.homepage-play-box .play-intro:before, .homepage-play-box .play-countdown:after {display:none;}
	.homepage-play-box .state-play {width:50vw; left:50%; transform:translateX(-50%); top:-20px;}
	.play-countdown:after {top:0; left:-20%;}
	.play-alert {text-align:left;}
	.results-box-top .balls .ball {width:38px; height:38px; line-height:38px; font-size:18px;}
	.breakdown-prizename {flex-direction:column; line-height:1.4em;}
	.generator {flex-direction:column; padding:40px;}
	.generator-content {width:100%; margin-right:0; margin-bottom:40px; text-align:center;}

}

@media (max-width: 800px) {
	.results-grid-top {grid-template-columns:1fr;}
	.results-slider {flex-direction:column; padding:20px 5px;}
	.results-slider .balls {margin:15px 0}
	.results-slider .green-btn {margin-top:15px;}
	.content-play-box {padding:30px 30px 45px 30px; flex-direction:column;}
	.content-winner .fx {flex-direction:column;}
	.content-winner strong {margin-right:5px;}
	.content-winner .fx div:first-child {margin-bottom:5px;}
	.info-container {grid-template-columns:1fr;}
	.two-col {flex-direction:column;}
	.first-col {width:100%; margin-right:0;}
	.second-col {width:100%;}
	.grid-2 {grid-template-columns:1fr; gap:30px}
	.grid-2 div {padding:0; border-radius:0; box-shadow:none}
	.state-how-to-play, .state-claiming-prizes, .state-lost-tickets, .state-taxes {border-radius:14px!important;}
	.state-taxes {margin-bottom:-50px;}
	.checkedNumbers {flex-direction:column;}
	.checker-results-box ul {padding:20px 16px 20px 0; justify-content:end!important;}
	.checker-results-box ul li {width:38px!important; height:38px!important; line-height:38px!important; font-size:16px!important;}
	.checkedNumbers .balls {margin:10px 0 15px 0;}
	.checker-results-box {flex-wrap:wrap;}
	.checker-results-box .date, .checker-results-box ul {flex-basis:50%;}
	.checker-results-box .numbersMatched {flex-basis:100%; padding:0 20px 20px 20px; place-items:center!important; display:flex; justify-content:center;}
	.checker-results-box.won {background: linear-gradient(335deg, rgba(153,101,21,1) 0%, rgba(255,204,0,1) 100%)}
	.winnings {margin-left:6px;}
	.noMob {display:none;}
	.cash-annuity {flex-direction:column;margin:50px 0;}
	.case-cash, .case-annuity {width:100%;}
	.case-cash img, .case-annuity img {width:120px; margin:-20px 0 20px -10px;}
	.case-annuity {border-radius:20px 20px 0 0;}
	.case-cash {border-radius:0 0 20px 20px;}
	.timeline-wrapper {display:flex; flex-direction:column; row-gap:20px;}
	.timeline-wrapper:before {display:none;}
	.timeline-wrapper .timeline-container:after {display:none;}
	.timeline-container {min-height:unset;}
	.online-body {min-height:unset;}
	.online-body .content {flex-direction:column;}
	.online-body .slide-1-content {width:100%; text-align:center;}
	.online-body-2 .content, .online-body-3 .content {flex-direction:column-reverse;}
	.online-body-4 .content {flex-direction:column;}
	.slide-2-content, .slide-3-content {width:100%!important;}
	.why-play-tags {width:100%; margin-bottom:4em; text-align:left;}
	.why-play-tags a {padding-right:20px;}
	.online-body h1, .online-body-2 h2 {font-size:40px; line-height:44px; margin-top:1.3em; text-align:center;}
	.online-body-2, .online-body-3, .online-body-4 {padding:70px 40px; text-align:center;}
	.online-body-2 .link-upsell, .online-body-3 .link-upsell {justify-content:center;}
	.slide-2-content h2 {margin-bottom:1em; margin-top:0;}
	.slide-3-content h2 {margin-bottom:1em; line-height:44px;}
	.online-body-2 .content, .online-body-3 .content, .online-body-4 .content {padding:0}
	.online-body-4 {min-height:860px;}
	.online-body-4 h2 {margin-bottom:1em; margin-top:1em;}
	.online-body-4 a {margin:60px auto -70px auto;}
	.online-body img, .online-body-2 img, .online-body-3 img {display:none;}
}

@media (max-width: 640px) {
	table.mobFormat thead {display: none;}
	table.mobFormat {width: 100%; border: none;border-radius:0; background:#fff;}
	table.mobFormat tbody tr {display: block; border: 1px solid #DDD; padding: 0; margin: 15px 0 20px;}
	table.prizebreakdown.mobFormat tbody tr {margin-bottom:15px;}
	table.mobFormat tbody td {display: block; padding: 8px; text-align:left!important; font-family:"font-regular", sans-serif; border: none; background: #FFF; line-height: 18px;}
	table.mobFormat td:first-child {font-weight: bold;background:#fff; color:#000; padding:10px;}
	table.mobFormat tbody td {background: #EEE;}
	table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: inline; text-align: left; font-family: "font-bold", sans-serif;}
	table.mobFormat td.noBefore:before {display: none;}
	table.mobFormat td.noBefore a {color:#fff;}
	table.mobFormat td.blockBefore:before {display: block;}
	table.mobFormat td.colour {color:#fff; background:#006248}
	table.mobFormat td.colour a {color: #fff;}
	table.mobFormat tr.totals td:first-child {color:#fff!important;}
	table.mobFormat td.noBefore:before {display: none !important;}
	select {background-color:#fff;}
	table tbody tr:last-child td:first-child {border-radius:0}
	table tbody tr:last-child td:last-child {border-radius:0}
	
	.gen-box {padding:25px;}
	.homepage-top .result {flex-direction:column;}
	.lottery-box.small {flex-direction:column;}
	.lottery-box .box {flex-direction:column; width:100%}
	.lottery-box .jackpot-box {display:flex; justify-content:space-between; align-items:center;}

	.gen-box.info .img-box {margin:0 0 20px 0}
	.balls .ball {width:40px; height:40px; line-height:40px; font-size:18px;}
	.ball.power-play, .ball.megaplier, .ball.all-star-bonus {font-size:24px;}
	/* .ball.powerball, .resultBall.powerball, .ball.mega-ball, .ball.star-ball, .ball.all-star-bonus {line-height:24px;} */
	.ball.mega-ball:after, .ball.powerball:after, .resultBall.powerball:after, .ball.star-ball:after, .ball.all-star-bonus:after {font-size:9px; padding-top:4px;}
	.ball.power-play, .ball.megaplier {margin-top:0; line-height:21px;}
	.ball.power-play:before, .ball.megaplier:before {font-size:9px; content:"P.Play"}
	.ball.megaplier:before {content:"M.Plier"}
	.ball.mega-ball:after {padding-top:2px;}
	
	.lottery-box .cta-box, .homepage-top .results-box .cta-box {display:grid;   gap:15px}
	.homepage-top .results-box .cta-box .btn {display:inline-block; margin:0;}
	.homepage-top .results-box .cta-box {justify-self:center;}
	.homepage-top .results-box .cta-box div {justify-self:center;}
	.homepage-top .date-box:before {width:15px; height:15px; background-size:15px 15px;}
	.homepage-top .date-box .date {font-size:16px}
	.homepage-top .date-box .day {font-size:24px; line-height:20px;}
	.homepage-top .date-box {margin:0 0 5px 0}

	.top-header .jackpot-box {flex-direction:column;}
	.homepage-winners {grid-template-columns: 1fr 1fr 1fr 1fr; overflow-x:scroll; padding-bottom:15px;}
	.homepage-winners .winner-box {width:260px;}
	.homepage-play-box {padding:30px;}
	.play-alert:before {top:-3px;}
	.play-countdown {display:flex; flex-direction: column; justify-content:center; margin:0 auto 15px auto;}
	.how-to-grid {grid-template-columns:1fr;}
	.how-to-background:before {background-size:1050px 276px; width:1050px; height:276px; top:0; left:0;}
	.about-grid {display:flex; flex-direction:column-reverse; margin-top:40px;}
	.about-image {text-align:center; margin-bottom:25px;}
	.about-image img {max-width:50%;}
	.participating-states:hover .map-container img {transform:translateX(-142px) translateY(-28px) scale(1.35);}
	.map-container, .state-list {position:relative;}
	.map-container:before {position:absolute; content:""; transition:.2s all ease; background-image:url(/images/layout/magnifying-glass.svg); background-size:20px 20px; height:20px; width:20px; bottom:3%; right:3%;}
	.map-container:hover:before {display:none; transition:.2s all ease;}
	ul.states a {padding:4px 8px; font-size:.7em; align-content:center;}
	ul.states img {width:30px; height:30px;}
	ul.states {gap:15px;}
	ul.states a:before {right:7px;}
	ul.states a:after {right:2px;}
	ul.year-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:8px;}
	ul.year-list li {margin:0!important; text-align:center;}
	footer .footer-logo {left:20px;}
	footer .inner {grid-template-columns:1fr; padding:0 20px;}
	footer .small {font-size:.8em; line-height:1.9em;}
	footer .fx.jc-end {justify-content:start;}
	footer ul {padding:15px 0;}
	footer ul li {text-align:left; padding:0 4px;}
	footer ul li a {margin:15px 20px 15px 0; font-size:.9em;}
	footer p.copy {font-size:.8em;}

	.notice-box {flex-direction:column}
	.notice-box img {width:50px; height:50px; margin:0 0 20px 0}

	.lottery-box .jackpot-box .jackpot span {display:block;}
	.ball.powerball, .resultBall.powerball, .ball.mega-ball, .ball.star-ball, .ball.all-star-bonus, .ball.lucky-ball {line-height:40px;}
	.ball.mega-ball:after, .ball.powerball:after, .resultBall.powerball:after, .ball.star-ball:after, .ball.lucky-ball:after {line-height:14px;}

	.results-box-top {padding:25px 10px!important;}
	.play-box-block {padding:0; margin:20px 0 5px 0; overflow:unset;}
	.play-box-link {margin:20px 0;}
	.play-box-content-1 {font-size:1.2em;}
	@keyframes play-box-slide {0% {transform:translateY(340px)} 30% {transform:translateY(20px)} 90% {transform:translateY(20px)} 100% {transform:translateY(-5px) scale(.8)}}
	@keyframes play-box-slide-2 {0% {transform:translateY(140px); opacity:1;} 10% {transform:translateY(0px); opacity:1;} 49% {transform:translateY(0px); opacity:1;} 53% {transform:scale(1.1) translateY(0px); opacity:1;} 57% {transform:scale(1) translateY(0px); opacity:1;} 61% {transform:scale(1.1) translateY(0px); opacity:1;} 65% {transform:scale(1) translateY(0px); opacity:1;} 100% {transform:scale(1) translateY(0px); opacity:1;}}
	
	.breakdown-container {grid-template-columns:1fr;}
	.breakdown-prizename {text-align:center;}
	.state-percentages div:before {display:none}
	.state-percentages {display:block; border-radius:0; border:none; margin:10px 0 30px 0; background:none;}
	.state-percentages div {border-radius:0!important; text-wrap:nowrap; opacity:1; padding:5px 4px; max-width:100%; margin:0 auto;}
	@keyframes percentageGrow {0% {opacity:1;} 100% {opacity:1;}}
	.state-percentages div span {display:inline-block;}
	.breakdown-results {grid-template-columns:1fr; gap:20px;}

	.heading-flex {flex-direction:column; margin-bottom:10px;}
	.prev-next-buttons {width:fit-content; margin:0 auto;}

	.prev-result, .next-result {width:120px; text-decoration:none;}
	.prev-result:hover, .next-result:hover {width:120px;transition:none; color:#fff}
	.prev-result:hover:after, .next-result:hover:after, .unclickable:after {animation:none; opacity:1}
	.prev-result:after, .next-result:after {content:"Prev Draw"; text-decoration:none; font-size:14px; top:2px; right:26px; position:absolute; opacity:1}
	.unclickable {width:30px!important}
	.unclickable:after {display:none;}
	.next-result:after {content:"Next Draw"; left:26px;}
	.next-result:hover:after {left:20px!important;}
	.prev-result:hover:after {right:18px!important; left:unset!important;}

	.homepage-margin {margin-top:30px}
	.fx-mob {flex-direction:column;}
	.fx-mob .xtrMargin {margin:30px auto; align-self:center; display:block}
	.celebration {padding:25px 25px 220px 25px; text-align:center;}
	.celebration:after {left:50%; transform:translateX(-50%)}
	.faqBox {padding:15px 20px 20px 20px;}
	.faqTitle {height:40px; align-content:center;}
	.sidebar-play {position:relative;}
	.sidebar-play:after, .sidebar-play:before {background-size:100%; width:100%;}
	.numbersMatched {flex-direction:column;}
	.checker-results-box .date, .checker-results-box ul {flex-basis:40%;}

	.multi-state {flex-direction:column;}
	.multi-state-image {min-width:unset; min-height:200px; border-radius:12px 12px 0 0;}
	@keyframes statePop {0% {transform:scale(0)} 50% {transform:scale(1)} 100% {transform:scale(.8)}}
	.multi-state-content {padding:30px;}
	.case-cash, .case-annuity {padding:30px;}
	#checkerGrid .grid {padding:0 20px;}
	#remainingBalls {padding:0 15px;}
	.chosenNumbers {display:none;}
	.ballselected, .balldisabled {width:40px; height:40px; line-height:40px; font-size:18px;}
	.checkerWrapper {border-radius:30px 30px 0 0;}
	.checker-results-box .date, .checker-results-box ul, .checker-results-box .numbersMatched {flex-basis:unset; width:100%;}
	.checker-results-box .date {text-align:center;}
	.checker-results-box ul {justify-content:center!important; padding:0 0 20px 0;}
	.checker-results-box .numbersMatched {text-align:center; flex-direction:row;}
	.checker-results-box.won .numbersMatched {justify-content:space-between;}
	#checkerGrid {margin-bottom:20px;}
	.generator {padding:0;}
	.generator-content {padding:35px; border-radius:24px 24px 0 0;}
	.generator .btn-yellow {margin-bottom:30px; margin-top:30px;}
	.generator .btn-white {margin-bottom:40px!important;}
	.content.mobFull {padding:0; margin-top:-25px}
	.content.mobFull .generator {border-radius:0;}
	.content.mobFull .more-generator {border-radius:0; margin-top:0; padding:35px 20px;}
	.content.mobFull .generator-content {border-radius:0; padding:35px 20px;}
	.first-prize-winners, .second-prize-winners {min-width:52px;}
	@keyframes winnersGrow {0% {width:0%;} 100% {width:revert-layer; min-width:40px;}}
	.winners-state div:nth-child(2) {width:40px; padding:10px 0}
	.main-tickets {flex-direction:column; align-items:unset; text-align:center;}
	.main-tickets .loading-bar {margin-bottom:20px;}
	.main-tickets a {margin:0 auto; padding:12px 50px;}
	.main-tickets:before {height:100%; width:1000px; filter:blur(3px)}
	.main-jackpot {font-size:33px;}
	.main-title {margin:-8px auto 15px auto;}
	.scratch-grad:after {left:80px}
	.scratch-grad:before {left:40px;}
	.scratch-grad .play-top-row {justify-content:center;}
	.scratch-grad .play-bottom-row {align-items:end; flex-direction:column; height:auto;}
	.scratch-grad .play-bottom-row .btn-yellow {margin-top:10px;}
	.scratch-grad .game-name br {display:none;}
	.scratch-grad .game-name span {margin-left:15px; font-family:"font-bold", sans-serif; position:relative; font-size:18px;}
	.scratch-grad .game-name span:before {content:"-"; position:absolute; top:50%; transform:translateY(-50%); left:-13px; font-size:18px;}
	.scratch-grad:before {background-size:55px 75px; width:55px; height:75px; transform:scale(1.2); top:unset; bottom:30px}
	.scratch-grad:after {background-size:55px 75px; width:55px; height:75px; transform:scale(1.2); top:unset; bottom:40px;}
	@keyframes floatCards {25%{transform:translateY(4px) scale(1.2)} 50%{transform:translateY(0px) scale(1.2)} 75% {transform:translateY(4px) scale(1.2)} 100% {transform:translateY(0px) scale(1.2)}}
	.scratch-grad .play-bottom-row a {z-index:1}
	.play-game img {width:30px; height:30px;}
	.game-name {font-size:16px;}
	.game-name span {font-size:15px;}
	.play-top-row .play-next-jackpot {font-size:24px;}
	.play-bottom-row .timerBox.black {flex-direction:column;}
	.play-bottom-row .timerBox.black ul {margin-left:0; min-height:22px;}
	.participating-states:hover .map-container g.mapZoom {transform:translateX(-570px) translateY(-240px) scale(1.6);  transition:.5s all ease;}
	.drawDays {display:grid; grid-template-columns:1fr 1fr; gap:15px;}
	.drawDays div label {padding:0; position:relative;}
	.drawDays div label:after {position:absolute; content:""; width:160px; height:52px; left:-34px; top:-17px;}
	.top-header {padding-bottom:20px;}
	.top-header .inner {padding-top:90px;}
	.top-header .title {margin-bottom:20px;}
}

@media (max-width: 512px) {
	.jackpot-com {flex-direction:column;}
	.jackpot-com a {margin-left:0;}
	.jackpot-com p.unavailable {margin-left:0!important; margin-top:5px!important;}
	.jackpot-box .cta-box {width:100%; padding:35px;}
	
}

@media (max-width: 428px) {
	.archive.a-menu ul {grid-template-columns:1fr 1fr}
	.main-result.wide .info .box .jackpot {font-size:30px;}
	.previous-results-wrap.small {grid-template-columns:1fr}
	.ball.mega-ball, .ball.powerball, .resultBall.powerball, .ball.star-ball, .ball.lucky-ball {border-width:1px;}
	.ball.mega-ball:after, .ball.powerball:after, .resultBall.powerball:after, .ball.star-ball:after, .ball.lucky-ball:after, .ball.all-star-bonus:after {font-size:9px; padding-top:0;}
	.boxWorldlottery .jackpot {font-size:36px;}
	.retail-address {grid-template-columns:1fr}
	.games {grid-template-columns:1fr}

	.prevnext {display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.prevnext li:first-child {margin-bottom:20px; float:none;}
	.prevnext .link-button {min-width:176px; display:block;}
	.how-to-steps .title {width:80%}
	.smallFlex {display:flex; margin-right:10px;}
	.play-game .play-top-row {flex-direction:column;}
	.play-game .play-top-row .play-title {align-self:start;}
	.play-game .play-top-row .game-name br {display:none}
	.play-game .play-top-row .game-name span {margin-left:10px; position:relative;}
	.play-game .play-top-row .game-name span:before {content:"-"; position:absolute; top:50%; transform:translateY(-50%); left:-8px;}
	.play-game .play-next-jackpot {margin-top:15px; font-size:34px;}
	.play-game .play-top-row .play-next-jackpot span {top:-15px;}
	.play-game img {width:24px; height:24px; margin-right:10px;}
}

@media (max-width: 326px) {
	.balls .ball, .main-result.wide .balls .ball, .main-result.breakdown .balls .ball {width:30px; height:30px; line-height:30px; font-size:14px;}
	.main-result.wide .balls .ball.power-play, .main-result.wide .balls .ball.megaplier  {font-size:24px; line-height:14px;}
	.main-result.wide .balls .ball.small {width:20px; height:20px; line-height:20px; font-size:12px;}
	.ball.powerball, .resultBall.powerball, .ball.mega-ball, .ball.star-ball, .ball.all-star-bonus, .ball.lucky-ball {line-height:30px;}
}