/* Minification failed. Returning unminified contents.
(479,48): run-time error CSS1046: Expect comma, found '0'
(479,52): run-time error CSS1046: Expect comma, found '/'
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,small,strong,sub,sup,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,footer,header,nav,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
footer,header,nav {display: block;}
*,*::before,*::after {box-sizing: border-box;}
ol,ul {list-style: none;}
table {border-collapse: collapse;}

/* Global */
body{font-family:"roboto-regular" ,sans-serif; background:#482198;}
body:before {position:absolute; width:100%; height:2000px; background:radial-gradient(circle, #9d6dff 0%, #482198 70%); content:"";  top:-850px; left:50%; transform:translateX(-50%); z-index:-1; overflow:hidden}
a {cursor: pointer; text-decoration:underline;  transition: all .2s ease-in-out; color:#000}

a:hover {color:#015bd1; text-decoration:underline;}
*:hover { transition: all .2s ease-in-out}
strong {font-family:"roboto-bold";}
.fx {display:flex;}
.centered {justify-content:center}
.gen-box {background:#fff; padding:50px; margin-bottom:30px;}
.regular {font-family:"roboto-regular", sans-serif}
.centre-align {text-align:center;}
.mTop {margin-top:30px;}
.btn {cursor:pointer}

/* Header */

header {background:#fff; display:flex; justify-content:center; margin-bottom:50px; box-shadow:0 20px 50px rgba(0,0,0,.3);}
header .inner {justify-content:flex-end; width:1200px; position: relative; height:90px; align-items:center}
header > .inner > .logo-container {padding:20px; position:absolute; left:0; background:#fff; top:10px;}
header .logo img {width:130px; height:70px}
nav > ul {display:flex;}
nav > ul > li {margin-right:30px;}
nav > ul > li:last-child {margin-right:0;}
nav > ul > li > a, .linkStyle { font-size:16px; font-family:"roboto-bold"; text-transform:uppercase; color:#000; transition: all .2s ease-in-out; text-decoration:none;align-items:center;}
nav > ul > li > a:hover {color:#db0062; text-decoration:none;}

/* Typography */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6, .title{font-family: "roboto-bold",sans-serif; letter-spacing:-.3px;}
.h1,h1{margin-bottom: 20px; font-size: 36px; line-height:36px;}
.h2,h2{margin-bottom: 20px; font-size: 30px; line-height:30px;}
.h3,h3{margin-bottom: 20px; font-size: 26px; line-height:26px;}
.h4,h4{margin-bottom: 15px; font-size: 24px; line-height:24px;}

h2:after {content:""; width:50px; height:5px; background:#8148f5; display:block; margin-top:10px;}
.split-centred:after {margin:10px auto 0;}

p {line-height:36px; margin-bottom: 20px;}
p.big {font-size:21px;}
p.small {font-size:12px; line-height:26px; margin-bottom:15px;}
p:last-child {margin-bottom:0;}
.regular {font-family:"roboto-regular", sans-serif}

.grid-col-2 {display:grid; grid-template-columns: 1fr 1fr; column-gap:30px;}

/* Background Styles */

.blue, .address-box .top.blue {background:#0832b6;}
.teal, .address-box .top.teal {background:#0b8e7d;}
.pink, .address-box .top.pink {background:#db335b;}
.green, .address-box .top.green {background:#239f29}
.green-2, .address-box .top.green-2 {background:#066334;}
.red, .address-box .top.red {background:#c80025;}
.blue-2, .address-box .top.blue-2 {background:#4535d4}
.orange, .address-box .top.orange {background:#ff7c00;}
.green-2, .address-box .top.green-2 {background:#009219}
.yellow, .address-box .top.yellow {background:#e9aa00;}
.purple, .address-box .top.purple {background:#a800d3;}
.site-purple, .address-box .top.site-purple {background:#482198;}

#content {width:1200px; margin:auto;}
.intro-text {text-align:center; color:#fff; margin-bottom:50px;}

ul.bullet, ul.links {margin-bottom:30px;}
ul.bullet li {margin-bottom:10px; padding-left:20px; 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 {content:"\25A0"; color:#202784; display:inline-block; width:5px;height:5px; margin-right:10px; position:absolute;left:0; top:0;}

ul.links li, .sub-links li {margin-bottom:10px; position: relative; display:flex; align-items:center;}
ul.links li a {font-size:21px;}
ul.links li:before, ul.sub-links li:before {content:""; background:url(/images/icons/chev.svg) no-repeat; width:10px; height:20px; background-size:10px 20px; margin: 0 5px 0 0}
ul.sub-links {margin:-20px 0 30px 30px;}
ul.sub-links li:before {background-size:8px 15px; height:15px;}


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

.sub .navExpand {display: none;}
.subNav {background: #f4f4f4; position: absolute; top: 100px; left:0; transition: all .2s ease; z-index: 3; width:1200px; box-shadow: rgba(0,0,0,0.2) 0 10px 30px; z-index: 99; padding:12px;  display:flex; flex-direction:column;}
.subNav .col {flex-grow:1; flex-direction:column;}
.subNav .row {display:flex; width:100%;}
.subNav .box {position:relative; padding:30px 20px 20px; 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; margin-top:10px;}
.subNav .title a {color:#fff; text-decoration:none; transition:.2s all ease;}
.subNav .title a:hover {text-decoration:underline; transition:.2s all ease;}
.subNav .img-box {background:#fff; border-radius:40px; 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-container.active, .sub-nav ul.sub-nav-list.active{transform:translateY(0); transition:all ease .2s;}

.btn-wrap {display:inline-block;}
.btn, .link-button { padding:10px 15px; font-family:"roboto-bold", sans-serif; letter-spacing:-.4px; text-align:center; color:#072ec1; text-decoration:none; text-transform:uppercase; border:1px solid #072ec1; display:inline-block; line-height:16px;}
.btn:hover {background:#072ec1; color:#fff; text-decoration:none;}
.btn.cta-btn {background:#ffbe00; color:#db0062;}
.btn.cta-btn:hover {background:#db0062; color:#fff; text-decoration:none;}
.btn.alt {border-color:#fff;color:#fff;}
.btn.yellow {background:#fd0; color:#072ec1;}
.btn.current-link {background:#072ec1; color:#fff; cursor:default;}
a.extraLink {padding:20px; margin:10px 12px; font-family:"roboto-bold", sans-serif; text-decoration:none; background:#fff; border:solid 1px #dadada; color:#482198!important; min-width:31%;}
a.extraLink:hover {background:#482198; color:#fff!important; text-decoration:underline;}

.prevnext {display:flex; justify-content:space-between; margin-bottom:30px;}

/* Balls */

.balls {display:flex; margin-bottom:30px;}
.balls.stacked {flex-wrap:wrap;}

.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {background:#0c7e19; font-size:20px; width:50px; height:50px; line-height:48px; border-radius:50%; text-align:center; margin-right:5px; color:#fff; font-family:"roboto-bold", sans-serif; border: 1px solid #fff; list-style:none; position: relative; box-shadow:inset 0 -5px 10px rgba(0,0,0,.4);}
.ball:after {content:""; position:absolute; bottom:-3px; left:50%; width:35px; height:5px; border-radius:50%; background:rgba(0,0,0,.1); transform:translateX(-50%);}
.balls.small .ball {width:35px; height:35px; line-height:33px; font-size:16px;}
.balls.small .ball:after {width:25px;}
.balls.small .ball:before {display:none;}
.balls.alt .ball {width:40px; height:40px; line-height:38px;}
.ball.lotto, .table.lotto th {background:#0832b6;}
.ball.pick-6, .table.pick-6 th {background:#0b8e7d;}
.ball.pick-4, .table.pick-4 th {background:#db335b;}
.ball.cash-5, .table.cash-5 th {background:#a800d3;}
.ball.cash-for-life, .table.cash-for-life th {background:#239f29}
.ball.powerball-ball, .table.powerball th {background:#c80025;}
.ball.mega-millions, .table.mega-millions th{background:#00598f}
.ball.win-4, .table.win-4 th {background:#009219;}
.ball.pick-10, .table.pick-10 th {background:#e9aa00;}
.ball.pick-3, .table.pick-3 th{background:#009219}
.ball.take-5, .table.take-5 th {background:#a800d3;}
.ball.cash-pop, .table.cash-pop th {background:#fc4b1f;}
.ball-tick:before {content:""; position:absolute; bottom:0; right:-7px; width:15px; height:15px; background-size:15px 15px; background-image:url(/images/icons/ball-tick.svg);}
.ball.powerball, .ball.mega-ball, .ball.cash-ball, .ball.bonus-ball, .ball.fireball, .ball.xtra-number {background:#fff; color:#c80025;text-shadow:none;}
.ball.mega-ball:after, .ball.powerball:after, .ball.cash-ball:after, .ball.lotto.bonus-ball:after, .ball.fireball:after, .ball.xtra-number:after, .ball.bullseye:after {content:"P.Ball"; display:block; font-size:10px; line-height:12px; padding-top: 5px; text-shadow:none; color:#c80025;}
.ball.power-play, .ball.megaplier {background:none; color:#c80025; line-height:50px; padding-top:6px; margin-top:-1px; font-size:28px; border:none; outline:none; box-shadow:none; width:60px; text-align:center;}
.ball.power-play:after, .ball.megaplier:after, .ball.all-star-bonus:after {content:"x";line-height:12px; box-shadow:none;width:auto; height:auto; background:none; border-radius:0; position: relative; left:auto; bottom:auto; transform:translate(0);}
.ball.power-play:before, .ball.megaplier:before, .ball.all-star-bonus:before {content:"PowerPlay"; font-size:10px;display:block; line-height:0px; background:none; text-shadow:none; letter-spacing:-0.5px; width:60px; height:0}


.ball.mega-ball:after {content:"M.Ball"; color:#00598f}
.ball.mega-ball, .ball.megaplier{color:#00598f;}
.ball.megaplier:before {content:"Megaplier";}

.ball.cash-ball:after {content:"C.Ball"; color:#006f3a}
.ball.cash-ball {color:#006f3a;}

.ball.xtra-number:after {content:"Xtra"; color:#a800d3}
.ball.xtra-number {color:#a800d3;}

.ball.fireball, .ball.fireball {color:#fc4b1f}
.ball.fireball:after, .ball.fireball:after {content:"F.Ball"; color:#fc4b1f}

.ball.bullseye, .ball.bullseye {color:#fff; background:#db0062;}
.ball.bullseye:after, .ball.bullseye:after {content:"Bullseye"; color:#db0062; width:38px;}
.balls.small .bullseye:after {left:30%;}

.ball.pick-4, .ball.pick-4.fireball {width:40px; height:40px; line-height:38px; font-size:18px;}
.ball.pick-4:before, .ball.pick-4.fireball:before {width:40px; height:40px;}
.balls.small .ball.pick-4, .balls.small .ball.pick-4.fireball {width:35px; height:35px; line-height:33px; font-size:16px;}
.balls.small .ball.pick-4:before, .balls.small .ball.pick-4.fireball:before {display:none}

.ball.lotto.bonus-ball:after {content:"B.Ball"; color:#0832b6}
.ball.lotto.bonus-ball {color:#0832b6;}

.frequency {color:#000; font-size:16px; text-align:center;}

.home-jackpot {display:flex; background:url(/images/layout/homepage-next-jackpot-bg.jpg) no-repeat; background-size:cover; background-position:center; justify-content:space-between; align-items:center; margin:-50px 0 50px;  overflow:hidden}
.home-jackpot .box {padding:80px 60px 60px; color:#fff;}
.home-jackpot a {color:#fff;}
.home-jackpot a:hover {color:#db0062}
.home-jackpot .content-box {width:520px; padding-right:0;}
.home-jackpot .title {font-size:24px; line-height:24px; font-family:"roboto-bold", sans-serif; margin-bottom:15px;}
.home-jackpot .jackpot-box {display:flex; justify-content:center; flex-direction: column; align-items:center; z-index:2;}
.home-jackpot img {width:245px;}
.home-jackpot .jackpot-wrap { color:#db0062; position: relative; margin-bottom:45px;}
.home-jackpot .jackpot {font-size:72px; font-family:"roboto-bold", sans-serif; letter-spacing:-5px; line-height:72px;z-index:2; background:#fff;  padding:10px 30px; position: relative;}
.home-jackpot .jackpot.wide {padding:10px 60px;}
.home-jackpot .jackpot-shadow {background:#db0062; width:100%; height:100%; position:absolute; top:15px; left:-15px; z-index:1;}
.home-jackpot .cta-box {display:flex; align-items:center;}
.home-jackpot .cta-box  .timerBox {margin-right:15px;}
.home-jackpot.featured {margin:0 0 50px; position: relative;}
.home-jackpot.featured .content-box .title {font-size:36px; line-height:36px; margin-left:50px;}
.home-jackpot.featured {background:#1b5bb2; padding:0 50px 0; }
.home-jackpot.featured .img-box, .home-jackpot.featured .img-box img {width:572px; margin-bottom:-2px;}
.home-jackpot.featured .box {padding:0 30px; height:100%; flex-grow:1; display:flex; flex-direction:column}
.home-jackpot .wave {width:1200px; height:900px; border-radius:50%; background:rgba(255,255,255,.05); position:absolute;z-index:1; transform:rotate(30deg); right:-620px;}
.home-jackpot .wave.wave-2 {transform:rotate(160deg); right:620px; bottom:-500px;}
.home-jackpot .wave.wave-3 {transform:rotate(260deg); right:220px; top:-500px;}
.home-jackpot .wave.wave-4 {transform:rotate(360deg); right:20px; bottom:-500px;}
.home-jackpot.featured .img-box {z-index:2;}

.jackpot-tickets {display:flex;}
.jackpot-tickets.main-results {flex-grow:1; grid-template-columns:1fr 1fr 1fr}
.jackpot-tickets.main-results.grid-col-4 {grid-template-columns:  1fr 1fr 1fr 1fr}
.jackpot-tickets.main-results .top {justify-content:center;}
.jackpot-tickets.main-results .content-box {display:flex; flex-direction:column}
.jackpot-tickets.main-results .content-box .title {margin-bottom:0;}
.jackpot-tickets.main-results .jackpot {font-family:"roboto-bold", sans-serif; font-size:48px; line-height:48px; margin-bottom:30px; text-align:center;}
.jackpot-tickets.main-results .jackpot span {display:block; font-size:16px; line-height:16px;}
.jackpot-tickets.main-results .timerBox {margin-right:20px;}
.jackpot-tickets.main-results.small .content-box {padding:15px;}
.jackpot-tickets.main-results.small .content-box .title {margin-top:30px;}
.jackpot-tickets.main-results.small .jackpot {font-size:36px; line-height:30px;}
.jackpot-tickets.main-results.small img {width:150px;}

.payouts-wrap {display:flex; justify-content:center; }
.payouts-results {display:flex; background:#fff; }
.payouts-results img {width:200px; height:auto;}
.payouts-results .left {padding: 30px; display:flex; align-items:center; justify-content:center; flex-direction:column}
.payouts-results .img-box { position: relative;}
.main-results .payouts-results .date:before {background:url(/images/icons/calendar-alt.svg)}
.main-results .payouts-results .ball-wrap{padding:30px; display:flex; justify-content:center; flex-direction:column; align-items:center; margin-bottom:0;}
.main-results .payouts-results .ball-box, .main-results .payouts-results .ball-box:first-child {margin:0 30px 0 0}
.main-results .payouts-results .ball-box:last-child {margin:0;}
.payouts-results .top-box {display:flex; align-items:center;margin-bottom:30px;}
.main-results .payouts-results .top-box .title {font-size:26px; border-right:1px solid #cfcfcf; padding-right:30px; margin:0 30px 0 0;}
.payouts-info {background:#fff; margin-left:30px; display:flex; flex-direction:column}
.payouts-info .box {padding:15px 30px; display:flex;align-items:center; justify-content:flex-start; border-bottom:1px solid #cfcfcf; flex-grow:1}
.payouts-info img {width:40px; height:auto;}
.payouts-info .winners-content {margin-left:30px;}
.payouts-info .sub-title {font-size:16px;}
.main-results  .payouts-info .title {font-size:26px; margin-bottom:0;}


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

.about-box {display:flex; background:#fff; margin-bottom:50px;}
.about-box .box {padding:60px;}
.about-box .box:first-child {width:750px;}
.about-box .box.with-icons {background:#ebebeb; width:450px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.about-box .box.with-icons p {line-height:24px;}
.about-box .icon-box {display:flex; margin-bottom:25px; align-items:center;}
.about-box .icon-box:last-child {margin-bottom:0}
.about-box  .img-box {margin-right:10px;}

.main-results-wrap {margin-bottom:50px;}
.main-results { display:grid; grid-template-columns:1fr 1fr; grid-gap:30px; margin-bottom:30px; position: relative;}
.main-results .result img {width:200px; margin:0 0 -85px 0;}
.main-results .img-box {z-index:2;}
.main-results .result {background:#fff; position: relative;}
.main-results .top {display:flex; align-items: flex-end; margin-bottom:20px; color:#fff; min-height:150px; position: relative; justify-content:space-between; padding:40px}
.main-results .top:before {background:linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) no-repeat; content:""; width:100%; height:100%; display:inline-block; position:absolute; top:0; left:0; z-index:1;}
.main-results .title {margin-bottom:15px;}
.main-results .date {z-index:2;display:flex; align-items:center;}
.main-results .date:before {content:""; width:30px; height:30px; display:inline-block; background-size:30px 30px; background:url(/images/icons/calendar.svg) no-repeat; margin-right:10px;}
.main-results .content-box {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px 30px;}
.main-results .date span.day {font-family:"roboto-bold", sans-serif; font-size:24px; line-height:24px;display:block;}
.main-results .cta-box {display:flex; justify-content:center; margin-bottom:15px;}
.main-results .cta-box .btn {margin:0 15px 0 0}
.main-results .cta-box .btn:last-child {margin-right:0}
.main-results .right-side {z-index:2;}
.main-results .result-info {display:flex; margin:30px 0 -60px;}
.main-results .result-info-box {display:flex; align-items:center; border-radius:25px; border:3px solid #fff; padding:5px 15px;}
.main-results .result-info-box .sub-content {font-family:"roboto-bold", sans-serif; font-size:18px; line-height:18px; margin-left:5px;}
.main-results .ball-wrap {display:flex; align-items:center; margin-bottom:30px;}
.main-results .ball-wrap .balls {margin-bottom:0; flex-wrap:wrap;}
.main-results .ball-wrap .title {margin:0;}
.main-results .ball-box {display:flex; flex-direction:column;align-items:center}
.main-results .ball-box {margin-left:30px;}
.main-results .ball-box:first-child {margin-left:0; margin-right:0;}

.main-results.wide {grid-template-columns:1fr}
.main-results.wide .title-box {display:flex; align-items:center;}
.main-results.wide .title-box .h3 {margin-bottom:0; padding-right:30px; border-right:3px solid #db0062; margin-right:30px;}
.main-results.wide .result-info {justify-content:flex-end}
.main-results.wide .content-box {justify-content:space-between; flex-direction:row}
.main-results.wide .result {width:767px;background:url(/images/layout/wave-1.png) no-repeat 580px 107px #fff;}
.main-results.wide.full .result {margin:auto;}
.main-results.wide  .results {display:flex; flex-direction:column; align-items:flex-start}
.main-results.wide .next-jackpot-box {background:url(/images/layout/next-jackpot-bg.png) no-repeat; width:405px; display:flex; flex-direction:column; padding:50px; color:#fff; margin-left:30px; background-color:#db0062; background-size:cover;}
.main-results.wide .next-jackpot-box .title {font-size:24px; margin-bottom:0;}
.main-results.wide .result-wrap {display:flex;}
.main-results.wide .next-jackpot-box .img-box {margin-bottom:50px;}
.main-results.wide .next-jackpot-box img {width:130px;}
.main-results.wide .next-jackpot-box .jackpot {font-size:60px; line-height:60px; font-family:"roboto-bold", sans-serif; margin-bottom:30px;}
.main-results.wide .next-jackpot-box .jackpot span {display:block; font-size:24px; line-height:24px; font-family:"roboto-bold", sans-serif;}
.main-results.wide .content-box {display:flex; }
.main-results.wide .winners-box {display:flex; align-items:center}
.main-results.wide .winners-box .img-box {height:117px; margin-right:15px;}
.main-results.wide .winners-box img {width:80px;}
.main-results.wide .winners-box .title {font-size:30px; line-height:30px; margin-bottom:0;}

.quickDrawArchive {display:flex; justify-content:center; width:100%; border:solid 1px #dadada; padding:10px; margin-bottom:20px; background:#482198; color:#fff; align-items:center;}
.quickDrawDate, .quickDrawHour {margin-right:20px;}
.quickDrawArchive .selector {border-radius:20px; padding:5px 10px; margin-left:5px; font-size:16px; font-family:"roboto-bold", sans-serif;}
.draw-history-link {background:#482198; color:#fff; font-family:"roboto-bold", sans-serif; text-transform:uppercase; padding:8px 15px; border:solid 1px #fff; cursor:pointer; transition:.2s all ease;}
.draw-history-link:hover {background:#fff; color:#482198; transition:.2s all ease;}

.results-table {widtH:100%; margin-bottom:30px;}
.results-table th {font-family:"roboto-bold", sans-serif; padding:5px 20px;}
.results-table th:first-child {text-align:left;}
.results-table thead {background:#f4f4f4}
.results-table tbody tr { text-align:center; border-bottom:1px solid #e3e3e3; transition:all ease .2s}
.results-table tbody tr:last-child {border-bottom:none;}
.results-table tbody tr:hover {background:#f4f4f4; transform:scale(1.02); box-shadow:0 0 25px rgba(0,0,0,.3);transition:all ease .2s}
.results-table tbody td { vertical-align:middle; padding:15px 10px;}
.results-table .balls {margin:10px 0; justify-content:center;}
.results-table .date {display:flex; align-items:center; justify-content:flex-start; text-align:left;}
.results-table .date:before {content:""; width:20px; height:20px; display:inline-block; background-size:30px 30px; background:url(/images/icons/calendar-alt.svg) no-repeat; margin-right:5px;}
.results-table .day {font-family:"roboto-bold", sans-serif; display:block;}
.results-table .info {display:flex; align-items:center; justify-content:center; font-size:18px; font-family:"roboto-bold" ,sans-serif; line-height:24px;}
.results-table .info.jackpot:before {background-image:url(/images/icons/coin.svg)}
.results-table .info .regular {font-size:14px;}
.results-table tr td:last-child {text-align:right;}
.link-image-box {display:flex; background:#f4f4f4; width:600px; margin:0 auto;}
.link-image-box img {width:150px; height:auto;}
.link-image-box .content-box {padding:20px; display:flex; align-items:center;}
.link-image-box p {margin:0 30px 0 0; font-family:"roboto-bold", sans-serif}
.noBeforeAfter:before, .noBeforeAfter:after {content:""!important; display:none!important;}

.years-list {margin-bottom:30px;}

.extra-draw-wrap {flex-direction:column; align-items:start!important;}
.extra-draw-wrap .ball-box {margin-left:0!important;}
.extra-draw-wrap .ball-box:last-child {margin-top:15px; align-items:start; justify-content:start;}
.two-line-balls.desktop {flex-direction:column;}
.two-line-balls.desktop .ball-box {margin-right:0!important; margin-bottom:15px!important;}

.address-box {display:flex; margin-bottom:30px;}
.address-box .box {background:#f4f4f4; margin-right:30px; flex-grow:1; width:33.3%;}
.address-box .box:last-child {margin-right:0;}
.address-box .img-box {z-index:1; margin:0 0 -60px;}
.address-box .img-box img {width:160px; height:auto;}
.address-box .top .title a {color:#fff;}
.address-box .title, .address-box .title a {font-size:18px; line-height:18px;display:flex; align-items:center; z-index:1; }
.address-box .top {background:#0052f4; padding:30px 30px 10px; color:#fff; display:flex; flex-direction:column; align-items:center; position:relative}
.address-box .top:before {background:linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) no-repeat; content:""; width:100%; height:100%; display:inline-block; position:absolute; top:0; left:0; z-index:1;}
.address-box .top .tel {display:flex; justify-content:center; margin:30px 0 -30px; z-index:1;}
.address-box .top .tel span {display:flex; background:#0052f4; border-radius:25px; border:3px solid #fff; padding:5px 15px;align-items:center;}
.address-box .top .tel span:before, .address-box .content-box .title:before {content:"";background:url(/images/icons/phone.svg) no-repeat; width:18px; height:18px; background-size:18px; display:inline-block; margin-right:5px;}
.address-box .content-box {padding:30px;}
.address-box ul:first-child {margin-bottom:20px;}
.address-box ul:before {width:30px; height:30px; background-size:30px;}
.address-box .content-box .title {margin-bottom:10px;}
.address-box .content-box .title.hours, .address-box .content-box .title.ticket, .address-box .content-box .title.date {margin-top:20px;}
.address-box .content-box .title.address:before {background-image:url(/images/icons/address.svg)}
.address-box .content-box .title.hours:before {background-image:url(/images/icons/clock.svg)}
.address-box .content-box .title.date:before {background-image:url(/images/icons/date-round.svg)}
.address-box .content-box .title.ticket:before {background-image:url(/images/icons/lottery-ticket.svg)}
.address-box p {margin-bottom:0; margin-top:-10px; margin-left:22px;}

.jackpot-winners-box .box {display:flex; background:#fff; margin-bottom:30px; position:relative; overflow:hidden;}
.jackpot-winners-box .box:before {position:absolute; content:"First place"; z-index:2; top:12px; left:12px; border-radius:50px; padding:7px 14px 7px 36px; border:solid 1px #fff; font-size:12px; color:#fff; font-family:"roboto-bold", sans-serif; text-transform:uppercase; text-align:center; width:fit-content;}
.jackpot-winners-box .box:after {position:absolute; content:"1"; z-index:2; top:14px; left:14px; padding-left:2px; border-radius:50px 4px 4px 50px; width:26px; height:26px; line-height:26px; background:#fff; font-size:12px; color:#000; font-family:"roboto-bold", sans-serif; text-transform:uppercase; text-align:center;}
.jackpot-winners-box .box:nth-child(1):before {content:"First place"; background:#fff; color:#846200;}
.jackpot-winners-box .box:nth-child(2):before {content:"Second place"; background:#fff; color:#656565;}
.jackpot-winners-box .box:nth-child(3):before {content:"Third place"; background:#fff; color:#cd7f32;}
.jackpot-winners-box .box:nth-child(4):before {content:"Fourth place";}
.jackpot-winners-box .box:nth-child(5):before {content:"Fifth place";}
.jackpot-winners-box .box:nth-child(6):before {content:"Sixth place";}
.jackpot-winners-box .box:nth-child(7):before {content:"Seventh place";}
.jackpot-winners-box .box:nth-child(8):before {content:"Eighth place";}
.jackpot-winners-box .box:nth-child(9):before {content:"Ninth place";}
.jackpot-winners-box .box:nth-child(10):before {content:"Tenth place";}
.jackpot-winners-box .box:nth-child(1):after {content:"1"; color:#fff; background:#846200;}
.jackpot-winners-box .box:nth-child(2):after {content:"2"; color:#fff; background:#656565;}
.jackpot-winners-box .box:nth-child(3):after {content:"3"; color:#fff; background:#cd7f32;}
.jackpot-winners-box .box:nth-child(4):after {content:"4";}
.jackpot-winners-box .box:nth-child(5):after {content:"5";}
.jackpot-winners-box .box:nth-child(6):after {content:"6";}
.jackpot-winners-box .box:nth-child(7):after {content:"7";}
.jackpot-winners-box .box:nth-child(8):after {content:"8";}
.jackpot-winners-box .box:nth-child(9):after {content:"9";}
.jackpot-winners-box .box:nth-child(10):after {content:"10";}
.jackpot-winners-box .jackpot-box {width:400px; display:flex; flex-direction:column; padding:50px; align-items:center; color:#fff;text-align:center; position: relative; justify-content:center;}
.jackpot-winners-box .jackpot-box:before {background:linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) no-repeat; content:""; width:100%; height:100%; display:inline-block; position:absolute; top:0; left:0; z-index:1;}
.jackpot-winners-box .jackpot {font-family:"roboto-bold", sans-serif; font-size:48px; line-height:48px; z-index:1}
.jackpot-winners-box .title {font-size:24px; z-index:1;}
.jackpot-winners-box .jackpot span {font-size:24px; display:block; line-height:24px;}
.jackpot-winners-box .content-box {width:800px; padding:50px;}
.jackpot-winners-box .img-box {z-index:1;}
.jackpot-winners-box .h2 {z-index:1;}

.address-list {position: relative; margin-bottom:30px; background:#f4f4f4; padding:30px;}
.address-list:before {content:"";background:url(/images/icons/address.svg) no-repeat; width:50px; height:50px; background-size:50px; display:inline-block; margin-right:5px;}
.address-list li {margin-bottom:5px;}

.page-404 {display:flex; flex-direction:column; align-items:center; color:#fff;}
.page-404 a {color:#fff;}

.money-dots {display:grid; justify-content:center; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:15px; margin-bottom:30px;}
.money-dots .box {position: relative; padding:50px 30px 10px; display:flex; align-items:flex-end; justify-content:space-between; border-radius:15px; overflow:hidden; font-size:24px; color:#fff;}
.money-dots .title, .money-dots .prize {z-index:1;}
.money-dots .box:before {background:linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) no-repeat; content:""; width:100%; height:100%; display:inline-block; position:absolute; top:0; left:0; z-index:1;}
.money-dots .box.yellow-box {background:#ffbe00; color:#000;}
.money-dots .box.purple-box {background:#5300c7;}
.money-dots .box.green-box {background:#00c717;}
.money-dots .box.red-box {background:#c70028;}

table.table {width:100%; margin-bottom:30px;}
table.table th {padding:10px 15px; color:#fff; font-family:"roboto-bold", sans-serif; background-color:#0052f4;}
table.table td {padding:10px; border:1px solid #f4f4f4}

.fireball-combi-grid {display:grid; grid-template-columns:1fr 1fr; width:100%; text-align:center; margin-top:30px;}
.fireball-combi-grid .title {margin-bottom:10px!important;}
.fireball-combi-grid .combi-balls {font-size:18px; font-style:italic;}
.fireball-combi-grid .combi-balls strong {color:#d12b00;}

/* FREQUENCIES */
.table-sortable label {font-size: .9em; padding-right: 10px;}
.table-sortable tbody td.td-chart {padding: 0 40px 0 0; height: 24px; border-left: 1px solid #CCC;}
.table-sortable tbody td {padding: 2px 5px;}
.chart {position: relative; width: 0; height: 8px; margin: 2px 0;}
.chart:after {content: attr(data-value); position: absolute; font-size: .65em; left: calc(100% + 5px); top: 50%; transform: translateY(-50%);}
.chart.grey {background: #AAA;}
.chart.blue {background: #3367A9;}
th.sortable {position: relative; padding-right: 10px; cursor: pointer;}
th.sortable.-asc, th.sortable.-desc {background: #3367A9 !important;}
th.sortable:before, th.sortable:after {content: ""; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; right: 3px;}
th.sortable:before {border-bottom: 4px solid rgba(255,255,255,0.4); bottom: 52%;}
th.sortable:after {border-top: 4px solid rgba(255,255,255,0.4); top: 52%;}
th.sortable.-asc:before {border-bottom: 4px solid #FFF;}
th.sortable.-desc:after {border-top: 4px solid #FFF;}
td span.resultBall {width: 35px; height: 35px; line-height: 32px; font-size: 16px; border-width: 2px; margin-bottom: 3px; display:inline-block;}
td span.resultBall:before {width: 35px; height: 35px;}
td span.resultBall:after {display: none;}

footer {display:flex; justify-content:center; background:#28105a; text-align:center; color:#fff;}
footer .inner {display:flex; flex-direction:column; width:1200px; align-items:center; justify-content:center; padding:20px 20px 50px 20px;}
footer .footer-links {display:flex;}
footer .footer-links li {margin:0 10px 0 0}
footer .footer-links a {color:#fff; border-right:solid 2px #fff; padding:0 7px; font-family:"roboto-bold", sans-serif;}
footer .footer-links a:last-child {border-right:none;}
.smartpicks-balls {display:flex; flex-direction: column; justify-content:center; margin-bottom:30px; background:#f4f4f4; padding:30px; align-items:center}
.smartpicks-balls .balls-wrap {display:flex;}
.smartpicks-balls .balls {margin:0 20px;}

.wideBanner {
	background-image: url(/images/layout/next-jackpot-bg-wide.png); background-position: top; background-repeat: no-repeat; background-size: cover;
	display: flex; width: 100%; padding: 20px; color: #FFF; margin-bottom: 20px; align-items: center; justify-content: space-evenly; text-align: center; flex-wrap: wrap;
}
.wideBanner > img {width: 200px; height: auto;}
.wideBanner .timerBox {padding: 10px;}
.wideBanner .timerBox li {background: #FFF; color: #333;}
.wideBanner .jackpot {font-size: 50px; font-family:"roboto-bold", sans-serif; letter-spacing:-2px; background: transparent;}
.wideBanner .jackpot span {font-size: 0.4em; letter-spacing: -1px; display: block; margin-top: -10px;}

/* CHECKERS */
.checkerGrid {border-radius:12px; background: #fff; position:relative; z-index:1;}
.checkerGrid p {margin-bottom:0;}
.checkerGrid .grid {display:flex;flex-direction:column; gap:15px; align-items:center;}
.checkerGrid ul {flex-wrap:wrap; gap:20px 7px; margin-bottom:15px; justify-content:center;}
.checkerGrid ul li {width:40px; height:40px; line-height:40px; font-size:18px; cursor:pointer;}
.ballselected {background:#006d77!important; color:#fff;}
.checkerGrid.numbersGame {text-align:center;}
.checkerGrid.numbersGame .grid {align-items:center;}
.checkerGrid.numbersGame #checkerStatus {margin-bottom:20px;}
.checkerGrid .errorMessage {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); background:rgba(0,0,0,0.6); color:#000; height:100%;width:100%; border-radius:8px;opacity:0; visibility:hidden; transition:all ease .2s;}
.checkerGrid .errorMessage.active {visibility:visible;opacity:1;transition:all ease .2s;}
.checkerGrid .errorMessageInner {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);border-radius:8px; padding:15px; background:#fff; display:flex;}
.checkerGrid .errorMessageInner:before {content:""; display:inline-block; vertical-align:middle; width:50px; height:50px; margin-right:10px;}
.closeErrorMessage {cursor:pointer;}


.checkerGames {display:flex; flex-wrap:wrap; margin-bottom:20px;}
.checkerGames a {cursor:pointer; padding:15px; border-radius:12px; position:relative; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; margin:10px 13px 10px 0; transition:.2s all ease; opacity:.4;}
.checkerGames a.selectedGame {box-shadow:rgb(0 0 0 / 23%) 0 18px 28px 1px; opacity:1;} 
.checkerGames a.selectedGame:after {position:absolute; content:""; width:20px; height:20px; border-radius:3px; bottom:-11px; left:50%; transform:translateX(-50%) rotate(45deg);} 
.checkerGames a.pick-6-select.selectedGame {border: solid 2px #06443a;} 
.checkerGames a.pick-6-select.selectedGame:after {background:#c3ffeb; border-right: solid 2px #06443a; border-bottom: solid 2px #06443a;} 
.checkerGames a.cash-5-select.selectedGame {border: solid 2px #7b1a7a;} 
.checkerGames a.cash-5-select.selectedGame:after {background:#fdceff; border-right: solid 2px #7b1a7a; border-bottom: solid 2px #7b1a7a;} 
.checkerGames a.cash-pop-select.selectedGame {border: solid 2px #fc4b1f;} 
.checkerGames a.cash-pop-select.selectedGame:after {background:#ffd8a6; border-right: solid 2px #fc4b1f; border-bottom: solid 2px #fc4b1f;} 
.checkerGames a.powerball-select.selectedGame {border: solid 2px #c5132a;} 
.checkerGames a.powerball-select.selectedGame:after {background:#ffb8be; border-right: solid 2px #c5132a; border-bottom: solid 2px #c5132a;}
.checkerGames a.mega-millions-select.selectedGame {border: solid 2px #4535d4;} 
.checkerGames a.mega-millions-select.selectedGame:after {background:#b8d5ff; border-right: solid 2px #4535d4; border-bottom: solid 2px #4535d4;}
.checkerGames a.cash-for-life-select.selectedGame {border: solid 2px #136e17;} 
.checkerGames a.cash-for-life-select.selectedGame:after {background:#c7ffbc; border-right: solid 2px #136e17; border-bottom: solid 2px #136e17;}
.checkerGames a.pick-3-select.selectedGame {border: solid 2px #136e17;} 
.checkerGames a.pick-3-select.selectedGame:after {background:#c0ffe0; border-right: solid 2px #116238; border-bottom: solid 2px #116238;}
.checkerGames a.pick-4-select.selectedGame {border: solid 2px #b22041;} 
.checkerGames a.pick-4-select.selectedGame:after {background:#ffc5d5; border-right: solid 2px #b22041; border-bottom: solid 2px #b22041;} 
.checkerGames a:hover {opacity:1; transition:.2s all ease;} 
.checkerGames a.pick-6-select {background:#c3ffeb; border:solid 2px #c3ffeb;}
.checkerGames a.cash-5-select {background:#fdceff; border:solid 2px #fdceff;}
.checkerGames a.cash-pop-select {background:#ffd8a6; border:solid 2px #ffd8a6;}
.checkerGames a.powerball-select {background:#ffb8be; border:solid 2px #ffb8be;}
.checkerGames a.mega-millions-select {background:#b8d5ff; border:solid 2px #b8d5ff;}
.checkerGames a.cash-for-life-select {background:#c7ffbc; border:solid 2px #c7ffbc;}
.checkerGames a.pick-3-select {background:#c0ffe0; border:solid 2px #c0ffe0;}
.checkerGames a.pick-4-select {background:#ffc5d5; border:solid 2px #ffc5d5;}
.checkerGames img {width:90px; height:70px;}

.barInfo {display:flex; justify-content:center;}
.barInfo .numbersSelected {margin-left:10px;}
.progressBar {width:100%; border-radius:12px; height:16px; padding:4px; background:#dadada;}
.progressBar .barInner {background:#006d77; height:8px; border-radius:6px; transition:.2s linear ease; width:0; display:inline-block; transition:all ease .3s; vertical-align:top;}
#remainingBalls {text-align:center; margin:25px 0; display:block; width:100%;}
#checkerGrid .errorMessage {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); background:rgba(0,0,0,0.6); color:#000; height:100%;width:100%; border-radius:8px;opacity:0; visibility:hidden; transition:all ease .2s;}
#checkerGrid .errorMessage.active {visibility:visible;opacity:1;transition:all ease .2s;}
#checkerGrid .errorMessageInner {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);border-radius:8px; padding:15px; background:#fff; display:flex;}
#checkerGrid .errorMessageInner:before {content:""; display:inline-block; vertical-align:middle; width:50px; height:50px; margin-right:10px;}
.closeErrorMessage {cursor:pointer;}
.checkerLinks {margin:10px 0 20px 0; display:flex; justify-content:center;}
.resetChecker {background:#fff; position:relative; color:#808080; overflow:hidden; border-radius:50px; cursor:pointer; padding:13px 26px; text-align:center; text-decoration:none; letter-spacing:-.3px; font-size:16px; line-height:20px; margin-right:40px; font-family:"roboto-bold", sans-serif; border:solid 2px #d0d0d0;}
.resetChecker:hover {background:#fff; color:#808080; border-radius:50px; padding:13px 26px; text-align:center; text-decoration:none; letter-spacing:-.3px; font-size:16px; line-height:20px; margin-right:40px; font-family:"roboto-bold", sans-serif; border:solid 2px #808080;}
.checkResults {background:#006d77; color:#fff; border-radius:50px; border:none; cursor:pointer; padding:13px 30px; text-align:center; text-decoration:none; letter-spacing:-.3px; font-size:16px; line-height:22px; font-family:"font-bold", sans-serif;}
.checkResultsDisabled {background:#dadada; color:#808080; border-radius:50px; border:none; cursor:default; padding:13px 30px; text-align:center; text-decoration:none; letter-spacing:-.3px; font-size:16px; line-height:22px; font-family:"font-bold", sans-serif;}
.checkResults:hover {color:#fd0}
/*.checkResults {background:#006d77; color:#fff; border-radius:50px; border:none; cursor:pointer; padding:13px 30px; text-align:center; text-decoration:none; letter-spacing:-.3px; font-size:16px; line-height:22px; font-family:"roboto-bold", sans-serif;}
.checkResultsDisabled {background:#dadada; color:#808080; border-radius:50px; border:none; cursor:default; padding:13px 30px; text-align:center; text-decoration:none; letter-spacing:-.3px; font-size:16px; line-height:22px; font-family:"roboto-bold", sans-serif;}
*/

.checkedNumbers {display:flex; column-gap:35px; margin:0 0 25px 0; justify-content:center; padding:20px 0; border:solid 1px #e1e1e1; border-radius:12px; align-items:center;}
.checkedNumbers ul {margin:0;}
.checkedNumbers ul li {font-size:16px; margin-right:1px; cursor:default;}
.twoLine {display:grid; grid-template-columns:1fr; row-gap:15px; text-align:center;}

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

.checkerResult.previousResults {display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-bottom:25px;}
.checker-results-box {padding:30px; text-align:center; align-items:center; border-radius:12px; border:solid 1px #e1e1e1;}
.checker-results-box .date {font-family:"roboto-bold", sans-serif; margin-bottom:20px; font-size:18px; letter-spacing:-.3px;}
.checker-results-box .prize {margin-top:25px;}
.checker-results-box .winnings {position:relative; padding:5px 15px; border-radius:30px; color:#fff; background:#006d77; width:fit-content; margin:15px auto 0}
.checker-results-box .winnings:before {position:absolute; content:""; }

.drawDays {display:flex; justify-content:center;margin:50px 0; border-top:solid 1px #dadada; border-bottom:solid 1px #dadada; padding:20px 0; flex-wrap:wrap;}
.drawDays.highlight {background:#fff2b0}
.drawDays div {margin:10px 15px;}
.drawDays div label {padding:20px 20px 20px 5px; margin-left:-5px;}
.invalidCheckerTime {width:fit-content; padding:15px; border:solid 2px #dadada; border-radius:14px; margin:15px auto 20px auto!important; text-align:center;}

.ball.disable {opacity:.25}
.ball.pick-6selected {background: #fecf3e; color: #000;}
.ball.pick-6disabled {background:#0b8e7d; opacity:.2}
.ball.cash-5selected {background: #fecf3e; color: #000;}
.ball.cash-5disabled {background:#a800d3; opacity:.2}
.ball.xtra-numberselected {background: #a800d3; color: #fff;}
.ball.xtra-numberdisabled {background:#fff; color:#a800d3;opacity:.2}
.ball.cash-popselected {background: #fc4b1f; color: #fff;}
.ball.cash-popdisabled {background:#fff; color:#fc4b1f;opacity:.2}
.ball.powerball-ballselected {background: #fecf3e; color: #000;}
.ball.powerball-balldisabled {background:#c80025; color:#fff;opacity:.2}
.ball.powerballselected {background: #c80025; color: #fff;}
.ball.powerballdisabled {background:#fff; color:#c80025;opacity:.2}
.ball.mega-millionsselected {background: #fecf3e; color: #000;}
.ball.mega-millionsdisabled {background:#00598f; color:#fff;opacity:.2}
.ball.mega-ballselected {background: #00598f; color: #fff;}
.ball.mega-balldisabled {background:#fff; color:#c80025;opacity:.2}
.ball.cash-for-lifeselected {background: #fecf3e; color: #000;}
.ball.cash-for-lifedisabled {background:#239f29; color:#fff;opacity:.2}
.ball.cash-ballselected {background: #239f29; color: #fff;}
.ball.cash-balldisabled {background:#fff; color:#239f29;opacity:.2}
.ball.pick-3selected {background: #fecf3e; color: #000;}
.ball.pick-3disabled {background:#009219; color:#fff;opacity:.2}
.ball.pick-4selected {background: #fecf3e; color: #000;}
.ball.pick-4disabled {background:#db335b; color:#fff;opacity:.2}

/* GENERATOR */
.generate-container {padding:50px;margin-bottom:30px; background:#472293; color:#fff; position:relative; z-index:0; overflow:hidden; border:solid 3px #fff;}
.generate-container:before {position: absolute;content: "";left: 0;top: 0;background-image: url(/images/layout/generate-background.jpg);width: 100%;height: 100%;background-position: center;opacity: .3;z-index: -1;}
.generate-wrapper {display:grid; grid-template-columns:1fr 1fr; gap:30px; z-index:1; margin-bottom:30px;}
.generate-box {display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 40px 20px; border-radius: 20px; z-index:2;}
.generate-box ul {transform:scale(.95);}

/* FAQS */
.faq-box-overview {margin-bottom: 20px;}
.overview-title {background-color: #f1f1f1;padding: 15px;cursor: pointer; font-size:18px; font-weight: bold;display: flex;justify-content: space-between;align-items: center; box-shadow: 0 6px #c5c5c5;}
.faq-title {background-color: #e9e9e9;padding: 15px;cursor: pointer;display: flex;justify-content: space-between;align-items: center; border-left:solid 5px #e9e9e9;}
.toggle-icon {font-size: 1.2em; color:#000; background:#fff; width:30px; height:30px; line-height:30px; border-radius:50px; text-align:center;}
.faq-title .toggle-icon {background:#414141; color:#fff;}
.faq-box {max-height: 0;overflow: hidden;transition: 0.2s all ease;opacity: 0;}
.faq-box.show {max-height: 1000px; opacity: 1; margin:10px 0;}
.faq-content {max-height: 0;overflow: hidden;transition: 0.2s all ease;opacity: 0;}
.faq-content.show {max-height: 500px; opacity: 1; padding: 15px 20px; background: #f8f8f8;}

.faq-box-overview.powerball .overview-title {background: rgb(98,9,21); background: linear-gradient(270deg, rgba(98,9,21,1) 0%, rgba(197,19,42,1) 100%); color:#fff; box-shadow: 0 6px rgba(98,9,21,1);}
.faq-box-overview.powerball .faq-box.show .faq-title {border-left:solid 5px rgba(197,19,42,1);}
.faq-box-overview.mega-millions .overview-title {background: #4535d4; background: linear-gradient(270deg, #221a66 0%, #4535d4 100%); color:#fff; box-shadow: 0 6px #221a66;}
.faq-box-overview.mega-millions .faq-box.show .faq-title {border-left:solid 5px #4535d4;}
.faq-box-overview.pick-6 .overview-title {background: #1c8d7e; background: linear-gradient(270deg, #0e463f 0%, #1c8d7e 100%); color:#fff; box-shadow: 0 6px #0e463f;}
.faq-box-overview.pick-6 .faq-box.show .faq-title {border-left:solid 5px #1c8d7e;}
.faq-box-overview.cash-5 .overview-title {background: #a60ecd; background: linear-gradient(270deg, #530766 0%, #a60ecd 100%); color:#fff; box-shadow: 0 6px #530766;}
.faq-box-overview.cash-5 .faq-box.show .faq-title {border-left:solid 5px #a60ecd;}
.faq-box-overview.cash-for-life .overview-title {background: #2d9e3a; background: linear-gradient(270deg, #164f1d 0%, #2d9e3a 100%); color:#fff; box-shadow: 0 6px #164f1d;}
.faq-box-overview.cash-for-life .faq-box.show .faq-title {border-left:solid 5px #2d9e3a;}
.faq-box-overview.pick-4 .overview-title {background: #d8395c; background: linear-gradient(270deg, #6c1c2e 0%, #d8395c 100%); color:#fff; box-shadow: 0 6px #6c1c2e;}
.faq-box-overview.pick-4 .faq-box.show .faq-title {border-left:solid 5px #d8395c;}
.faq-box-overview.pick-3 .overview-title {background: #17912e; background: linear-gradient(270deg, #11481d 0%, #17912e 100%); color:#fff; box-shadow: 0 6px #11481d;}
.faq-box-overview.pick-3 .faq-box.show .faq-title {border-left:solid 5px #17912e;}
.faq-box-overview.cash-pop .overview-title {background: #fc7f29; background: linear-gradient(270deg, #7e411e 0%, #fc7f29 100%); color:#fff; box-shadow: 0 6px #7e411e;}
.faq-box-overview.cash-pop .faq-box.show .faq-title {border-left:solid 5px #fc7f29;}


@media (min-width: 1024px) {
	.toggle .navTitle {display:none;}
	nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 80px;}
	header .inner nav li .subNav ul a {text-transform:unset;  font-family:"roboto-regular"; color:#fff; text-decoration:none;}
	header .inner nav li .subNav ul a:hover {text-decoration:underline}
	header .inner nav li .subNav ul li {margin-bottom:10px;}
	nav > ul > li.sub > .linkStyle:after {content:"";width: 0; height: 0; border-style: solid;border-width: 8px 8px 0 8px;border-color: #db0062 transparent transparent transparent; margin-top:5px;}
	.linkStyle {display:flex; flex-direction:column;}
	.subNav {opacity: 0; visibility: hidden;}
	.mLeftDesktop {margin-left:30px;}
	.sub-nav {display:flex; width:1200px; margin:auto;position:relative;margin:-100px auto 75px;}
	.sub-nav .logo-container {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-container.active, .sub-nav ul.sub-nav-list.active{transform:translateY(0); transition:all ease .2s;}
	nav ul li {padding-bottom:20px; margin-bottom:-20px;}
	.subNav ul li {padding-bottom:0; margin-bottom:0;}
}

@media (max-width: 1240px) {
	header .inner {width:100%; padding-right:20px;}
	#content {width:100%}
	.main-results .result img {width:160px}
	.main-results.wide .result {width:70%}
	.main-results.wide .next-jackpot-box {width:30%;}
	.main-results.wide .winners-box{flex-direction:column}
	.main-results.wide .winners-box .img-box {margin:0 0 15px 0}
}

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

	#content {width:100%;}

	header {margin-bottom:0;width:100%}
	header .inner {width:100%; position:static; height:66px;}
	header .logo img {max-width:none; margin:15px; display:inline-block; width:80px; height:auto; margin:0 0 0 12px;}
	header>.inner>.logo-container {padding:0;}
	header.sub-nav-active {margin-bottom:0}
	nav {background:#472193}
	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; height:auto; display:flex;}
	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:53px; color:#333; line-height: 49px; text-align:center;font-size:22px; font-weight:700; background:#FFF;}
	nav > ul > li.sub.active > .expand:after {content:"-"}
	.navButton {width: 50px;height: 50px;overflow: hidden;position: absolute;right: 20px;top: 5px;transition: all ease 0.5s;z-index: 100;}
	.navButton span {display: inline-block;width: 30px;height: 3px;background: #000;margin: 13px 0 0 10px;transition: all ease 0.5s;}
	.navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #000;transition: all ease 0.5s;}
	.navButton span:before {margin-top: 10px;}
	.navButton span:after {margin-top: 7px;}
	.navButton.active span {transform: translateY(-50px);background: #fff;}
	.navButton.active span:before {transform: translateY(50px) rotate(45deg);background: #fff;}
	.navButton.active span:after {transform: translate(0, 40px) rotate(-45deg);background: #fff;}
	.toggle {opacity: 1;transition: all ease 0.5s;position: absolute;top: 0;left: 0;background:#472193;margin: 0;width: 100%;height: 100vh;z-index: 99; transform:translate(1024px,0); width:500px; }
	.toggle.active {visibility: visible;opacity: 1;transition: all ease 0.5s; transform:translate(0,0); width:100%;}
	.toggle .navTitle {color: #fff;margin: 30px 0 30px 15px;position: relative;}
	.toggle .navTitle.splitter:after {left: 50%;transform: translateX(-50%);}
	.sub-nav {margin:-30px 0 0 0;width:100%;}
	.sub-nav ul.sub-nav-list {width:100%; transform:translate(0); margin:0;}
	.sub-nav .logo-container { transform:translate(0); margin:0;display:none;}
	header .toggle {height:100vh;}
	.subNav {background:#2b096f; border:none; flex-direction:column; width:100%;padding:0; top:0;max-height:0; transition: max-height .2s ease-in-out; overflow:hidden; position:relative; border-radius:0;z-index:-1}
	nav .sub.active .subNav {max-height:3000px;transition: max-height .2s ease-in-out; padding:15px 0; z-index:99}
	.subNav:before {display:none;}
	.subNav .row {flex-direction:column; display:inline-block;}
	.subNav .box {margin:30px 0 15px 0;}
	.subNav .lottomax ul a {margin-right:0;}
	.subNav .jackpotBox {display:none;}
	.subNav .box {border-radius:0;}
	.subNav .title {color:#fff; font-size:16px;}
	.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;}
	#breadcrumbs {margin: 0 auto;}
	.gen-box {padding: 20px; margin-bottom: 20px;}

	.home-jackpot {flex-direction:column; background:#472193;}
	.home-jackpot .content-box {width:auto; padding:20px;}
	.home-jackpot .jackpot-box {padding: 20px; background:rgba(0,0,0,.1); margin-bottom:20px;}
	.home-jackpot.featured {padding: 0; margin-bottom: 20px;}
	.home-jackpot.featured .img-box {display: none;}

	.main-results {grid-template-columns:1fr}
	.main-results .result img {width:220px}

	.about-box {flex-direction:column}
	.about-box .box.with-icons {width:100%; align-items:flex-start}
	.about-box .icon-box {align-items:center;} 

	.main-results.wide .result-wrap {flex-direction:column}
	.main-results.wide .result {width:100%}
	.main-results.wide .next-jackpot-box {width:100%; margin:0;}
	.main-results.wide .next-jackpot-box .jackpot {text-shadow:0 0 5px rgba(0,0,0,.4)}

	table.results-table thead {display:none;}
	table.results-table tr {display:flex; flex-direction:column; justify-content:center; padding:20px 10px;}
	table.results-table td {display:flex; justify-content:center; padding:0 0 12px 0;}
	table.results-table .info:before {content:"Winners:"; background:none; width:auto; height:auto; font-family:"roboto-regular"; margin-right:5px;}
	table.results-table .info.jackpot:before {content:"Jackpot:"; background:none;}
	table.results-table .btn{margin-top:10px;}

	.payouts-results {flex-direction:column}
	.main-results .payouts-results .ball-wrap {align-items:center;}
	.payouts-info {flex-direction:column;}
	.payouts-info .box {border-right:none; border-bottom:1px solid #cfcfcf}
	.payouts-wrap {flex-direction: column}
	.payouts-info {margin:30px 0 0 0;}

	.jackpot-winners-box .box {flex-direction:column}
	.jackpot-winners-box .content-box, .jackpot-winners-box .jackpot-box {width:100%}
	.jackpot-winners-box .content-box {padding:50px 25px;}
	.money-dots {grid-template-columns:1fr; row-gap:25px;}
	.address-box {flex-direction:column}
	.address-box .box {width:100%; margin:0 0 30px 0;}
	.smartpicks-balls {flex-direction:column}
	.smartpicks-balls .balls-wrap {flex-direction:column}
	.smartpicks-balls .balls {margin-bottom:20px;}

	.grid-col-2 {grid-template-columns:1fr}
	
	.jackpot-tickets.main-results {display: flex; flex-wrap: wrap; justify-content: center;}
	.jackpot-tickets.main-results .top {min-height: 50px;}
	
	.wideBanner {background-image: url(/images/layout/next-jackpot-bg.png);}
	.generate-wrapper {grid-template-columns:1fr;}
}

@media (max-width: 640px) {
	.home-jackpot img {width:250px;}
	.home-jackpot .title {font-size:18px;}
	.home-jackpot .jackpot {font-size:48px; line-height:48px;}
	.main-results .result img {width:140px}
	.about-box .box:first-child {width:100%}
	.intro-text {padding:30px;}
	.home-jackpot .cta-box {flex-direction:column}
	.home-jackpot .cta-box .timerBox {margin:0 0 15px 0}
	.main-results.wide .winners-box {display:none;}
	.main-results.wide .content-box {align-items:center; justify-content:center;}
	.main-results.wide .results {align-items:center;}

	table.mobFormat thead {display: none;}
	table.mobFormat {width: 100%; border: none;border-radius:0; background:#fff;}
	table.mobFormat tbody tr {display: block; border: 1px solid #DDD; padding: 0; margin: 15px 0 20px;}
	table.prizebreakdown.mobFormat tbody tr {margin-bottom:15px;}
	table.mobFormat tbody td {display: block; padding: 8px; text-align:left!important; font-weight: bold; border: none; background: #FFF; line-height: 16px;}
	table.mobFormat td:first-child {font-weight: bold;background:#fff; color:#000; padding:10px;}
	table.mobFormat tbody td {background: #EEE;}
	table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: inline; text-align: left; font-weight: normal;}
	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:#2b096f}
	table.lotto-47 td.colour {background:#0c7e19;}
	
	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.lotto td.colour {background:#0832b6;}
	table.lucky-day-lotto td.colour {background:#126edd;}
	table.pick-3 td.colour {background:#009219}
	table.pick-4 td.colour {background:#db335b}
	table.powerball td.colour {background:#960000;}
	table.mega-millions td.colour {background:#07779a}
	table.pick-10 td.colour {background:#e9aa00}
	table.take-5 td.colour {background:#a800d3}

	table.mobFormat td.colour a {color: #fff;}
	table.mobFormat tr.totals td:first-child {color:#fff!important;}
	table.mobFormat td.noBefore:before {display: none !important;}

	.link-image-box {flex-direction:column; width:100%;}
	.link-image-box .content-box {flex-direction:column; align-items:flex-start;}

	.table-sortable .chart-wrap {display:inline-block; width:90%}
	.table-sortable tbody td.td-chart {display:none;}
	.page-404 {padding:0 40px; text-align:center;}
	.img-404 img {width:100%; margin:auto; display:block;}
	.years-list a {margin:3px 0;}
	.two-line-balls {flex-direction:column;}
	.two-line-balls .ball-box:first-child {margin:0 0 20px 0!important}
	.two-line-balls .ball-box {margin-left:0; margin-right:0;}
	.checkerGames {justify-content:center;}
	.checkerGames img {width:64px; height:53px;}
	.checkerGames a.selectedGame:after {display:none;}
	.drawDays {display:grid; grid-template-columns:1fr 1fr; gap:32px 0; margin:20px; text-align:center;}
	.drawDays.singular {grid-template-columns:1fr;} 
	.drawDays div {margin:0;}
	.checkedNumbers {flex-direction:column;}
	.twoLine {margin:15px 0;}
	.checkerResult.previousResults {grid-template-columns:1fr;}
	.ball-tick:before {background-repeat:no-repeat; width: 15px !important;; height: 15px !important;}
	.checkedNumbers {row-gap:10px;}
}

@media (max-width: 480px) {
	.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {width:40px; height:40px; line-height:40px; font-size:16px;}
	.ball:before {width:40px; height:40px;}
	.payouts-results .top-box {flex-direction:column;}
	.main-results .payouts-results .top-box .title {border-right:none;padding:0; margin:0 0 10px 0;}
	.payouts-info .sub-title {font-size:18px; margin-bottom:10px;}
	.payouts-info .title {font-size:24px; line-height:24px;}
	.balls.alt {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; justify-self:center}
	.quickDrawArchive {flex-direction:column;}
	.quickDrawDate, .quickDrawHour {margin-right:0; margin-bottom:15px;}
	.main-results .date {justify-content:center;}
}

@media (max-width: 428px) {
	.home-jackpot img {width:150px;}
	.home-jackpot .title {font-size:16px;}
	.home-jackpot .jackpot {text-align:center;}
	.main-results .top {flex-direction:column; align-items:center; justify-content:center; padding:40px 15px;}
	.main-results .result img {margin:0;}
	.main-results .cta-box {flex-direction:column; }
	.main-results .cta-box .btn {margin:0 0 15px 0}
	
	.jackpot-tickets.main-results {display: block;}
	.jackpot-tickets.main-results .result {margin-bottom: 20px;}
	.jackpot-tickets.main-results .content-box {padding: 15px;}
	.jackpot-tickets.main-results .top {padding: 10px; margin-bottom: 0;}
	.jackpot-tickets.main-results .jackpot {margin-bottom: 10px;}

	.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected, .balls.alt .ball, .balls.small .ball, .ball.pick-4, .ball.pick-4.fireball {width:34px; height:34px; line-height:32px; font-size:14px;}
	.ball:before, .balls.small .ball:before {width:34px; height:34px;}
	.main-results .ball-wrap {flex-direction:column;}
	.main-results .ball-box {margin:0 0 20px 0;}
	.about-box .box {padding:60px 20px;}

	footer .footer-links {flex-wrap:wrap; justify-content:center}
	footer .footer-links li {margin:10px;}
	
	.wideBanner .jackpot {font-size: 40px; letter-spacing:-1px;}
}