/* Minification failed. Returning unminified contents.
(323,35): run-time error CSS1046: Expect comma, found '0'
(323,39): run-time error CSS1046: Expect comma, found '/'
(570,90): run-time error CSS1046: Expect comma, found '234'
(570,95): run-time error CSS1046: Expect comma, found ')'
(570,110): run-time error CSS1046: Expect comma, found '172'
(570,115): run-time error CSS1046: Expect comma, found ')'
(572,86): run-time error CSS1046: Expect comma, found '255'
(572,93): run-time error CSS1046: Expect comma, found ')'
(572,108): run-time error CSS1046: Expect comma, found '219'
(572,115): run-time error CSS1046: Expect comma, found ')'
(578,209): run-time error CSS1035: Expected colon, found '}'
(579,120): run-time error CSS1046: Expect comma, found '234'
(579,125): run-time error CSS1046: Expect comma, found ')'
(579,140): run-time error CSS1046: Expect comma, found '172'
(579,145): run-time error CSS1046: Expect comma, 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:#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!important;}
.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.-qm:before {background-image:url(/images/lotteries/quebec-max.svg); top:47px; right:103px;}
.full-width .container.game-ball.-lm:before {background-image:url(/images/lotteries/lotto-max.svg);}
.full-width .container.game-ball.-wm:before {background-image:url(/images/lotteries/western-max.svg); top:47px;}
.full-width .container.game-ball.-l649:before {background-image:url(/images/lotteries/lotto-649.svg);}
.full-width .container.game-ball.-dg:before {background-image:url(/images/lotteries/daily-grand.svg);}
.full-width .container.game-ball.-oll:before {background-image:url(/images/lotteries/ontario-lightning-lotto.svg);}
.full-width .container.game-ball.-o49:before {background-image:url(/images/lotteries/ontario-49.svg);}
.full-width .container.game-ball.-omd:before {background-image:url(/images/lotteries/ontario-megadice.svg);}
.full-width .container.game-ball.-q49:before {background-image:url(/images/lotteries/quebec-49.svg);}
.full-width .container.game-ball.-opg:before {background-image:url(/images/lotteries/ontario-pick-games.svg);}
.full-width .container.game-ball.-odk:before {background-image:url(/images/lotteries/ontario-daily-keno.svg);}
.full-width .container.game-ball.-ol:before {background-image:url(/images/lotteries/ontario-lottario.svg);}
.full-width .container.game-ball.-wof:before {background-image:url(/images/lotteries/ontario-wheel-of-fortune.svg);}
.full-width .container.game-ball.-qlm:before {background-image:url(/images/lotteries/quebec-la-mini.svg);}
.full-width .container.game-ball.-qld:before {background-image:url(/images/lotteries/quebec-lotto-d.svg);}
.full-width .container.game-ball.-ast:before {background-image:url(/images/lotteries/quebec-astro.svg);}
.full-width .container.game-ball.-lqg:before {background-image:url(/images/lotteries/quebec-quotidienne.svg);}
.full-width .container.game-ball.-qb:before {background-image:url(/images/lotteries/quebec-banco.svg);}
.full-width .container.game-ball.-qtr:before {background-image:url(/images/lotteries/quebec-tout-ou-rien.svg);}
.full-width .container.game-ball.-qtx:before {background-image:url(/images/lotteries/quebec-triplex.svg);}
.full-width .container.game-ball.-qsp:before {background-image:url(/images/lotteries/quebec-sprinto.svg);}
.full-width .container.game-ball.-a49:before {background-image:url(/images/lotteries/atlantic-49.svg);}
.full-width .container.game-ball.-hom:before {background-image:url(/images/lotteries/atlantic-hit-or-miss.svg);}
.full-width .container.game-ball.-buc:before {background-image:url(/images/lotteries/atlantic-bucko.svg);}
.full-width .container.game-ball.-atk:before {background-image:url(/images/lotteries/keno-atlantic.svg);}
.full-width .container.game-ball.-al4:before {background-image:url(/images/lotteries/atlantic-lotto-4.svg);}
.full-width .container.game-ball.-w649:before {background-image:url(/images/lotteries/western-649.svg);}
.full-width .container.game-ball.-wll:before {background-image:url(/images/lotteries/western-lightning-lotto.svg);}
.full-width .container.game-ball.-bc49:before {background-image:url(/images/lotteries/bc-49.svg);}
.full-width .container.game-ball.-bc50:before {background-image:url(/images/lotteries/bc-50-50.svg);}
.full-width .container.game-ball.-pl:before {background-image:url(/images/lotteries/poker-lotto.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;}

.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; cursor: pointer;}
.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;}

.mRight {margin-right:30px;}
.mTop {margin-top:25px;}
.mTopBig {margin-top:40px;}
.m0 {margin-bottom:0%;}
.noPad {padding:0!important;}
.noBg {background:none!important;}
.noMargin {margin:0!important;}
.mBig {margin:65px 0;}
.z0 {z-index:0;}
.mobileScroll {overflow-x:scroll; display:block;}
.grid-3 {display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:30px; row-gap:30px;}
.claim-grid {display:grid; grid-template-columns:1fr 1fr; column-gap:30px; row-gap:30px;}
.claim-grid .gen-box {margin-bottom:0;}
.noAfter:after {display:none;}

.gen-box {background:#fff; padding:30px; border-radius:14px; margin-bottom:25px; box-shadow: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;}
.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;}
.midText {font-family:"roboto-title", sans-serif; font-size:3em!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;}
.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:44px;}
.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;}

ul.bullet, #notes ul {margin-bottom:30px; padding:30px 40px;background:#f7f7f7; border-radius:8px;}
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}

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;}
.notBold {font-family:"font-regular", sans-serif!important;}


/* 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:40px 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:320px; 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:320px; 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-maxmillions {margin-top:15px; font-family:"font-bold", sans-serif; font-size:20px;}

.multi-pick-container {background:#fff; padding:30px; border-radius:14px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px;}
.multi-pick-grid {display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:25px; row-gap:25px;}
.multi-pick-result {text-align:center; align-items:center; display:flex; flex-direction:column; border-radius:14px; padding:25px;}
.multi-pick-result.pick-2 {border:solid 2px #205ade;background:#205ade; background:linear-gradient(180deg,#fff 0%, #c0d4ff 32%, #205ade 100%)}
.multi-pick-result.pick-3 {border:solid 2px #e5263c;background:#e5263c; background:linear-gradient(180deg,#fff 0%, #ffd1d1 32%, #e5263c 100%)}
.multi-pick-result.pick-4 {border:solid 2px #eed341;background:#eed341; background:linear-gradient(180deg,#fff 0%, #fff8d3 32%, #eed341 100%)}
.multi-pick-result p.drawTime {margin:25px 0 10px 0; font-family:"font-bold", sans-serif; background:#ffffff82; padding:0px 20px; border-radius:20px; font-size:15px;}
.multi-pick-result ul li:last-child {margin-right:0;}
.multi-pick-draw {padding:25px 30px; background:#fff; border-radius:14px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; margin-bottom:30px;}
.multi-pick-draw p.date strong {font-size:18px;}
table thead tr.multi-pick-dark th {background:#06005d; padding:10px 0 10px 5px!important;}
table thead tr.multi-pick-dark th:first-child {border-top-left-radius:0!important;background:#1b11a3}
table thead tr.multi-pick-dark th:last-child {border-top-right-radius:0!important}
.noBorder {border:none;}

/* Generic Content Pages */
.lot-card {background:#fff; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:14px; position:relative;  transition:.2s all ease;}
.lot-card .lot-play {position:absolute; top:12px; right:12px; font-size:13px; border-radius:50px; border:solid 1px #fff; color:#fff; text-align:center;line-height:17px; font-family:"roboto-title", sans-serif; text-transform:uppercase;}
.lot-card .lot-play a {color:#fff; text-decoration:none; padding:5px 16px; display:block}
.lot-card .lot-play a:hover {background:#fff; color:#000; text-decoration:none; padding:5px 16px; display:block; border-radius:50px;}
.lot-logo {height:200px;width:100%; display:flex; justify-content:center; border-radius:14px 14px 0 0;}
.lot-logo.lotto-max {background: rgb(182,210,255);background: radial-gradient(circle, rgba(240,245,255,1) 20%, rgba(0,94,244,1) 100%);}
.lot-logo.lotto-649 {background: rgb(255,245,246);background: radial-gradient(circle, rgba(255,245,246,1) 20%, rgba(239,38,53,1) 100%);}
.lot-logo.daily-grand {background: rgb(255,250,247);background: radial-gradient(circle, rgba(255,250,247,1) 20%, rgba(255,85,0,1) 100%);}
.lot-logo.atlantic-49 {background: rgb(255,250,250);background: radial-gradient(circle, rgba(255,250,250,1) 20%, rgba(239,17,17,1) 100%);}
.lot-logo.atlantic-bucko {background: rgb(246,255,248);background: radial-gradient(circle, rgba(246,255,248,1) 20%, rgba(30,186,63,1) 100%);}
.lot-logo.atlantic-keno {background: rgb(239,246,255);background: radial-gradient(circle, rgba(239,246,255,1) 20%, rgba(0,72,158,1) 100%);}
.lot-logo.atlantic-lotto-4 {background: rgb(250,255,254);background: radial-gradient(circle, rgba(250,255,254,1) 20%, rgba(0,116,94,1) 100%);}
.lot-logo.bc-49 {background: rgb(255,247,248);background: radial-gradient(circle, rgba(255,247,248,1) 20%, rgba(189,0,26,1) 100%);}
.lot-logo.ontario-pick-games {background: rgb(255,255,255);background: radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(255,66,0,1) 100%);}
.lot-logo.ontario-49 {background: rgb(255,250,250);background: radial-gradient(circle, rgba(255,250,250,1) 20%, rgba(239,17,17,1) 100%);}
.lot-logo.ontario-daily-keno {background: rgb(255,255,253);background: radial-gradient(circle, rgba(255,255,253,1) 20%, rgba(237,210,0,1) 100%);}
.lot-logo.ontario-lottario {background: rgb(255,255,255);background: radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(238,159,0,1) 100%);}
.lot-logo.ontario-lightning-lotto {background: rgb(245,248,255);background: radial-gradient(circle, rgba(245,248,255,1) 20%, rgba(0,4,19,1) 100%);}
.lot-logo.ontario-megadice-lotto {background: rgb(242,255,238);background: radial-gradient(circle, rgba(242,255,238,1) 20%, rgba(43,173,0,1) 100%);}
.lot-logo.quebec-49 {background: rgb(255,250,250);background: radial-gradient(circle, rgba(255,250,250,1) 20%, rgba(239,17,17,1) 100%);}
.lot-logo.quebec-max {background: rgb(247,250,255);background: radial-gradient(circle, rgba(247,250,255,1) 20%, rgba(0,91,237,1) 100%);}
.lot-logo.quebec-max img {margin-top:-10px}
.lot-logo.quebec-la-mini {background: rgb(255,252,247);background: radial-gradient(circle, rgba(255,252,247,1) 20%, rgba(244,150,0,1) 100%);}
.lot-logo.quebec-quotidienne {background: rgb(255,250,253);background: radial-gradient(circle, rgba(255,250,253,1) 20%, rgba(229,5,144,1) 100%);}
.lot-logo.quebec-lotto-d {background: rgb(255,244,246);background: radial-gradient(circle, rgba(255,244,246,1) 20%, rgba(227,10,61,1) 100%);}
.lot-logo.quebec-banco {background: rgb(245,248,255);background: radial-gradient(circle, rgba(253,253,253,1) 20%, rgba(141,0,255,1) 100%);}
.lot-logo.quebec-tout-ou-rien {background: rgb(255,254,249);background: radial-gradient(circle, rgba(255,254,249,1) 20%, rgba(237,96,0,1) 100%);}
.lot-logo.quebec-triplex {background: rgb(255,245,252);background: radial-gradient(circle, rgba(255,245,252,1) 20%, rgba(176,0,219,1) 100%);}
.lot-logo.quebec-sprinto {background: rgb(247,255,250);background: radial-gradient(circle, rgba(247,255,250,1) 20%, rgba(0,242,109,1) 100%);}
.lot-logo.western-649 {background: rgb(255,250,240);background: radial-gradient(circle, rgba(255,250,240,1) 20%, rgba(198,137,0,1) 100%);}
.lot-logo.western-max {background: rgb(255,250,240);background: radial-gradient(circle, rgba(255,250,240,1) 20%, rgba(160,95,0,1) 100%);}
.lot-logo.western-max img {margin-top:-10px;}
.lot-logo.western-pick-games {background: rgb(247,247,255);background: radial-gradient(circle, rgba(247,247,255,1) 20%, rgba(0,0,204,1) 100%);}
.lot-content {padding:30px 30px 35px 30px;}
.lot-card a.pageLink {font-family:"roboto-title", sans-serif; padding-left:20px; position:relative; color:#015bd1;}
.lot-card a.pageLink:hover {color:#084192;}
.lot-card a.pageLink:hover:before {background-image:url(/images/icons/blue-chevron-dark.svg);}
.lot-card a.pageLink:before {position:absolute; content:""; background-image:url(/images/icons/blue-chevron.svg); background-size:15px 15px; width:15px; height:15px; left:0px; top:50%; transform:translateY(-50%);}
.lot-card:hover img {transform:scale(1.2); transition:.2s all ease;}
.lot-card:hover {box-shadow:rgb(0 0 0 / 28%) 0 10px 27px -5px; transition:.2s all ease;}
.lot-card img {transition:.2s all ease;}

.claim-blue {background:#2f52e0; color:#fff}
.claim-green {background:#bced09;}
.claim-orange {background:#f9cb40;}
.claim-grey {background:#4c5b5c; color:#fff;}
.claim-white-box {background:#fff; border-radius:8px; width:100%; padding:25px; color:#000!important; position:relative; margin-top:25px;}
.claim-white-box:before {position:absolute; top:-5px; left:15px; content:""; border-radius:3px; width:27px; height:27px; background:#fff; transform:rotate(45deg);}
.claim-white-box h2, .claim-white-box h3, .claim-white-box h4 {font-family:"font-bold", sans-serif;}
.claim-white-box p {line-height:24px;}

.schedule {position: relative; max-width: 1200px; margin: 0 auto;}
.schedule::after {content: '';position: absolute;width: 6px;background-color: #f59538;top: 0;bottom: 0;left: 50%;margin-left: -3px; border-radius:3px;}
.schedule-box {padding: 10px 40px;position: relative;background-color: inherit;width: 50%; color:#fff; margin-bottom:20px;}
.schedule-box::after {content: '';position: absolute;width: 25px;height: 25px;right: -13px;background-color: #fff;border: 4px solid #f59538;top: 30px;border-radius: 50%;z-index: 1;}
.left {left: 0;}
.right {left: 50%;}
.left::before {content: " ";height: 0;position: absolute;top: 32px;width: 0;z-index: 1;right: 30px;border: medium solid #1b11a3;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #1b11a3;}
.right::before {content: " ";height: 0;position: absolute;top: 32px;width: 0;z-index: 1;left: 30px;border: medium solid #1b11a3;border-width: 10px 10px 10px 0;border-color: transparent #1b11a3 transparent transparent;}
.right::after {left: -13px;}
.schedule-content {padding: 20px 30px 40px 30px;background-color: #1b11a3;position: relative;border-radius: 14px;}
.schedule-image {position:relative; z-index:1; text-align:center; transition:1.2s all ease; align-self:center; background:#fff; width:100px; height:100px; border-radius:10px;  box-shadow:0 12px 16px #00000057; display:flex; justify-content:center;}
.schedule-image:hover {transform:scale(1.2);transition:.2s all ease;}
.schedule-image span {position:absolute; bottom:10px; left:50%; transform:translateX(-50%); color:#000; font-family:"font-bold", sans-serif; font-size:12px;}
.schedule-lotteries {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; row-gap:20px; column-gap:20px; margin-top:25px}


/* 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.sub > span {color: #000;}
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}

/* Homepage */

.homepage-results {display:flex; flex-direction:column;}
.hp-draw {display:grid; grid-template-columns:.6fr 1fr 2.1fr 1fr .7fr; 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 30px 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:28px;}
.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%);}
.grad-purple {background: linear-gradient(0deg,#f5e8ff 0%,#fff 100%);}
.grad-turquoise {background: linear-gradient(0deg,#eafffe 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;}
.state-game.singular {padding:26px 5px;}
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:"font-bold", sans-serif; font-size:34px; letter-spacing:-.25px;}
.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%);}
.cta-box.green {background:linear-gradient(180deg,#3cda3c 0%,#138413 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:6px; 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,.04) 0 10px 10px -5px; justify-content:space-between; display:flex;}
.ind-res.res-box p {margin-bottom:0; line-height:35px;}
.breakdown.dd {display:grid; grid-template-rows:max-content; grid-template-columns:1fr 1fr; 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;}
.breakdown.dd #section1 {grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2;}
.breakdown.dd #section2 {grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; text-align:right; font-family:"font-bold", sans-serif; margin-left:auto; background:#1b11a3; margin-bottom:10px; border-radius:6px; padding:5px 12px; color:#fff; cursor:pointer; width:fit-content;}
.breakdown.dd #section2:hover {background:#2317c1;}
.breakdown.dd #section3 {grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 3; width:100%;}
.breakdown.dd .dd-table.is-active {margin-top:30px; transition:all linear .2s; opacity:1;}
.breakdown.dd .dd-table {transition:all linear .2s; opacity:0;}
.breakdown.dd #section3 .answer {margin-bottom:0; padding-left:0;}
.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; 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; margin-left:15px; 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,.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.filter-results:after {position:absolute; background-image:url(/images/layout/blue-hex-bg.png); background-size:1000px 300px; width:1000px; height:300px; 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;}
.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;}
.splitContainer {background:#fff; margin:-10px 0 15px 0; width:100%; display:flex;}
.splitContainer .splitFirst.main{background:#0075b5; height:24px; color:#fff; text-align:right; padding:3px 5px 5px 0; border-top-left-radius:30px; border-bottom-left-radius:30px; border-right:solid 1px #fff; font-size:14px;}
.splitContainer .splitLast.plus{background:#6d13e2; height:24px; color:#fff; text-align:left; padding:3px 0 5px 5px; border-top-right-radius:30px; border-bottom-right-radius:30px; font-size:14px;}
.splitContainer .splitFirst{background:#1b11a3; height:24px; color:#fff; text-align:right; padding:3px 5px 5px 0; border-top-left-radius:30px; border-bottom-left-radius:30px; border-right:solid 1px #fff; font-size:14px;}
.splitContainer .splitLast{background:#0654c9; height:24px; color:#fff; text-align:left; padding:3px 0 5px 5px; border-top-right-radius:30px; border-bottom-right-radius:30px; font-size:14px;}
.splitContainer .splitFirst.irishmain {background:#169b62; height:24px; color:#fff; text-align:right; padding:3px 5px 5px 0; border-top-left-radius:30px; border-bottom-left-radius:30px; border-right:solid 1px #fff; font-size:14px;}
.splitContainer .splitMiddle.irishplus1 {background:#fff; height:24px; color:#000; text-align:center; padding:3px 0 5px 0; border-right:solid 1px #fff; font-size:14px;}
.splitContainer .splitLast.irishplus2 {background:#ff883e; height:24px; color:#fff; text-align:left; padding:3px 0 5px 5px; border-top-right-radius:30px; border-bottom-right-radius:30px; font-size:14px;}
.jackpotWinnerBox {border:solid 2px #fff; background:#b100ff; background:linear-gradient(135deg,#00c2ba 0%,#b100ff 100%); padding:16px 25px; text-align:center; margin:20px 0; border-radius:10px; color:#fff; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
.jackpotWinnerBox p {margin-bottom:0;}
.jackpotWinnerBox p img {width:18px; height:18px; margin-right:10px; margin-bottom:-3px;}

.maxmillions-grid {display:grid;grid-template-columns: 1fr 1fr; column-gap:25px; row-gap:25px;}
.maxmillions-result {height:100px; text-align:center; border-radius:14px; padding:25px; border:solid 1px #dadada; display:flex;flex-direction:column;justify-content:center;}
.maxmillions-result.winning {padding:30px 25px 25px 25px;}
.maxmillions-result p {margin-top:5px;}
.winnersBox {margin:0 auto;}
.winnersBox p {color:#1b11a3; position:relative; padding-left:10px;}
.winnersBox p:before {position:absolute; content:""; background-image:url(/images/icons/location-pin.svg); background-size:16px 16px; height:16px; width:16px; left:-10px; top:50%; transform:translateY(-50%);}

.gold-ball-card {background:#1b11a3; background:radial-gradient(circle, rgba(6,84,201,1) 20%, rgba(27,17,163,1) 100%); border-radius:14px; padding:25px; text-align:center; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; margin-bottom:30px;}
.gold-ball-title {color:#fff; font-family:"font-bold", sans-serif;}
.gold-ball-jackpot {position:relative; display:flex; flex-direction:column; font-size:46px; font-family:"roboto-title", sans-serif; z-index:1; line-height:32px; margin:60px 0; animation:gold-ball-grow 1s forwards;}
@keyframes gold-ball-grow {0% {transform:scale(0)} 70% {transform:scale(1.1)} 100% {transform:scale(1)}}
.gold-ball-jackpot span {font-size:18px; margin-bottom:-10px}
.gold-ball-jackpot:after {background:#d7ac00; background:radial-gradient(circle, rgb(255 234 0) 20%, rgb(215 172 0) 100%); box-shadow:4px 4px 13px #0000008a, inset -7px -12px 12px #86731b; width:140px; height:140px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:100px; content:""; z-index:-1;}
.gold-ball-pool {color:#fff; margin-bottom:0; display:flex; align-items:center; justify-content:center;}
.gold-ball-pool span {background:#d7ac00; background:radial-gradient(circle, rgb(255 255 255) 20%, rgb(219 219 219) 100%); width:40px; height:40px; box-shadow:4px 4px 13px #0000008a, inset -5px -4px 5px #bebebe; margin-left:10px; line-height:40px; border-radius:50px; text-align:center; font-family:"font-bold", sans-serif; font-size:20px; color:#000}
.gold-ball-link {margin:50px auto 25px auto;}
.gold-ball-link a {border-radius:50px; padding:1em 2em; font-family:"font-bold", sans-serif; color:#000; background:#fd0; text-decoration:none;}
.gold-ball-link a:hover {background:#ffe642}
.gold-ball-snippet {background:#1b11a3; width:45%; border-radius:14px; margin:100px auto; color:#fff; display:grid; grid-template-columns:1.7fr .3fr; column-gap:30px; padding:40px 30px; font-family:"font-bold", sans-serif; text-transform:uppercase;}
.gold-ball-snippet p {margin-bottom:0;}
.gold-ball-snippet .bigNumber {font-size:60px; position:relative; z-index:1; color:#000; transform:rotate(5deg); animation-name:goldPulse; animation-duration:10s; animation-iteration-count:infinite; animation}
.gold-ball-snippet .bigNumber:after {position:absolute; background:#d7ac00; background:radial-gradient(circle, rgb(255 234 0) 20%, rgb(215 172 0) 100%); box-shadow:4px 4px 13px #0000008a, inset -7px -12px 12px #86731b; content:""; width:140px; height:140px; line-height:100px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:-1; border-radius:100px;}
@keyframes goldPulse {0% {} 2% {transform:scale(1.1) rotate(5deg)} 4% {transform:scale(1) rotate(5deg)} 6% {transform:scale(1.1) rotate(5deg)} 8% {transform:scale(1) rotate(5deg)}}

.stateBreakdown .stateWinners {border-bottom:solid 1px #dadada; padding:0 5px;}
.stateBreakdown .stateWinners:last-child {border-bottom:none; border-top:solid 2px #dadada;}

.keno-container {background:#fff; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:10px; margin-bottom:30px; padding:30px 25px; display:flex; justify-content:space-between}
.keno-ball-container, .keno-ball-container ul.balls {display:flex; flex-wrap:wrap;}
.keno-ball-container ul.balls li {margin-bottom:10px;}
.qb-main, .qb-extra {margin-bottom:35px;}
.gameHeading {margin:5px 0; font-family:"font-bold", sans-serif;}

.multiGameBlock {display:flex; flex-direction:column; align-items:end}
.gameContainer {margin-top:25px; display:flex;justify-content:end;align-items:center;}
.gameContainer span {margin-right:10px; font-family:"font-bold", sans-serif;}
.gameContainer ul li.pokerCard span {margin-right:0px;}
.gameContainer.subGame ul.balls li {width:34px; height:34px; line-height:34px; font-size:18px;}
.gameContainer ul li:last-child {margin-right:0;}
.keno-two-draws {display:flex;}
.keno-evening {margin-left:30px;}
.secondaryResult {display:flex; flex-direction:column; align-items:end;}
.gameContainer.twoSides {margin-top:0;} 
.pokerDraw p.js-collapse {height:fit-content; align-self:center;}

/* 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;}
.balldisabled, .bonus-balldisabled, .ball.disabled {opacity:.3}
.ball.bonus-ball {background:#e02727; color:#fff; margin-left:5px; margin-right:0;}
.ball.thunderball {background:#b60fd3; color:#fff; margin-left:5px; margin-right:0;}
.ball.life-ball {background:#008e8a; color:#fff; margin-left:5px; margin-right:0;}
.ball.lucky-star {background:#fce700; color:#000; margin-left:5px; margin-right:0;}
ul li.ball.lucky-star:last-child{margin-right:0;}
ul .ball.lucky-star:last-child {margin-left:5px;}
.ball.bonus-ball:after, .ball.thunderball:after, .ball.life-ball:after, .ball.lucky-star:after {content:"BB"; 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.thunderball:after {content:"TB"}
.ball.life-ball:after {content:"LB"}
.ball.lucky-star:after {content:"LS"}

.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.predicted {box-shadow:0 0 1px 1px #039600fc; color:#039600fc;}
.ball.hotball {box-shadow:0 0 1px 1px #ffc6a2fc; color:#ff3900;}
.ball.coldball {box-shadow:0 0 1px 1px #a2d1fffc; color:#0064ff;}

.balls .pokerCard {position: relative; display: inline-block; font-size: 24px; text-align: center; margin: 3px !important; border-radius: 5px; height: 66px; line-height: 28px; width: 44px; border: 1px solid #777; padding-top: 3px;}
.balls .pokerCard.black, .balls .pokerCard.black span {color: #000;}
.balls .pokerCard.red {color: #F00;}
.balls .pokerCard span {font-size: 36px; display: block;}

.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);}}

.main-2pm li.ball.bonus-ball, .main-9pm li.ball.bonus-ball, .main-notime li.ball.bonus-ball {background:#0075b5;}
.plus-2pm li.ball.bonus-ball, .plus-9pm li.ball.bonus-ball, .plus-notime li.ball.bonus-ball {background:#6d13e2;}

.wheel-of-fortune {display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:10px; column-gap:10px;}
.wheel-of-fortune li {font-family:"font-bold", sans-serif; font-size:18px; padding:4px 8px; border:solid 1px #dadada; border-radius:4px; text-align:center;}
.resultBox .wheel-of-fortune {margin:15px 0 25px 0;}
.astro-result {text-transform:uppercase; display:flex; flex-direction:row; font-family:"font-bold", sans-serif; font-size:20px;}
.astro-result li {margin-right:10px; border:solid 1px #dadada; border-radius:5px; padding:5px;}
.astro-result li:last-child {font-size:12px; position:relative;display:flex;align-items:center; padding-left:10px; padding-right:50px;}
.astro-result li:last-child:after {position:absolute; right:8px; bottom:2px; content:""; background-size:30px 30px; height:30px; width:30px;}
.astro-result li.balance:after {background-image:url(/images/icons/astro/balance.svg);}
.astro-result li.belier:after {background-image:url(/images/icons/astro/belier.svg);}
.astro-result li.cancer:after {background-image:url(/images/icons/astro/cancer.svg);}
.astro-result li.capricorne:after {background-image:url(/images/icons/astro/capricorne.svg);}
.astro-result li.gemeaux:after {background-image:url(/images/icons/astro/gemeaux.svg);}
.astro-result li.lion:after {background-image:url(/images/icons/astro/lion.svg);}
.astro-result li.poissons:after {background-image:url(/images/icons/astro/poissons.svg);}
.astro-result li.sagittaire:after {background-image:url(/images/icons/astro/sagittaire.svg);}
.astro-result li.scorpion:after {background-image:url(/images/icons/astro/scorpion.svg);}
.astro-result li.taureau:after {background-image:url(/images/icons/astro/taureau.svg);}
.astro-result li.verseau:after {background-image:url(/images/icons/astro/verseau.svg);}
.astro-result li.vierge:after {background-image:url(/images/icons/astro/vierge.svg);}

/* 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; vertical-align:middle; line-height:22px;}
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 tr td.rolldown-heading {background: linear-gradient(90deg,#b48200 0%,#f0d200 100%)!important; background: #b48200; color:#fff!important; padding:10px!important; font-family:"font-bold", sans-serif; position:relative;}
table tr td.rolldown-heading:after {position:absolute; content:""; width:10px!important; height:10px!important; background:#b48200!important; transform:rotate(45deg)!important; bottom:-5px!important; left:14px!important;}

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,.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;}
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.past-results tbody tr td ul.plus-1, table.past-results tbody tr td ul.plus-2 {margin-right:0;}

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}

table.basic thead th {width:50%;}
table.basic tbody tr td {width:50%;}

/* PREDICTIONS */

.prediction-box {box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:14px; overflow:hidden; margin:0 auto; padding:60px 30px; width:50%; display:flex; justify-content:center; background-color: #6b11c5; background-image: radial-gradient(at 87% 90%, hsla(234, 92%, 52%, 1) 0, hsla(234, 92%, 52%, 0) 50%),radial-gradient(at 84% 54%, hsla(279, 89%, 64%, 1) 0, hsla(279, 89%, 64%, 0) 50%),radial-gradient(at 60% 83%, hsla(176, 87%, 68%, 1) 0, hsla(176, 87%, 68%, 0) 50%);}
.prediction-box ul.predictions {position:absolute; display:flex;}
.prediction-box ul.predictions li:nth-child(1) {animation-name:predictionBounce; animation-duration:.7s; animation-delay:.5s; animation-fill-mode:forwards; bottom:-300px;}
.prediction-box ul.predictions li:nth-child(2) {animation-name:predictionBounce; animation-duration:.7s; animation-delay:.8s; animation-fill-mode:forwards; bottom:-300px; }
.prediction-box ul.predictions li:nth-child(3) {animation-name:predictionBounce; animation-duration:.7s; animation-delay:1.1s; animation-fill-mode:forwards; bottom:-300px;}
.prediction-box ul.predictions li:nth-child(4) {animation-name:predictionBounce; animation-duration:.7s; animation-delay:1.4s; animation-fill-mode:forwards; bottom:-300px;}
.prediction-box ul.predictions li:nth-child(5) {animation-name:predictionBounce; animation-duration:.7s; animation-delay:1.7s; animation-fill-mode:forwards; bottom:-300px;}
.prediction-box ul.predictions li:nth-child(6) {animation-name:predictionBounce; animation-duration:.7s; animation-delay:2s; animation-fill-mode:forwards; bottom:-300px;}
@keyframes predictionBounce {0% {bottom:-200px;} 60% {bottom:30px;} 100% {bottom:20px; transform:scale(1.05)}}
.border-box {border:solid 1px #dadada; padding:20px 35px; border-radius:14px; width:fit-content; text-align:center;}
.border-box p {margin-bottom:10px;}
.border-box ul {justify-content:center;}
.prediction-grid {display:grid; column-gap:25px; grid-template-columns:1fr 1fr 1fr 1fr 1fr; margin-bottom:25px;}
.prediction-grid .border-box {width:100%;}
.hot-cold-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:20px; margin-bottom:25px;}
.predictions-hc {color:#fff; border-radius:14px; padding:20px; width:fit-content; display:flex;flex-direction:column;}
.predictions-hc.hot {background:#ff6400; background:linear-gradient(325deg,#ffd26e 0%,#ff6400 70%);}
.predictions-hc.cold {background:#002bff; background:linear-gradient(325deg,#6ee4ff 0%,#002bff 70%);}
.belowAverage {color:#dc3131; font-weight:700;}
.belowAverage:after {content:"⇩"}
.aboveAverage {color:#008000; font-weight:700;}
.aboveAverage:after {content:"⇧"}
tr.darker th {background:#06005d;}
tr.darker th:first-child {border-top-left-radius:0;}
tr.darker th:last-child {border-top-right-radius:0;}
tr td span.cold {border:solid 2px #87cefa;border-radius:6px; padding:5px;}
tr td span.hot {border:solid 2px #dc3131;border-radius:6px; padding:5px;}
tr td span.cold.-fill {border:solid 2px #87cefa; background:#87cefa; border-radius:6px; font-family:"font-bold", sans-serif; padding:5px;}
tr td span.hot.-fill {border:solid 2px #dc3131; background:#dc3131; color:#fff; border-radius:6px; font-family:"font-bold", sans-serif; padding:5px;}

/* GENERATORS */
.options {margin-top:35px;}

.generate-more {width:100%; padding:30px 10px; 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;}
.two-line-gen-ball {margin-bottom:15px;}
.flex-generate ul.balls {display:flex; flex-wrap:wrap; justify-content:center;}
.flex-generate ul.balls li {margin-bottom:10px;}

/* 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;}

.filter-results-container { display: flex; flex-direction: column; z-index: 5; position: relative}
.filter-results-container-dates { display: flex; flex-direction: row; }
.filter-results-container-box { display: flex; flex-direction: column; margin-right: 2rem}
.btn-white.filter-results-container-box { padding: 10px; margin-top: 10px; border-width: 0px}
.btn-white:disabled {  opacity: 0.5;}

@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, header .inner nav > ul > li.sub > span {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:20px; 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:10px;}
	.subNav a.state-link {margin-top:8px!important;}
	.subNav a.state-link.ca:after {content:""; background:url(/images/layout/ca-flag.png); background-size:30px 30px; width:30px; height:30px; top:20px; right:30px; position:absolute;}
	.subNav a.state-link.uk-eu:after {content:""; background:url(/images/layout/uk-eu-flag.png); background-size:30px 30px; width:30px; height:30px; top:20px; right:30px; position:absolute;}
	.subNav a.state-link.ie:after {content:""; background:url(/images/layout/irish-flag.png); background-size:30px 30px; width:30px; height:30px; top:20px; right:30px; 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;}
	.sitemap ul.bullet {display:flex; justify-content:start; flex-wrap:wrap;}
	.sitemap ul.bullet li {min-width:25%;}

	.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;}

	.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 5px 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.balls-row {margin-bottom:15px;} 
	table.past-results.mobFormat td.stat-row {width:50%;}
	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 td.link-row a {display:block; text-align:center; padding:12px 0;}
	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;}

	table.basic td.balls-row {margin-bottom:20px;}

	.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;}
	.hot-cold-grid {grid-template-columns:1fr 1fr; row-gap:20px;}
	.predictions-hc {width:100%;}
	.bigText.mobFriendly {font-size:2.35em!important;}
	.postcode-grid {grid-template-columns:1fr 1fr 1fr 1fr;}
	.errorLinks {grid-template-columns:1fr 1fr 1fr;}
	.errorPage #content {min-height:450px;}
	.schedule-lotteries {grid-template-columns:1fr 1fr 1fr;}
	.gold-ball-snippet {width:60%}
	.keno-table-balls, .keno-table-balls ul li {margin-bottom:10px;}
	.keno-container {flex-direction:column;}
	.keno-container .multiGameBlock, .keno-container .multiGameBlock .gameHeading {margin:15px 0;}
}

@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%;}
	.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;}

    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 20px; 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;}
	.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;}
	.postcode-grid {grid-template-columns:1fr 1fr 1fr;}
	.grid-3 {grid-template-columns:1fr 1fr;row-gap:20px;}
	.claim-grid {grid-template-columns:1fr;}
	.claim-grid p {line-height:28px;}
	.schedule:after {left:31px;}
	.schedule-box {width:100%;padding-left:70px; padding-right:25px;}
	.schedule-box:before {left:60px; border:medium solid #1b11a3; border-width:10px 10px 10px 0; border-color:transparent #1b11a3 transparent transparent;}
	.left:after, .right:after {left:18px;}
	.right {left:0%;}
	.schedule-lotteries {grid-template-columns:1fr 1fr 1fr 1fr 1fr}
	.maxmillions-grid {grid-template-columns:1fr;}
	.maxmillions-result {align-items:center;}
}

@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:50%; transform:translateX(-50%) rotate(45deg);}
	.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;}
	.-rafflecodes {grid-template-columns:1fr 1fr 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;}
	.gold-ball-snippet {width:90%}
	.multi-pick-grid {grid-template-columns:1fr}
	.gameHeading.first {margin-top:25px;}
	.gameHeading {margin:-10px 0;}
	.keno-two-draws {margin:25px 0;}
	.keno-two-draws .gameHeading {margin:0 0 10px 0;}
	.gameContainer.mBotMob {margin-bottom:25px;}
	.pokermBot {margin-bottom:15px;}
}

@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;}
	.prediction-grid {display:grid; column-gap:25px; row-gap:25px; grid-template-columns:1fr 1fr; margin-bottom:25px;}
	.schedule-lotteries {grid-template-columns: 1fr 1fr 1fr 1fr;}
	.duo-draws-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; padding:20px;}
	.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;}
	.prediction-box {width:80%;}
	.hot-cold-grid {grid-template-columns:1fr; row-gap:20px;}
	.postcode-grid {grid-template-columns:1fr 1fr;}
	.grid-3 {grid-template-columns:1fr;}
	.astro-result {margin:15px 0; font-size:16px;}
	.astro-result li {margin-right:5px}
	.astro-result li:last-child {margin-right:0; padding-right:35px;}
	.astro-result li:last-child:after {right:4px; background-size:25px 25px; width:25px; height:25px;}
	.multiGameBlock {align-items:start;}
	.gameContainer {flex-direction:column; align-items:start; margin-top:15px;}
	.gameContainer.subGame {border-top:solid 1px #dadada; padding-top:10px; margin-top:20px; width:100%;}
	.gameContainer.subGame ul.balls li {width:30px; height:30px; line-height:30px; font-size:16px;}
	.resultBox .gameContainer.subGame {margin-top:0px; padding-top:15px;}
	.resultBox .gameContainer {align-items:center;}
	.resultBox .gameContainer ul.balls {margin:15px 0}
	.gameContainer span {margin-right:0;}
	.res-box .gameContainer.twoSides.subGame ul.balls {margin:15px 0 5px 0;}
	.multiGameBlock.mob-cn {align-items:center;}
	.multiGameBlock.mob-cn ul.balls li:last-child {margin-right:0;}
}

@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%;}
	table.postcode tbody tr {display:flex!important; justify-content:space-between; background:#fff;}
	table.postcode tbody tr:last-child {margin-bottom:0;}
	table.postcode tbody td {align-items:center; padding:15px 15px 5px 15px!important;}
	table.postcode tbody tr td:last-child {display:flex;}
	table.postcode tbody tr td:last-child:before {margin-bottom:0; margin-right:5px;}
	table.postcode .locationBall {margin-right:2px;}
	.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;}
	table.multi-winners tbody tr td {width:100%!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; padding:25px 20px;}
	.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, table.res-breakdown-table tbody .rolldown-heading {padding:13px 15px!important}
	table.res-breakdown-table tbody .prize-heading:after, table.res-breakdown-table tbody .rolldown-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, table.res-breakdown-table tbody .rolldown-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.milraf {line-height:25px!important; text-align:left; margin-top:35px!important; display:flex; justify-content:space-between; width:100%; text-align:unset;}

	.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;}
	.-rafflecodes {grid-template-columns:1fr 1fr;}

	.breakdown.dd {grid-template-columns:1fr; }
	.breakdown.dd #section1 {grid-row-start: 1; grid-column-start: 1; grid-row-end: 1; grid-column-end: 2; margin:0 auto;}
	.breakdown.dd #section2 {grid-row-start: 2; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; margin:30px auto 20px auto;height:fit-content;}
	.breakdown.dd .dd-table.is-active {margin-top:90px;}
	p.winning-code {margin-bottom:5px;}
	.bigText.mobFriendly {font-size:2.35em!important; line-height:40px}
	table tbody tr td.table-postcodes {flex-wrap:wrap; justify-content:center; margin:0 auto;}
	table tbody tr td.table-postcodes div:nth-child(3), table tbody tr td.table-postcodes div:nth-child(2) {margin-top:40px;}
	table tbody tr td.table-postcodes div:nth-child(1) {margin-top:30px;}
	table tbody tr td.table-postcodes div {margin-right:2px;}
	.postcodeContainer.millions:before, .postcodeContainer.millionaire:before, .postcodeContainer.street:before, .postcodeContainer.daily:before, .postcodeContainer.monthly:before {top:-15px;}
	.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;}
	.schedule-lotteries {grid-template-columns:1fr 1fr 1fr;}
	.gold-ball-snippet {width:100%; text-align:center; display:flex; flex-direction:column; padding:20px 30px; margin:50px auto 100px auto;}
	.gold-ball-snippet p {margin-bottom:30px;}
	.gold-ball-snippet .bigNumber {margin-top:60px; margin-bottom:-40px; animation:none;}
	.gold-ball-snippet .bigNumber:after {box-shadow:inset -7px -12px 12px #86731b; border:solid 11px #f6f7ff;}
	.wheel-of-fortune {grid-template-columns:1fr 1fr;}
	.keno-two-draws {flex-direction:column;}
	.keno-evening {margin-left:0; margin-top:20px;}
	.secondaryResult {align-items:start; margin:30px 0 20px 0;}
	.prevBox:after {background-size: 730px 261px; width:730px; height:260px; right:-130px;}
	.prevBox.filter-results:after {background-size: 730px 400px; width:730px; height:400px; right:-130px;}
}


@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;}
	.rolldown-notice .rolldown-icon {width:30%;}
	.prediction-box {width:90%;}
	.schedule-lotteries {grid-template-columns:1fr 1fr;}
	.midText {font-size:2.2em!important;}
	.ball.lottoD {width:32px; height:32px; line-height:32px;}
}

@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:450px;}
	.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;}
	.prediction-grid {grid-template-columns:1fr;}
	.qb-main .breakdown.dd, .qb-extra .breakdown.dd {box-shadow:none; padding:0; border-radius:unset;}
	.mobBorder {border-top:solid 1px #dadada;padding-top:10px; margin-top:-10px;}
	.qb-main, .qb-extra {padding:30px 20px 1px 20px; margin-bottom:25px;}
	.breakdown.dd {margin-bottom:0;}
	.qb-main table.mobFormat tbody tr, .qb-extra table.mobFormat tbody tr {box-shadow:0 2px 4px rgba(0,0,0,.18)}
	.qb-main {border-radius:14px; background: #fff; border-top:solid 47px #0b5ded;box-shadow:0px 2px 4px rgba(0,0,0,0.18)}
	.qb-extra {border-radius:14px; background: #fff; border-top:solid 47px #c8002c; margin-top:35px; box-shadow:0px 2px 4px rgba(0,0,0,0.18)}
	.qb-main h2, .qb-extra h2 {color:#fff; font-family:"font-bold", sans-serif; margin-top:-67px; margin-bottom:30px; font-size:18px;}
	.postcode-grid, .postcode-grid.narrow {grid-template-columns:1fr;}
	table.postcode tbody tr {flex-direction:column;}
	.errorPageLinks {padding:20px 35px 40px 35px; margin-top:0;}
	.errorContent {margin:20px auto!important;}
	.schedule-box {padding-right:0;}
	.left:after, .right:after {left:5px;}
	.schedule:after {left:18px;}
	.schedule-box {padding-left:54px;}
	.schedule-box:before {left:45px;}
	.maxmillions-grid.quebec {row-gap:15px;}
	.maxmillions-grid.quebec .maxmillions-result {height:70px}
	.maxmillions-result .balls .ball {width:30px; height:30px; line-height:30px; font-size:16px;}
	.maxmillions-result p {font-size:14px; padding-left:0}
	.maxmillions-result p:before {display:none;}
	.ball.lottoD {width:28px; height:28px; line-height:28px; font-size:16px;}
	.secondaryResult {align-items:center; margin:30px auto 0 auto;}
}

@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;}
}
