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:#f6f7ff;}
a {cursor: pointer; text-decoration:underline; transition: all .2s ease-in-out; color:#5963e9}
a:hover {color:#015bd1; text-decoration:underline;}
*:hover { transition: all .2s ease-in-out}
strong {font-family:"font-bold", sans-serif;}
hr {margin:40px 0;}
/* Layout */
.fx, .row {display:flex;}
.fx-col {flex-direction:column;}
.jc-cn {justify-content:center;}
.jc-bt {justify-content:space-between;}
.jc-se {justify-content:space-evenly;}
.jc-sa {justify-content:space-around;}
.jc-end {justify-content:flex-end;}
.jc-st {justify-content:start!important;}
.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;}
.wide {width:100%!important;}
.grid {display:grid; column-gap:25px; width:100%; grid-template-columns: 1fr 1fr;}
.full-width {display:inline-block; width:100%; position:relative; padding:30px 0; z-index:0;}
.full-width.blue-bg {background:#1b11a3; background:linear-gradient(180deg,#1b11a3 0%, #0654c9 100%);padding:50px 0 30px 0; position:relative; overflow:hidden;}
.full-width.blue-bg:after {position:absolute; content:""; background:url(/images/layout/blue-tiles.png); background-size:300px 300px; width:300px; height:300px; top:-30%; right:0%; z-index:-1; opacity:.7;}
.full-width.blue-bg:before {position:absolute; content:""; background:url(/images/layout/blue-tiles.png); background-size:300px 300px; width:300px; height:300px; bottom:-30%; left:-5%; z-index:-1; opacity:.7; transform:rotate(176deg);}
.full-width.blue-bg h1, .full-width.blue-bg p {color:#fff; z-index:1; position:relative; text-shadow:0 0 4px #00057b;}
.full-width.blue-bg h1 span {color:#ffe000;}
.full-width.blue-bg p {width:63%; margin-bottom:25px;}
.full-width.light-blue-bg {background:#e5efff; padding:50px 0; position:relative; overflow:hidden;}
.full-width.white-bg {background:#fff; padding:50px 0; position:relative; overflow:hidden;}
.full-width .container {width:1200px; margin:0 auto; position:relative;}
.full-width .container.game-ball:before {position:absolute; content:""; background-size:100px 60px; width:100px; height:60px; top:54px; right:108px; z-index:1; transform:rotate(5deg); animation:jumpUp 2s ease forwards;}
.full-width .container.game-ball:after {position:absolute; content:""; background:#fff; background: linear-gradient(305deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 60%); width:150px; height:150px; border-radius:100px; top:10px; right:80px; box-shadow:7px 6px 26px #191fa0; animation:jumpUp 2s ease forwards;}
.full-width .container.game-ball.-pb:before {background-image:url(/images/lotteries/powerball.svg);}
.full-width .container.game-ball.-mm:before {background-image:url(/images/lotteries/mega-millions.svg);}
.full-width .container.game-ball.-la:before {background-image:url(/images/lotteries/lotto-america.svg);}
.full-width .container.game-ball.-cfl:before {background-image:url(/images/lotteries/cash-4-life.svg);}
.full-width .container.game-ball.-mfl:before {background-image:url(/images/lotteries/millionaire-for-life.svg);}
.full-width .container.game-ball.-lfl:before {background-image:url(/images/lotteries/lucky-for-life.svg);}
.full-width .container.game-ball.-csl:before {background-image:url(/images/lotteries/california-superlotto.svg);}
.full-width .container.game-ball.-fl:before {background-image:url(/images/lotteries/florida-lotto.svg);}
.full-width .container.game-ball.-il:before {background-image:url(/images/lotteries/illinois-lotto.svg);}
.full-width .container.game-ball.-gf5:before {background-image:url(/images/lotteries/georgia-fantasy-5.svg);}
.full-width .container.game-ball.-af5:before {background-image:url(/images/lotteries/arizona-fantasy-5.svg);}
.full-width .container.game-ball.-njp6:before {background-image:url(/images/lotteries/new-jersey-pick-6.svg);}
.full-width .container.game-ball.-njc5:before {background-image:url(/images/lotteries/new-jersey-cash-5.svg);}
.full-width .container.game-ball.-nyl:before {background-image:url(/images/lotteries/new-york-lotto.svg);}
.full-width .container.game-ball.-nyn:before {background-image:url(/images/lotteries/new-york-numbers.png);}
.full-width .container.game-ball.-ocl:before {background-image:url(/images/lotteries/ohio-classic-lotto.svg);}
.full-width .container.game-ball.-om:before {background-image:url(/images/lotteries/oregon-megabucks.svg);}
.full-width .container.game-ball.-ihl:before {background-image:url(/images/lotteries/indiana-hoosier-lotto.svg);}
.full-width .container.game-ball.-ml47:before {background-image:url(/images/lotteries/michigan-lotto-47.png); background-size: 130px 50px; width:130px; height:50px; right:93px; top:58px;}
.full-width .container.game-ball.-mf5:before {background-image:url(/images/lotteries/michigan-fantasy-5.png); background-size: 120px 50px; width:120px; height:50px; right:97px; top:56px;}
.full-width .container.game-ball.-mg5:before {background-image:url(/images/lotteries/minnesota-gopher-5.svg);}
.full-width .container.game-ball.-mn5:before {background-image:url(/images/lotteries/minnesota-north-5.svg);}
.full-width .container.game-ball.-nyt5:before {background-image:url(/images/lotteries/new-york-take-5.svg);}
.full-width .container.game-ball.-ctl:before {background-image:url(/images/lotteries/connecticut-lotto.svg);}
.full-width .container.game-ball.-col:before {background-image:url(/images/lotteries/colorado-lotto.svg); background-size:110px 60px; width:110px; top:48px; right:100px;}
.full-width .container.game-ball.-lt:before {background-image:url(/images/lotteries/lotto-texas.svg);}
.full-width .container.game-ball.-tc5:before {background-image:url(/images/lotteries/texas-cash-5.svg);}
.full-width .container.game-ball.-tts:before {background-image:url(/images/lotteries/texas-two-step.svg);}
.full-width .container.game-ball.-vbm:before {background-image:url(/images/lotteries/virginia-bank-a-million.svg);}
.full-width .container.game-ball.-vc5:before {background-image:url(/images/lotteries/virginia-cash-5.svg);}
.full-width .container.game-ball.-vcp:before {background-image:url(/images/lotteries/virginia-cash-pop.svg);}
.full-width .container.game-ball.-vp3:before {background-image:url(/images/lotteries/virginia-pick-4.svg);}
.full-width .container.game-ball.-vp4:before {background-image:url(/images/lotteries/virginia-pick-4.svg);}
.full-width .container.game-ball.-vp5:before {background-image:url(/images/lotteries/virginia-cash-5.svg);}
.full-width .container.game-ball.-clm:before {background-image:url(/images/lotteries/canada-lotto-max.svg);}
.full-width .container.game-ball.-cl649:before {background-image:url(/images/lotteries/canada-lotto-649.svg);}
@keyframes WinnerBG {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes jumpUp {0% {transform:translateY(200px)}30% {transform:translateY(-10px)}100% {transform:translateY(0)}}
.overlap {margin-top:-110px!important; margin-bottom:45px!important; z-index:2; position:relative;}
.clearBg {background:unset;}
.inline {display: inline-block;}
.mRight {margin-right:30px;}
.mTop {margin-top:25px;}
.m0 {margin-bottom:0%;}
.noPad {padding:0!important;}
.noBg {background:none!important;}
.noMargin {margin:0!important;}
.mBig {margin:65px 0;}
.z0 {z-index:0;}
.noAfter:after {display:none;}
.nav-flags {display:flex; margin-left:60px; position:relative;}
.nav-flags:before {content:"Select region:"; position:absolute; width:100%; font-size:12px; color:#474747; top:-20px; left:28px;}
.nav-flags img {width:25px; height:25px; margin:0 4px; transition:.2s all ease; border-radius:50%;}
.nav-flags img:hover {margin-top:-3px; transition:.2s all ease; box-shadow:0px 8px 10px -4px #00000063;}
nav {display:flex; align-items:center;}
.modal {background: rgba(0,0,0,0.85); position: fixed; left: 0; bottom: 0; width: 100vw; padding:30px; display: flex; flex-direction:column; color: #FFF; text-align: center; z-index: 99; opacity: 1; transition: all .3s ease;}
.modalClose {position: absolute; top: 16px; right: 25px; font: 29px/29px arial; text-align: center; width: 50px; height: 50px; color: #FFF;}
.modalClose:hover {color:#FD0;}
.modal a.site-link {text-decoration:none; align-self:center; color:#fff; background:#5963e9; padding:8px 13px; border-radius:6px; font-family:"font-bold", sans-serif; width:fit-content;}
.gen-box {background:#fff; padding:30px; border-radius:14px; margin-bottom:25px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.gen-box p:last-child {margin-bottom:0;}
.set-overlap {padding-bottom:110px!important; position:relative;}
.grid .gen-box {margin-bottom:unset;}
.grid-4 {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap:30px; row-gap:30px;}
.page {width:1200px; margin:0 auto;}
#content {width:1200px; margin:30px auto auto;}
.content {width:1200px; margin:30px auto auto;}
center {margin:0 auto;}
.center {text-align:center;}
img.rounded {border-radius:30px;}
.m-bottom-30 {margin-bottom:30px;}
#content.homepage {z-index:4;}
.half {width:50%;}
.bigText {font-family:"roboto-title", sans-serif; font-size:4em!important; width:unset!important; margin-bottom:0!important; margin-right:25px; color:#ffe000!important;}
.game-page-link {margin:50px 0 -15px 0;}
.game-page-link a {background:#fd0; color:#000;}
.game-page-link a:hover {text-decoration:none; background:#fff;}
p.email {border:solid 1px #dadada; margin-bottom:20px; padding:10px 20px; border-left:50px solid #1b11a3; color:#000; position:relative; width:fit-content; border-radius:8px; font-family:"font-bold", sans-serif;}
p.email:before {position:absolute; content:""; background-image:url(/images/icons/envelope.svg); background-size:24px 16px; width:24px; height:16px; top:50%; transform:translateY(-50%); left: -37px;}
.sitemap-grid {display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:20px; column-gap:20px;}
.sitemap-grid h2 {font-family:"font-bold", sans-serif; margin-bottom:10px; font-size:24px;}
.sitemap-grid .gen-box {margin-bottom:0;}
.errorPage {width:100%; background:#f42f45; margin-top:-30px; position:relative;}
.errorPage #content {min-height:500px;}
.errorPage:after {position:absolute; content:""; background:#f42f45; width:50px; height:50px; border-radius:6px; bottom:-10px; left:50%; transform:translateX(-50%) rotate(45deg);}
.errorPage .errorContent {margin:50px auto; display:flex; justify-content:space-between; align-items:center; text-shadow: 0px 2px 4px #e42928;color:#fff;}
.errorPage .errorContent img {width:25%; height:100%; margin-right:140px}
.errorPage h1 {font-size:80px; margin-bottom:40px;}
.errorPage h2 {font-size:30px; margin-bottom:50px;}
.errorPage p.errorText {background:#fff; padding:20px 30px; text-shadow:none; color:#000; border-radius:6px; font-size:18px; font-family:"font-bold", sans-serif; position:relative;}
.errorPage p.errorText:before {position:absolute; top:-7px; left:30px; content:""; background:#fff; width:17px; height:17px; transform:rotate(45deg); border-radius:3px;}
.errorPageLinks {width:100%; background:#cbe2fa; margin-top:-30px; padding:60px 35px; margin-bottom:-50px}
.errorPageLinks p.followingPages {font-family:"font-bold", sans-serif; font-size:20px; color:#1b11a3; margin-top:0;}
.errorPageLinks p {font-size:18px; color:#1b11a3; margin-top:54px;}
.errorLinks {display:grid; margin-top:50px; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:30px; row-gap:30px;}
.errorLinks a {background:#1b11a3; color:#fff; border:solid 2px #1b11a3; border-radius:50px; padding:12px 20px; font-size:17px; text-decoration:none; font-family:"font-bold", sans-serif; transition:.2s ease;}
.errorLinks a:hover {background:#fff; color:#1b11a3; transition:.2s ease;}
.errorWrap {background:#17171780; border-radius:6px; padding:0 30px; margin-bottom:80px; box-shadow:inset 0 0 20px 0px #0000004f;}
.errorWrap p {margin-bottom:0; text-shadow:none;}
.errorWrap strong {color:#ffe600;}
.errorWrap hr {display:none;}
/* Typography */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6, .title{font-family:"roboto-title", sans-serif;}
.h1,h1{margin-bottom: 26px; font-size: 38px; line-height:38px;}
.h2,h2{margin-bottom: 22px; font-size: 26px; line-height:26px;}
.h3,h3{margin-bottom: 18px; font-size: 22px; line-height:22px;}
.h4,h4{margin-bottom: 10px; font-size: 18px; line-height:18px;}
.h5,h5{margin-bottom: 5px; font-size: 18px; line-height:23px;}
.m-bottom-5 {margin-bottom:5px;}
.m-bottom-10 {margin-bottom:10px!important;}
p {line-height:30px; margin-bottom: 20px;}
#notes ul {margin-bottom:30px; padding:30px 40px;border-radius:8px;}
ul.bullet {padding:20px 10px;}
ul.bullet li, #notes li {margin-bottom:10px; padding-left:30px; position:relative; line-height:32px;}
ul.bullet.features {display:flex; flex-wrap:wrap;}
ul.bullet.features li {font-size:18px; width:40%; margin:0 15px 15px 0;}
ul.bullet li:before, #notes li:before {content:"\25A0"; color:#2832ac; display:inline-block; width:5px;height:5px; margin-right:20px; position:absolute;left:0; top:0;}
ul.bullet.alt li:before {color:#f7d115}
ul.tickList {padding:20px 20px 0 20px;}
ul.tickList li {margin-bottom:30px; padding-left:40px; position:relative; line-height:34px;}
ul.tickList li:before {content:""; background-image:url(/images/icons/green-tick.svg); background-size:25px 25px; width:25px; height:25px; display:inline-block; margin-right:20px; position:absolute; left:0; top:5px;}
ul.historyList {padding:20px;}
ul.historyList li {margin-bottom:20px; padding-left:40px; padding-bottom:20px; position:relative; line-height:34px; border-bottom:solid 1px #dadada;}
ul.historyList li span {font-size:18px; font-family:"font-bold", sans-serif;}
ul.historyList li:before {content:""; background-image:url(/images/icons/green-clock.svg); background-size:25px 25px; width:25px; height:25px; display:inline-block; margin-right:20px; position:absolute; left:0; top:5px;}
h2.stats {position:relative; padding-left:45px;}
h2.stats:before {position:absolute; content:""; background-image:url(/images/layout/stats-icon.svg); background-size:30px 30px; width:30px; height:30px; top:-5px; left:0;}
/* BREADCRUMBS */
.breadcrumb {width:100%; background:#1c0060;}
#breadcrumb{display:flex;padding:10px 0;line-height:10px; font-size:14px; align-items:center; flex-wrap:wrap; width:1200px; margin:0 auto;}
#breadcrumb li{display:inline-block;background: url(/images/icons/chev.svg) no-repeat 2px 50%;padding-left: 24px;background-size:10px 10px; color:#fff; margin:5px 0 5px 5px;}
#breadcrumb li:first-of-type {background:none;padding:0 4px 0 0;}
#breadcrumb a {display:inline-block; color:#d3edff;}
#breadcrumb li:first-child a {background: url(/images/icons/home.svg) no-repeat center 0;width: 18px;height: 18px; background-size:18px 18px; padding-right:20px;}
#breadcrumb li:first-child a span {display:none;}
/* GAME OVERVIEW PAGES */
.how-to-grid {width:100%; margin:25px 0 40px 0; min-height:150px; display:flex; justify-content:start; color:#fff; border-radius:14px; box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.ht-step {align-items:center; width:33.3%; padding:25px 30px; position:relative; display:flex; flex-direction:column;}
.ht-step img {margin-bottom:25px;}
.step-1 {background:#1b11a3; border-top-left-radius:14px; border-bottom-left-radius:14px;}
.step-1:after {position:absolute; content:""; width:20px; height:20px; background: #1b11a3; transform:rotate(45deg); top:33px; right:-10px; z-index:1;}
.step-2 {background:#1e45d4;}
.step-2:after {position:absolute; content:""; width:20px; height:20px; background: #1e45d4; transform:rotate(45deg); top:33px; right:-10px; z-index:1;}
.step-3 {background:#1f70e9; border-top-right-radius:14px; border-bottom-right-radius:14px;}
.ht-heading {font-family:"roboto-title", sans-serif; font-size:1.4em;}
.overview-result {background:#fff; border-radius:14px; padding: 30px; width: 70%; margin:20px auto; box-shadow:rgba(0 0 0 / 32%) 0 4px 55px -5px; text-align:center;}
.overview-result h3, .overview-result p {margin-bottom:0;}
.overview-result .top-bar {display:flex; justify-content: space-between; align-items:center; margin-bottom:40px; text-align:left!important;}
.overview-result .btm-bar a {margin:20px 10px;}
.link {text-decoration:none; font-family:"font-bold", sans-serif; padding:12px 20px; background:#1b11a3; border-radius:10px; color:#fff;}
.link-small {text-decoration:none; font-family:"font-bold", sans-serif; padding:8px 14px; background:#1b11a3; border-radius:50px; color:#fff;}
.link-small:hover {text-decoration:none; background:#0666c9; color:#fff;}
.link:hover {background:#0666c9; text-decoration:none; color:#fff;}
.link.orange {text-decoration:none; font-family:"font-bold", sans-serif; padding:12px 20px; background:#ff6a00; border-radius:10px; color:#fff;}
.link.orange:hover {background:#ff832b;}
.overview-container {display:flex; width:90%; margin:0 auto 40px auto;}
.overview-gen-box {padding:30px 50px 30px 30px; background:#fff; border-radius:14px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; max-width:50%;}
.overview-table {background: #1b11a3; background:linear-gradient(180deg,#1b11a3 0%, #0654c9 100%); border-radius:14px; padding:10px 25px; color:#fff; height:fit-content; align-self:center; width:90%; margin-left:-25px; box-shadow:rgba(0 0 0 / 28%) -2px 20px 50px -5px}
.otherPage {width:300px; background:#fff; border-radius:8px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; margin-right:30px; transition:all .2s ease-in-out;}
.otherPage:last-child {margin-right:0;}
.otherPage h2, .otherPage h3, .otherPage h4 {font-family:"font-bold", sans-serif; font-size:20px; letter-spacing:-.3px; padding:20px 20px 0 20px; line-height:27px; margin-bottom:10px;}
.otherPage p {padding:0px 20px; margin-bottom:10px;}
.otherPage p:last-child {margin-bottom:20px;}
.otherPage img {width:300px; border-radius:8px 8px 0 0}
.otherPage a {color:#5963e9;}
.otherPage:hover {box-shadow:rgba(0 0 0 / .18) 0 20px 45px -5px; transition:all .2s ease-in-out}
.otherPage:hover a {color:#5963e9; font-family:"font-bold", sans-serif; transition:all .2s ease-in-out}
p.heading {text-align:center; font-family:"roboto-title", serif; font-size:22px; margin-bottom:40px;}
.comparisonContainer {display:flex; justify-content:start; margin:50px 0;}
.comparisonChart {width:50%; margin-right:-30px; border-radius:14px; padding:25px 55px 25px 25px; background: #1b11a3; background:linear-gradient(180deg,#1b11a3 0%, #0654c9 100%); color:#fff; display:flex; flex-direction:column;}
.comparisonGames {display:flex; width:100%;}
.comparisonContainer h3 {font-size:24px; font-family:"font-bold", sans-serif; color:#fff; margin:15px 0;}
.comparisonContainer h4 {font-size:20px; color:#000; font-family:"font-bold", sans-serif; margin:0 0 15px 0;}
.comparisonIntro {height:80px;}
.comparisonIntro img {margin:5px 0;}
.comparisonItem {border-bottom:solid 1px #fff; padding-bottom:15px; margin-top:20px; width:100%}
.comparisonItem p, .comparisonAnswer p {margin-bottom:0;}
.comparisonItem p span, .comparisonAnswer p span {font-family:"font-bold", sans-serif; font-size:1.1em;}
.comparisonAnswers {align-content:end}
.comparisonAnswer {border-bottom:solid 1px #cbcbcb; padding-bottom:15px; margin-top:20px; width:100%}
.comparisonBoxA {background:#fff; padding:25px 55px 25px 25px; border-radius:14px; margin-right:-30px; width:52%; display:flex; flex-direction:column; justify-content:space-between; box-shadow:rgba(0,0,0,.15) -20px 0px 20px 0px}
.comparisonBoxB {background:#fff; padding:25px 55px 25px 25px; border-radius:14px; width:52%; display:flex; flex-direction:column; justify-content:space-between; box-shadow:rgba(0,0,0,.15) -20px 0px 20px 0px}
.comparisonChart .comparisonItem:last-child, .comparisonAnswers .comparisonAnswer:last-child {border-bottom:none;}
.winnerSection {display:flex; flex-direction:column; margin-bottom:30px;}
.winnerContainer {display:flex; justify-content:space-between; margin-bottom:20px;}
.winnerContainer:nth-child(1) .winnerNumber {background:#1b11a3; color:#fff}
.winnerContainer:nth-child(1) .winnerNumber:after {background:#1b11a3; position:absolute; width:30px; height:30px; border-radius:7px; transform:rotate(45deg) translateY(-50%); top:50%; right:-1px; content:"";}
.winnerContainer:nth-child(2) .winnerNumber {background:#1c2dbe; color:#fff}
.winnerContainer:nth-child(2) .winnerNumber:after {background:#1c2dbe; position:absolute; width:30px; height:30px; border-radius:7px; transform:rotate(45deg) translateY(-50%); top:50%; right:-1px; content:"";}
.winnerContainer:nth-child(3) .winnerNumber {background:#1e45d4; color:#fff}
.winnerContainer:nth-child(3) .winnerNumber:after {background:#1e45d4; position:absolute; width:30px; height:30px; border-radius:7px; transform:rotate(45deg) translateY(-50%); top:50%; right:-1px; content:"";}
.winnerContainer:nth-child(4) .winnerNumber {background:#1e5adc; color:#fff}
.winnerContainer:nth-child(4) .winnerNumber:after {background:#1e5adc; position:absolute; width:30px; height:30px; border-radius:7px; transform:rotate(45deg) translateY(-50%); top:50%; right:-1px; content:"";}
.winnerContainer:nth-child(5) .winnerNumber {background:#1f70e9; color:#fff;}
.winnerContainer:nth-child(5) .winnerNumber:after {background:#1f70e9; position:absolute; width:30px; height:30px; border-radius:7px; transform:rotate(45deg) translateY(-50%); top:50%; right:-1px; content:"";}
.winnerNumber {border-radius:14px; padding:40px; font-family:"roboto-title", serif; font-size:50px; position:relative; text-align:center; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; width:17%; display:flex; justify-content:center; flex-direction:column;}
.winnerNumber p {margin-bottom:0;}
.winnerText {background:#fff; border-radius:14px; color:#000; padding:25px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; width:80%;}
.winnerText p {margin-bottom:0;}
.winnerInfo {display:flex; justify-content:space-around; background: #fff0c4; border-radius:8px; margin-bottom:15px;}
.winnerInfo p {margin-bottom:0;padding:7px 0}
.winnerInfo span {font-family:"font-bold", sans-serif;}
.faqs .faqContainer:first-child {margin-right:45px;}
.faqContainer {width:48%;}
.faq {border-bottom:1px solid #dadada;}
.question {padding:20px 20px 20px 40px; margin:0; position:relative; cursor:pointer; transition:all ease .2s; font-size: 20px;}
.question:before {content:"+"; position:absolute; top:50%; left:0; transform:translate(0,-50%); font-size:1.1em; background: #1b11a3; color:#fff; border-radius:50%; width:25px; height:25px; line-height:24px; text-align:center; transition:all ease .2s;}
.question.is-active:before {content: "-"; line-height:22px;}
.js-collapsible {height:0; overflow:hidden; transition:all ease .2s;}
.js-collapsible.is-active {height:auto;}
.answer {margin-bottom:30px; padding-left:10px;}
.answer p, .answer ul {margin: 0 0 25px 30px;}
/* Header */
header {display:flex; justify-content:center; width:100%; position:relative; background: #2832ac; background:#fff; z-index:999; box-shadow:0 4px 20px #00000073;}
header.alt {width:100%; background:#004a1f; position: relative; margin-bottom:30px;}
header.sub-nav-active {margin-bottom:80px}
header .inner {width:1200px; align-items:center; display:flex; justify-content:space-between; position: relative; margin:0;}
header .inner nav > ul > li {margin-right:90px}
header .inner nav li:last-child {margin-right:0}
header .inner nav li a {text-decoration:none; color:#000; 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.sub a:before, .lottery-nav ul li.sub a:before {display:none;}
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";}
.timer {display:flex; justify-content:center; margin:5px;}
.timer li {display:flex; justify-content:center; align-items:center; flex-direction:row; line-height:10px; margin-right:4px; color:#0e0e0e;}
.timer li.lotto {color:#fc2e5b;}
.timer li:last-child {margin-right:0}
.timer .counterType {display:block; font-size:15px; font-family:"font-bold", sans-serif; line-height:18px;}
.timer .counterVal {font-size:15px;}
.sub .navExpand {display: none;}
.subNav {position: absolute; top: 100px; left:0; transition: all .2s ease; z-index: 3; width:1200px; z-index: 99; padding:12px; display:flex; flex-direction:column;}
.subNav.local:before {transform: translateX(242%);}
.subNav .col {flex-grow:1; flex-direction:column;}
.subNav .row {display:flex; width:100%;}
.subNav .box {position:relative; padding:30px 20px 20px; border-radius:8px;flex-grow:1; margin:35px 12px 12px 12px;}
.subNav .box.small {margin:0 5px 15px; background:rgba(255,255,255,0.1);}
.subNav .title {font-size:21px; border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:20px; padding-bottom:10px; color:#fff}
.subNav .img-box {background:#f4f4f4; border-radius:8px; padding:0 5px; display:flex; justify-content:center; align-items:center; position:absolute; left:50%; transform:translateX(-50%); top:-25px; border:5px solid #fff;}
/*.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;}
.lottery-nav {background:#fff; margin-top:-30px; display:flex; justify-content:center;position:absolute;top:100px; left:50%; transform:translateX(-50%); width:100%; min-height:50px}
.lottery-nav.active {margin-top:22px; transition:all ease .2s}
.lottery-nav .inner {width:1200px; display:flex;}
.lottery-nav img {width:100px; height:auto;}
.lottery-nav ul {display:flex; margin:0;}
.lottery-nav ul li {flex-grow:1; display:flex;}
.lottery-nav ul li a {border-right:1px solid rgba(255,255,255,0.4); text-align:center; display:flex; align-items:center; padding:0 20px; text-decoration:none; color:#fff; position: relative;}
.lottery-nav ul li:last-child a {border-right:none}
.lottery-nav ul li a:before {bottom:8px;}
.lottery-nav ul li a:hover:before {width:calc(100% - 40px);}
.lottery-nav ul.small li a {font-size:14px;}
.lottery-nav ul.small li a:before {bottom:5px;}
.lottery-nav .logo-box {padding:3px 5px; background:#fff; display:flex; align-items:center; border-radius:10px;}
.lottery-nav .logo-box {padding:3px 5px; display:flex; align-items:center}
.boletos {position:relative; padding-left:20px;}
.boletos:before {position:absolute; left:-3px; top:50%; transform:translateY(-50%); content:""; width:15px; height:15px; background-size:15px 15px; background-image:url(/images/icons/boleto.svg);}
/* Homepage */
.homepage-results {display:flex; flex-direction:column;}
.hp-draw {display:grid; grid-template-columns:.6fr 1fr 2fr 1.2fr .6fr; align-items:center; border-bottom:solid 1px #ebebeb;padding:30px 0 30px 20px; transition:0.12s; background:#fff;}
.hp-draw:hover {transform:scale(1.01); box-shadow:0 0 11px #00000033; transition:0.12s linear; border-radius:12px;}
.gen-box .hp-draw:last-child {border-bottom:none; padding:30px 0 30px 20px;}
.hp-logo {margin-bottom:-12px; max-width:100%; min-width:100%;}
.hp-name {margin-right:-50px;}
.hp-name p {margin-bottom:-5px; font-size:18px;}
.hp-name p:first-child {font-family:"font-bold", sans-serif;}
.hp-date {font-size:16px!important;}
.hp-stats p {margin-bottom:0px; font-size:16px; line-height:26px}
.hp-result {text-align:left;}
.hp-result ul.balls {flex-wrap:wrap; margin-bottom:12px;}
.hp-link {padding:10px 10px 10px 40px; text-align:right;}
a.hp-btn {text-decoration:none; color:#fff; background: #265dd9; border-radius:10px; padding:10px 14px;}
.hp-jackpots {max-width:90%; margin:0 auto; background: linear-gradient(242deg, #78009b, #003a9b); background-size: 600% 600%; animation: animateBG 16s ease infinite;}
@keyframes animateBG { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.hp-game {display:flex; flex-direction:row; justify-content:start; padding:20px 0; border-bottom:solid 1px #fff; color:#fff; align-items:center;}
.hp-game:first-child {padding: 0 0 20px 0;}
.hp-game:last-child {padding:20px 0 0 0; border-bottom:none;}
.hp-game .gameJackpot {display:flex; flex-direction:column; line-height:26px; min-width:30%; max-width:30%;}
.hp-game .gameJackpot span {font-family:"font-bold", sans-serif; font-size:26px;}
.hp-game .gameName {font-size:20px; min-width:20%; max-width:20%; line-height:20px;}
.hp-game .gameName span {font-size:16px;}
.hp-game .gameName br {line-height:15px;}
.hp-game .gameTimer {min-width:25%; max-width:25%; margin-right:40px}
.hp-game .gamePlay {min-width:21%; max-width:21%;}
.hp-game-btn {background:#fff; color:#000; padding:12px 26px; width:100%; border-radius:10px; display:block; text-decoration:none; text-align:center; font-family:"font-bold", sans-serif;}
.hp-game-btn:hover {text-decoration:none; color:#000; background:#fd0; box-shadow: 0 2px 18px #00000047;}
.loading-bar{width:100%; background:rgb(255,255,255); padding:2px;border-radius:25px; margin-bottom:10px;}
.loading-bar-inner {height:5px; background:#fff; border-radius:25px;}
.timerBox {display:inline-block; margin-left:-3px;}
.timerBox ul li {color:#fff; margin-top:-2px;}
.hp-stats-overview {margin-top:30px;}
.hp-stats-overdue {display:flex; justify-content:space-between; align-items:center; border:solid 1px #cbcbcb; border-radius:10px; padding:20px; margin:8px 0; box-shadow:0 5px #818181;}
.grad-red {background: linear-gradient(0deg,#fde3e8 0%,#fff 100%);}
.grad-yellow {background: linear-gradient(0deg,#fef9e2 0%,#fff 100%);}
.grad-blue {background: linear-gradient(0deg,#def0ff 0%,#fff 100%);}
.grad-green {background: linear-gradient(0deg,#dfffed 0%,#fff 100%);}
.grad-orange {background: linear-gradient(0deg,#fff0d4 0%,#fff 100%);}
.hp-stats-overdue p {margin-bottom:0; font-family:"font-bold", sans-serif; font-size:18px;}
.hp-stats-overdue ul.balls {margin-bottom:6px;}
.hp-stats-overdue a {color:#000fd5; text-decoration:none;}
.hp-stats-overview hr {margin:25px 0;}
.overall-common {display:flex; padding:20px; justify-content:start; background:#fff; align-items:center; border-radius:12px; padding:20px; border:solid 1px #cbcbcb; position:relative; overflow:hidden;}
.overall-common:after {position:absolute; right:-45px; content:""; bottom:-30px; background-image:url(/images/layout/flame.svg); background-size:150px 150px; width:150px; height:150px; opacity:.2; transform:rotate(30deg);}
.overall-common p {width:66%;}
.overall-common ul.balls {margin:0 20px 0 5px;}
.hp-specific-common {display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:15px; column-gap:15px;}
.specific-common {display:flex; height:auto; padding:8px 9px; flex-direction:column; border:solid 1px #cbcbcb; border-radius:10px; align-items:center; text-align:center; justify-content:space-between;}
.specific-common ul.balls {margin:0 0 13px 0; height:50%; align-items:self-end;}
.specific-common div {height:auto; margin:15px 0 20px 0; align-items:center; display:flex;}
.specific-common p {line-height:20px; margin-bottom:0; font-family:"font-bold", sans-serif;}
.more-res-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
.state-game {padding:15px 5px; border-bottom:solid 1px #dadada; margin-right:10px;}
.state-game p {line-height:22px; margin-bottom:0;}
a.state-link {text-decoration:none; color:#000; transition:none;}
a.state-link:hover {color:#0654c9; transition:none;}
a.state-link:hover .state-game {border-bottom:solid 1px #0654c9; transition:none; box-shadow:inset 0 -2px 0 0 #0654c9}
/* JACKPOT BANNERS */
.cta-box {text-align:left; background:#1b075d; color:#fff; width:100%; border-radius:10px; height:fit-content; align-self:center;}
.cta-inner {padding:12px 20px; border:solid 2px #fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.cta-box .jp-date {width:100%; background:#fff; font-family:"font-bold", sans-serif; color:#1b075d; padding:5px 15px; border-top-left-radius:10px; border-top-right-radius:10px;}
.cta-box .jp-amount {font-family:"roboto-title", sans-serif; font-size:34px;}
.cta-box .jp-timer {margin:15px 0 8px 0;}
.link-btn {background:#fd0; color:#000; width:100%; padding:12px 26px; border-radius:10px;display:block;text-decoration:none;text-align:center; font-family:"font-bold", sans-serif;}
.link-btn:hover {text-decoration:none; background:#fff;}
.cta-box.red {background:linear-gradient(180deg,#a31111 0%,#ff2f2f 100%);}
.cta-box.blue {background:linear-gradient(180deg,#8d00ff 0%,#005aff 100%);}
/* RESULTS */
.recent-draws {justify-content:space-between; flex-direction:column; display:flex;}
.resultBox {padding:25px 20px 40px 20px; display:flex; justify-content:space-between; align-items:center;}
.draw {border:solid 1px #ebebeb; border-radius:10px; margin-bottom:30px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; background:#fff;}
.draw:hover {box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.resultBoxStats {display:flex; padding:8px; justify-content:space-around;background:#e0f5ff; border-bottom-left-radius:8px; border-bottom-right-radius:8px; position:relative; z-index:1;}
.resultBoxStats p {margin-bottom:0; color:#000893;}
.resultBoxStats:before {position:absolute; content:""; height:30px; width:30px; background:#e0f5ff; top:-5px; left:10px; transform:rotate(45deg); z-index:-1;}
.details-btn {background:#1b11a3; color:#fff; border-radius:10px; padding:8px 12px; text-decoration:none; font-family:"font-bold", sans-serif;}
.details-btn:hover {text-decoration:none; background:#2317c1; color:#fff;}
.jackpot-text {background: #ffdf00; background:linear-gradient(180deg,#fff 0%,#fffbdd 100%); padding:25px 30px; position:relative;}
.ind-res.res-box {background:#fff; padding:30px; border-radius:14px; margin-bottom:25px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; justify-content:space-between; display:flex;}
.ind-res.res-box p {margin-bottom:0; line-height:35px;}
.prev-next {display:flex; justify-content:space-between;}
a.prev-result {text-decoration:none; color:#fff; background:#1b11a3; padding:10px 15px; border-radius:10px; width:100%; text-align:center; margin-right:15px; position:relative; font-family:"font-bold", sans-serif;}
a.prev-result:hover {background: #2317c1;}
a.next-result {text-decoration:none; color:#fff; background:#1b11a3; padding:10px 15px; border-radius:10px; width:100%; text-align:center; position:relative; font-family:"font-bold", sans-serif;}
a.next-result:hover {background: #2317c1;}
.res-stats {background:#fff; width:100%; border-radius:10px; padding:20px 25px; margin:25px 0; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; display:flex; justify-content:space-between;}
.res-stats div.jp, .res-stats div.ls {text-align:left; display:flex;}
.res-stats div.tw {text-align:right; display:flex;}
.res-stats div div:first-child {margin-right:5px;}
.prevBox {background: #1b11a3; position:relative; width:100%; padding:30px; color:#fff; border-radius:10px; margin:25px 0; overflow:hidden; display:flex; justify-content:space-between; align-items:center; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.prevBox:after {position:absolute; background-image:url(/images/layout/blue-hex-bg.png); background-size:1000px 240px; width:1000px; height:240px; content:""; bottom:0; right:0; z-index:0}
.prevBox p {margin-bottom:0; z-index:2; position:relative;}
.prevTitle {font-size:24px; font-family:"roboto-title", sans-serif; margin-bottom:10px!important;}
.prevBox a {z-index:1; height:fit-content; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.btn-white {background:#fff; color:#1552b2; border-radius:6px; padding:10px 20px; text-decoration:none; font-family:"font-bold", sans-serif;}
.btn-yellow {background:#ff0; color:#000; border-radius:6px; padding:10px 20px; text-decoration:none; font-family:"font-bold", sans-serif;}
.btn-yellow:hover {background:#ffe600; color:#000; text-decoration:none;}
.-maxmillions {grid-template-columns:1fr 1fr; row-gap:30px; display:grid; background:#fff; border-radius:14px; padding:30px; margin-bottom:25px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.dropdown {
display: inline-block; background: #F0F0F0; 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-weight: 700; 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: #F0F0F0; 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: 2px 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;}
.past {position:relative; margin:0 0 10px 0; background:#1b11a3; border-radius:10px 10px 0 0; padding:10px; text-align:center;}
.dropdown.long ul {width:240px;}
.dropdown.long, .dropdown.long.active {min-width:240px;}
p.gold-ball-number {line-height:25px!important; text-align:right;}
p.gold-ball-number strong {font-size:1.2em;}
/* Balls */
.balls, .smartpicks-box .centred {display:flex;}
.balls.stacked {flex-wrap:wrap;}
.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {background:#f7f7f7; width:40px; height:40px; line-height:40px;border-radius:50%; text-align:center; font-size:20px; font-family:"font-bold", sans-serif; margin-right:5px; color:#000; list-style:none; box-shadow:0 0 1px 1px #0000007d;}
.ball {position: relative; transform-style: preserve-3d;}
.balls.stacked .ball {margin:3px;}
.ball.small {width:30px; height:30px; line-height:30px; font-size:13px;}
.ball.fireball {border-color:#e72900; color:#e72900;}
.balldisabled, .bonus-balldisabled, .ball.disabled {opacity:.3}
.ball.powerball {background:#eb001c; color:#fff; margin-left:5px;}
.ball.star-ball {background:#007ee5; color:#fff; margin-left:5px;}
.ball.mega-ball {background:#ffe239; color:#000; margin-left:5px;}
.ball.cash-ball {background:#159b51; color:#fff; margin-left:5px;}
.ball.millionaire-ball {background:#159b51; color:#fff; margin-left:5px;}
.ball.fireball {background:#ffab15; color:#000; margin-left:5px;}
.ball.extra-shot {background:#ffab15; color:#000; margin-left:5px;}
.ball.xtra-number {background:#ffab15; color:#000; margin-left:5px;}
.ball.lucky-ball {background:#ffb600; color:#000; margin-left:5px;}
.ball.lucky-sum {background:#ffb600; color:#000; margin-left:5px;}
.ball.bonus-ball {background:#e02727; color:#fff; margin-left:5px;}
.ball.powerball:after, .ball.fireball:after, .ball.mega-ball:after, .ball.star-ball:after, .ball.lucky-sum:after, .ball.cash-ball:after, .ball.fireball:after, .ball.bonus-ball:after, .ball.xtra-number:after, .ball.extra-shot:after, .ball.lucky-ball:after, .ball.millionaire-ball:after {content:"P.Ball"; display:block; font-size:12px; line-height:12px; margin-top: -5px; color:#000; background:#fff; padding:2px 6px; border-radius:20px; border:solid 1px #000000ad;}
.ball.powerball:after {content:"PB"}
.ball.mega-ball:after {content:"MB"}
.ball.fireball:after {content:"FB"}
.ball.star-ball:after {content:"SB"}
.ball.cash-ball:after {content:"CB"}
.ball.millionaire-ball:after {content:"MB"}
.ball.bonus-ball:after {content:"BB"}
.ball.xtra-number:after {content:"Xtra"}
.ball.extra-shot:after {content:"ES"}
.ball.lucky-ball:after {content:"LB"}
.ball.lucky-sum:after {content:"LS"}
.ball.power-play, .ball.megaplier, .ball.all-star-bonus {background:none; border:none; color:#000; line-height:0px; text-align:left; margin-left:10px; padding-top:30px; width:fit-content;font-size:18px; box-shadow:none; outline:none;}
.ball.power-play:after, .ball.megaplier:after, .ball.all-star-bonus:after {content:"x";line-height:0px;}
.ball.power-play:before, .ball.megaplier:before, .ball.all-star-bonus:before {content:"Power Play"; font-family:"font-regular", sans-serif; margin-bottom:-18px; font-size:14px;display:block; line-height:0px; background:none}
.ball.megaplier:before {content:"MegaPlier";}
.ball.all-star-bonus:before {content:"All Star Bonus";}
.ball.hot {background:#ff4600; color:#fff; position:relative; z-index:1; margin-right:0;}
.ball.hot:before {position:absolute; content:""; background-image:url(/images/layout/flame.svg); background-size:23px 23px; width:23px; height:23px; top:-10px; right:-10px; z-index:0}
.ball.animate {animation: .3s linear animate;}
@keyframes animate {0% {transform:scale(1)} 5% {transform:scale(1.06)} 50% {transform:scale(0);} 100% {transform:scale(1);}}
/* Buttons */
.btn-wrap {display:inline-block;}
.btn, .link-button {background:#5867e4; border-radius:8px; padding:13px 27px; text-align:center; color:#fff; text-decoration:none; display:inline-block; line-height:16px; font-size:14px;}
.btn:hover, .link-button:hover {background:#6677ff; transition:all ease .2s; color:#fff;box-shadow:none; text-decoration:none; box-shadow:#00000040 0 2px 3px;}
.btn.alt { color:#000; background-color:#ffbe00}
.btn.alt:hover {background-color:#ffdb70; color:#000;}
.btn.cta {background:#ffbc00; color:#000; position:relative;transition:all ease .2s;}
.btn.cta.arrow:before {background:#ffbc00; content:""; width:15px; height:15px; transform:rotate(45deg); border-radius:4px; top:-5px; right:45%; position:absolute;transition:all ease .2s;}
.btn.cta.arrow:hover:before {background:#ffd400;transition:all ease .2s;}
.btn.cta:hover {background:#ffd400; color:#000;}
.menu.btn.cta:before {display:none;}
.menu.btn.cta:after {display:none;}
.menu.btn.cta {transition:0.2s;}
.menu.btn.cta:hover {transition:0.1s; box-shadow:#0000002e 0px 2px 10px;}
.btn.big {font-size:24px; padding:10px 20px; line-height:24px}
.textLink {color:#2c48ff; text-decoration:none;}
.textLink:hover {color:#6479ff; text-decoration:none;}
/* TABLES */
table {width:100%;}
/* table:last-child {margin-bottom:0;} */
.prizeBreakdownBox table tr td {padding:7px 0px;}
table thead th {color:#fff; font-family:"font-bold", sans-serif; border-spacing:0; padding:10px; border:none;background:#1b11a3;}
table thead tr th:first-child {border-top-left-radius:10px;}
table thead tr th:last-child {border-top-right-radius:10px;}
table tr td {background:#fff; padding:18px 10px;}
table tr {border-bottom:solid 1px #e9e9e9;}
table tr:last-child {border-bottom:none;}
table tbody td.single {border-radius:0 0 25px 25px!important;}
table tr.alt td {background:#f4f4f4}
table.leftAl {text-align:left;}
table .leftAl {text-align:left!important;}
table caption {text-align:center; margin-bottom:10px; color:#8b8b8b;}
table tbody tr:last-child td.bottom {border-radius:0 0 25px 25px;}
table tr.jackpot-ticket td {padding:0;}
table tr.totals-row td {background:#373737!important; color:#fff;font-family:"font-bold", sans-serif;}
table tr td.strong {font-family:"font-bold", sans-serif;}
table thead tr.double th {border-top-left-radius:0!important; border-top-right-radius:0px!important; background:#080071;}
.table-shadow {box-shadow:0 2px 4px rgba(0,0,0,.18); border-radius:14px}
table.table-shadow tbody tr:last-child td:first-child {border-bottom-left-radius:14px;}
table.table-shadow tbody tr:last-child td:last-child {border-bottom-right-radius:14px;}
table.hp-stats-table thead th {background:#1b11a3; color:#fff;}
table.hp-stats-table tbody tr:nth-child(even) td {background-color:#fafcff;}
table.hp-stats-table tbody tr td:last-child {font-family:"font-bold", sans-serif; text-align:right; color:#ff2f00;}
table.hp-stats-table thead tr th:last-child {text-align:right; background:#ff2f00 }
table.res-breakdown-table {box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:10px;}
table.res-breakdown-table thead th {background:#1b11a3; color:#fff;}
table.res-breakdown-table thead th:first-child {border-top-left-radius:10px;}
table.res-breakdown-table thead th:last-child {border-top-right-radius:10px;}
table.res-breakdown-table tbody tr:nth-child(odd) td {background-color:#fafcff;}
table.res-breakdown-table tbody tr:last-child td:first-child {border-bottom-left-radius:10px;}
table.res-breakdown-table tbody tr:last-child td:last-child {border-bottom-right-radius:10px;}
table.res-breakdown-table tbody .prize-heading {color:#fff!important; background:#1c0060!important; padding:10px!important; font-family:"font-bold", sans-serif; position:relative;}
table.res-breakdown-table tbody .prize-heading:after {position:absolute; content:""; width:10px!important; height:10px!important; background:#1c0060!important; transform:rotate(45deg)!important; bottom:-5px!important; left:14px!important;}
table.past-results thead th {text-align:left;}
table.past-results tbody tr td:last-child {text-align:right;}
table.past-results tbody tr td, table.past-results thead tr th {padding:23px 0;}
table.past-results.mobFormat tr.winnerRow td {background:#fffeda!important;}
table.past-results.mobFormat tr.winnerRow {background:#fffeda!important;}
table.past-results.mobFormat tr td.monthRow {background:#0654c9!important; padding:10px 0; text-align:center!important; color:#fff!important;}
table.past-results.mobFormat tr td.monthRow:after {display:none;}
table.overview tbody tr td {background:unset; color:#fff; text-shadow:0 1px 3px #000;}
table.overview tbody tr td:first-child {font-family:"font-bold", sans-serif; padding:18px 10px 18px 0;}
table.overview tbody tr td:last-child {text-align:right; padding:18px 0 18px}
/* GENERATORS */
.options {margin-top:35px;}
.generate-more {width:100%; padding:30px; border-radius:12px; border:solid 1px #dadada; background:#fefefe; text-align:center; position:relative; overflow:hidden;}
.generate-more .options {border-radius:50px; border:solid 1px #dadada; background:#fff; align-items:center; padding:10px 0; margin:20px 0;}
.generate-more p {margin-bottom:0;}
.generate-more .row {justify-content:center;align-items:center; margin-bottom:20px; border-bottom:solid 1px #dadada; padding-bottom:20px; transition:0.2s ease-in-out; flex-direction:column}
.generate-more .generate-row:hover {transform:scale(1.1); transition:0.2s ease-in-out;}
.generate-more .row .balls {margin-left:20px;}
.generate-more .generate-row {margin-bottom:20px;}
.half-generator {width:50%;}
.spin-bg {position:relative; overflow:hidden; height:393px;}
.spin-bg:after {content:""; position:absolute; top:-50%; left:-18%; background-image: url(/images/layout/generator-bg.jpg); z-index:0;background-size:800px 800px; width:800px; height:800px; align-self:center; animation: spinBg 100s infinite linear;}
@keyframes spinBg {0% {transform:rotate(0deg)} 100% {transform:rotate(359deg)}}
.half-generator ul, .half-generator div {z-index:1; position:relative;}
/* TICKETS PAGE */
.ticketsContainer {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:25px; row-gap:25px; margin-bottom:45px;}
.ticketsBox {background: #0654c9; background:linear-gradient(180deg,#0654c9 0%, #1b11a3 100%); border-radius:12px; position:relative; padding:7px 7px 20px 7px; transition:0.2s ease; text-align:center; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.ticketsBox:hover {transform:scale(1.03); transition:0.2s ease; box-shadow:rgba(0,0,0,.6) 0 19px 50px -5px;}
.ticketsBox:hover .timerBox ul li {color:#ff0000; }
.ticketsBox img {margin:15px 0;}
.ticketsBox .loading-bar {background:#efefef; width:50%; margin:0 auto 10px auto;}
.ticketsTitle {font-family:"font-bold", sans-serif; font-size:1.4em; margin-top:-4px; margin-bottom:20px;}
.ticketsBox .box {border-radius:10px; background:#fff; padding:20px 15px 15px 15px; position:relative; box-shadow:0 0 black; min-height:230px;}
.ticketsBox .box:after {content:""; background:#fff; width:20px; height:20px; position:absolute; bottom:-5px; left:46.5%; transform:rotate(45deg);}
.ticketsBox .timerBox {width:100%;}
.ticketsBox .timerBox ul li {color:#000;}
.ticketsBox .jackpot {color:#fff; font-family:"font-bold", sans-serif; font-size:1.6em; padding-top:20px;}
.ticketsBox .jackpot .smaller {font-size:.9em;}
.ticketsBox .box p.timeRemaining {margin-bottom:20px; position:absolute; top:-5px; right:-3px; text-align:right; background:#0654c9; padding:0px 10px; color:#fff; text-transform:uppercase; font-size:12px; font-family:"font-bold", sans-serif; border-radius:0 10px 0 4px;}
.ticketsBox .play-link {background:#fd0; color:#000; border-radius:10px; padding:10px 20px; width:50%; text-decoration:none; font-family:"font-bold", sans-serif;}
.ticketsBox .play-link:hover {background:#ffd400}
.ticketsBox .ticketsCta {margin:20px 0 10px 0;}
.ticketsBox .unavailable p {line-height:20px; color:#fff; margin-bottom:0;}
/* Footer */
footer {background:#1b11a3; background:linear-gradient(180deg,#1b11a3 0%, #0654c9 100%); margin-top:50px;}
footer .inner {width:1200px; margin:0 auto; padding:35px 0;}
footer .logo-box {display:flex; justify-content:center; flex-direction:column}
footer img {width:200px;}
footer p.copyright {color:#fff; margin-top:40px;}
footer p.age {color:#b2b8ff; font-size:15px; line-height:24px; margin-bottom:0px; text-align:right}
footer ul {display:flex; justify-content:center; flex-wrap:wrap}
footer ul li a {margin:15px; display:block;}
footer .smallbits {color:#b2b8ff;}
footer .smallbits p {margin-bottom:20px; line-height:24px; width:100%; margin-top:20px; font-size:15px; color:#fff; text-align:center;}
footer .lotteryLinks {padding:40px 0 0 0;}
ul.links {display:inline-block; margin:0 0 0 36px; text-align:right;}
ul.links li a {color:#fff; font-size:16px; text-underline-offset:3px;}
ul.links li a:hover {color:#ffe000}
ul.links-details {background:#fff; padding:2px 18px; border-radius:40px; width:fit-content; margin:30px auto 5px auto; box-shadow:rgba(0,0,0,.4) 0 8px 50px -10px;}
ul.links-details li a {color:#000; font-size:15px; text-decoration:none; transition:0.2s ease-in-out; font-family:"font-bold",sans-serif;}
ul.links-details li a:hover {color:#0654c9; font-size:15px; transition:0.2s ease-in-out;}
.aff-logo {width:50px; margin: 0 0 0 20px}
.gen-box .ball.active {animation-duration:.2s;animation-name:pop;}
.gen-box.info .top {display:flex; margin-bottom:30px}
.gen-box.info .img-box {margin-right:20px;}
.gen-box.info .img-box img {max-width:none;}
.games {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; margin-bottom:30px}
.games a {text-align:center; display:flex; flex-direction:column; font-family:"font-bold", sans-serif; font-size:18px;}
#controlBox {transition: all .3s ease;}
/*March 2nd 2026 - Cash4Life End Notice*/
.endNotice {background:#1c005f;color:#fff;display:flex;align-items:center;justify-content:start}
.endNotice p{width:calc(100% - 80px)}
.endNotice a{color:#fff}
.endNotice>span{width:60px;height:60px;line-height:60px;background:#fff;color:#000;text-align:center;margin-right:20px;border-radius:50%;font-size:30px;font-weight:900;transform:rotate(-10deg);}
@media (max-width:650px) {
.endNotice {display:block}
.endNotice > span {display:inline-block;width:30px;height:30px;line-height:30px;font-size:16px;margin-right:5px}
.endNotice > p {display:inline}
}
@media (min-width: 1024px) {
.toggle .navTitle {display:none;}
nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 95px; box-shadow:none; background:#fff; border-radius:8px; width:100%; height:fit-content; box-shadow: 0px 20px 20px 0px #0000001c; max-width:1200px; padding:25px;}
header .inner nav li .subNav ul a {text-transform:unset; font-family:"font-regular"; color:#000; font-family:"font-bold", sans-serif;}
header .inner nav li .subNav ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; column-gap:30px; row-gap:30px; padding-top:12px;}
header .inner nav li .subNav ul li {margin:0 5px 5px;}
header .inner nav > ul > li.sub {margin-bottom:-10px;margin-top:6px;}
header .inner nav > ul > li.sub a {min-height:65px; margin-top:25px;}
header .inner nav li .subNav ul a:hover {color:#2832ac; border-bottom:solid 2px #2832ac; padding-bottom:4px; transition:ease 0.1s;}
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:10px;}
header .inner nav li .subNav .column {margin-bottom:30px; margin-left:15px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
header .inner nav li .subNav .column:last-child {margin-bottom:10px;}
header .inner nav li .subNav ul li.subMenuItem a:hover {border-bottom:none}
.subMenuItem {padding:15px 5px; border-bottom:solid 1px #dadada; margin-right:10px;}
.subMenuItem:hover {box-shadow:inset 0 -2px 0 0 #0654c9;}
.subMenuItem:hover a {border-bottom:none; color:#0654c9!important;}
.menuHeading {font-family:"font-bold",sans-serif; font-size:20px; border-bottom:solid 1px #dadada; padding-bottom:10px;}
.subNav .menuHeading {margin-top:25px;}
.subNav .menuHeading:first-child {margin-top:10px;}
.subNav a.state-link {margin-top:8px!important;}
.subNav a.state-link.usa:after {content:""; background:url(/images/layout/us-flag.png); background-size:30px 30px; width:30px; height:30px; top:20px; right:30px; position:absolute;}
.subNav a.state-link.canada:after {content:""; background:url(/images/layout/canada-flag.png); background-size:30px 30px; width:30px; height:30px; top:20px; right:25px; position:absolute;}
.linkStyle {display:flex; flex-direction:column;}
.subNav {opacity: 0; visibility: hidden; padding:11px 12px; border-radius:8px; width:fit-content; left:unset; right:0;}
.other:hover .subNav {position:absolute; content:""; width:0; height:0; border-style:solid; border-width:0 15px 15px; border-color:transparent transparent #fff; top:-15px; left:50%; transform:translateX(787%); transition:all .2s ease;}
.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;}
.boxNextJackpot.cash-4-life:before {content: "";background: #12983e;width: 25px;height: 25px;position: absolute;top: 23%;right: -11px;transform: rotate(45deg); z-index:-1;}
.hp-stats-overview .gen-box {width:50%;}
.w70 {width:70%}
.w30 {width:30%;}
.w100 {width:100%;}
.third {width:33%;}
.full-width.blue-bg p {font-size:18px; line-height:34px; width:90%}
.cta-box {}
table.past-results.mobFormat tbody tr td:first-child {padding-left:15px;}
table.past-results.mobFormat thead tr th:first-child {padding-left:15px;}
table.past-results.mobFormat tbody tr td:last-child {padding-right:15px;}
table.past-results.mobFormat tr.winnerRow td {background:#fffeda; vertical-align:middle;}
ul.extra-draw {margin-right:70px; position:relative; margin-top:45px;}
ul.extra-draw:before {position:absolute; content:"Double Play:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.million-1 {margin-right:70px; position:relative; margin-top:45px;}
ul.million-1:before {position:absolute; content:"Lotto Million 1:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.million-2 {margin-right:70px; position:relative; margin-top:45px;}
ul.million-2:before {position:absolute; content:"Lotto Million 2:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.draw230pm {margin-right:70px; position:relative; margin-top:45px;}
ul.draw230pm:before {position:absolute; content:"2:30PM:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.draw1030pm {margin-right:70px; position:relative; margin-top:45px;}
ul.draw1030pm:before {position:absolute; content:"10:30PM:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.midday {margin-right:70px; position:relative; margin-top:45px;}
ul.midday:before {position:absolute; content:"Midday:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.evening {margin-right:70px; position:relative; margin-top:45px;}
ul.evening:before {position:absolute; content:"Evening:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.kicker {margin-right:70px; position:relative; margin-top:45px;}
ul.kicker:before {position:absolute; content:"Kicker:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.lotto-plus {margin-right:70px; position:relative; margin-top:45px;}
ul.lotto-plus:before {position:absolute; content:"Lotto Plus:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
.mRight.half-generator ul.balls li.ball {width:50px; height:50px; line-height:50px; font-size:24px; box-shadow:0 0 1px 1px #0000007d, 0 6px 42px 1px #afb9ffd4;}
}
@media (max-width: 1460px) {
.full-width.blue-bg:before {display:none;}
.full-width.blue-bg:after {right:-6%}
}
@media (max-width:1248px) {
header .inner {width:95%;}
header .inner nav>ul>li {margin-right:50px; margin-bottom:12px; margin-top:6px;}
header .inner nav li a {font-size:14px;}
header .inner nav .subNav li a {padding:5px 15px;}
#content {width:95%;}
#breadcrumb {width:95%;}
.content {width:95%;}
.lottery-box .result-wrap {padding:15px 21px;}
footer .inner {width:97%;}
.full-width .container {width:95%}
.hp-game {display:grid; grid-template-columns:1fr 1fr; position:relative;}
.hp-game .gameJackpot, .hp-game .gameName, .hp-game .gamePlay {min-width:100%; margin-right:0;}
.hp-game .gameTimer {min-width:80%;}
.hp-game .gamePlay {min-width:33%; position:absolute; bottom:30px; right:0}
.hp-game .gameName, .hp-game .gameJackpot {margin-bottom:15px;}
.hp-game .gameJackpot {text-align:right;}
.hp-game:last-child .gamePlay {bottom:10px;}
.hp-draw {display:grid; grid-template-columns:.3fr .6fr 1.3fr 0.7fr; position:relative;}
.hp-draw:hover {transform:none;}
.hp-logo {max-width:12%; margin-bottom:0;}
.hp-logo img {width:80px;}
.hp-name {margin-right:0; min-width:18%; flex-wrap:wrap;}
.hp-stats {text-align:right; padding-right:25px;}
.hp-link {display:none}
.hp-stats-overview .gen-box {width:100%;}
.hp-stats-overview {flex-direction:column;}
.cta-box {width:100%;}
.mob-wrap {flex-wrap:wrap;}
.cta-box {margin-bottom:20px; width:100%;}
.cta-inner {display:flex; flex-direction:row; flex-wrap:wrap; padding:12px 15px; justify-content:space-between;}
.cta-box .jp-amount {font-size: 28px; margin-bottom:15px}
.cta-box .jp-timer {display:flex; flex-direction:column; align-items:end; margin:0; min-width:37%;}
.cta-box .jp-timer span.timerText {display:none;}
.cta-box .loading-bar {width:100%;}
.full-width.blue-bg:after {display:none;}
.res-block {flex-direction:column;}
.res-block .w70, .res-block .w30, .full-width.blue-bg .w70 {width:100%;}
.full-width.blue-bg .w30 {width:73%;}
.res-block .w30 {margin-top:25px;}
table.past-results.mobFormat thead, table.hp-stats-table.mobFormat thead {display: none;}
table.past-results.mobFormat ul.balls {flex-wrap:wrap;}
table.past-results.mobFormat ul.balls .powerball {margin-right:10px;}
table.past-results.mobFormat, table.hp-stats-table.mobFormat {width: 100%; border: none;border-radius:0; background:#fff;}
table.past-results.mobFormat tbody tr {display: flex; padding: 0!important; margin: 0!important; color:#0e0e0e; flex-wrap:wrap;}
table.past-results.mobFormat tbody tr:nth-child(even) td, table.hp-stats-table.mobFormat tbody tr:nth-child(even) td {background:#fafcff; padding-left:15px; padding-right:15px;}
table.past-results.mobFormat tbody tr:nth-child(even), table.hp-stats-table.mobFormat tbody tr:nth-child(even) {background:#fafcff; padding-left:15px; padding-right:15px;}
table.past-results.mobFormat tbody tr td:first-child, table.hp-stats-table.mobFormat tbody tr td:first-child {padding-top:20px; padding-left:15px;}
table.past-results.mobFormat tbody tr td, table.hp-stats-table.mobFormat tbody tr td {display: block; padding: 10px 15px 10px 15px; font-size:16px; text-align:left!important; border: none; background: #FFF; line-height: 16px;}
table.past-results.mobFormat td:first-child {font-family: "font-bold",sans-serif;background:#fff; color:#000; padding:10px 0 20px 0; position:relative; width:100%;}
table.past-results.mobFormat td.date-row, table.past-results.mobFormat td.balls-row, table.past-results.mobFormat td.link-row {width:100%;}
table.past-results.mobFormat td.jp-row, table.past-results.mobFormat td.ls-row, table.past-results.mobFormat td.tw-row {width:33.3%; padding:15px 0 15px 15px!important}
table.past-results.mobFormat td.ls-row, table.past-results.mobFormat td.ls-row:before {text-align:center!important;}
table.past-results.mobFormat td.tw-row, table.past-results.mobFormat td.tw-row:before {text-align:right!important;}
table.past-results.mobFormat td.tw-row {padding-right:15px!important}
table.past-results.mobFormat td.gbj-row, table.past-results.mobFormat td.gbj-winners-row {margin:10px 0;}
table.past-results.mobFormat td.link-row {padding-bottom:30px;}
table.past-results.mobFormat tbody td:before, table.hp-stats-table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: block; margin-bottom:6px; text-align: left; font-weight: normal; color:#808080;}
table.past-results.mobFormat td.noBefore:before, table.hp-stats-table.mobFormat td.noBefore:before {display: none;}
table.past-results.mobFormat td.noBefore a {color:#fff;}
table.past-results.mobFormat td.colour, table.hp-stats-table.mobFormat td.colour {color:#0e0e0e;}
table.past-results.mobFormat td.noMob, table.hp-stats-table.mobFormat td.noMob {display:none;}
table.past-results.mobFormat td.colour a {color: #fff;}
table.past-results.mobFormat td.noBefore:before, table.hp-stats-table.mobFormat td.noBefore:before {display: none !important;}
table.hp-stats-table.mobFormat tbody tr {display: flex; padding: 0!important; color:#0e0e0e; flex-wrap:wrap;}
table.hp-stats-table.mobFormat td:first-child {background:#1b11a3!important; padding:10px 0 20px 0; color:#fff; width:100%!important}
table.hp-stats-table tr td {width:50%;}
table.hp-stats-table tr td:last-child {margin-bottom:10px;}
table.hp-stats-table tbody tr:nth-child(even) {background:#fafcff;}
table.hp-stats-table.mobFormat tbody tr td:first-child {margin-bottom:10px;}
.half-generator {width:100%;}
.options {display:flex; flex-wrap:wrap; padding:15px!important; border-radius:14px!important;}
.options div {margin:15px!important;}
.options p {width:100%; margin-bottom:15px;}
.draw .resultBox:nth-child(2) {align-items:center; padding-left:20px;}
.spin-bg:after {left:-119px;}
.sitemap-grid {grid-template-columns:1fr 1fr;}
.grid-4 {grid-template-columns:1fr 1fr;}
.errorLinks {grid-template-columns:1fr 1fr 1fr;}
.errorPage #content {min-height:450px;}
}
@media (min-width: 1025px) and (max-width:1248px) {
.hp-draw:hover .hp-link {background: #00000063; border-radius:12px; align-items:center; align-self:center; text-align:center; color:#fff; width:100%; height:100%; display:flex; position:absolute; top:0; left:0; justify-content:center;}
.hp-draw:hover .hp-link:before {content:"View more results"; text-decoration:none; background:#fff; padding:10px 22px; border-radius:50px; color:#000; font-family:"font-bold",sans-serif;}
.hp-draw:hover .hp-link img {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: 15px; font-size: 22px; line-height:28px;}
.h3,h3{margin-bottom: 15px; font-size: 20px; line-height:26px;}
.h4,h4{margin-bottom: 8px; font-size: 18px; line-height:18px;}
.h5,h5{margin-bottom: 5px; font-size: 16px; line-height:16px;}
#breadcrumb {padding:5px 0;}
header {width:100%}
header .inner {width:100%; position:static; height:60px;}
header .inner nav>ul>li {margin-right:0; margin-bottom:0; margin-top:0; background:#fff;}
header .logoWrap { margin-left:15px; padding:25px}
header .logo {width:120px;}
header .logo img {max-width:none; margin:15px; display:inline-block; width:190px; height:auto; margin-left:20px}
header.sub-nav-active {margin-bottom:0}
nav {display:block;}
.nav-flags {margin-left:10px; margin-top:35px;}
.nav-flags:before {left:5px; font-size:14px; top:-28px;}
.nav-flags img {margin:0 7px;}
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:#fff; line-height: 49px; text-align:center;font-size:22px; font-weight:700; background:#1b11a3;}
nav > ul > li.sub.active > .expand:after {content:"-"}
.navButton {width: 50px;height: 50px;overflow: hidden;position: absolute;right: 20px;top: 5px;transition: all ease 0.5s;z-index: 100;}
.navButton span {display: inline-block;width: 30px;height: 3px;background: #020085;margin: 13px 0 0 10px;transition: all ease 0.5s; border-radius:8px}
.navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #020085;transition: all ease 0.5s; border-radius:8px}
.navButton span:before {margin-top: 10px;}
.navButton span:after {margin-top: 7px;}
.navButton.active span {transform: translateY(-50px);background: #1b11a3;}
.navButton.active span:before {transform: translateY(50px) rotate(45deg);background: #1b11a3;}
.navButton.active span:after {transform: translate(0, 40px) rotate(-45deg);background: #1b11a3;}
.toggle {opacity: 1;transition: all ease 0.5s;position: absolute;top: 0;right: 0;background:#fff; color:#1b11a3; margin: 0;width: 100%;height: 100vh;z-index: 99; transform:translate(1040px,0);}
.toggle.active {visibility: visible;opacity: 1;transition: all ease 0.5s; transform:translate(0,0); width:100%;}
.toggle .navTitle {color: #1b11a3;margin: 20px 0 19px 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 {min-height:100vh;}
.subNav {background:#fff; 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; z-index:99}
.menuHeading {font-family:"font-bold", sans-serif;}
.subNav .menuHeading {margin-bottom:15px; margin-top:15px;}
.subNav .column {display:grid; grid-template-columns: 1fr 1fr;}
.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;}
.subNav a {color:#fff; margin-bottom:15px; 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%;}
.subNav a.state-link.usa:after {content:""; background:url(/images/layout/us-flag.png); background-size:18px 18px; width:18px; height:18px; top:20px; right:20px; position:absolute;}
.subNav a.state-link.canada:after {content:""; background:url(/images/layout/canada-flag.png); background-size:18px 18px; width:18px; height:18px; top:20px; right:20px; position:absolute;}
.lottery-nav {display:none;}
header .inner nav li a {font-size:16px;}
#content, .homepage-top .results-box-wrap, .homepage-top .gen-box, .homepage-top .results-box {width: 97%}
.gen-box, .homepage-top .title-box, .homepage-top .results-box, .homepage-top .check-results, .lottery-box .box, .lottery-box .jackpot-box {border-radius:8px;}
.homepage-top .gen-box {order:2}
.homepage-top .results-box-wrap {order:1;}
.homepage-top .results-box {margin-bottom:0;}
#breadcrumb {margin:0px 15px;}
.boletos {padding-left:25px;}
.boletos:before {left:15px;}
footer .inner {width:97%; text-align:center;}
footer .inner .jc-bt {flex-direction:column;}
footer p.age {width:100%; text-align:center;}
footer .lotteryLinks {padding:15px 0 0 0;}
footer ul.links {display:block; margin:0; text-align:center;}
footer ul.links li a {margin:24px auto;}
footer .logo-box {flex-direction:column;}
footer .aff-logo {display:none;}
.hp-draw {display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:unset; border-radius:12px; box-shadow:0 0 10px #0000002e; margin-bottom:25px; padding:30px; position:relative;}
.hp-draw:first-child {margin-top:30px;}
.gen-box .hp-draw:last-child {padding:30px;}
.hp-logo {width:15%; min-width:unset;}
.hp-name {width:35%}
.hp-result {width:50%;}
.hp-result ul.balls {justify-content:end;}
.hp-stats {width:91%; text-align:center; margin-top:15px; padding-top:20px; margin-bottom:-10px; padding-right:unset; border-top:solid 1px #cbcbcb; display:flex;justify-content:end;}
.hp-stats p:nth-child(2), .hp-stats p:nth-child(3) {padding-left:30px;}
.hp-stats p:last-child {padding-right:30px; position:relative;}
.hp-stats br {display:none;}
.hp-link {display:contents}
.hp-link.button {display:flex; padding:21px 0 0 0; margin-bottom:-25px; width:9%; text-align:right; justify-content:end;}
.clearBg {padding:0 20px;}
.full-width.blue-bg {padding:30px 0 25px 0;}
.recent-draws {justify-content:space-between; flex-direction:column; display:flex;}
.resultBox {padding:25px 20px 40px 20px; display:flex; justify-content:space-between; align-items:center;}
.draw {border:solid 1px #ebebeb; border-radius:10px; margin-bottom:30px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px}
.draw:hover {box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.resultBoxStats {display:flex; padding:8px; justify-content:space-around;background:#e0f5ff; border-bottom-left-radius:8px; border-bottom-right-radius:8px; position:relative; z-index:1;}
.resultBoxStats p {margin-bottom:0; color:#000893;}
.resultBoxStats:before {position:absolute; content:""; height:30px; width:30px; background:#e0f5ff; top:-5px; left:10px; transform:rotate(45deg); z-index:-1;}
.details-btn {background:#1b11a3; color:#fff; border-radius:10px; padding:8px 12px; text-decoration:none; font-family:"font-bold", sans-serif;}
.details-btn:hover {text-decoration:none; background:#0b3474; color:#fff;}
ul.extra-draw {margin-right:70px; position:relative; margin-top:40px!important;}
ul.extra-draw:before {position:absolute; content:"Double Play:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.million-1 {margin-right:70px; position:relative; margin-top:40px!important;}
ul.million-1:before {position:absolute; content:"Lotto Million 1:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.million-2 {margin-right:70px; position:relative; margin-top:40px!important;}
ul.million-2:before {position:absolute; content:"Lotto Million 2:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.draw230pm {margin-right:70px; position:relative; margin-top:40px!important;}
ul.draw230pm:before {position:absolute; content:"2:30PM:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.draw1030pm {margin-right:70px; position:relative; margin-top:40px!important;}
ul.draw1030pm:before {position:absolute; content:"10:30PM:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.midday {margin-right:70px; position:relative; margin-top:40px!important;}
ul.midday:before {position:absolute; content:"Midday:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.evening {margin-right:70px; position:relative; margin-top:40px!important;}
ul.evening:before {position:absolute; content:"Evening:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.kicker {margin-right:70px; position:relative; margin-top:40px!important;}
ul.kicker:before {position:absolute; content:"Kicker:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
ul.lotto-plus {margin-right:70px; position:relative; margin-top:40px!important;}
ul.lotto-plus:before {position:absolute; content:"Lotto Plus:"; font-family:"font-bold", sans-serif; font-size:15px; top:-25px; left:0;}
.how-to-grid {flex-direction:column;}
.ht-step {width:100%;}
.ht-step img {margin-bottom:25px;}
.step-1 {background:#1b11a3; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:0;}
.step-1:after {position:absolute; content:""; width:20px; height:20px; background: #1b11a3; transform:rotate(45deg); top:unset; bottom:-10px; right:48%; z-index:1;}
.step-2 {background:#1e45d4;}
.step-2:after {position:absolute; content:""; width:20px; height:20px; background: #1e45d4; transform:rotate(45deg); top:unset; bottom:-10px; right:48%; z-index:1;}
.step-3 {background:#1f70e9; border-top-right-radius:0; border-bottom-right-radius:14px; border-bottom-left-radius:14px;}
.ht-heading {font-family:"roboto-title", sans-serif; font-size:1.4em;}
.bigText {font-size:3.3em!important;}
.overview-result {background:#fff; border-radius:14px; padding: 30px; width: 100%; margin:-15px auto; box-shadow:rgba(0 0 0 / 32%) 0 4px 55px -5px; text-align:center;}
.overview-container {flex-direction:column; width:100%;}
.overview-gen-box {width:100%; max-width:unset; padding:30px 30px 50px 30px;}
.overview-table {margin-left:unset; margin-top:-35px;}
.generator-container {flex-direction:column!important;}
.ticketsContainer {grid-template-columns:1fr 1fr;}
.spin-bg:after {top:-90%; left:-6%; background-size:1100px 1100px; width:1100px; height:1100px;}
.comparisonContainer {margin-top:0; flex-direction:column;}
.comparisonIntro {height:unset;}
.comparisonContainer h3 {font-family:"roboto-title", serif; color:#000; margin:15px 0 15px 15px;}
.comparisonChart {width:unset;margin-right:0;border-radius:0;padding:unset;background:none; color:unset; display:unset;}
.comparisonItem {display:none;}
.comparisonGames {display:flex; justify-content:center; width:100%; height:90%; overflow-y:hidden; overflow-x:hidden; position:relative; background:none; margin-bottom:-22px; border-radius:14px; padding:20px 0;}
.comparisonBoxA, .comparisonBoxB {width:50%; margin-bottom:5px;}
.comparisonBoxA {box-shadow:rgba(0,0,0,.15) -2px 0px 11px 0px;}
.comparisonAnswer {position:relative;}
.comparisonAnswer:before {content:"" attr(data-title) ": "; display:block; width:100%; top:-5px; left:0;}
.more-res-grid {display:grid; grid-template-columns:1fr 1fr 1fr;}
}
@media (max-width: 945px) {
.hp-draw {text-align:center;}
.hp-name {width:88%;}
.hp-logo {width:10%}
.hp-result {width:100%; margin: 20px auto; display:flex;}
.hp-name {display:flex;}
.hp-name p.hp-date {padding-left:10px; border-left: solid 1px #cbcbcb; margin-left:10px;}
.hp-stats-overdue {flex-direction:column;}
.hp-stats-overdue ul.balls {margin:8px 0 15px 0;}
.resultBox {padding:20px; display:flex; flex-direction:column; justify-content:space-between; text-align:center;}
.resultBox .balls {flex-wrap:wrap; justify-content:center; margin:15px 0 30px 0;}
.resultBox .linkArea {margin-bottom:15px;}
.resultBoxStats {flex-direction:column; text-align:center; padding:15px 0;}
.resultBoxStats:before {left:46%;}
.full-width.blue-bg p {width:99%;}
.full-width.blue-bg p:last-child {margin-bottom:15px;}
.prevBox {flex-direction:column; align-items:start; margin:0;}
.prevBox:after {opacity:.7;}
.prevBox p:last-child {margin-bottom:20px;}
ul.extra-draw {justify-content:start!important;}
.winnerContainer {flex-direction:column;}
.winnerNumber {width:50px; margin-bottom:-30px; padding:15px; font-size:30px;}
.winnerNumber:after {display:none;}
.winnerText {width:100%; padding:45px 25px 25px;}
.select-game {flex-direction:column!important;}
.dropdown.long ul {width:100%;}
.dropdown.long ul li a {padding:10px}
.dropdown.long, .dropdown.long.active {min-width:240px; width:100%; margin-left:0; margin-top:15px;}
.-maxmillions {grid-template-columns:1fr;}
.errorLinks {grid-template-columns:1fr 1fr;}
.errorContent img {display:none}
.errorContent {padding:0 25px;}
.errorPage #content {min-height:400px; z-index:8;}
.errorPage:after {z-index:0}
.errorText {z-index:9;}
}
@media (max-width: 820px) {
.hp-game {display:flex; flex-direction:column; text-align:center;}
.hp-game .gameName br {display:none;}
.hp-game .gameName span {margin-left:10px; padding-left:10px; border-left:solid 1px #fff;}
.hp-game .gameJackpot span {text-align:center}
.hp-game .gameTimer {min-width:unset; max-width:unset; margin-right:0; margin-bottom:15px; width:80%}
.hp-game .gamePlay {min-width:unset; position:unset; min-width:75%;}
.hp-game-btn {padding:8px 20px;}
.hp-specific-common {grid-template-columns:1fr 1fr;}
.specific-common {width:100%; margin-right:0; margin-bottom:15px; height:unset;padding:15px;}
.specific-common p {font-size:18px;}
.specific-common ul.balls {margin:10px 10px 10px 0;}
.link-btn {padding:8px 20px;}
.winnerInfo {flex-wrap:wrap; justify-content:center;}
.winnerInfo p {padding:5px 30px 5px 20px;}
.sitemap-grid {grid-template-columns:1fr;}
}
@media (max-width: 749px) {
.hp-logo {width:13%;}
.hp-name {width:86%}
.hp-result ul.balls {justify-content:start;}
.full-width.blue-bg .w30 {width:100%; margin-top:0;}
.full-width.blue-bg h1 {line-height:36px;}
.full-width .container.game-ball:before {display:none;}
.full-width .container.game-ball:after {display:none;}
.overview-result {text-align:left; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.overview-result .top-bar {display:block; margin-bottom:20px}
.overview-result ul.balls {margin:10px 0;}
.overview-result .btm-bar a:first-child{margin:20px 10px 20px 0;}
.btm-bar {display:flex; flex-wrap:wrap}
.res-stats {flex-wrap:wrap;}
.res-stats div {flex-direction:column; margin-right:10px;}
.res-stats div div {text-align:left!important;}
.comparisonGames {display:-webkit-inline-box; padding:20px 10px;overflow-x:scroll; scrollbar-width:thin; scrollbar-color:#0654c9;}
.comparisonBoxA, .comparisonBoxB {width:400px;}
.comparisonGames::-webkit-scrollbar {width:90%;}
.comparisonGames::-webkit-scrollbar-track {background:#ececec; border-radius:20px;}
.comparisonGames::-webkit-scrollbar-thumb {border-radius:20px; background-color:#0654c9; border:solid 3px #ececec;}
.comparisonGames:hover::-webkit-scrollbar-thumb {border:solid 3px #ececec;}
.grid-4 {grid-template-columns:1fr;}
}
@media (max-width: 640px) {
.fullWidthContainer {width:90%;}
p.narrow {width:100%;}
.fullWidth.flag:after {opacity:0.3;}
#content {width:100%; margin:10px auto auto; position:relative; z-index:0; padding:0 20px;}
#content .gen-box {padding:25px 20px;}
.full-width.blue-bg {padding:15px 0 0 0;}
.-mob {border-radius:12px;}
.lottery-box {margin:10px 0 20px 0;}
.boxNextJackpot {padding:30px 0;}
.boxNextJackpot .countdownBox {margin:0 auto; width:100%; border-radius:0;}
table.mobFormat thead {display: none;}
table.mobFormat {width: 100%; border: none;border-radius:0; background:#fff;}
table.mobFormat tbody tr {display: block; padding: 0 0 10px; margin: 0 0 20px; color:#0e0e0e; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:8px}
table.prizebreakdown.mobFormat tbody tr {margin-bottom:15px;}
table.mobFormat tbody td {display: block; padding: 15px; font-size:16px; text-align:left!important; border: none; background: #FFF; line-height: 16px; font-family:"font-bold", sans-serif;}
table.mobFormat td:first-child {font-family: "font-bold",sans-serif;background:#fff; color:#000; padding:15px; position:relative;}
table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: block; margin-bottom:6px; text-align: left; font-family:"font-regular", sans-serif; color:#808080;}
table.mobFormat tbody tr.totals-row td:before {color:#fff;}
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:#1b11a3; border-radius:8px 8px 0 0;}
table.mobFormat td.colour.white:before {color:#fff;}
table.mobFormat td.noMob {display:none;}
table.mobFormat tbody tr:last-child td:first-child {border-bottom-left-radius:0;}
table.mobFormat tbody tr:last-child td:last-child {border-radius:0 0 0 0;}
table.mobFormat.schedule tr td {display:flex; justify-content:space-between;}
table.mobFormat.schedule tr:last-child {margin-bottom:0!important;}
table.mobFormat.schedule tr td img {width:25px!important; margin-top:-5px; margin-left:10px;}
table.mobFormat td.colour a {color: #fff;}
table.mobFormat tr.totals {padding-bottom:0!important}
table.mobFormat tr.totals td:first-child {border-radius:8px!important; line-height:22px;padding:12px!important}
table.mobFormat td.noBefore:before {display: none !important;}
table.past-results.mobFormat tbody tr td:last-child {padding-top:15px;}
table.past-results.mobFormat tbody tr td:last-child a {width:100%;}
.dropdown ul li {display: block; padding:10px 5px; font-size:18px; font-family:"font-bold", sans-serif;}
select {background-color:#fff;}
header .inner {margin:0;}
.grid-2 {grid-template-columns:none; column-gap:normal;}
.grid .gen-box {margin-bottom:-60px;}
.noRound {border-radius:0;}
.btmPad {padding:0 0 25px 0!important;}
.hp-stats {flex-direction:column;text-align:left}
.hp-stats p:nth-child(2), .hp-stats p:nth-child(3) {padding-left:0;}
.hp-res {padding:0!important;}
.hp-res .gen-box {border-radius:0!important;}
.fx-mob {flex-direction:column;}
.fx-mob .mRight {margin-right:0;}
.cta-box {margin-bottom:20px; width:100%;}
.cta-box .cta-inner div:last-child {width:100%;}
.more-res-grid {display:grid; grid-template-columns:1fr 1fr;}
.state-game a.state-link {color:#0654c9}
.ind-res.res-box {flex-direction:column; flex-wrap:wrap;}
.ind-res.res-box ul.balls {flex-wrap:wrap;}
.ind-res.res-box p {margin-top:10px;}
table.res-breakdown-table {box-shadow:none; border-radius:0; background:unset;}
table.res-breakdown-table tbody .prize-heading {padding:13px 15px!important}
table.res-breakdown-table tbody .prize-heading:after {z-index:1;}
table.res-breakdown-table tbody tr {padding:0; margin:10px 0; display:flex; flex-wrap:wrap;}
table.res-breakdown-table tbody tr td {padding:15px!important; width:50%; flex:auto;;}
table.res-breakdown-table tr.totals-row td {color:#fff;}
table.res-breakdown-table tbody tr:nth-child(odd) td:first-child {background:#1b11a3;}
table.res-breakdown-table tbody tr td:first-child {width:100%;}
table.res-breakdown-table tbody .prize-heading {border-radius:8px;}
.w30 {margin-top:20px;}
.res-block hr {margin:25px 0;}
.prev-next {flex-direction:column;}
a.prev-result, a.next-result {margin:10px 20px; width:90%;}
.prevBox:after {background-size: 730px 261px; width:730px; height:260px; right:-130px;}
.game-page-link {margin:50px 0 15px 0;}
.mBig {margin:40px 0;}
table.overview tbody tr {display:flex; flex-direction:column;}
table.overview tbody tr td:first-child {padding:18px 0 5px 0;}
table.overview tbody tr td:last-child {text-align:left; padding:5px 0 20px 0}
.ticketsContainer {grid-template-columns:1fr;}
.ticketsPage {padding: 0 15px;}
footer ul.links-details {width:100%; display:grid; grid-template-columns:1fr 1fr; column-gap:30px; row-gap:5px; border-radius:12px; background:none; box-shadow:none;}
footer ul.links-details li a {color:#fff;}
.spin-bg:after {top:-52%; left:-25%; background-size:800px 800px; width:800px; height:800px;}
.otherPages {align-items:center;}
.otherPages .otherPage:first-child {margin-bottom:30px;}
.otherPage {width:400px; margin-right:0; text-align:center;}
.otherPage img {width:400px;}
p.heading {font-size:20px;}
p.gold-ball-number {line-height:25px!important; text-align:left; margin-top:25px!important;}
.faqContainer {width:100%;}
.dropdown.months {margin-top:15px;}
.totals-row td:last-child {border-bottom-left-radius:8px!important; border-bottom-right-radius:8px!important;}
.errorPage {margin-top:-10px;}
.errorPage h1 {font-size:50px;margin-bottom:30px;}
.errorPage h2 {font-size:24px;}
.errorText {font-size:16px!important;}
.errorLinks {grid-template-columns:1fr;}
.errorPageLinks p {font-size:16px;}
.errorWrap {overflow-wrap:anywhere;}
p.followingPages {font-size:18px!important;}
}
@media (max-width:538px) {
.hp-result {margin:20px auto 5px auto;}
.hp-logo {width:100%; min-width:unset; max-width:unset; display:flex;}
.hp-logo img {width:90px; margin-bottom:10px;}
.hp-name {width:100%;}
.ball {width:36px; height:36px; line-height:36px; font-size:18px;}
.ball.mega-ball, .ball.powerball, .ball.star-ball {margin-right:5px;}
.ball.power-play, .ball.megaplier, .ball.all-star-bonus {margin-left:0; margin-top:-5px; line-height:34px;}
.ball.power-play:before, .ball.megaplier:before, .ball.all-star-bonus:before {margin-left:24px;}
.full-width.blue-bg:after {right:-16%; top:-61%;}
.full-width .container {width:92%;}
.overall-common {justify-content:start; align-items:start;}
.overall-common ul.balls {margin:10px 0 10px 0}
.overall-common ul.balls li.ball.hot {width:40px; height:40px; line-height:40px; font-size:20px;}
.overall-common:after {right:-70px; transform:rotate(10deg);}
.bigText {font-size:3em!important;}
.overview-result .btm-bar a:last-child {margin:0 25px 0 0!important;}
.overview-result ul.balls {display:flex; flex-wrap:wrap;}
.overview-result ul.balls .powerball {margin-right:20px;}
.spin-bg:after {left:-40%}
.comparisonBoxA, .comparisonBoxB {width:320px;}
.winnerNumber p {font-size:20px;}
.more-res-grid {display:grid; grid-template-columns:1fr;}
}
@media (max-width: 440px) {
h1 {font-size:26px; line-height:32px;}
p {font-size:16px; line-height:29px;}
header {margin-bottom:0;}
#breadcrumb {margin:0 15px;}
p.narrow70 {width:100%;}
header .inner nav>ul>li {margin-right:0;}
nav .sub.active .subNav {padding:15px;}
table tr {border-bottom:solid 1px #e3e3e3;}
table tr td {font-size:15px;}
img.matched {width:110px; margin-top:1px;}
.results .intro-two-col .first-col p.h2 {margin:50px auto 0 auto;}
img.hp-howto {max-width:none;}
ul.extra-draw {justify-content:center!important;margin-top:50px!important;}
ul.extra-draw:before {left:0; width:100%;}
.res-stats div.tw {margin-top:20px;}
.spin-bg:after {left:-61%}
.comparisonChart {width:100%;}
.comparisonIntro h3 {font-size:18px; line-height:22px;}
.comparisonItem p, .comparisonAnswer p {font-size:14px;}
.comparisonGames {padding:20px 10px 10px}
.comparisonBoxA, .comparisonBoxB {width:270px;}
.comparisonContainer h4 {font-size:18px; line-height:22px; white-space:nowrap;}
.otherPage {width:100%; margin-right:0; text-align:center;}
.mobBreak {margin-left:0!important; margin-top:10px;}
.errorPageLinks {padding:20px 35px 40px 35px; margin-top:0;}
.errorContent {margin:20px auto!important;}
}
@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.extra-shot {line-height:30px;}
}