/* Minification failed. Returning unminified contents.
(48,183): run-time error CSS1030: Expected identifier, found ' '
(276,88): run-time error CSS1046: Expect comma, found '0'
(276,92): run-time error CSS1046: Expect comma, found '/'
(419,120): run-time error CSS1046: Expect comma, found '0'
(419,124): run-time error CSS1046: Expect comma, found '/'
(419,154): run-time error CSS1046: Expect comma, found '0'
(419,158): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";

/* FONT DECLARATIONS */
@font-face {
	font-family: 'Coiny';
	src: url('/fonts/coiny.woff2') format('woff2'),
		url('/fonts/coiny.woff') format('woff'),
		url('/fonts/coiny.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* GLOBALS */
html, body, div, span, h1, h2, h3, p, img, ol, ul, li, form, table, tbody, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; -webkit-text-size-adjust: none;}
*,*:before,*:after {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {background: url(/images/template/bg.jpg) no-repeat; background-size:contain; font-family: "Open Sans", sans-serif; font-weight: 300; line-height: 1;}

h1, h2, h3, h4, h5, .title, .titleBig, .h2, .h3 {font-family: "Open Sans", sans-serif; font-weight: 800; position: relative; letter-spacing: -1px; color: #545454;}
h1.splitter, h2.splitter, h3.splitter, h4.splitter, h5.splitter, .title.splitter, .titleBig.splitter {padding-bottom: 15px; margin-bottom: 25px;}
h1.splitter:after, h2.splitter:after, h3.splitter:after, h4.splitter:after, h5.splitter:after, .title.splitter:after, .titleBig.splitter:after {content: ""; width: 40px; border-bottom: 2px solid #0d5cb2; position: absolute; left: 0; bottom: 0;}
h1 {font-size: 2.250em; line-height: 30px; margin-bottom: 20px;}
h2, .h2 {font-size: 1.52em; line-height: 40px; margin-bottom: 15px;}
h3, .h3 {font-size: 1.2em; line-height: 22px; margin-bottom: 15px;}
h4 {font-size: 21px; line-height: 19px; margin-bottom: 10px; font-weight: 400;}
p {font-weight: 300; margin-bottom: 30px; line-height: 2;}
p.big {font-size: 1.3em; line-height: 1.3em;}
p a, td a, #regions a {color: #9121b3; transition: all .1s ease-in-out; text-decoration: none; border-radius: 3px;}
td a {text-decoration: underline;}
p a:hover, td a:hover, #regions a:hover {background: #9121b3; color: #FFF;}

.fx {display:flex;}
.jc-se {justify-content:space-evenly;}
.noMargin {margin:0!important;}
.jc-cn{justify-content:center;}
.jc-bt {justify-content: space-between;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #efefef; padding: 0; margin: 30px 0;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
li, .rLink, .lLink {position: relative; padding-left: 20px; line-height: 1.5em; margin: 0 0 10px 15px;}
.rLink, .lLink {display: inline-block; text-align: left; line-height: 1;}
li:before, .rLink:before, .lLink:before {position: absolute; left: 0; top: 0; content: ">"; font: 24px/20px "Coiny", cursive; width: 20px; height: 20px; display: inline-block; color: #0d5cb2;}
.lLink {padding-left: 0; padding-right: 30px; margin: 0;}
.lLink:before {left: auto; right: 0;}
.rLink:before, .lLink:before {line-height: 0.5;}
a, a:hover, nav a, nav a:hover, #subNav > ul > li > a, #subNav > ul > li > a:hover, #subNav .subMenu, #subNav li:hover .subMenu, .linkBox li:nth-child(2) a:hover:before, .linkBox li: last-child a:hover:before, .linkBox a:before {transition: all .2s ease;}
.center, .centred {text-align: center;}
.lefty {text-align: left;}
.righty {text-align: right;}
.padding-sm {padding: 10px;}
.padding-med {padding: 30px;}
.flex, .flex-md, .flex-sm, .flex-xs {display: flex; flex-wrap: wrap;}
.fx-between {justify-content: space-between;}
.fx-around {justify-content: space-around;}
.fx-nowrap {flex-wrap: nowrap;}
.flex-centre {justify-content:center;}
.fx-center, .vAlignCenter {align-items: center;}
.inline {display: inline-block;}
.rolloverTxt {color: #F00; font-size: 0.8em;}
strong {font-weight: 800;}
img.siteLogo {transform:rotate(-5deg)}
.grid-6 {display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin:35px 0 50px 0;}


/* MAIN ELEMENTS */
#breadcrumb {padding-bottom: 30px;}
#breadcrumb li {font-size: 0.85em; margin: 0 3px 5px; display: inline-block;}
#breadcrumb li a {color: #9121b3; text-decoration: none;}
#breadcrumb li:before {color: #3d434f; font-size: 22px; line-height: 18px;}
#breadcrumb li:first-child {margin-left: 4px;}
#breadcrumb li:first-child:before {background: url(/images/template/home-icon.svg) no-repeat; content: ""; top: 3px; left: -3px; width:17px; height:17px;}
.container {position: relative; width: 1200px; margin-left: auto; margin-right: auto;}
.container-wide {position: relative; margin-left: auto; margin-right: auto;}
.container-wide.alt {background: #f9f9f9;}
.container-narrow {width: 80%; position: relative; margin-left: auto; margin-right: auto;}
.container-narrow.alt {background: #f9f9f9;}
.colFull {width: 100%;}
.colHalf {width: 50%; display:flex;}
.colHalf.firstRes {display:block;}
.colThird {width: 370px; display: inline-block; margin: 10px;}
.colTwoThird {width: 66.666666%;}
.colSmall {width: 25%;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {display: inline-block;}
#jsVar {position: fixed; bottom: 0; left: 0; padding: 5px; color: #FFF; float: left; background: rgba(0,0,0,0.6); font: 10px/14px arial; z-index: 9999;}
.colFull .lotteryBox {max-width:unset;}

.countdownBox {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:15px;}
.timerBox {display:inline-block; margin-left:-3px; margin-top:6px;}
.timerBox ul li {margin:0 0 0 5px!important; padding-left:2px; display:flex; color:#ff4c4c;}
.timerBox ul li:first-child {margin:0!important; padding-left:0;}
.timerBox ul li:before {display:none;}
.timerBox ul li .counterType {font-weight:700;}
.loading-bar{width:30%; background:rgb(255,255,255); padding:2px;border-radius:25px; margin-bottom:10px; border:solid 1px #dadada;}
.loading-bar-inner {height:5px; background:#fff; border-radius:25px; width:100%; transition:.9s all ease; background-color:#3D0;}

/* BUTTONS AND SWITCHES ETC */
.btn, .bigRound, .smallLink {display: inline-block; background: #9121b3; font-weight: 800; padding: 10px 15px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 1em; border-radius: 4px; transition:.2s ease;}
.bigRound {border-radius: 50%; width: 50px; height: 50px; font: 30px/22px "Coiny", sans-serif;}
.smallLink {font-size: 0.7em; padding: 5px; display: inline-block; margin: 3px 0; font-weight: 700;}
.btn:hover, .bigRound:hover, .smallLink:hover {background: #4b0a5f;}
.bigRound.disabled {background-color: #CCC !important; color: #EEE;}
.btn.spaced {font-size: 1.2em; margin: 5px;}
.btn.active {background: #3A5DBC;}


/* HEADER, FOOTER & NAV */
.topBar {width: 100%; display: flex; align-items: center; padding: 30px; justify-content:center;}
footer {text-align: center; width: 100%; display: inline-block; padding-bottom: 30px;}
footer .container {text-align: center;}
footer .logo {max-width:160px; transform:rotate(-5deg); margin-top:10px}
footer .row {display: block;}
footer p {margin: 0 0 20px 0; font-size: 0.7em; color: #545454;}
footer img {margin-bottom: 30px;}
footer ul.small li a {font-size: 0.9em; text-transform: none; font-weight: 400;}
footer li {display: inline-block;}
footer li:before {display: none;}
footer li a {font-weight: 800; text-decoration: none; color: #545454; text-transform: uppercase;}
footer li a:hover {color: #9121b3;}
.mainNav {display: inline-block; margin-left: 140px;}
.mainNav li {display: inline-block; margin: 0 30px; padding: 0;}
.mainNav li:before {display: none;}
.mainNav a {font-family: "Coiny", cursive; text-decoration: none; color: #fff; text-transform: uppercase;}
.mainNav a:hover {color: #9121b3;}
#subNav .lottoTitle {display: inline-block; width: 100%; font-weight: 800; font-size: 1.5em; letter-spacing: -1px; position: relative; margin: 0 0 30px 0; color: #545454;}


/* BOXES */
.box {background: #F4F4F4; padding: 30px; border-radius: 4px;}
.genBox {background: #f9f9f9; padding: 40px; border-radius: 4px; margin-bottom: 30px; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);}
.genBox.full {box-shadow: none; padding: 40px 60px 20px;}
.jackpotBox {color: #fff; position: relative; border-radius: 4px; text-align: center;}
.jackpotBox .title {color: #fff; font-size: 2.4em;}
.jackpotBox.home {display: inline-block; margin: 0 0 60px 60px; padding: 30px 60px;}
.jackpotBox.home .title {display: inline-block;}
.jackpotBox.home .title:before {content: ""; width: 80px; height: 80px; display: inline-block; vertical-align: middle;}
.jackpotBox.home .ribbon {position: absolute; right: 0; top: 0; background: #fff; font-size: 0.750em; font-weight: 800; color: #545454; padding: 8px 15px; border-radius: 0 3px 0 12px;}
.jackpotBox.home .jackpot {font: 8em/1em "Coiny", cursive; display: inline-block; vertical-align: baseline;}
.jackpotBox.home .jackpot .currency {font-size: 0.7em; display: inline;}
.jackpotBox.home .ctaBox {display: flex; justify-content: center;}
.jackpotBox.home .ctaBox p {font-weight: 800; margin: 0 30px 0 0; line-height: 1em;}
.jackpotBox.oz-lotto {background: url("/images/next-jackpot/oz-lotto-home.jpg") no-repeat;}
.jackpotBox.oz-lotto.home .title:before {background: url("/images/logos/oz-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.set-for-life {background: url("/images/next-jackpot/set-for-life-home.jpg") no-repeat;}
.jackpotBox.set-for-life.home .title:before {background: url("/images/logos/set-for-life.png") no-repeat; background-size: 100%;}
.jackpotBox.powerball {background: url("/images/next-jackpot/powerball-home.jpg") no-repeat;}
.jackpotBox.powerball.home .title:before {background: url("/images/logos/powerball.png") no-repeat; background-size: 100%;}
.jackpotBox.friday-lotto, .jackpotBox.saturday-lotto, .jackpotBox.x-lotto, .jackpotBox.gold-lotto, .jackpotBox.tatts-lotto {background: url("/images/next-jackpot/tatts-lotto-home.jpg") no-repeat;}
.jackpotBox.friday-lotto.home .title:before {background: url("/images/logos/friday-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.x-lotto.home .title:before {background: url("/images/logos/x-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.gold-lotto.home .title:before {background: url("/images/logos/gold-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.tatts-lotto.home .title:before {background: url("/images/logos/tatts-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.monday-lotto {background: url("/images/next-jackpot/monday-lotto-home.jpg") no-repeat;}
.jackpotBox.monday-lotto.home .title:before {background: url("/images/logos/monday-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.wednesday-lotto {background: url("/images/next-jackpot/wednesday-lotto-home.jpg") no-repeat;}
.jackpotBox.wednesday-lotto.home .title:before {background: url("/images/logos/wednesday-lotto.png") no-repeat; background-size: 100%;}
.jackpotBox.super-66 {background: url("/images/next-jackpot/super-66-home.jpg") no-repeat;}
.jackpotBox.super-66.home .title:before {background: url("/images/logos/super-66.png") no-repeat; background-size: 100%;}
.jackpotBox.wa-cash-3 {background: url("/images/next-jackpot/cash-3-home.jpg") no-repeat;}
.jackpotBox.wa-cash-3.home .title:before {background: url("/images/logos/cash-3.png") no-repeat; background-size: 100%;}
.jackpotBox.mega-jackpot {background: url("/images/next-jackpot/mega-jackpot-home.jpg") no-repeat;}
.jackpotBox.mega-jackpot .title:before {background: url("/images/logos/mega-jackpot.png") no-repeat; background-size: 100%;}
.jackpotBox.super-jackpot {background: url("/images/next-jackpot/super-jackpot-home.jpg") no-repeat;}
.jackpotBox.super-jackpot .title:before {background: url("/images/logos/super-jackpot.png") no-repeat; background-size: 100%;}
.jackpotBox {background-size: cover !important;}
.linkBox li:nth-child(2) a:before {background: url("/images/icons/icon-wand.svg") no-repeat;}
.linkBox li:last-child a {border-right: none;}
.linkBox li:last-child a:before {background: url("/images/icons/icon-pie.svg") no-repeat;}
.linkBox li:before {display: none;}
.linkBox a {display: inline-block; vertical-align: middle; text-decoration: none; color: #545454; font-weight: 700; width: 100%; padding: 15px 30px; border-right: 1px solid #eaeaea;}
.linkBox a:before {content: ""; width: 30px; height: 30px; background: url("/images/icons/icon-results.svg") no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px;}
.linkBox a:hover {color: #9121b3;}

.lotteryBox {max-width: 636px; width: 100%; background: #f9f9f9; display: flex; flex-direction:column; border-radius: 4px; position: relative; margin: 30px 0; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);}
.lotteryBox img {position: absolute; top: -36px; left: 50%; transform: translateX(-50%); z-index: 4; width: 120px;}
.lotteryBox .inner {padding: 5px 25px 25px; display: flex; flex-direction:column; flex:1; justify-content:center; text-align: center; width: 100%;}
.lotteryBox .head {background: center no-repeat; background-size: 100% 100%; display: flex; padding: 20px; color: #fff; font-weight: 800; text-transform: uppercase; height: 70px; border-radius: 4px 4px 0 0; justify-content: space-between;}
.lotteryBox .ctaBox {margin-top: 5px;}
.lotteryBox .title {margin-bottom: 10px;}
.lotteryBox .rLink {text-decoration: none; color: #545454; margin-right: 15px;}
.lotteryBox .rLink:before {color: #9121b3;}
.lotteryBox .rLink:hover {color: #9121b3;}
.lotteryBox .draw-no {font-weight: normal;}
.lotteryBox.oz-lotto .head {background-image: url(/images/backgrounds/oz-lotto.png);}
.lotteryBox.set-for-life .head {background-image: url(/images/backgrounds/set-for-life.png);}
.lotteryBox.powerball .head {background-image: url(/images/backgrounds/powerball.png);}
.lotteryBox.friday-lotto .head, .lotteryBox.saturday-lotto .head {background-image: url(/images/backgrounds/tatts-lotto.png);}
.lotteryBox.monday-lotto .head {background-image: url(/images/backgrounds/monday-lotto.png);}
.lotteryBox.wednesday-lotto .head {background-image: url(/images/backgrounds/wednesday-lotto.png);}
.lotteryBox.super-66 .head {background-image: url(/images/backgrounds/super-66.png);}
.lotteryBox.wa-cash-3 .head {background-image: url(/images/backgrounds/cash-3.png);}
.lotteryBox.mega-jackpot .head {background-image: url(/images/backgrounds/mega-jackpot.png);}
.lotteryBox.super-jackpot .head {background-image: url(/images/backgrounds/super-jackpot.png);}
.lotteryBox.us-powerball {max-width:508px!important; margin:0 auto;}
.lotteryBox.us-powerball .head {background-image: url(/images/backgrounds/usa-background.png);}
.lotteryBox.mega-millions {max-width:508px!important; margin:0 auto;}
.lotteryBox.mega-millions .head {background-image: url(/images/backgrounds/usa-background.png);}
.lotteryBox.euromillions {max-width:508px!important; margin: 0 auto;}
.lotteryBox.euromillions .head {background-image: url(/images/backgrounds/europe-background.png);}
.lotteryBox.eurojackpot {max-width:508px!important; margin: 0 auto;}
.lotteryBox.eurojackpot .head {background-image: url(/images/backgrounds/europe-background.png);}
.lotteryBox.main {margin: 0 0 30px 60px; width: 100%;}
.lotteryBox.main .head {padding: 20px 25px; height: 70px; background-position: center -10px;}
.lotteryBox.main .title {font-size: 1.5em; margin-bottom:10px; border-bottom:solid 1px #dadada; padding-bottom:10px;}
.lotteryBox .dateAndDraw {display:flex; justify-content:center; font-size:1.1em;}
.lotteryBox.main img {top: -50px; width: 154px;}
.lotteryBox.main .balls {margin:35px 0;}
.lotteryBox .bottomBox {padding: 0 20px;}
.lotteryBox.oz-lotto.nextJackpot {background-color: #aac900;}
.lotteryBox.set-for-life.nextJackpot {background-color: #7733cc;}
.lotteryBox.powerball.nextJackpot {background-color: #015ff8;}
.lotteryBox.friday-lotto.nextJackpot, .lotteryBox.saturday-lotto.nextJackpot {background-color: #fa9c37;}
.lotteryBox.monday-lotto.nextJackpot {background-color: #db2d01;}
.lotteryBox.wednesday-lotto.nextJackpot {background-color: #01cedd;}
.lotteryBox.super-66.nextJackpot {background-color: #e32ec7;}
.lotteryBox.wa-cash-3.nextJackpot {background-color: #cabf0d;}
.lotteryBox.mega-jackpot.nextJackpot {background-color: #d940b5;}
.lotteryBox.super-jackpot.nextJackpot {background-color: #00c6ac;}
.lotteryBox.oz-lotto.nextJackpot.smaller {background-image: url(/images/next-jackpot/oz-lotto-wide.jpg);}
.lotteryBox.set-for-life.nextJackpot.smaller {background-image: url(/images/next-jackpot/set-for-life-wide.jpg);}
.lotteryBox.powerball.nextJackpot.smaller {background-image: url(/images/next-jackpot/powerball-wide.jpg);}
.lotteryBox.friday-lotto.nextJackpot.smaller, .lotteryBox.x-lotto.nextJackpot.smaller, .lotteryBox.gold-lotto.nextJackpot.smaller, .lotteryBox.tatts-lotto.nextJackpot.smaller {background-image: url(/images/next-jackpot/tatts-lotto-wide.jpg);}
.lotteryBox.monday-lotto.nextJackpot.smaller {background-image: url(/images/next-jackpot/monday-lotto-wide.jpg);}
.lotteryBox.wednesday-lotto.nextJackpot.smaller {background-image: url(/images/next-jackpot/wednesday-lotto-wide.jpg);}
.lotteryBox.super-66.nextJackpot.smaller {background-image: url(/images/next-jackpot/super-66-wide.jpg);}
.lotteryBox.wa-cash-3.nextJackpot.smaller {background-image: url(/images/next-jackpot/cash-3-wide.jpg);}
.lotteryBox.mega-jackpot.nextJackpot.smaller {background-image: url(/images/next-jackpot/mega-jackpot-wide.jpg);}
.lotteryBox.super-jackpot.nextJackpot.smaller {background-image: url(/images/next-jackpot/super-jackpot-wide.jpg);}
.lotteryBox.nextJackpot {max-width: 436px; box-shadow: inset 0 0 125px rgba(0, 0, 0, 0.5); color: #FFF;}
.lotteryBox.nextJackpot .title {color: #fff; font-size: 1.5em;}
.lotteryBox.nextJackpot .jackpot {font: 5.25em/1em "Coiny", cursive; display: inline-block; vertical-align: baseline; color: #FFF;}
.lotteryBox.nextJackpot .jackpot .currency {font-size: 0.7em; display: inline;}
.lotteryBox.nextJackpot .ctaBox {width: 100%;}
.lotteryBox.nextJackpot p {display: inline-block; margin: 0 15px 5px; font-weight: 800; line-height: 1em;}
.lotteryBox.nextJackpot.smaller {background-size: cover !important; background-position: center !important; max-width: 800px; margin: 0 !important; padding: 10px 20px; border-radius: 0 0 4px 4px; box-shadow: none;}
.lotteryBox.nextJackpot.smaller .inner {padding: 0; text-align: left; display: flex; align-items: center;}
.lotteryBox.nextJackpot.wide .inner > div, .lotteryBox.nextJackpot.wide .inner > div {width: 50%; text-align: center;}
.lotteryBox.nextJackpot.smaller .jackpot {font-size: 4em;}

.statsBox > div {position: relative; display: block; text-align: left; margin: 0 !important; margin-left: 35px !important;}
.statsBox .title {font-family: coiny; font-weight: normal;}
.statsBox.larger .title {padding: 6px 0 4px;}
.statsBox .title:before {content: ""; background-repeat: no-repeat; background-size: 100%; left: -35px; display: block; position: absolute; width: 30px; height: 30px; top: 5px;}
.statsBox.larger {display: inline-block; padding: 10px 40px !important; min-width: 0 !important;}
.statsBox.larger > div {margin-left: 60px !important;}
.statsBox.larger .title:before {width: 50px; height: 50px; left: -60px;}
.statsBox.winners {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.statsBox.winners .title {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.statsBox.winners .title:before {background-image: url("/images/icons/icon-trophy.svg");}
.statsBox.jackpot .title:before {background-image: url("/images/icons/icon-jackpot.svg");}
.statsBox.jackpotWinners .title:before {background-image: url("/images/icons/icon-star.svg");}
.statsBox.cheque .title:before {background-image: url("/images/icons/icon-cheque.svg");}
.divStats {padding: 10px; margin: auto; width: 360px; max-width: 100%;}
.divStats.centred {width: auto;}
.divStats .statsBox {padding: 10px;}
.divStats .statsBox .title {font-size: 1.5em;}

.grid-6 .statsBox.winners .title {font-size:1.1em; color:#c25fe3;}
.grid-6 .statsBox.winners div {margin-left:40px!important; color:#a0a0a0}
.grid-6 .statsBox.winners.nswact .title:before {background-image: url("/images/icons/nsw-act.svg");}
.grid-6 .statsBox.winners.tasvic .title:before {background-image: url("/images/icons/tas-vic.svg");}
.grid-6 .statsBox.winners.nt .title:before {background-image: url("/images/icons/northern-territory.svg");}
.grid-6 .statsBox.winners.qld .title:before {background-image: url("/images/icons/queensland.svg");}
.grid-6 .statsBox.winners.sa .title:before {background-image: url("/images/icons/south-australia.svg");}
.grid-6 .statsBox.winners.wa .title:before {background-image: url("/images/icons/western-australia.svg");}

.previousYears {display:flex; flex-wrap:wrap; background:#fff; width:fit-content;}
.previousYears div {padding:10px;}
.previousYears div.activeYear {background:#9121b3;}
.previousYears div.activeYear a {color:#fff; text-decoration:none;}
.previousYears a {font-weight:700; color:#9121b3; text-decoration:none}

.results-grid-duo {display:grid; grid-template-columns:1fr 1fr; column-gap:30px; row-gap:30px;}
.breakdown-grid {display:grid; grid-template-columns:1fr; row-gap:30px;}
.breakdown-box {background:#fff; border-radius:6px; box-shadow:0px 0px 44px -1px rgb(0 0 0 / 12%); padding:25px; color:#000;}
.prev-next-draws {margin:30px auto 15px auto; display:flex; justify-content:center;}
.prev-next-draws .prev-result, .prev-next-draws .next-result {background:#9121b3; font-weight:700; text-align:center; border-radius:50px; position:relative;}
.prev-next-draws .prev-result a, .prev-next-draws .next-result a {color:#fff; text-decoration:none; padding:12px 30px; display:block;}
.prev-next-draws .prev-result {margin-right:8px; padding-left:20px;}
.prev-next-draws .prev-result:before {content:"‹"; position:absolute; left:25px; top:46%; transform:translateY(-50%); color:#fff; font-size:22px; font-weight:700;}
.prev-next-draws .next-result:before {content:"›"; position:absolute; right:25px; top:46%; transform:translateY(-50%); color:#fff; font-size:22px; font-weight:700;}
.prev-next-draws .next-result {margin-left:8px; padding-right:20px;}

.boxy {
	background: #F4F4F4 bottom right no-repeat; background-size: auto 70%; margin: 30px 0; display: block;
	border-radius: 4px; padding: 30px; text-decoration: none; color: #333; transition: all .2s ease-in-out; text-align: left;
}
.boxy.padded {padding: 50px;}
.boxy.checker {background-image: url(/images/template/ticket-hand.png); width: 360px; background-size: auto 90%; padding: 25px 20px; margin: 10px auto 0;}
.boxy.how-to-play {background-image: url(/images/template/lotto-guide.png); width: 430px;}
.boxy.faqs {background-image: url(/images/template/faqs.png); width: 730px; background-size: auto 85%;}
.boxy.how-to-claim {background-image: url(/images/template/contact-man.png); width: 800px; background-size: auto 90%;}
.boxy.general {width: 360px;}
.boxy p {max-width: 55%; line-height: 24px; font-size: .9em;}
.boxy.faqs p {max-width: 35%;}
.boxy a.rLink {display: block; text-decoration: none; font-size: 1.1em;}
.boxy a.rLink:hover, .boxy .lLink:before {color: #1bd404;}
a.boxy:hover {background-color: #1bd404; color: #FFF;}
a.boxy:hover .h3, .boxy:hover h2 {color: #FFF;}
a.boxy:hover .lLink:before {color: #FFF;}
a.boxy:hover .btn {background-color: #2afb11;}

.boxLinks {width: 350px; max-width: 100%; text-align: left; padding-right: 50px;}
.boxLinks li:before {left: auto; right: 0; top: 7px}
.boxLinks li {padding: 10px 10px 10px 40px; background: none; vertical-align: middle;}
.boxLinks li a:before {background: url(/images/icons/icon-star-ball.svg) transparent no-repeat; background-size: 100%; width: 30px; height: 30px; position: absolute; left: 0; top: 6px; content: "";}
.boxLinks li.checker a:before {background-image: url(/images/icons/icon-results.svg);}
.boxLinks li.generator a:before {background-image: url(/images/icons/icon-wand.svg);}
.boxLinks li.statistics a:before {background-image: url(/images/icons/icon-pie.svg);}
.boxLinks li a {text-decoration: none; color: #333; font-weight: bold;}
.boxLinks li a:hover {color: #1bd404;}
.boxLinks li.results a:hover:before {background-image: url(/images/icons/icon-star-ball-hover.svg);}
.boxLinks li.checker a:hover:before {background-image: url(/images/icons/icon-results-hover.svg);}
.boxLinks li.generator a:hover:before {background-image: url(/images/icons/icon-wand-hover.svg);}
.boxLinks li.statistics a:hover:before {background-image: url(/images/icons/icon-pie-hover.svg);}

.breakdownMain .bigRound.previous {order: 1;}
.breakdownMain .lotteryBox {order: 2; margin: 0 20px;}
.breakdownMain .divStats {order: 3;}
.breakdownMain .bigRound.next {order: 4;}

.ticketsContainer {display:grid; grid-template-columns:1fr 1fr; gap:60px 0; margin:30px 0;}
.nextJackpotTitle {font-size:38px; font-weight:800; color:#545454; margin:5px 0 30px 0; letter-spacing:-.5px;}


/* RESULTS BALLS */
.balls {margin-bottom: 20px;}
.balls li {border-radius: 50%; width: 47px; height: 47px; display: inline-block; margin: 0; padding: 0; text-align: center; font: normal 1.3em/40px "Coiny", cursive; color: #FFF; margin: 0 -1px;}
.balls li:before {display: none;}
.balls .oz {border: 3px solid #aac900;}
.balls .oz.ball {background: #aac900;}
.balls .oz.supplementary {background: none; color: #aac900;}
.balls .sfl {border: 3px solid #7733cc;}
.balls .sfl.ball {background: #7733cc;}
.balls .sfl.bonus-ball {background: none; color: #7733cc;}
.balls .pb {border: 3px solid #015ff8;}
.balls .pb.ball {background: #015ff8;}
.balls .pb.powerball {background: none; color: #015ff8;}
.balls .friday, .balls .saturday {border: 3px solid #f36f2c;}
.balls .friday.ball, .balls .saturday {background: #f36f2c;}
.balls .friday.supplementary, .balls .saturday.supplementary {background: none; color: #f36f2c;}
.balls .monday {border: 3px solid #db2d01;}
.balls .monday.ball {background: #db2d01;}
.balls .monday.supplementary, .balls .monday.bonus-ball {background: none; color: #db2d01;}
.balls .wednesday {border: 3px solid #1dadc4;}
.balls .wednesday.ball {background: #1dadc4;}
.balls .wednesday.supplementary, .balls .wednesday.bonus-ball {background: none; color: #1dadc4;}
.balls .super-66.ball, .balls .super-66.number-part-01, .balls .super-66.number-part-02, .balls .super-66.number-part-03, .balls .super-66.number-part-04, .balls .super-66.number-part-05, .balls .super-66.number-part-06 {background: #e32ec7;}
.balls .cash-3.ball, .balls .cash-3.number-part-01, .balls .cash-3.number-part-02, .balls .cash-3.number-part-03 {background: #cabf0d;}
.balls.small li {width: 34px; height: 34px; line-height: 28px; font-size: 18px; border-width: 2px;}
.balls .ball.disabled {background-color: #CCC; color: #FFF; border-color: #CCC;}
.balls .supplementary.disabled {border-color: #CCC; color: #CCC;}

.result .innerA {position: absolute; width: 48px; height: 48px; padding: 0; margin: 0; left: 0; top: 0; display: block; overflow: hidden;}
.result .innerB,.result .number{position:relative;width:100%;height:100%}
.result .innerB.spinning {display:block;}
.result .innerB.spinning {margin-top: -2400px;}
.result .innerB.stop {margin-top: -960px;}

.ll-raffle {font-family:"Coiny", cursive; margin:10px; line-height:20px; padding:12px 10px; min-width:120px; border-radius:6px; font-size:24px; display:inline-block; color:#127ba1; background:#efefef;}
.raffle-tier-4 .h3,.raffle-tier-5 .h3,.raffle-tier-6 .h3,.raffle-tier-7 .h3,.raffle-tier-8 .h3,.raffle-tier-9 .h3 {position:relative; padding:8px!important;}
.raffle-tier-4 .h3:after,.raffle-tier-5 .h3:after,.raffle-tier-6 .h3:after,.raffle-tier-7 .h3:after, .raffle-tier-8 .h3:after, .raffle-tier-9 .h3:after {content:"Show Prizes +";height:38px; width:103px;position:absolute;right:0;top:0; background:#01009E;display:inline-block; color: #fff; line-height:30px; padding:4px 8px; font-size:13px; cursor:pointer;}
.raffle-tier-4.active .h3:after,.raffle-tier-5.active .h3:after,.raffle-tier-6.active .h3:after,.raffle-tier-7.active .h3:after, .raffle-tier-8.active .h3:after,.raffle-tier-9.active .h3:after {content:"Hide Prizes -";}
.raffle-tier-4,.raffle-tier-5,.raffle-tier-6,.raffle-tier-7, .raffle-tier-8,.raffle-tier-9 {max-height:70px;transition:all ease .5s; overflow:hidden;}
.raffle-tier-10 {margin-bottom:15px;}
.raffle-tier-4.active,.raffle-tier-5.active,.raffle-tier-6.active,.raffle-tier-7.active,.raffle-tier-8.active,.raffle-tier-9.active {max-height:27000px; transition:all ease .5s;}
.res-block .hide {display:none!important;}
.ballCont {border-bottom:solid 1px #dadada; padding-top:15px; padding-bottom:15px; display:flex; flex-wrap:wrap; justify-content:center;}
.sj-code {margin-bottom:10px; margin-top:10px; padding:15px; margin-right:7px; margin-left:7px; width:125px; font-family:Coiny, cursive; border-radius:8px; box-shadow:0 3px 4px #0000002b; font-size:24px; color:#127ba1; background:#fff;}
.mj-code {margin-bottom:10px; margin-top:10px; padding:15px; margin-right:7px; margin-left:7px; width:125px; font-family:Coiny, cursive; border-radius:8px; box-shadow:0 3px 4px #0000002b; font-size:24px; color:#a40f81; background:#fff;}

/* TABLES */
.table {background: #F4F4F4; position: relative; border-radius: 6px; border-spacing: 0; margin: 20px auto; overflow: hidden}
.table tr:nth-child(even) {background: rgba(0,0,0,0.05);}
.table th {background: #9121b3; position: relative; padding: 15px 10px; color: #FFF; font-weight: 800; vertical-align: middle;}
.table tr:first-child td:first-child, .table tr:first-child th:first-child {border-top-left-radius:4px}
.table tr:first-child td:last-child, .table tr:first-child th:last-child {border-top-right-radius:4px}
.table tr:last-child td:first-child {border-bottom-left-radius:4px}
.table tr:last-child td:last-child {border-bottom-right-radius:4px}
.table td {padding: 10px; vertical-align: middle;}
.table td.dateHeader {background: #DDD; text-align: left; padding: 15px 20px;}
.table.oz-lotto thead th {background: #aac900;}
.table.powerball thead th {background: #015ff8;}
.table.friday-lotto thead th, .table.tatts-lotto thead th, .table.x-lotto thead th, .table.gold-lotto thead th {background: #f36f2c;}
.table.wednesday-lotto thead th {background: #2bacc2;}
.table.monday-lotto thead th {background: #db2d01; line-height:20px;}
.table.set-for-life thead th {background: #7733cc;}
.table.super-66 thead th {background: #e32ec7;}
.table.wa-cash-3 thead th {background: #cabf0d;}
.table tr.total {background: rgba(0,0,0,0.15) !important; font-weight: 700;}
.division {display: inline-block; width: 20px; height: 20px; background: #FFF; border-radius: 20px; text-align: center; font-size: 0.8em; line-height: 20px; color: #333; vertical-align: baseline;}
.table.full {width:100%;}
.table tr.totals-row {background:#5d5d5d;}
.table tr.totals-row td {color:#fff; font-weight:700}
.table caption {margin-bottom:10px; font-weight:700;}

/* STATISTICS */

.stats-grid {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap:20px; margin:20px 0;}
.stats-frequency {text-align:center; padding:7px 10px 15px 10px; align-items:center; background:#fff; border-radius:8px;}
.stats-ball {background:#9121b3; color:#fff; margin:10px auto; border-radius:50%; width:45px; height:45px; text-align:center; font:normal 1.3em / 44px "Coiny", cursive;}
.stats-ball.small-ball {background:#9121b3; color:#fff; margin:10px auto; border-radius:50%; width:36px; height:36px; text-align:center; font:normal 1.1em / 34px "Coiny", cursive;}
.stats-ball.supp {background:#fff; color:#9121b3; margin:10px auto; border-radius:50%; width:45px; height:45px; border:solid 3px #9121b3; text-align:center; font:normal 1.3em / 38px "Coiny", cursive;}
.grid-3 .table {width:100%; margin-bottom:0;}

/* REGION SWITCHER */
#regionChange {background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; text-align: center; display: none;}
#regionChange.visible {display: block;}
#regionChange p {line-height: 18px; font-size: 0.8em;}
#regionChange .btn {cursor: pointer;}
#regions {background: #FFF; position: relative; padding: 20px; border-radius: 5px; width: 310px; max-width: 100%; display: inline-block; text-align: left; top: calc(50% - 200px);}
#regions .closeIt {position: absolute; top: 10px; right: 20px; font-size: 30px; cursor: pointer; z-index: 99;}

/* HOMEPAGE HOW-TO SECTION */

.how-to-container {display: flex;flex-direction:column;}
.how-to-box {background:#fff;border-radius:20px;margin: 10px 0;cursor: pointer;padding:25px;border:solid 3px #dadada; opacity:.4; transition:.3s all ease;}
.how-to-box.active {background:#fff; color:#000; border:solid 3px #fff; position:relative; opacity:1; box-shadow:rgb(0 0 0 / 30%) 0 0px 25px -5px, rgb(0 0 0 / 8%) 0 0px 28px -5px; z-index:1}
.how-to-box.active .h3 {color:#9121b3;}
.how-to-box p:last-child {margin-bottom:0;}
.image { max-width: 100%; height: auto; display: block; border-radius:46px;}
.hidden {display: none;}
.phonePlaceholder {background:#f5f5f5; background:linear-gradient(176deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%); position:relative; border:solid 1px #f5f5f5; box-shadow:0 0px 60px #00000069, 0px 4px 0px #c5c5c5, inset 0 0 2px #000000c7; width:370px; height:796px; border-radius:50px; padding:5px; margin-left:100px; transform:scale(.95)}
.phonePlaceholder:before {position:absolute; top:140px; left:-4px; background:#f5f5f5; content:""; width:5px; height:100px; border-radius:10px; box-shadow:inset 1px 0px 1px #00000054}
.phonePlaceholder:after {position:absolute; top:160px; right:-4px; background:#f5f5f5; content:""; width:5px; height:60px; border-radius:10px; box-shadow:inset -1px 0px 1px #00000054}
.grid-2 {display:grid; grid-template-columns:1.35fr 1fr; margin:50px 20px; align-items:center;}
.grid-3 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:5px 25px; align-items:center;}

/* HOW TO PLAY PAGE */

.how-to-step {border-radius:10px; background:#fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); display:flex; margin-bottom:30px; transition:.2s all ease; position:relative;}
.how-to-play-page .how-to-step:before {position:absolute; top:20px; left: 225px; content:""; color:#676767; padding:3px 8px; box-shadow:0 0 0px 1px #676767; border-radius:20px; font-size:12px;}
.how-to-play-page .how-to-step:first-child:before {content:"STEP 1";}
.how-to-play-page .how-to-step:nth-child(2):before {content:"STEP 2"; left:25px;}
.how-to-play-page .how-to-step:nth-child(3):before {content:"STEP 3";}
.how-to-play-page .how-to-step:nth-child(4):before {content:"STEP 4";}
.how-to-play-page .how-to-step:nth-child(5):before {content:"STEP 5";}
.how-to-play-page .how-to-step:nth-child(6):before {content:"STEP 6";}
.how-to-step:hover {transform:scale(1.02); transition:.2s all ease; box-shadow:0 15px 20px rgba(0, 0, 0, 0.1);}
.how-to-step img {width:200px; max-width:300px; background-size:cover; border-radius:10px 0 0 10px;}
.how-to-content {padding:45px 25px 25px 25px;}
.how-to-content p:last-child {margin-bottom:0;}

/* FAQS PAGE */

.faq-container {display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:solid 1px #dadada; padding:20px 0; align-items:center;}
.faq-container .h3 {margin-bottom:0; letter-spacing:-.5px;}
p.js-collapse {font-family:"inter", sans-serif; cursor:pointer; margin-bottom:0; font-size:25px; padding:0 10px;}
.answer {margin-bottom: 20px;}
.answer p {margin: 20px 0;}
.answer p:last-child {margin-bottom: 0;}
.js-collapsible {height: 0;overflow: hidden;transition: all ease 0.2s; width:100%; padding:0 30px 0 0}
.js-collapsible.is-active {height: auto; }

/* PLAY BANNERS */

.international {margin:35px auto; max-width:720px; box-shadow:0 15px 20px rgba(0, 0, 0, 0.1); color:#fff; align-items:center; background:#fff; display:flex; justify-content:center; padding:30px; max-height:150px; border-radius:14px;}
.international.usa-mm {background: rgb(3,51,143); background: linear-gradient(270deg, rgba(3,51,143,1) 0%, rgba(8,81,229,1) 100%); border:solid 4px #0851e5;}
.international.usa-pb {background: rgb(143,3,3);background: linear-gradient(270deg, rgba(143,3,3,1) 0%, rgba(229,8,8,1) 100%);border:solid 4px #e21c1a;}
.international-logo img {max-width:140px; max-height:130px; margin-right:20px; animation:zoom 4s ease-in-out infinite;}
.international-title {font-weight:700; font-size:1.2em; margin-bottom:6px;}
.international-jackpot {font-weight:800; font-size:32px; margin-top:15px; color:#fd0;}
.international-sell {background:#fd0; color:#000; border-radius:4px; margin-left:70px; transition:.2s all ease; display:flex;}
.international-sell:hover {background:#ffe53f; transition:.2s all ease;}
.international-sell a {font-weight:700; text-decoration:none; color:#000; padding:12px 20px;}
@keyframes zoom {
	0% {
		transform: scale(1); /* regular size */
	}

	50% {
		transform: scale(1.1); /* increase by 10% */
	}

	100% {
		transform: scale(1); /* back to regular size */
	}
}


/* ######### MD AND LARGER ######### */
@media (min-width: 992px) {
	body.bodybg {background-position-y: -430px;}
	span.expander, span.closer {display: none;}
	#subNav {background: #f9f9f9; display: flex; border-radius: 4px; position: relative; margin: 0 auto 50px auto; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); width:fit-content;}
	#subNav > ul {display: flex; justify-content: center; width: 100%;}
	#subNav > ul > li {margin: 0; border-right: 1px solid #dedede; position: static; padding: 0;}
	#subNav > ul > li:last-child {border-right: none;}
	#subNav > ul > li:before {display: none;}
	#subNav > ul > li > a {color: #0d5cb2; text-decoration: none; font: 800 0.875em/1em "Open Sans", sans-serif; padding: 20px 28px; display: block; letter-spacing: -1px; position: relative;}
	#subNav > ul > li.dropdown > a:after {content: ""; background: url(/images/template/down-icon.svg) no-repeat center; width: 20px; height: 20px; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); border: 3px solid #f9f9f9; border-radius: 50%; z-index: 99;}
	#subNav > ul > li > a:hover {color: #9121b3;}
	#subNav .inner {display: flex; justify-content: start;}
	#subNav li:hover .subMenu {opacity: 1; visibility: visible; top: 52px;}
	.subMenu {position: absolute; background: #fff; left: 0; top: 40px; width: 100%; box-shadow:0 12px 13px #00000038; border-radius: 0 0 4px 4px; padding: 50px 30px; opacity: 0; visibility: hidden; z-index: 98; transition: all .2s ease-in-out;}
	.subMenu .col {padding: 0 30px; min-width: 300px;}
	.subMenu .col:first-of-type {border-right: 1px solid #cbcbcc;}
	.subMenu .title {color: #0d5cb2; margin-bottom: 20px;}
	.subMenu .twoCol {display: flex; justify-content: space-evenly;}
	.subMenu .twoCol ul {margin: 0 60px 0 0;}
	.subMenu ul {margin: 0 20px 0 0;}
	.subMenu li {margin: 0 0 20px 0; padding: 0;}
	.subMenu li:before {display: none;}
	.subMenu li:last-child {margin-bottom: 0;}
	.subMenu a {color: #545454; text-decoration: none;}
	.subMenu a:hover {color: #9121b3;}
	.subMenu .featureLinks {padding: 0; border: none;}
	.subMenu .featureLinks a {display: block; padding: 25px 15px; border-radius: 4px; color: #3d434f; min-width: 250px; margin-bottom: 0; background: url(/images/icons/belt-sm.png) no-repeat 120px -15px #cbcbcc;}
	.subMenu .featureLinks a:first-of-type {margin-bottom: 15px; background-image: url(/images/icons/stats-sm.png);}
	.subMenu .featureLinks a:hover {color: #9121b3;}
	#menuToggle, #changerToggle {display: none;}
	.row {display: flex; flex-wrap: wrap; flex:1}
	.boxes.row {justify-content: space-around;}
	.table .balls {margin: 10px 0;}
}

/* ######### SM AND SMALLER ######### */
@media (max-width: 991px) {
	.flex-md {display: block;}
	
	body {font-size: 16px; background-size: 150%; transition: transform .4s ease-in-out; padding: 0; margin: 0;}
	body.menuOpen, .subMenu.open {transform: translate(-260px, 0); overflow: hidden;}
	h1 {font-size: 1.8em;}
	p {margin-bottom: 15px;}
	.container {width: 100%;}
	.container-narrow {width: 100%;}
	.colTwoThird {width: 100%;}
	.colHalf {width: 100%;}
	.colThird {width: 100%;}
	
	.topBar {display: block; padding: 0;}
	#logo {display: block; width: 200px; padding: 10px;}
	#logo img {width: 100%;}
	.mainNav {display: block; margin-left: 0; text-align: center;}
	.mainNav li {margin: 0; width: 48%; background: rgba(9,70,122,0.4); margin-bottom: 3px; border-radius: 4px;}
	.mainNav li a {font-size: 0.8em;}
	#menuToggle {display: block; position: absolute; top: 9px; right: 10px; z-index: 1; -webkit-user-select: none; user-select: none;}
	#menuToggle input {display: block; width: 30px; height: 28px; position: absolute; top: -8px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;}
	#menuToggle span {display: block; width: 27px; height: 4px; margin-bottom: 4px; position: relative; background: #FFF; z-index: 1; transform-origin: 1px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; border-radius: 4px;}
	#menuToggle span:first-child {transform-origin: 0% 0%;}
	#menuToggle span:nth-last-child(1) {transform-origin: 0% 100%;}
	#menuToggle input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(-2px, -1px);}
	#menuToggle input:checked ~ span:nth-last-child(2) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
	#menuToggle input:checked ~ span:nth-last-child(1) {transform: rotate(-45deg) translate(0, -1px);}
	#subNav, .subMenu {background: #00447B; position: fixed; width: 260px; height: 100%; display: block; z-index: 9; color: #FFF; overflow: hidden; top: 0; right: -260px; transition: transform .4s ease-in-out; box-shadow: inset rgba(0,0,0,0.5) 10px 0 20px -10px;}
	#subNav {padding-top: 10px;}
	#subNav li {display: block; padding: 0 0 0 5px; margin: 2px;}
	#subNav li:before {display: none;}
	#subNav li a, .expander {color: #FFF; padding: 10px; line-height: 20px; display: inline-block; text-decoration: none; font: 0.9em/16px "Coiny"; text-transform: uppercase; width: 78%;}
	#subNav .lottoTitle {color: #FFF; margin: 0;}
	.expander {position: absolute; right: 0; top: 0; width: 22%; background: rgba(0,0,0,0.1); text-align: center; border-radius: 4px; padding: 8px 0; height: 100%; line-height: 100%; cursor: pointer;}
	.closer {background: url(/images/icons/icon-cross.svg) transparent no-repeat; background-size: 100%; position: absolute; width: 20px; height: 20px; top: 10px; right: 10px; cursor: pointer; z-index: 99;}
	.subMenu {right: -520px; z-index: 9; padding-top: 20px;}
	.subMenu.open {overflow-y: auto;}
	.subMenu .title {padding: 20px 0 5px 15px; color: #FFF; font-size: 1.1em;}
	.subMenu.oz-lotto .title {color: #d0e228;}
	.subMenu a {padding: 5px 10px !important;}
	.subMenu .featureLinks a {padding-left: 17px !important; letter-spacing: 0;}
	#breadcrumb {padding-bottom: 20px;}
	#changerToggle {display: inline-block;}
	.ballImage {display: none;}
	footer p {margin: 0;}
	footer {padding: 20px 0;}
	footer ul li {display: block; padding: 5px; margin: 0; text-align: center;}
	footer img {margin: 10px 0;}
	
	.jackpotBox.home {display: block; padding: 20px; margin: 10px 0 30px; height: auto; text-align: center;}
	.jackpotBox.home .ctaBox, .jackpotBox.home .jackpot {display: block;}
	.jackpotBox.home .ctaBox p {margin: 0 10px;}
	.jackpotBox.home .title {vertical-align: middle;}
	.jackpotBox {max-width: 536px; margin: 30px auto !important;}
	.lotteryBox {margin: 20px auto 30px !important; max-width: 536px; display: block; clear: both; background: #FFF;}
	.lotteryBox .inner, .lotteryBox.main .inner {padding: 5px 10px 20px; display: block;}
	
	.boxy {background-size: auto 100%; margin: 0 auto 10px; width: auto;}
	.boxy {width: 96% !important;}
	.boxy p {max-width: 60%;}
	
	.table.mobFormat {width: 100%;}
	.table.mobFormat tbody tr {display: block; padding: 0 5px 5px; background: none !important;}
	.table.mobFormat tbody td {display: block; padding: 8px 10px; font-weight: 700; border: none; background: #FFF;}
	.table.mobFormat td {text-align: center; padding: 5px 10px; display: block;}
	.table.mobFormat td:first-child {font-weight: 700;}
	.table.mobFormat tbody td {background: #EEE;}
	.table.mobFormat tbody td:before {content: attr(data-title)": "; display: inline; text-align: left; font-weight: normal;}
	.table.mobFormat tbody tr:last-child td:first-child, .table.mobFormat tbody td:first-child {border-radius: 4px 4px 0 0;}
	.table.mobFormat tbody tr:last-child td:last-child, .table.mobFormat tbody td:last-child {border-radius: 0 0 4px 4px;}
	.table.mobFormat thead, .table.mobFormat td.noBefore:before, .table td.dateCell br {display: none !important;}
	.table.mobFormat td.dateHeader {border-radius: 4px !important;}
	.table.mobFormat .balls {margin: 0;}
	.table.mobFormat td.colour {background: #3A5DBC; color: #FFF;}
	.table.mobFormat.oz-lotto .colour {background: #aac900;}
	.table.mobFormat.powerball .colour {background: #015ff8;}
	.table.mobFormat.friday-lotto .colour, .table.tatts-lotto .colour, .table.x-lotto .colour, .table.gold-lotto .colour {background: #fa9c37;}
	.table.mobFormat.wednesday-lotto .colour {background: #01cedd;}
	.table.mobFormat.monday-lotto .colour {background: #db2d01;}
	.table.mobFormat.set-for-life .colour {background: #7733cc;}
	.table.mobFormat.super-66 .colour {background: #e32ec7;}
	.table.mobFormat.wa-cash-3 .colour {background: #cabf0d;}
	.table.mobFormat tr.total td {background: #CCC;}
	
	.bigRound.previous {order: 1; margin-left: 10px;}
	.bigRound.next {order: 4; margin-right: 10px;}
	
	.boxLinks {margin: auto; padding: 0;}
	.boxLinks li:before {left: auto; right: 0; top: 7px}
	.boxLinks li {padding: 10px 10px 10px 40px; background: none; vertical-align: middle;}
	.grid-2 {grid-template-columns:1.6fr .4fr;}
	.phonePlaceholder {margin-left:40px;}

	.how-to-step {flex-direction:column; align-items:center;}
	.how-to-step img {width:100px; height:100px; border-radius:6px; margin-top:20px;}
	.how-to-step:before {left:20px!important;}
	.how-to-content {padding:20px 8px; text-align:center;}
	.how-to-content h2, .how-to-content .h2 {font-size:1.25em;}

	.stats-grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	#frequencyGraph, #frequencyBonusGraph {overflow-x:scroll; overflow-y:hidden; margin:20px 0;}
	.grid-3 {grid-template-columns:1fr;}

	.ticketsContainer {grid-template-columns:1fr; gap:10px 0;}
}

/* ######### SM AND LARGER ######### */
@media (min-width: 768px) {
	.genBox {padding: 60px 60px 0;}
	.linkBox {display: flex; border-top: 1px solid #eaeaea; width: calc(100% + 120px); margin-left: -60px;}
	.linkBox ul {display: flex; width: 100%; justify-content: space-evenly;}
	.linkBox li {margin: 0; padding: 0; flex-grow: 1;}
}

/* ######### XS AND SMALLER ######### */
@media (max-width: 767px) {
	.flex-md, .flex-sm {display: block;}
	p {line-height: 1.6; font-size: 0.9em;}
	p.big {font-size: 1.1em;}
	.genBox {padding: 30px 30px 0; margin: 10px;}
	.genBox.full {padding: 20px; margin: 10px;}
	.linkBox ul li, .linkBox a {margin: 0; padding: 5px 0; width: 100%; border: none;}
	.linkBox ul li {border-bottom: 1px solid #EEE;}
	.linkBox ul li:last-child {border: none;}
	.statsBox.larger {padding: 10px !important;}
	.boxy.checker {max-width: 100%;}
	.boxy.how-to-play {background-size: auto 150px; padding-bottom: 100px;}
	.boxy.how-to-claim {background-size: auto 180px; background-position: bottom; padding-bottom: 200px;}
	.boxy.faqs {background-size: auto 180px; background-position: bottom; padding-bottom: 200px;}
	.boxy.how-to-play p, .boxy.how-to-claim p, .boxy.faqs p {max-width: none;}
	.grid-2 {grid-template-columns:1fr; margin:20px 0px;}
	.how-to-container {display:grid; grid-template-columns:1fr;}
	.phonePlaceholder {margin:10px auto;}
	.stats-grid {grid-template-columns:1fr 1fr 1fr 1fr;}
	.stats-ball {width:40px; height:40px; font:normal 1.2em/39px "Coiny", cursive;}
	table tr.address {display:flex!important; flex-direction:column;}
	table tr.address th {display:flex; justify-content:space-between;}
	table tr.address th:first-child {border-top-right-radius:4px;}
	table tr.address th:last-child {border-radius:0 0 4px 4px!important;}
	.international {flex-direction:column; max-height:unset; text-align:center;padding:5px 30px 30px 30px; border-radius:0}
	.international-sell {margin-left:0; margin-top:20px; }
}

/* ######### XS AND LARGER ######### */
@media (min-width: 500px) {
	.lotteryBox.nextJackpot.smaller .inner > div:first-child {text-align: left;}
	.lotteryBox.nextJackpot.smaller .inner > div:last-child {text-align: right;}
}


/* ######### XX AND SMALLER ######### */
@media (max-width: 499px) {
	.flex-md, .flex-sm, .flex-xs {display: block;}
	.balls li, .balls.small li {width: 32px; height: 32px; line-height: 28px; font-size: 18px; border-width: 2px !important;}
	.mainNav li a {font-size: 0.7em;}
	.jackpotBox.home .jackpot {font-size: 5em;}
	.jackpotBox.home .title {font-size: 1.4em; margin-bottom: -10px;}
	.draw-no {font-size: 0.8em; line-height: 1.3}
	.lotteryBox.nextJackpot.wide .inner {display: block;}
	.lotteryBox.nextJackpot.wide .inner > div {width: 100%;}
	.boxy {background-size: auto 70%;}
	.boxy.checker p {max-width: 55%;}
	.boxLinks li a {font-size: 0.9em;}
	.phonePlaceholder {width:343px; height:736px;}
	.colHalf.firstRes {display:block; margin:60px 0 0 0;}
	.grid-6 {grid-template-columns:1fr 1fr;}
	.how-to-play-page .how-to-step {padding:15px;}
	.how-to-play-page .how-to-step:nth-child(2):before {left:25px;}
}
