/* Minification failed. Returning unminified contents. (521,254): run-time error CSS1046: Expect comma, found '94' (521,260): run-time error CSS1046: Expect comma, found ')' (521,274): run-time error CSS1046: Expect comma, found '22' (521,280): run-time error CSS1046: Expect comma, found ')' (540,62): run-time error CSS1046: Expect comma, found '98' (540,66): run-time error CSS1046: Expect comma, found ')' (540,80): run-time error CSS1046: Expect comma, found '164' (540,85): run-time error CSS1046: Expect comma, found ')' */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} *,*::before,*::after {box-sizing: border-box;} ol, ul {list-style: none;} img {max-width: 100%;} table {border-collapse: collapse;} textarea {white-space: revert;} /* Global */ body{font-family:"font-regular", sans-serif; background:#f6f7ff;} a {cursor: pointer; text-decoration:underline; transition: all .2s ease-in-out; color:#5963e9} a:hover {color:#015bd1; text-decoration:underline;} *:hover { transition: all .2s ease-in-out} strong {font-family:"font-bold", sans-serif;} hr {margin:40px 0;} /* Layout */ .fx, .row {display:flex;} .fx-col {flex-direction:column;} .jc-cn {justify-content:center!important;} .jc-bt {justify-content:space-between;} .jc-se {justify-content:space-evenly;} .jc-sa {justify-content:space-around;} .jc-end {justify-content:flex-end;} .jc-st {justify-content:start!important;} .al-cn {align-items:center;} .al-end {align-items:flex-end;} .fx-wrap {flex-wrap:wrap;} .fx-grow-1 {flex-grow:1;} .left-al {align-items:flex-start;} .text-cn {text-align:center;} .wide {width:100%!important;} .grid {display:grid; gap:30px; width:100%; grid-template-columns: 1fr 1fr; margin-bottom:30px} .full-width {display:inline-block; width:100%; position:relative; padding:30px 0; z-index:0;} .full-width.colour-bg {background:#1237d6; background: radial-gradient(circle, #1237d6 0%, #22007c 100%); padding:50px 0 10px 0; position:relative; overflow:hidden;} .full-width.colour-bg:before {position:absolute; content:""; background:url(/images/icons/ca-icon.svg); background-size:190px 126px; width:190px; height:126px; bottom:0; left:40px; z-index:-1; opacity:.9;} .full-width.colour-bg h1, .full-width.colour-bg p {color:#fff; z-index:1; position:relative; margin-bottom:40px} .full-width.colour-bg h1 span {color:#ffe000;} .full-width.colour-bg p {margin-bottom:25px; font-size:18px; line-height:34px;} .full-width.colour-bg-split {background:#1237d6;background: linear-gradient(90deg, #1237d6 50%, #22007c 50%); padding:50px 0 30px 0; position:relative; overflow:hidden;} .full-width.colour-bg-split:before {position:absolute; content:""; background:url(/images/icons/ca-icon.svg); background-size:190px 126px; width:190px; height:126px; bottom:0; left:40px; z-index:-1; opacity:.9;} .full-width.colour-bg-split:after {position:absolute; content:""; background:url(/images/layout/wave-bg.png); background-size:770px 374px; width:770px; height:374px; bottom:0; right:-20px; z-index:-1; opacity:.5;} .full-width.colour-bg:after {position:absolute; content:""; background:url(/images/layout/wave-bg.png); background-size:770px 374px; width:770px; height:374px; bottom:0; right:-20px; z-index:-1; opacity:.5;} .full-width.colour-bg-split h1, .full-width.colour-bg-split p {color:#fff; z-index:1; position:relative;} .full-width.colour-bg-split h1 span {color:#ffe000;} .full-width.colour-bg-split p {width:63%; margin-bottom:25px; font-size:18px; line-height:34px;} .full-width.light-blue-bg {background:#e5efff; padding:50px 0; position:relative; overflow:hidden;} .full-width.white-bg {background:#fff; padding:50px 0; position:relative; overflow:hidden;} .full-width .container {width:1200px; margin:0 auto; position:relative;} @keyframes WinnerBG {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes jumpUp {0% {transform:translateY(200px)}30% {transform:translateY(-10px)}100% {transform:translateY(0)}} .overlap {margin-top:-110px!important; margin-bottom:45px!important; z-index:2; position:relative;} .clearBg {background:unset;} .inline {display: inline-block;} .next-jackpot-text {color:#fff; margin-bottom:30px;} .xtr-pad {padding:20px 0} .top-bar-grid {display:grid; grid-template-columns:1fr 1fr;} .grid-result-area {text-align:center; align-self:center;} .grid-result-area h2 {font-size:26px; color:#fff; margin-bottom:5px;} .grid-result-area p {width:100%!important; margin-bottom:0!important;} .grid-result-area p.calendar {position:relative; padding-left:15px; width:fit-content!important; margin:0 auto;} .grid-result-area p.calendar a {color:#ffe000;} .grid-result-area p.calendar:before {position:absolute; content:""; left:-8px; top:50%; transform:translateY(-50%); background-image:url(/images/icons/calendar.svg); background-size:15px 15px; width:15px; height:15px;} .grid-result-area ul {display:flex; justify-content:center; margin:25px 0 15px 0} .grid-result-area ul li.ball {width:46px; height:46px; line-height:46px; font-size:22px; margin-right:7px;} .grid-result-area ul li.ball:last-child {margin-right:0;} nav {display:flex; align-items:center;} .modal {background: rgba(0,0,0,0.85); position: fixed; left: 0; bottom: 0; width: 100vw; padding:30px; display: flex; flex-direction:column; color: #FFF; text-align: center; z-index: 99; opacity: 1; transition: all .3s ease;} .modalClose {position: absolute; top: 16px; right: 25px; font: 29px/29px arial; text-align: center; width: 50px; height: 50px; color: #FFF;} .modalClose:hover {color:#FD0;} .modal a.site-link {text-decoration:none; align-self:center; color:#fff; background:#5963e9; padding:8px 13px; border-radius:6px; font-family:"font-bold", sans-serif; width:fit-content;} .mRight {margin-right:30px;} .mTop {margin-top:25px;} .mTopBig {margin-top:40px;} .m0 {margin-bottom:0%;} .noPad {padding:0!important;} .noBg {background:none!important;} .noMargin {margin:0!important;} .mBig {margin:65px 0;} .z0 {z-index:0;} .mobileScroll {overflow-x:scroll; display:block;} .grid-3 {display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:30px; row-gap:30px;} .claim-grid {display:grid; grid-template-columns:1fr 1fr; column-gap:30px; row-gap:30px;} .claim-grid .gen-box {margin-bottom:0;} .noAfter:after {display:none;} .padding-sm {padding:20px!important;} .gen-box {background:#fff; padding:30px; border-radius:14px; margin-bottom:25px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px} .gen-box p:last-child {margin-bottom:0;} .set-overlap {padding-bottom:110px!important; position:relative;} .grid .gen-box {margin-bottom:unset;} .page {width:1200px; margin:0 auto;} #content {width:1200px; margin:30px auto auto;} .content {width:1200px; margin:30px auto auto;} center {margin:0 auto;} .center {text-align:center;} img.rounded {border-radius:30px;} .m-bottom-30 {margin-bottom:30px;} #content.homepage {z-index:4;} .half {width:50%;} .bigText {font-family:"font-bold", sans-serif; font-size:80px!important; text-shadow:0px 5px 2px #0000005c; width:unset!important; margin-bottom:0!important; margin-right:25px; color:#ffe000!important;} .midText {font-family:"font-bold", sans-serif; font-size:3em!important; text-shadow:0px 5px 2px #0000005c; width:unset!important; margin-bottom:0!important; margin-right:25px; color:#ffe000!important;} .game-page-link {margin:60px 0 -25px 0;} .game-page-link a {background:#fd0; color:#000;} .game-page-link a:hover {text-decoration:none; background:#fff;} p.email {border:solid 1px #dadada; margin-bottom:20px; padding:10px 20px; border-left:50px solid #1237d6; color:#000; position:relative; width:fit-content; border-radius:8px; font-family:"font-bold", sans-serif;} p.email:before {position:absolute; content:""; background-image:url(/images/icons/envelope.svg); background-size:24px 16px; width:24px; height:16px; top:50%; transform:translateY(-50%); left: -37px;} .sitemap-grid {display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:20px; column-gap:20px;} .errorPage {width:100%; background:#f42f45; margin-top:-30px; position:relative;} .errorPage #content {min-height:500px;} .errorPage:after {position:absolute; content:""; background:#f42f45; width:50px; height:50px; border-radius:6px; bottom:-10px; left:50%; transform:translateX(-50%) rotate(45deg);} .errorPage .errorContent {margin:50px auto; display:flex; justify-content:space-between; align-items:center; text-shadow: 0px 2px 4px #e42928;color:#fff;} .errorPage .errorContent img {width:25%; height:100%; margin-right:140px} .errorPage h1 {font-size:80px; margin-bottom:40px;} .errorPage h2 {font-size:30px; margin-bottom:50px;} .errorPage p.errorText {background:#fff; padding:20px 30px; text-shadow:none; color:#000; border-radius:6px; font-size:18px; font-family:"font-bold", sans-serif; position:relative;} .errorPage p.errorText:before {position:absolute; top:-7px; left:30px; content:""; background:#fff; width:17px; height:17px; transform:rotate(45deg); border-radius:3px;} .errorPageLinks {width:100%; background:#cbe2fa; margin-top:-30px; padding:60px 35px; margin-bottom:-50px} .errorPageLinks p.followingPages {font-family:"font-bold", sans-serif; font-size:20px; color:#1237d6; margin-top:0;} .errorPageLinks p {font-size:18px; color:#1237d6; margin-top:54px;} .errorLinks {display:grid; margin-top:50px; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:30px; row-gap:30px;} .errorLinks a {background:#1237d6; color:#fff; border:solid 2px #1237d6; border-radius:50px; padding:12px 20px; font-size:17px; text-decoration:none; font-family:"font-bold", sans-serif; transition:.2s ease;} .errorLinks a:hover {background:#fff; color:#1237d6; transition:.2s ease;} .errorWrap {background:#17171780; border-radius:6px; padding:0 30px; margin-bottom:80px; box-shadow:inset 0 0 20px 0px #0000004f;} .errorWrap p {margin-bottom:0; text-shadow:none;} .errorWrap strong {color:#ffe600;} .errorWrap hr {display:none;} /* Typography */ .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6, .title{font-family:"font-bold", sans-serif; letter-spacing:-.7px;} .h1,h1{margin-bottom: 26px; font-size: 38px; line-height:44px;} .h2,h2{margin-bottom: 20px; font-size: 24px; line-height:26px;} .h3,h3{margin-bottom: 18px; font-size: 20px; line-height:22px;} .h4,h4{margin-bottom: 10px; font-size: 18px; line-height:18px;} .h5,h5{margin-bottom: 5px; font-size: 18px; line-height:23px;} .m-bottom-5 {margin-bottom:5px;} .m-bottom-10 {margin-bottom:10px!important;} p {line-height:29px; margin-bottom: 18px;} .standard-content h2, .standard-content h2, .standard-content h3, .standard-content h3, .standard-content h4, .standard-content h4 {margin-top:35px; margin-bottom:15px;} ul.bullet, #notes ul {margin-bottom:30px; padding:30px 40px;background:#f7f7f7; border-radius:8px;} ul.bullet li, #notes li {margin-bottom:10px; padding-left:30px; position:relative; line-height:32px;} ul.bullet.features {display:flex; flex-wrap:wrap;} ul.bullet.features li {font-size:18px; width:40%; margin:0 15px 15px 0;} ul.bullet li:before, #notes li:before {content:"\25A0"; color:#2832ac; display:inline-block; width:5px;height:5px; margin-right:20px; position:absolute;left:0; top:0;} ul.bullet.alt li:before {color:#f7d115} h2.stats {position:relative; padding-left:45px;} h2.stats:before {position:absolute; content:""; background-image:url(/images/layout/stats-icon.svg); background-size:30px 30px; width:30px; height:30px; top:-5px; left:0;} /* BREADCRUMBS */ .breadcrumb {width:100%; background:#002868;} #breadcrumb{display:flex;padding:10px 0;line-height:10px; font-size:14px; align-items:center; flex-wrap:wrap; width:1200px; margin:0 auto;} #breadcrumb li{display:inline-block;background: url(/images/icons/chev.svg) no-repeat 2px 50%;padding-left: 24px;background-size:10px 10px; color:#fff; margin:5px 0 5px 5px;} #breadcrumb li:first-of-type {background:none;padding:0 4px 0 0;} #breadcrumb a {display:inline-block; color:#d3edff;} #breadcrumb li:first-child a {background: url(/images/icons/home.svg) no-repeat center 0;width: 18px;height: 18px; background-size:18px 18px; padding-right:20px;} #breadcrumb li:first-child a span {display:none;} /* GAME OVERVIEW PAGES */ .how-to-grid {width:100%; margin:25px 0 40px 0; min-height:150px; display:flex; justify-content:start; color:#fff; border-radius:14px; box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .ht-step {align-items:center; width:33.3%; padding:25px 30px; position:relative; display:flex; flex-direction:column;} .ht-step img {margin-bottom:25px;} .step-1 {background:#1237d6; border-top-left-radius:14px; border-bottom-left-radius:14px;} .step-1:after {position:absolute; content:""; width:20px; height:20px; background: #1237d6; transform:rotate(45deg); top:33px; right:-10px; z-index:1;} .step-2 {background:#1e45d4;} .step-2:after {position:absolute; content:""; width:20px; height:20px; background: #1e45d4; transform:rotate(45deg); top:33px; right:-10px; z-index:1;} .step-3 {background:#1f70e9; border-top-right-radius:14px; border-bottom-right-radius:14px;} .ht-heading {font-family:"font-bold", sans-serif; font-size:1.4em;} .link {text-decoration:none; font-family:"font-bold", sans-serif; padding:12px 20px; background:#1237d6; border-radius:10px; color:#fff;} .link-small {text-decoration:none; font-family:"font-bold", sans-serif; padding:8px 14px; background:#022865; border-radius:50px; color:#fff;} .link-small:hover {text-decoration:none; background:#1b53ad; color:#fff;} .link:hover {background:#0666c9; text-decoration:none; color:#fff;} .link.orange {text-decoration:none; font-family:"font-bold", sans-serif; padding:12px 20px; background:#ff6a00; border-radius:10px; color:#fff;} .link.orange:hover {background:#ff832b;} .overview-grid {display:flex; flex-wrap:wrap;} .overview-grid .overview-section:first-child {width:34%; margin-right:10px;} .overview-grid .overview-section:nth-child(2) {width:65%; animation-delay:.1s;} .overview-grid .overview-section:nth-child(3) {width:65%; margin-right:10px; animation-delay:.2s;} .overview-grid .overview-section:nth-child(4) {width:34%; animation-delay:.3s;} .overview-grid .overview-section:nth-child(5) {width:34%; margin-right:10px; animation-delay:.4s;} .overview-grid .overview-section:nth-child(6) {width:65%; animation-delay:.5s;} .overview-grid .overview-section:nth-child(7) {width:100%; animation-delay:.6s;} .overview-grid .overview-section.wide-box {width:100%!important} .overview-section {background:#fff; border-radius:14px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; padding:30px; display:flex; opacity:0; flex-direction:column; justify-content:space-between; margin-bottom:10px; position:relative; overflow:hidden; animation-name:moveIn; animation-duration:.3s; animation-fill-mode:forwards;} @keyframes moveIn {0% {opacity:0; transform:scale(0)} 100% {opacity:1; transform:scale(1)}} .overview-section h2 {color:#1237d6; font-size:24px;} .overview-section p:last-child {margin-bottom:0;} .overview-section.yellow-bg {background:#fee043; background:linear-gradient(232deg, #fff867 30%, #f5d425 100%);} .overview-section.yellow-bg h2 {color:#1237d6;} .overview-section.light-bg {background:#404fd8; background:linear-gradient(232deg, #2a4dd8 30%, #1237d6 100%); color:#fff} .overview-section.light-bg h2 {color:#fff} .overview-section.dark-bg {background:#1237d6; background:linear-gradient(232deg, #0e2690 30%, #22007c 100%); color:#fff} .overview-section.dark-bg h2 {color:#fff} .overview-link {min-width:200px; width:fit-content; margin-top:35px; margin-bottom:10px} .overview-link a {font-family:"font-bold", sans-serif; text-decoration:none; padding:12px 18px; border-radius:50px; background:#fff; color:#1237d6; font-size:17px; box-shadow:1px 1px 2px #00000030; border:solid 1px #fff} .overview-link a:hover {background:#1237d6; color:#fff;} .game-logo {margin:0 0 30px 0; opacity:.7} p.heading {text-align:center; font-family:"font-bold", serif; font-size:22px; margin-bottom:40px;} .readMore span.more, .readMore div.more {display: none;} .readMore a.more {display: block; text-align:center; width:fit-content; margin:10px auto 0 auto; background:#1237d6; color:#fff; text-decoration:none; padding:8px 16px; border-radius:20px;} /* Generic Content Pages */ .how-to-image-box {display:grid; grid-template-columns:1.5fr .5fr; gap:40px} .how-to-image-box.long-box {display:grid; grid-template-columns:2.2fr .3fr; gap:60px} .sideNav {background:#fff; border-radius:12px; letter-spacing:-.5px; color:#000; font-family:"font-bold", sans-serif; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px;} .sideNavHeading {font-size:20px; padding:25px 20px; border-radius:12px 12px 0 0; background:#022865; background:linear-gradient(270deg, #1b53ad 30%, #022865 100%); color:#fff;} .sideNavLink { border:solid 1px #f4f4f4; position:relative;} .sideNavLink:hover {background:#1e52a8;} .sideNavLink:hover:before {background:url(/images/icons/arrow-white-bg.svg);} .sideNav .sideNavLink:last-child {border-radius:0 0 12px 12px;} .sideNav .sideNavLink:last-child:hover {border-radius:0 0 12px 12px;} .sideNavLink:hover a {color:#fff; text-decoration:underline;} .sideNavLink:before {position:absolute; content:""; background:url(/images/icons/arrow-green-bg.svg); background-size:15px 15px; width:15px; height:15px; left:20px; top:50%; transform:translateY(-50%);} .sideNavLink a {text-decoration:none; color:#1e52a8; width:100%; display:block; padding:16px 0 16px 43px;} .sideNavLink a.current-page {color:#464646; background:#f1f1f1;} .sideNavLink a.current-page:hover {color:#464646; background:#f1f1f1; cursor:default; text-decoration:none;} .sideNavLink a:hover {color:#ffe000;} .faq-container {display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:solid 1px #dadada; padding:20px 0;} .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; } .winnerContainer {display:grid; grid-template-columns:1fr; gap:25px;} .winnerContainer .winnerBox {display:flex; flex-direction:column; justify-content:center; margin-bottom:20px; border-radius:14px; height:max-content;} .winnerContainer .winnerJackpot {text-align:center; align-items:center; background:#1b1bb6; color:#fff; padding:40px 20px; border-radius:14px 14px 0 0; position:relative; z-index:0; overflow:hidden} .winnerContainer .winnerBox.-ff .winnerJackpot {text-align:center; align-items:center; background:#7210ab; color:#fff; padding:40px 20px; border-radius:14px 14px 0 0; position:relative; z-index:0;} .winnerContainer .winnerBox.-pb .winnerJackpot {text-align:center; align-items:center; background:#b40000; color:#fff; padding:40px 20px; border-radius:14px 14px 0 0; position:relative; z-index:0;} .winnerContainer .winnerBox.-sp .winnerJackpot {text-align:center; align-items:center; background:#0eb09d; color:#fff; padding:40px 20px; border-radius:14px 14px 0 0; position:relative; z-index:0;} .winnerContainer .winnerJackpot:before {position:absolute; content:""; background-image:url(/images/layout/beach-background.png); background-position:center; background-size:cover; bottom:0; left:0; width:100%; height:100%; opacity:.3; z-index:-1} .winnerContainer .winnerJackpot:before {position:absolute; content:""; background-image:url(/images/layout/beach-background.png); background-position:center; background-size:cover; bottom:0; left:0; width:100%; height:100%; opacity:.3; z-index:-1} .winnerContainer .winnerBox.-ff .winnerJackpot:before {position:absolute; content:""; background-image:url(/images/layout/beach-background.png); background-position:center; background-size:cover; bottom:0; left:0; width:100%; height:100%; opacity:.3; z-index:-1} .winnerContainer .winnerBox.-pb .winnerJackpot:before {position:absolute; content:""; background-image:url(/images/layout/bridge-background.png); background-position:center; background-size:cover; bottom:0; left:0; width:100%; height:100%; opacity:.3; z-index:-1} .winnerContainer .winnerBox.-sp .winnerJackpot:before {position:absolute; content:""; background-image:url(/images/layout/bridge-background.png); background-position:center; background-size:cover; bottom:0; left:0; width:100%; height:100%; opacity:.3; z-index:-1} .winnerContainer .winnerDesc {padding:35px 25px 25px 25px; background:#fff; border-radius:0 0 14px 14px;} .winnerContainer .winnerJackpot h2 {font-size:44px; text-transform:uppercase; text-shadow:0 3px 0px #967800, 0 6px 1px #967800, 0 10px 4px #4e3c00, 0 14px 5px #4e3c00; margin-bottom:36px; color:#fd0;} .winnerContainer .winnerJackpot p {margin-bottom:0;} .winnerContainer .winnerBox.-ff .winnerGame {background:#7e12bd;} .winnerContainer .winnerBox.-pb .winnerGame {background:#b40000;} .winnerContainer .winnerBox.-sp .winnerGame {background:#009484;} .winnerContainer .winnerGame {background:#3939c4; border-radius:50px 0 0 50px; padding:6px 20px; margin:0 auto 15px auto; font-family:"font-bold", sans-serif; border:solid 1px #fff; display:flex; justify-content:end; height:fit-content;} .winnerContainer .winnerDate {background:#fff; border-radius:0 50px 50px 0; color:#000; padding:6px 20px; margin:0 auto; border:solid 1px #fff; height:fit-content; display:flex; justify-content:start; font-family:"font-bold", sans-serif;} .winnerContainer .winnerStats {display:flex; justify-content:center; width:fit-content; margin:0 auto;} #tax-calculator{width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px 0;background:linear-gradient(180deg, #1795a2 0, #0e6c76);box-shadow:0 5px 20px rgba(0,0,0,.2);border-radius:10px;overflow:hidden;color:#fff} #tax-calculator>div{width:50%;padding:40px} #tax-calculator>div:last-child{background:#00484f;color:#fff} #tax-calculator h2{font-size:1.5em;font-weight:700} #tax-calculator h2:after{display:none} #tax-calculator label{margin:10px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center} #tax-calculator label input{display:none} #tax-calculator label input:checked+span{background:#69a369} #tax-calculator label input:checked+span:after{transform:translate(100%,-50%)} #tax-calculator label span{margin-left:10px;display:block;width:30px;height:18px;background:#fff;position:relative;border-radius:10px;border:1px solid rgba(0,0,0,.2);cursor:pointer;overflow:hidden;background:#2e2e2e;transition:background .1s ease-in-out} #tax-calculator label span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:50%;background:#fff;border:1px solid rgba(0,0,0,.2);left:0;transition:transform .1s ease-in-out;transform:translateY(-50%)} #calc>div{margin-bottom:20px} #calc input{border-radius:5px;border:none;box-shadow:inset 0 2px 2px rgba(0,0,0,.2);padding:5px 10px;width:100%} #calc select{padding:5px 10px;border-radius:5px;border:1px solid hsla(0,0%,100%,.5);font-size:.8em;color:#fff;width:150px;background:none} #calc select option{color:#000} #calc ._title{font-size:.85em;opacity:.5} #calc-amount{font-size:1.3em} #calc-jackpot-box{-ms-flex-align:end;align-items:start; flex-direction:column; margin-top:15px;} #calc-jackpot-box,#calc-results>div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between} #calc-results>div{-ms-flex-align:center;align-items:center} #calc-results .calc-result{font-size:1.4em} #calc-results .calc-result.-sm{font-size:1.2em} #calc-results .calc-result.-sm span:last-child{color:#ff9696} #calc-results .calc-result span{font-size:.75em} #calc-result-cash-box>div,#calc-result-extras>div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center} .calc-filters{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:start; flex-direction:column;} .calc-box-initial{border-bottom:1px solid hsla(0,0%,100%,.1)} .calc-box.-lg{font-size:1.1em;border-bottom:1px solid hsla(0,0%,100%,.2)} .calc-box.-sm{font-size:.9em;opacity:.5} .calc-box.-final{font-size:1.4em;color:#ffdb00;border-top:1px solid hsla(0,0%,100%,.2)} .comingsoon {border-radius: 14px;box-shadow: rgba(0,0,0,.04) 0 10px 10px -5px;margin-bottom: 25px;display: flex;color: #fff; background: #22007c; padding:30px;} .comingsoon a {background:#fd0; color:#000; font-family:"font-bold", sans-serif;} .comingsoon p {font-size:1.1em;} /* Header */ header {display:flex; justify-content:center; width:100%; position:relative; background: #2832ac; background:#fff; z-index:999; box-shadow:0 4px 20px #00000073;} header.alt {width:100%; background:#004a1f; position: relative; margin-bottom:30px;} header.sub-nav-active {margin-bottom:80px} header .inner {width:1200px; align-items:center; display:flex; justify-content:space-between; position: relative; margin:0;} header .inner nav > ul > li {margin-right:90px} header .inner nav li:last-child {margin-right:0} header .inner nav li a {text-decoration:none; color:#000; position:relative;} header .inner nav li a:before, .lottery-nav ul li a:before {content: "";position: absolute;transition: all ease .2s;border-bottom: 2px solid #fff;bottom: -5px; width:0;} header .inner nav li.sub a:before, .lottery-nav ul li.sub a:before {display:none;} header .inner nav li a:hover:before, .lottery-nav ul li a:hover:before {width:100%; transition:all ease .2s;} nav > ul > li > a, .linkStyle {display:flex; align-items:center; color:#fff; transition:all ease .2s; text-align:center; width:100%; text-decoration:none;cursor:pointer; font-family:"font-bold";} .timer {display:flex; justify-content:center; margin:5px;} .timer li {display:flex; justify-content:center; align-items:center; flex-direction:row; line-height:10px; margin-right:4px; color:#0e0e0e;} .timer li.lotto {color:#fc2e5b;} .timer li:last-child {margin-right:0} .timer .counterType {display:block; font-size:15px; font-family:"font-bold", sans-serif; line-height:18px;} .timer .counterVal {font-size:15px;} .sub .navExpand {display: none;} .subNav {position: absolute; top: 100px; left:0; transition: all .2s ease; z-index: 3; width:1200px; z-index: 99; padding:12px; display:flex; flex-direction:column;} .subNav.local:before {transform: translateX(242%);} .subNav .col {flex-grow:1; flex-direction:column;} .subNav .row {display:flex; width:100%;} .subNav .box {position:relative; padding:30px 20px 20px; border-radius:8px;flex-grow:1; margin:35px 12px 12px 12px;} .subNav .box.small {margin:0 5px 15px; background:rgba(255,255,255,0.1);} .subNav .title {font-size:21px; border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:20px; padding-bottom:10px; color:#fff} .subNav .img-box {background:#f4f4f4; border-radius:8px; padding:0 5px; display:flex; justify-content:center; align-items:center; position:absolute; left:50%; transform:translateX(-50%); top:-25px; border:5px solid #fff;} /*.subNav ul li {display:inline-block;}*/ .subNav .links-inline {justify-content:center; background:rgba(255,255,255,0.1); border-radius:15px; padding:10px;} .subNav .links-inline li {margin:0 30px 0 0!important;} .sub-nav {display:flex; width:1200px; margin:auto;position:relative;margin:-100px auto 75px;} .sub-nav ul.sub-nav-list {display:flex; width:850px; margin-left:350px;position:absolute;top:0;left:0;transform:translateY(-100px);} .sub-nav ul li { flex-grow:1;border-right:1px solid rgba(0,0,0,.1);} .sub-nav ul li a {width:100%; height:100%; display:flex; text-align:center; color:#fff; padding:8px 10px; justify-content:center; font-size:14px; text-decoration:none; align-items:center;} .sub-nav ul li:last-child {border-right:none} .sub-nav .logo-box.active, .sub-nav ul.sub-nav-list.active{transform:translateY(0); transition:all ease .2s;} .lottery-nav {background:#fff; margin-top:-30px; display:flex; justify-content:center;position:absolute;top:100px; left:50%; transform:translateX(-50%); width:100%; min-height:50px} .lottery-nav.active {margin-top:22px; transition:all ease .2s} .lottery-nav .inner {width:1200px; display:flex;} .lottery-nav img {width:100px; height:auto;} .lottery-nav ul {display:flex; margin:0;} .lottery-nav ul li {flex-grow:1; display:flex;} .lottery-nav ul li a {border-right:1px solid rgba(255,255,255,0.4); text-align:center; display:flex; align-items:center; padding:0 20px; text-decoration:none; color:#fff; position: relative;} .lottery-nav ul li:last-child a {border-right:none} .lottery-nav ul li a:before {bottom:8px;} .lottery-nav ul li a:hover:before {width:calc(100% - 40px);} .lottery-nav ul.small li a {font-size:14px;} .lottery-nav ul.small li a:before {bottom:5px;} .lottery-nav .logo-box {padding:3px 5px; background:#fff; display:flex; align-items:center; border-radius:10px;} .lottery-nav .logo-box {padding:3px 5px; display:flex; align-items:center} /* Homepage */ .homepage-results {display:flex; flex-direction:column;} .hp-draw {display:grid; grid-template-columns:.6fr 1fr 2.1fr 1fr .7fr; align-items:center; border:solid 1px #dadada; border-radius:12px; padding:30px 0 30px 20px; transition:0.12s; background:#fff; margin-bottom:15px;} .hp-draw:hover {transform:scale(1.01); box-shadow:0 0 11px #00000033; transition:0.12s linear; border-radius:12px;} .hp-logo {margin-bottom:-12px; max-width:100%; min-width:100%;} .hp-name {margin-right:-50px;} .hp-name p {margin-bottom:-5px; font-size:18px;} .hp-name p:first-child {font-family:"font-bold", sans-serif;} .hp-date {font-size:16px!important;} .hp-stats p {margin-bottom:0px; font-size:16px; line-height:26px} .hp-result {text-align:left;} .hp-result ul.balls {flex-wrap:wrap;} .hp-link {padding:10px 10px 10px 40px; text-align:right;} a.hp-btn {text-decoration:none; color:#fff; background: #265dd9; border-radius:10px; padding:10px 14px;} .hp-jackpots {max-width:90%; margin:0 auto 30px auto; background: linear-gradient(242deg, #78009b, #003a9b); background-size: 600% 600%; animation: animateBG 16s ease infinite;} @keyframes animateBG { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} .hp-game {display:flex; flex-direction:row; justify-content:start; padding:20px 0; border-bottom:solid 1px #fff; color:#fff; align-items:center;} .hp-game:first-child {padding: 0 0 20px 0;} .hp-game:last-child {padding:20px 0 0 0; border-bottom:none;} .hp-game .gameJackpot {display:flex; flex-direction:column; line-height:26px; min-width:30%; max-width:30%;} .hp-game .gameJackpot span {font-family:"font-bold", sans-serif; font-size:28px;} .hp-game .gameName {font-size:20px; min-width:20%; max-width:20%; line-height:20px;} .hp-game .gameName span {font-size:16px;} .hp-game .gameName br {line-height:15px;} .hp-game .gameTimer {min-width:25%; max-width:25%; margin-right:40px} .hp-game .gamePlay {min-width:21%; max-width:21%;} .hp-game-btn {background:#fff; color:#000; padding:12px 26px; width:100%; border-radius:10px; display:block; text-decoration:none; text-align:center; font-family:"font-bold", sans-serif;} .hp-game-btn:hover {text-decoration:none; color:#000; background:#fd0; box-shadow: 0 2px 18px #00000047;} .loading-bar{width:100%; background:rgb(255,255,255); padding:2px;border-radius:25px; margin-bottom:10px;} .loading-bar-inner {height:5px; background:#fff; border-radius:25px;} .timerBox {display:inline-block; margin-left:-3px;} .timerBox ul li {color:#fff; margin-top:-2px;} .hp-stats-overview {margin-top:30px;} .hp-stats-overdue {display:flex; justify-content:space-between; align-items:center; border:solid 1px #cbcbcb; border-radius:10px; padding:20px; margin:8px 0; box-shadow:0 5px #818181;} .grad-red {background: linear-gradient(0deg,#fde3e8 0%,#fff 100%);} .grad-yellow {background: linear-gradient(0deg,#fef9e2 0%,#fff 100%);} .grad-blue {background: linear-gradient(0deg,#def0ff 0%,#fff 100%);} .grad-green {background: linear-gradient(0deg,#dfffed 0%,#fff 100%);} .grad-orange {background: linear-gradient(0deg,#fff0d4 0%,#fff 100%);} .grad-purple {background: linear-gradient(0deg,#f5e8ff 0%,#fff 100%);} .grad-turquoise {background: linear-gradient(0deg,#eafffe 0%,#fff 100%);} .hp-stats-overdue p {margin-bottom:0; font-family:"font-bold", sans-serif; font-size:18px;} .hp-stats-overdue ul.balls {margin-bottom:6px;} .hp-stats-overdue a {color:#000fd5; text-decoration:none;} .hp-stats-overview hr {margin:25px 0;} .overall-common {display:flex; padding:20px; justify-content:start; background:#fff; align-items:center; border-radius:12px; padding:20px; border:solid 1px #cbcbcb; position:relative; overflow:hidden;} .overall-common:after {position:absolute; right:-45px; content:""; bottom:-30px; background-image:url(/images/layout/flame.svg); background-size:150px 150px; width:150px; height:150px; opacity:.2; transform:rotate(30deg);} .overall-common p {width:66%;} .overall-common ul.balls {margin:0 20px 0 5px;} .hp-specific-common {display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:15px; column-gap:15px;} .specific-common {display:flex; height:auto; padding:8px 9px; flex-direction:column; border:solid 1px #cbcbcb; border-radius:10px; align-items:center; text-align:center; justify-content:space-between;} .specific-common ul.balls {margin:0 0 13px 0; height:50%; align-items:self-end;} .specific-common div {height:auto; margin:15px 0 20px 0; align-items:center; display:flex;} .specific-common p {line-height:20px; margin-bottom:0; font-family:"font-bold", sans-serif;} .more-res-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;} .state-game {padding:15px 5px; border-bottom:solid 1px #dadada; margin-right:10px; color:#000!important;} .state-game p {line-height:22px; margin-bottom:0;} .state-game.singular {padding:26px 5px;} a.state-link {text-decoration:none; color:#000; transition:none;} a.state-link:hover {color:#0654c9; transition:none;} a.state-link:hover .state-game {border-bottom:solid 1px #0654c9; transition:none; box-shadow:inset 0 -2px 0 0 #0654c9} .freq.chart.data .power-play, .freq.chart.data .megaplier {height:fit-content; border-radius:50px;} .freq.chart.data .power-play:after, .freq.chart.data .megaplier:after {content:"x"} /* JACKPOT BANNERS */ .cta-box {text-align:left; background:#1b075d; color:#fff; width:100%; border-radius:10px; height:fit-content; align-self:center;} .cta-inner {padding:12px 20px; border:solid 2px #fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .cta-box .jp-date {width:100%; background:#fff; font-family:"font-bold", sans-serif; color:#1b075d; padding:5px 15px; border-top-left-radius:10px; border-top-right-radius:10px;} .cta-box .jp-amount {font-family:"font-bold", sans-serif; font-size:34px; letter-spacing:-.25px;} .cta-box .jp-timer {margin:15px 0 8px 0;} .link-btn {background:#fd0; color:#000; width:100%; padding:12px 26px; border-radius:10px;display:block;text-decoration:none;text-align:center; font-family:"font-bold", sans-serif;} .link-btn:hover {text-decoration:none; background:#fff;} .playBox {width:100%; text-align:center; padding:20px; background:#33bdff; color:#000; opacity:0; margin-top:-5px; display:flex; justify-content:center; column-gap:20px; animation-name:bnrAppear; animation-duration:.7s; animation-delay:.5s; animation-fill-mode:forwards;} @keyframes bnrAppear {0% {opacity:0} 100% {opacity:1}} .playBox strong {font-size:18px; text-transform:uppercase;} .playBox a {text-decoration:none; font-family:"font-bold", sans-serif; padding:10px 20px; border-radius:50px; color:#000; background:#fd0; border:solid 1px #1237d6;} .playBox a:hover {color:#fd0; background:#000;} .asterisk {font-size:18px; position:absolute; top:-26px;} /* RESULTS */ .recent-draws {justify-content:space-between; flex-direction:column; display:flex;} .resultBox {padding:25px 20px 40px 20px; display:flex; justify-content:space-between; align-items:center;} .timeSwitchBox {padding:30px; display:flex; justify-content:space-between; align-items:center; background:#1237d6; border-radius:10px; position:relative; overflow:hidden;} .timeSwitchBox:after {position:absolute; content:""; background:url(/images/layout/wave-bg.png); background-size:385px 187px; width:385px; height:187px; bottom:0; right:-5px; z-index:0; opacity:.5;} .timeSwitchBox .h3 {color:#fff;} .timeSwitchBox a {color:#000; background:#fff; border-radius:50px; padding:10px 15px; letter-spacing:-.5px; text-align:center; text-decoration:none; font-family:"font-bold",sans-serif;} .draw {border:solid 1px #ebebeb; border-radius:10px; margin-bottom:30px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; background:#fff;} .draw:hover {box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .resultBoxStats {display:flex; padding:8px; justify-content:space-around;background:#e7f0ff!important; border-bottom-left-radius:8px; border-bottom-right-radius:8px; position:relative; z-index:1;} .resultBoxStats p {margin-bottom:0; color:#002868;} .resultBoxStats:before {position:absolute; content:""; height:30px; width:30px; background:#e7f0ff!important; top:-5px; left:10px; transform:rotate(45deg); z-index:-1;} .details-btn {background:#ffd900; color:#000; border-radius:50px; padding:10px 18px; text-decoration:none; font-family:"font-bold", sans-serif;} .details-btn:hover {text-decoration:none; background:#c18917; color:#fff;} .jackpot-text {background: #ffdf00; background:linear-gradient(180deg,#fff 0%,#fffbdd 100%); padding:25px 30px; position:relative;} .ind-res.res-box {background:#fff; padding:30px; border-radius:14px; margin-bottom:25px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; justify-content:space-between; display:flex;} .ind-res.res-box p {margin-bottom:0; line-height:35px;} .breakdown.dd {display:grid; grid-template-rows:max-content; grid-template-columns:1fr 1fr; background:#fff; padding:30px; border-radius:14px; margin-bottom:25px; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .breakdown.dd #section1 {grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2;} .breakdown.dd #section2 {grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; text-align:right; font-family:"font-bold", sans-serif; margin-left:auto; background:#1b11a3; margin-bottom:10px; border-radius:6px; padding:5px 12px; color:#fff; cursor:pointer; width:fit-content;} .breakdown.dd #section2:hover {background:#2317c1;} .breakdown.dd #section3 {grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 3; width:100%;} .breakdown.dd .dd-table.is-active {margin-top:30px; transition:all linear .2s; opacity:1;} .breakdown.dd .dd-table {transition:all linear .2s; opacity:0;} .breakdown.dd #section3 .answer {margin-bottom:0; padding-left:0;} .prev-next {display:flex; justify-content:space-between;} a.prev-result {text-decoration:none; color:#fff; background:#1b53ad; padding:10px 15px; border-radius:10px; width:100%; text-align:center; position:relative; font-family:"font-bold", sans-serif;} a.prev-result:hover {background: #022865;} a.next-result {text-decoration:none; color:#fff; background:#1237d6; padding:10px 15px; border-radius:10px; width:100%; text-align:center; margin-left:15px; position:relative; font-family:"font-bold", sans-serif;} a.next-result:hover {background: #053c42;} .res-stats {background:#fff; width:100%; border-radius:10px; padding:20px 25px; margin:25px 0; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; display:flex; justify-content:space-between;} .res-stats div.jp, .res-stats div.ls {text-align:left; display:flex;} .res-stats div.tw {text-align:right; display:flex;} .res-stats div div:first-child {margin-right:5px;} .prevBox {background: #1237d6; background:radial-gradient(circle, #1237d6 0%, #22007c 100%); position:relative; width:100%; padding:30px; color:#fff; border-radius:10px; margin:25px 0; overflow:hidden; display:flex; justify-content:space-between; align-items:center; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .prevBox p {margin-bottom:0; z-index:2; position:relative;} .prevTitle {font-size:24px; font-family:"font-bold", sans-serif; margin-bottom:10px!important;} .prevBox a {z-index:1; height:fit-content; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .btn-white {background:#fff; color:#002868; font-size:18px; border-radius:50px; padding:12px 18px; text-decoration:none; font-family:"font-bold", sans-serif;} .btn-white:hover {background:#002868; color:#fff; font-size:18px; border-radius:50px; padding:12px 18px; text-decoration:none; font-family:"font-bold", sans-serif;} .btn-yellow {background:#ff0; color:#000; border-radius:6px; padding:10px 20px; text-decoration:none; font-family:"font-bold", sans-serif;} .btn-yellow:hover {background:#ffe600; color:#000; text-decoration:none;} .dropdown {display: inline-block; background: #F0F0F0; border: 1px solid #DDD; padding: 4px 10px; border-radius: 30px; position:relative;cursor: pointer; white-space: nowrap; min-width: 140px; margin-left:15px; user-select: none; text-align: left;} .dropdown > span {display: block; font-weight: 700; z-index: 6; width: 100%; padding-right: 30px; line-height: 22px;} .dropdown > span > *, .dropdown img {vertical-align: middle;} .dropdown > span > img {left: -4px; margin-right: 0;} .dropdown img {margin-right: 5px; display: inline-block;} .dropdown > span > sup {top: -5px;} .dropdown > span:after {content: ""; background-image: url(/images/layout/chevron-black.svg); position: absolute; right: 15px; top: 8px; height: 12px; width:12px; background-size:12px 12px;} .dropdown ul {background: #F0F0F0; border: 1px solid #DDD; border-top: 0; border-bottom: 0; position: absolute; top: 18px; left: -1px; width: calc(100% + 2px); z-index: 3;list-style-type: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; transition: .2s all ease; border-radius: 0 0 20px 20px;} .dropdown ul li:first-child {margin-top: 12px;} .dropdown ul li:last-child {margin-bottom: 6px;} .dropdown ul li {display: block;} .dropdown ul li > * {display: block; color: #333; text-decoration: none; padding: 2px 10px; font-size: 0.9em;} .dropdown ul li > *:hover {background: #0042B0; color: #FFF;} .dropdown.active {z-index: 9;} .dropdown.active ul {max-height: 400px; border-bottom: 1px solid #DDD; box-shadow: rgba(0,0,0,0.2) 0 10px 10px; overflow: auto; padding: 5px 0; z-index:-1;} .past {position:relative; margin:0 0 10px 0; background:#22007c; border-radius:10px 10px 0 0; padding:10px; text-align:center;} .dropdown.long ul {width:240px;} .dropdown.long, .dropdown.long.active {min-width:240px;} .splitContainer {background:#fff; margin:-10px 0 15px 0; width:100%; display:flex;} .splitContainer .splitFirst.main{background:#0075b5; height:24px; color:#fff; text-align:right; padding:3px 5px 5px 0; border-top-left-radius:30px; border-bottom-left-radius:30px; border-right:solid 1px #fff; font-size:14px;} .splitContainer .splitLast.plus{background:#6d13e2; height:24px; color:#fff; text-align:left; padding:3px 0 5px 5px; border-top-right-radius:30px; border-bottom-right-radius:30px; font-size:14px;} .splitContainer .splitFirst{background:#1237d6; height:24px; color:#fff; text-align:right; padding:3px 5px 5px 0; border-top-left-radius:30px; border-bottom-left-radius:30px; border-right:solid 1px #fff; font-size:14px;} .splitContainer .splitLast{background:#0654c9; height:24px; color:#fff; text-align:left; padding:3px 0 5px 5px; border-top-right-radius:30px; border-bottom-right-radius:30px; font-size:14px;} .splitContainer .splitFirst.irishmain {background:#169b62; height:24px; color:#fff; text-align:right; padding:3px 5px 5px 0; border-top-left-radius:30px; border-bottom-left-radius:30px; border-right:solid 1px #fff; font-size:14px;} .splitContainer .splitMiddle.irishplus1 {background:#fff; height:24px; color:#000; text-align:center; padding:3px 0 5px 0; border-right:solid 1px #fff; font-size:14px;} .splitContainer .splitLast.irishplus2 {background:#ff883e; height:24px; color:#fff; text-align:left; padding:3px 0 5px 5px; border-top-right-radius:30px; border-bottom-right-radius:30px; font-size:14px;} .jackpotWinnerBox {border:solid 2px #fff; background:#b100ff; background:linear-gradient(135deg,#00c2ba 0%,#b100ff 100%); padding:16px 25px; text-align:center; margin:20px 0; border-radius:10px; color:#fff; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .jackpotWinnerBox p {margin-bottom:0;} .jackpotWinnerBox p img {width:18px; height:18px; margin-right:10px; margin-bottom:-3px;} .draw-facts {border-radius:12px; position:relative; text-align:center; overflow:hidden; background:#fff; background:linear-gradient(90deg, rgba(255,255,255,1) 53%, rgba(252,252,252,1) 100%); color:#000; margin-bottom:20px; border: solid 1px #e3e3e3} .draw-facts:before {position:absolute; content:""; background-image:url(/images/layout/stats-bg.svg); background-size:360px 180px; width:360px; height:180px; top:-80px; left:-10px;} .draw-facts h3 {margin-bottom:15px; margin-top:25px;} .winner-stats {display:flex; justify-content:space-between; letter-spacing:-.3px; align-items:center; padding:12px 20px; border-bottom:solid 1px #e3e3e3; color:#565656} .winner-stats span {font-family:"font-bold", sans-serif; color:#000} .winner-stats span img {margin-left:1px; margin-bottom:1px;} .draw-facts .winner-stats:last-child {margin-bottom:3px; border-bottom:none;} .stats-double {display:flex; flex-direction:column; text-align:end;} .percentage-change {font-family:"font-regular", sans-serif!important; font-size:13px;} .percentage-change.red {color:#ff0000;} .percentage-change.green {color:#00a900;} .small-text {font-size:14px; padding:2px; border-radius:8px; margin-bottom:8px;} .combinedJackpots {text-align:center; position:relative; max-width:351px; margin:0 auto 30px auto; border:solid 1px #e3e3e3; border-radius:12px; z-index:0;overflow:hidden; padding:30px; background:rgb(163,0,0); background: linear-gradient(147deg, rgb(3 94 212) 0%, rgb(213 22 230) 100%); color:#fff;} .combinedJackpots:before {animation-name:whiteBox; animation-duration:1.2s; animation-fill-mode:forwards; transform:rotate(358deg); background:#fff; height:55px; content:""; position:absolute; top:164px; left:-7px; box-shadow:0 3px 7px #43228a;} .combinedJackpots:after {position:absolute; content:""; background:url(/images/layout/wave-bg.png); background-size:385px 187px; width:385px; height:187px; bottom:0; right:-20px; z-index:-1; opacity:.8;} .combinedHeading {font-family:"font-bold", sans-serif; font-size:20px; margin-bottom:15px;} .combinedJackpots p {line-height:25px;} .combinedAmount {margin:20px 0; font-family:"font-bold", sans-serif; text-transform:uppercase; color:#1237d6; font-size:42px; transform:rotate(358deg); opacity:0; animation-name:jackpotAnimate; animation-delay:1.3s; animation-fill-mode:forwards; animation-duration:.8s;} .combinedLinks {display:flex; flex-direction:column; margin-top:35px; width:100%} .combinedLinks div {width:100%; padding:5px 0} .combinedJackpots img {margin-top:25px; opacity:.8;} .combinedLinks a {border-radius:50px; padding:10px; letter-spacing:-.5px; text-decoration:none; font-family:"font-bold", sans-serif; color:#000; text-align:center; border:solid 1px #1237d6; background:#ffe000; display:block; width:100%;} .combinedLinks a:hover {background:#fff;} @keyframes jackpotAnimate {0% {transform:scale(3) rotate(358deg); opacity:1;} 50% {transform:scale(.9) rotate(358deg); opacity:1;} 100% {transform:scale(1) rotate(358deg); opacity:1;}} @keyframes whiteBox {0% {width:0%; left:-500px;} 100% {width:120%; left:-7px}} .jackpotsTitle {text-align:center; margin-bottom:20px; font-size:24px; line-height:26px; color:#616161; font-family:"font-bold", sans-serif; letter-spacing:-.7px;} .sideJackpot {border-radius:12px; padding:20px; z-index:0; margin-bottom:20px; background:#fff; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; border:solid 1px #969696; position:relative; overflow:hidden;} .sideJackpot:after {position:absolute; content:""; background:url(/images/layout/wave-bg.png); background-size:385px 187px; width:385px; height:187px; bottom:0; right:-80px; z-index:-1; opacity:.7;} .sideJackpot.pb {background:linear-gradient(0deg, rgba(255,56,56,1) 0%, rgba(201,0,0,1) 100%); color:#fff;} .sideJackpot.mm {background:linear-gradient(176deg, rgba(0,47,196,1) 0%, rgba(18,64,255,1) 100%); color:#fff;} .sideJackpot.slp {background:linear-gradient(176deg, rgb(189 98 0) 0%, rgb(237 164 0) 100%); color:#fff;} .sideAmount {font-family:"font-bold", sans-serif; margin:8px 0 12px 0;font-size:26px; text-shadow:0 1px 3px #00000078;} .sideLink {margin:10px 0 15px 0; padding-top:30px; border-top:solid 1px #ffffff8f;} .sideLink a {text-decoration:none; font-family:"font-bold", sans-serif; color:#000; background:#fff; border-radius:50px; text-align:center; padding:10px 23px; letter-spacing:-.2px;} .sideLink a:hover {background:#ffe000; color:#000;} .white-bg {background:#fff;} .multiGameBlock {display:flex; flex-direction:column; align-items:end} .gameContainer {margin-top:25px; display:flex;justify-content:end;align-items:center;} .gameContainer span {margin-right:10px; font-family:"font-bold", sans-serif;} .gameContainer ul li.pokerCard span {margin-right:0px;} .gameContainer.subGame ul.balls li {width:34px; height:34px; line-height:34px; font-size:18px;} .gameContainer ul li:last-child {margin-right:0;} .keno-two-draws {display:flex;} .keno-evening {margin-left:30px;} .secondaryResult {display:flex; flex-direction:column; align-items:end;} .gameContainer.twoSides {margin-top:0;} .quickDrawArchive {display:flex; justify-content:center; margin-bottom:20px;padding:8px; width:100%; border-radius:14px; background:#fff; border:solid 2px #5867e4; align-items:center;} .quickDrawArchive .selector {height:fit-content; margin:0 20px 0 5px; border-radius:20px; padding:6px; cursor:pointer;} .moneyDotAmount {font-family:"font-bold", sans-serif; color:#0056ff; margin-left:5px;} .draw-history-link {background:#5867e4; border-radius:50px; padding:13px 27px; text-align:center; color:#fff; text-decoration:none; line-height:16px; font-size:14px; text-transform:uppercase; font-family:"font-bold", sans-serif; border:none; cursor:pointer;} .draw-history-link:hover {background:#1327d1;} .draw-history-notice {text-align:center; width:100%; padding:10px; background:#f5f5f5; font-family:"font-bold", sans-serif; margin-bottom:20px;} .resultTime {font-family:"font-bold", sans-serif; color:#fff; margin-right:10px; align-content:center;} /* Balls */ .balls, .smartpicks-box .centred {display:flex;} .balls.stacked {flex-wrap:wrap;} .ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {background:#f7f7f7; width:40px; height:40px; line-height:40px;border-radius:50%; text-align:center; font-size:20px; font-family:"font-bold", sans-serif; margin-right:5px; color:#000; list-style:none; box-shadow:0 0 1px 1px #0000007d;} .ball {position: relative; transform-style: preserve-3d;} .balls.stacked .ball {margin:3px;} .balls.white li {color:#fff; font-size:1.1em;} .ball.small {width:30px; height:30px; line-height:30px; font-size:13px;} .balldisabled, .bonus-balldisabled, .ball.disabled {opacity:.3} .ball.bonus-ball {background:#d91637; color:#fff; margin-left:5px; margin-right:0;} .ball.lucky-ball {background:#37e59f; margin-left:5px; margin-right:0;} .ball.powerball {background:#df1212; color:#fff; margin-left:5px; margin-right:0;} .ball.fireball {background:#eb4700; color:#fff; margin-left:5px; margin-right:0;} .ball.mega-ball {background:#ffe239; color:#000; margin-left:5px; margin-right:0;} ul li.ball.lucky-star:last-child{margin-right:0;} ul .ball.lucky-star:last-child {margin-left:5px;} .ball.bonus-ball:after, .ball.lucky-ball:after, .ball.powerball:after, .ball.mega-ball:after, .ball.fireball:after {content:"BB"; display:block; font-size:12px; line-height:12px; margin-top: -5px; color:#000; background:#fff; padding:2px 6px; border-radius:20px; border:solid 1px #000000ad;} .ball.lucky-ball:after {content:"LB"} .ball.powerball:after {content:"PB"} .ball.mega-ball:after {content:"MB"} .ball.fireball:after {content:"FB"} .ball.power-play {background:none; width:110px; height:unset; line-height:40px; border-radius:0; text-align:left; margin-left:15px; color:#000; list-style:none; box-shadow:none; position:relative;} .ball.power-play:after {position:absolute; content:"x Power Play"; font-family:"font-regular", sans-serif; font-size:14px; bottom:-1px; text-align:left;} .ball.megaplier {background:none; width:110px; height:unset; line-height:40px; border-radius:0; text-align:left; margin-left:15px; color:#000; list-style:none; box-shadow:none; position:relative;} .ball.megaplier:after {position:absolute; content:"x Megaplier"; font-family:"font-regular", sans-serif; font-size:14px; bottom:-1px; text-align:left;} .ball.hot {background:#ff4600; color:#fff; position:relative; z-index:1; margin-right:0;} .ball.hot:before {position:absolute; content:""; background-image:url(/images/layout/flame.svg); background-size:23px 23px; width:23px; height:23px; top:-10px; right:-10px; z-index:0} .ball.predicted {box-shadow:0 0 1px 1px #039600fc; color:#039600fc;} .ball.hotball {box-shadow:0 0 1px 1px #ffc6a2fc; color:#ff3900;} .ball.coldball {box-shadow:0 0 1px 1px #a2d1fffc; color:#0064ff;} .pick-10-balls ul {margin-bottom:15px;} .pick-10-balls ul:last-child {margin-bottom:0;} .pick-10-balls-10-wide {display:flex; justify-content:start; flex-wrap:wrap;} .pick-10-balls-10-wide ul:first-child {margin-bottom:15px;} .derby-res li {padding:10px 35px; margin:6px 0; border-radius:6px; border:solid 1px #dadada; position:relative; font-size:1.12em;} .derby-res li:before {transform:rotate(6deg);} .derby-res li.derby-first:before {position:absolute; left:-18px; top:-6px; content:""; background-image:url(/images/layout/gold-medal.svg); background-size:40px 40px; width:40px; height:40px;} .derby-res li.derby-second:before {position:absolute; left:-18px; top:-6px; content:""; background-image:url(/images/layout/silver-medal.svg); background-size:40px 40px; width:40px; height:40px;} .derby-res li.derby-third:before {position:absolute; left:-18px; top:-6px; content:""; background-image:url(/images/layout/bronze-medal.svg); background-size:40px 40px; width:40px; height:40px;} .derby-res li.derby-time {background:#2e2e2e; color:#fff; text-align:center; padding:10px 15px;} .derby-res li.derby-time strong {color:#eeff3b; margin-left:8px; letter-spacing:1px; font-size:19px!important;} .derby-past-numbers {display:flex; justify-content:center; text-align:center;} .overview-derby {align-items:center;} .overview-derby li {width:60%; background:#fff;} .checkerResult.previousResults ul li.ball.power-play { background: none !important; border: none !important; box-shadow: none !important; color: #000; margin-top: -5px; padding-left: 10px; margin-left: 5px; width: 60px !important; align-content: center; position: relative; height: 50px; font-size: 1.2em; } .checkerResult.previousResults ul li.ball.power-play:before { content: "x"; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size: .8em; } .checkerResult.previousResults ul li.ball.power-play:after { content: "Power Play"; position: absolute; left: 0px; bottom: -40%; font-size: .6em; display: block !important; } .checkerResult.previousResults ul li.ball.megaplier { background: none !important; border: none !important; box-shadow: none !important; color: #000; margin-top: -5px; padding-left: 10px; margin-left: 5px; width: 60px !important; align-content: center; position: relative; height: 50px; font-size: 1.2em; } .checkerResult.previousResults ul li.ball.megaplier:before { content: "x"; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size: .8em; } .checkerResult.previousResults ul li.ball.megaplier:after { content: "Megaplier"; position: absolute; left: 0px; bottom: -40%; font-size: .6em; display: block !important; } /* Buttons */ .btn-wrap {display:inline-block;} .btn, .link-button {background:#5867e4; border-radius:8px; padding:13px 27px; text-align:center; color:#fff; text-decoration:none; display:inline-block; line-height:16px; font-size:14px;} .btn:hover, .link-button:hover {background:#6677ff; transition:all ease .2s; color:#fff;box-shadow:none; text-decoration:none; box-shadow:#00000040 0 2px 3px;} .btn.alt { color:#000; background-color:#ffbe00} .btn.alt:hover {background-color:#ffdb70; color:#000;} .btn.cta {background:#ffbc00; color:#000; position:relative;transition:all ease .2s;} .btn.cta.arrow:before {background:#ffbc00; content:""; width:15px; height:15px; transform:rotate(45deg); border-radius:4px; top:-5px; right:45%; position:absolute;transition:all ease .2s;} .btn.cta.arrow:hover:before {background:#ffd400;transition:all ease .2s;} .btn.cta:hover {background:#ffd400; color:#000;} .menu.btn.cta:before {display:none;} .menu.btn.cta:after {display:none;} .menu.btn.cta {transition:0.2s;} .menu.btn.cta:hover {transition:0.1s; box-shadow:#0000002e 0px 2px 10px;} .btn.big {font-size:24px; padding:10px 20px; line-height:24px} a.textLink:hover {color:#1237d6;} a.textLink {color:#6479ff; font-family:"font-bold", sans-serif;} /* FAQS */ .faq-title { background-color: #f8f8f8; padding: 13px; cursor: pointer; font-family:"font-bold", sans-serif; letter-spacing:-.6px; display: flex; justify-content: space-between; align-items: center; border-radius:4px; font-size:1.1em;} .toggle-icon {font-size: 1.2em;} .faq-box { border: 1px solid #ccc; margin: 12px 0; border-radius:4px;} .faq-content { max-height: 0; overflow: hidden; opacity: 0; padding: 0 13px;} .faq-content.show { max-height: 1000px; /* An arbitrarily large value to accommodate the content */ opacity: 1; padding: 13px;} .hot-spot-title {background-color:#1237d6; color:#fff; padding: 10px;cursor: pointer; font-family: "font-bold", sans-serif; display: flex;justify-content: space-between;align-items: center; border-radius:10px;} .toggle-icon {font-size: 1.2em;} .hot-spot-dropdown {margin: 5px 0 15px 0;} .hot-spot-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out, opacity 0.3s ease-out;opacity: 0; display:none;} .hot-spot-content.show {max-height: 1000px; opacity: 1;display:block; margin-top:-8px;} /* TABLES */ table {width:100%;} /* table:last-child {margin-bottom:0;} */ .prizeBreakdownBox table tr td {padding:7px 0px;} table thead th {color:#fff; font-family:"font-bold", sans-serif; border-spacing:0; padding:10px; border:none;background:#1237d6;} table thead tr th:first-child {border-top-left-radius:10px;} table thead tr th:last-child {border-top-right-radius:10px;} table tr td {background:#fff; padding:18px 10px; vertical-align:middle; line-height:22px;} table tr {border-bottom:solid 1px #e9e9e9;} table tr:last-child {border-bottom:none;} table tbody td.single {border-radius:0 0 25px 25px!important;} table tr.alt td {background:#f4f4f4} table.leftAl {text-align:left;} table .leftAl {text-align:left!important;} table caption {text-align:center; margin-bottom:10px; color:#8b8b8b;} table tbody tr:last-child td.bottom {border-radius:0 0 25px 25px;} table tr.jackpot-ticket td {padding:0;} table tr.totals-row td {background:#373737!important; color:#fff;font-family:"font-bold", sans-serif;} table tr td.strong {font-family:"font-bold", sans-serif;} table tr td.rolldown-heading {background: linear-gradient(90deg,#b48200 0%,#f0d200 100%)!important; background: #b48200; color:#fff!important; padding:10px!important; font-family:"font-bold", sans-serif; position:relative;} table tr td.rolldown-heading:after {position:absolute; content:""; width:10px!important; height:10px!important; background:#b48200!important; transform:rotate(45deg)!important; bottom:-5px!important; left:14px!important;} table.hp-stats-table thead th {background:#1237d6; color:#fff;} table.hp-stats-table tbody tr:nth-child(even) td {background-color:#fafcff;} table.hp-stats-table tbody tr td:last-child {font-family:"font-bold", sans-serif; text-align:right; color:#ff2f00;} table.hp-stats-table thead tr th:last-child {text-align:right; background:#ff2f00 } table.res-breakdown-table {box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:10px;} table.res-breakdown-table thead th {background:#1237d6; color:#fff;} table.res-breakdown-table thead th:first-child {border-top-left-radius:10px;} table.res-breakdown-table thead th:last-child {border-top-right-radius:10px;} table.res-breakdown-table tbody tr:nth-child(odd) td {background-color:#fafcff;} table.res-breakdown-table tbody tr:last-child td:first-child {border-bottom-left-radius:10px;} table.res-breakdown-table tbody tr:last-child td:last-child {border-bottom-right-radius:10px;} table.res-breakdown-table tbody .prize-heading {color:#fff!important; background:#1c0060!important; padding:10px!important; font-family:"font-bold", sans-serif; position:relative;} table.res-breakdown-table tbody .prize-heading:after {position:absolute; content:""; width:10px!important; height:10px!important; background:#1c0060!important; transform:rotate(45deg)!important; bottom:-5px!important; left:14px!important;} table.past-results thead th {text-align:left;} table.past-results tbody tr td:last-child {text-align:right;} table.past-results tbody tr td, table.past-results thead tr th {padding:23px;} table.past-results.mobFormat tr.winnerRow td {background:#fffeda!important;} table.past-results.mobFormat tr.winnerRow {background:#fffeda!important;} table.past-results.mobFormat tr td.monthRow {background:#22007c!important; padding:10px 0; text-align:center!important; color:#fff!important;} table.past-results.mobFormat tr td.monthRow:after {display:none;} table.past-results tbody tr td ul.plus-1, table.past-results tbody tr td ul.plus-2 {margin-right:0;} table.overview tbody tr td {background:unset; color:#fff; text-shadow:0 1px 3px #000;} table.overview tbody tr td:first-child {font-family:"font-bold", sans-serif; padding:18px 10px 18px 0;} table.overview tbody tr td:last-child {text-align:right; padding:18px 0 18px} table.basic thead th {width:50%;} table.basic tbody tr td {width:50%;} .border-box {border:solid 1px #dadada; padding:20px 35px; border-radius:14px; width:fit-content; text-align:center;} .border-box p {margin-bottom:10px;} .border-box ul {justify-content:center;} .hot-cold-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:20px; margin-bottom:25px;} .belowAverage {color:#dc3131; font-weight:700;} .belowAverage:after {content:"⇩"} .aboveAverage {color:#008000; font-weight:700;} .aboveAverage:after {content:"⇧"} tr.darker th {background:#06005d;} tr.darker th:first-child {border-top-left-radius:0;} tr.darker th:last-child {border-top-right-radius:0;} tr td span.cold {border:solid 2px #87cefa;border-radius:6px; padding:5px;} tr td span.hot {border:solid 2px #dc3131;border-radius:6px; padding:5px;} tr td span.cold.-fill {border:solid 2px #87cefa; background:#87cefa; border-radius:6px; font-family:"font-bold", sans-serif; padding:5px;} tr td span.hot.-fill {border:solid 2px #dc3131; background:#dc3131; color:#fff; border-radius:6px; font-family:"font-bold", sans-serif; padding:5px;} table tbody td.spot-define {text-align: center;padding: 10px;font-family: "font-bold";text-transform: uppercase;background:#efd610!important;} table tbody td.spot-odds {text-align: center;font-size: .94em;background: #22007c!important;color: #fff!important; padding:10px; border-radius:0 0 10px 10px!important;} table.hot-spot thead tr th:first-child, table.hot-spot thead tr th:last-child {border-radius:0;} /* GENERATORS */ .options {margin-top:35px;} .generate-more {width:100%; padding:30px 10px; border-radius:12px; border:solid 1px #dadada; background:#fefefe; text-align:center; position:relative; overflow:hidden;} .generate-more .options {border-radius:50px; border:solid 1px #dadada; background:#fff; align-items:center; padding:10px 0; margin:20px 0;} .generate-more p {margin-bottom:0;} .generate-more .row {justify-content:center;align-items:center; margin-bottom:20px; border-bottom:solid 1px #dadada; padding-bottom:20px; transition:0.2s ease-in-out; flex-direction:column} .generate-more .generate-row:hover {transform:scale(1.1); transition:0.2s ease-in-out;} .generate-more .row .balls {margin-left:20px;} .generate-more .generate-row {margin-bottom:20px;} .half-generator {width:50%;} .spin-bg {position:relative; overflow:hidden; height:393px;} .spin-bg:after {content:""; position:absolute; top:-50%; left:-18%; background-image: url(/images/layout/generator-bg.jpg); z-index:0;background-size:800px 800px; width:800px; height:800px; align-self:center; animation: spinBg 100s infinite linear;} @keyframes spinBg {0% {transform:rotate(0deg)} 100% {transform:rotate(359deg)}} .half-generator ul, .half-generator div {z-index:1; position:relative;} .two-line-gen-ball {margin-bottom:15px;} .flex-generate ul.balls {display:flex; flex-wrap:wrap; justify-content:center;} .flex-generate ul.balls li {margin-bottom:10px;} /* CHECKERS */ .checkerGrid {padding:35px; border-radius:12px; background: #fff; position:relative; z-index:1;} .checkerGrid p {margin-bottom:0;} .checkerGrid .grid {display:flex;flex-direction:column; gap:15px;} .checkerGrid ul {flex-wrap:wrap; gap:20px 7px; margin-bottom:15px;} .checkerGrid ul li {cursor:pointer; background:#fff; width:58px; height:44px; line-height:44px; border-radius:8px; box-shadow:0px 5px 12px -5px #00000073; user-select:none; transition:.3s all ease;} .checkerGrid ul li:hover {transition:.3s all ease; transform:scale(1.12);} .checkerGrid ul li:after {display:none!important;} .ballselected {background:#002868!important; color:#fff;} .checkerGrid.numbersGame {text-align:center;} .checkerGrid.numbersGame .grid {align-items:center;} .checkerGrid.numbersGame #checkerStatus {margin-bottom:20px;} .checkerGrid ul li.powerball {color:#000; border:solid 2px #df1212; line-height:41px; background:#fff;} .checkerGrid ul li.powerballselected {background:#df1212; color:#fff; border:solid 2px #df1212; line-height:41px; margin-right:0!important; margin-left:5px;} .checkerGrid ul li.powerballdisabled {border:solid 2px #fff; opacity:.3; line-height:41px; margin-right:0!important; margin-left:5px;} .checkerGrid ul li.mega-ball {color:#000; border:solid 2px #ffe239; line-height:41px; background:#fff;} .checkerGrid ul li.mega-ballselected {background:#ffe239; color:#000; border:solid 2px #ffe239; line-height:41px; margin-right:0!important; margin-left:5px;} .checkerGrid ul li.mega-balldisabled {border:solid 2px #fff; opacity:.3; line-height:41px; margin-right:0!important; margin-left:5px;} .checkerGrid ul li.cash-ball {color:#000; border:solid 2px #41377a; line-height:41px; background:#fff;} .checkerGrid ul li.cash-ballselected {background:#41377a; color:#fff; border:solid 2px #41377a; line-height:41px; margin-right:0!important; margin-left:5px;} .checkerGrid ul li.cash-balldisabled {border:solid 2px #fff; opacity:.3; line-height:41px; margin-right:0!important; margin-left:5px;} .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:#002868; 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:"font-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:"font-bold", sans-serif; border:solid 2px #808080;} .checkResults {background:#002868; 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:#fff; text-decoration:none; background:#1b53ad;} .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 {width:42px!important; height:36px!important; line-height:36px!important; font-size:16px; margin-right:1px; cursor:default;} .checkedNumbers ul li.powerball, .checkerResult.previousResults ul li.powerball {border:0; background:#df1212; color:#fff;} .checkedNumbers ul li.mega-ball, .checkerResult.previousResults ul li.mega-ball {border:0; background:#ffe239; color:#000;} .checkedNumbers ul li.cash-ball, .checkerResult.previousResults ul li.cash-ball {border:0; background:#41377a; color:#fff;} .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;} .checkerResult.previousResults ul li {cursor:default; width:42px!important; height:36px!important; line-height:36px; font-size:16px; margin-right:1px;} .checker-results-box {padding:30px; text-align:center; align-items:center; border-radius:12px; border:solid 1px #e1e1e1;} .checker-results-box .date {font-family:"font-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:#002868; width:fit-content; margin:15px auto 0} .checker-results-box .winnings:before {position:absolute; content:""; } .checker-results-box .ball {border:solid 2px #05d505!important; line-height:33px!important} .winningTable table {margin-top:10px; border-spacing:0;} .winningTable table tr {border-bottom:solid 2px #fff; margin-bottom:2px;} .winningTable table tr td {padding:11px;} .winningTable table tr:first-child td {background:#210178; font-family:"font-bold", sans-serif; color:#fff;} .winningTable table tr:nth-child(2) td {background:#3c13aa; font-family:"font-bold", sans-serif; color:#fff;} .winningTable table tr:nth-child(3) td {background:#4c22ba; font-family:"font-bold", sans-serif; color:#fff;} .winningTable table tr:nth-child(4) td {background:#5c31cd; font-family:"font-bold", sans-serif; color:#fff;} .winningTable table tr:nth-child(5) td {background:#6e41e5; font-family:"font-bold", sans-serif; color:#fff;} .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;} /* TICKETS PAGE */ .ticketsContainer {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:25px; row-gap:25px; margin-bottom:45px;} .ticketsBox {background: #1237d6; background:linear-gradient(180deg,#1237d6 0%, #22007c 100%); border-radius:12px; position:relative; padding:7px 7px 20px 7px; transition:0.2s ease; text-align:center; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .ticketsBox:hover {transform:scale(1.03); transition:0.2s ease; box-shadow:rgba(0,0,0,.6) 0 19px 50px -5px;} .ticketsBox:hover .timerBox ul li {color:#ff0000; } .ticketsBox img {margin:15px 0;} .ticketsBox .loading-bar {background:#efefef; width:50%; margin:0 auto 10px auto;} .ticketsTitle {font-family:"font-bold", sans-serif; font-size:1.4em; margin-top:-4px; margin-bottom:20px;} .ticketsBox .box {border-radius:10px; background:#fff; padding:20px 15px 15px 15px; position:relative; box-shadow:0 0 black; min-height:230px;} .ticketsBox .box:after {content:""; background:#fff; width:20px; height:20px; position:absolute; bottom:-5px; left:46.5%; transform:rotate(45deg);} .ticketsBox .timerBox {width:100%;} .ticketsBox .timerBox ul li {color:#000;} .ticketsBox .jackpot {color:#fff; font-family:"font-bold", sans-serif; font-size:1.6em; padding-top:20px;} .ticketsBox .jackpot .smaller {font-size:.9em;} .ticketsBox .box p.timeRemaining {margin-bottom:20px; position:absolute; top:-5px; right:-3px; text-align:right; background:#123ed6; padding:0px 10px; color:#fff; text-transform:uppercase; font-size:12px; font-family:"font-bold", sans-serif; border-radius:0 10px 0 4px;} .ticketsBox .play-link {background:#fd0; color:#000; border-radius:10px; padding:10px 20px; width:50%; text-decoration:none; font-family:"font-bold", sans-serif;} .ticketsBox .play-link:hover {background:#ffd400} .ticketsBox .ticketsCta {margin:20px 0 10px 0;} .ticketsBox .unavailable p {line-height:20px; color:#fff; margin-bottom:0;} /* Footer */ footer {background:#1237d6; margin-top:50px;} footer .inner {width:1200px; margin:0 auto; padding:35px 0;} footer .logo-box {display:flex; justify-content:center; flex-direction:column} footer img {width:200px;} footer p.copyright {color:#fff; margin-top:40px;} footer p.age {color:#ffcada; font-size:15px; line-height:24px; margin-bottom:0px; text-align:right} footer ul {display:flex; justify-content:center; flex-wrap:wrap} footer ul li a {margin:15px; display:block;} footer .smallbits {color:#b2b8ff;} footer .smallbits p {margin-bottom:20px; line-height:24px; width:100%; margin-top:20px; font-size:15px; color:#fff; text-align:center;} footer .lotteryLinks {padding:40px 0 0 0;} ul.links {display:inline-block; margin:0 0 0 36px; text-align:right;} ul.links li a {color:#fff; font-size:16px; text-underline-offset:3px;} ul.links li a:hover {color:#ffe000} ul.links-details {background:#fff; padding:2px 18px; border-radius:40px; width:fit-content; margin:30px auto 5px auto; box-shadow:rgba(0,0,0,.4) 0 8px 50px -10px;} ul.links-details li a {color:#000; font-size:15px; text-decoration:none; transition:0.2s ease-in-out; font-family:"font-bold",sans-serif;} ul.links-details li a:hover {color:#0654c9; font-size:15px; transition:0.2s ease-in-out;} .aff-logo {width:50px; margin: 0 0 0 20px} .gen-box .ball.active {animation-duration:.2s;animation-name:pop;} .gen-box.info .top {display:flex; margin-bottom:30px} .gen-box.info .img-box {margin-right:20px;} .gen-box.info .img-box img {max-width:none;} .games {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; margin-bottom:30px} .games a {text-align:center; display:flex; flex-direction:column; font-family:"font-bold", sans-serif; font-size:18px;} #controlBox {transition: all .3s ease;} .draw-schedule-container {display:flex; flex-wrap:wrap;} .draw-schedule-container .draw-schedule-draw {margin:10px; background:#fff; border:solid 1px #dadada; padding:15px 33px; border-radius:8px; display:flex; justify-content:space-between; width:100%; text-align:center; color:#000; align-items:center;} .draw-schedule-container .drawName {font-family:"font-bold", sans-serif; font-size:1.1em;} .draw-schedule-container .drawTime {position:relative; padding-left:30px; margin:6px 0; font-family:"font-bold", sans-serif;} .drawTime img {margin-right:5px;} .draw-schedule {display: none;} .draw-schedule.active {display: block;} .draw-schedule-draw .times {display:flex;flex-direction:column;justify-content:end; text-align:right;} .draw-schedule-container .small-link {margin-top:20px; background:#ffd900; color:#000; padding:2px 10px; border-radius:20px; text-decoration:none; font-size:14px;} .draw-schedule-container .small-link:hover {background:#c18917; color:#fff;} #buttons-container {margin:20px auto;} .draw-days {border: solid 1px #f6f7fe; background: #f6f7fe;font-family: "font-regular", sans-serif;padding: 10px 30px;cursor: pointer; font-size:16px; position:relative; z-index:1;} .draw-days:hover {border:solid 1px #d2e3ff; background:#d2e3ff;} .draw-days.active {background:#002868; color:#fff; border:solid 1px #002868; cursor:default; transition:0s;} .draw-days.active:after {background:#002868; border-radius:1px; width:12px; height:12px; transform:rotate(45deg) translateX(-50%); bottom:-9px; position:absolute; z-index:-1; left:50%; content:"";} .draw-days.active:hover {border:solid 1px #000;} .drawDays.pickSelect {border-bottom:0; margin:0} .multiple-results-box { display: flex; align-items : baseline; justify-content: space-between; } @media (max-width: 1700px) { .full-width.colour-bg-split:before, .full-width.colour-bg:before {display:none} .full-width.colour-bg-split:after, .full-width.colour-bg:after {display:none} } @media (max-width:1080px) { .full-width.colour-bg-split {background:linear-gradient(180deg, #1237d6 50%, #22007c 50%); padding:10px 0 30px 0} .top-bar-grid {grid-template-columns:1fr;} .grid-result-area {padding-top:30px;} .set-overlap {padding-bottom:0!important;} .overlap {margin-top:0!important} .overview-grid .overview-section {width:49%!important} .sitemap-grid {grid-template-columns:1fr 1fr;} } @media (min-width: 1024px) { .toggle .navTitle {display:none;} nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 109px; box-shadow:none; background:#f0f0f0; border-radius:0 0 8px 8px; width:100%; height:fit-content; box-shadow: 0px 20px 20px 0px #0000001c; max-width:1200px; padding:25px;} header .inner nav li .subNav ul a {text-transform:unset; font-family:"font-regular"; color:#000; font-family:"font-bold", sans-serif;} header .inner nav li .subNav ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; column-gap:30px; row-gap:30px; padding-top:12px;} header .inner nav li .subNav ul li {margin:0 5px 5px;} header .inner nav > ul > li {margin-right: 0px} header .inner nav > ul > li:last-of-type {margin-right:50px} header .inner nav > ul > li.sub {margin:0!important; padding:20px 28px 0 28px;} header .inner nav > ul > li.sub:hover {background:#1237d6; color:#fff;} header .inner nav > ul > li.tickets {padding:0 28px;} header .inner nav > ul > li.tickets:hover {text-decoration:underline; color:#ff8f00; text-decoration-thickness:3px; text-underline-offset:3px; transition:0s} header .inner nav > ul > li.sub:hover a {color:#fff;} header .inner nav > ul > li.sub a {min-height:65px; margin-top:25px;} header .inner nav li .subNav ul a:hover {color:#2832ac; border-bottom:solid 2px #2832ac; padding-bottom:4px; transition:ease 0.1s;} nav > ul > li.sub > .linkStyle:after {content:"";width: 0; height: 0; border-style: solid;border-width: 8px 8px 0 8px;border-color: #fff transparent transparent transparent; margin-top:10px;} header .inner nav li .subNav .column {margin-bottom:20px; margin-left:15px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr;} header .inner nav li .subNav .column:last-child {margin-bottom:10px;} header .inner nav li .subNav ul li.subMenuItem a:hover {border-bottom:none} .subMenuItem {padding:15px 5px; border-bottom:solid 1px #dadada; margin-right:10px;} .subMenuItem:hover {box-shadow:inset 0 -2px 0 0 #0654c9;} .subMenuItem:hover a {border-bottom:none; color:#0654c9!important;} .menuHeading {font-family:"font-bold",sans-serif; font-size:20px; border-bottom:solid 1px #dadada; padding-bottom:10px;} .subNav .menuHeading {margin-top:10px; color:#000;} .subNav a.state-link {margin-top:8px!important;} .linkStyle {display:flex; flex-direction:column;} .subNav {opacity: 0; visibility: hidden; padding:11px 12px; border-radius:8px; width:fit-content; left:unset; right:0;} .other:hover .subNav {position:absolute; content:""; width:0; height:0; border-style:solid; border-width:0 15px 15px; border-color:transparent transparent #fff; top:-15px; left:50%; transform:translateX(787%); transition:all .2s ease;} .mLeftDesktop {margin-left:30px;} .sub-nav {display:flex; width:1200px; margin:auto;position:relative;margin:-100px auto 75px;} .sub-nav .logo-box {margin:0 0 0 260px;padding:8px 6px 12px; position:absolute;top:0;left:0;transform:translateY(-100px);z-index:1; width:90px; height:49px;} .sub-nav ul.sub-nav-list {display:flex; width:850px; margin-left:350px;position:absolute;top:0;left:0;transform:translateY(-100px);} .sub-nav ul li { flex-grow:1;border-right:1px solid rgba(0,0,0,.1);} .sub-nav ul li a {width:100%; height:100%; display:flex; text-align:center; color:#fff; padding:8px 10px; justify-content:center; font-size:14px; text-decoration:none; align-items:center;} .sub-nav ul li a:hover {background:rgba(0,0,0,.1);} .sub-nav ul li:last-child {border-right:none} .sub-nav .logo-box.active, .sub-nav ul.sub-nav-list.active{transform:translateY(0); transition:all ease .2s;} .boxNextJackpot.cash-4-life:before {content: "";background: #12983e;width: 25px;height: 25px;position: absolute;top: 23%;right: -11px;transform: rotate(45deg); z-index:-1;} .sitemap ul.bullet {display:flex; justify-content:start; flex-wrap:wrap;} .sitemap ul.bullet li {min-width:25%;} .hp-stats-overview .gen-box {width:50%;} .w70 {width:70%} .w30 {width:30%;} .w100 {width:100%;} .third {width:33%;} .full-width.blue-bg p {font-size:18px; line-height:34px; width:90%} .cta-box {} table.past-results.mobFormat tbody tr td:first-child {padding-left:15px;} table.past-results.mobFormat thead tr th:first-child {padding-left:15px;} table.past-results.mobFormat tbody tr td:last-child {padding-right:15px;} table.past-results.mobFormat tr.winnerRow td {background:#fffeda; vertical-align:middle;} .mRight.half-generator ul.balls li.ball {width:50px; height:50px; line-height:50px; font-size:24px; box-shadow:0 0 1px 1px #0000007d, 0 6px 42px 1px #afb9ffd4;} } @media (max-width:1248px) { header .inner {width:95%;} header .inner nav>ul>li {margin-right:50px; margin-bottom:12px; margin-top:6px;} header .inner nav li a {font-size:14px;} header .inner nav .subNav li a {padding:5px 15px;} #content {width:95%;} #breadcrumb {width:95%;} .content {width:95%;} .lottery-box .result-wrap {padding:15px 21px;} footer .inner {width:97%;} .full-width .container {width:95%} .hp-game {display:grid; grid-template-columns:1fr 1fr; position:relative;} .hp-game .gameJackpot, .hp-game .gameName, .hp-game .gamePlay {min-width:100%; margin-right:0;} .hp-game .gameTimer {min-width:80%;} .hp-game .gamePlay {min-width:33%; position:absolute; bottom:30px; right:0} .hp-game .gameName, .hp-game .gameJackpot {margin-bottom:15px;} .hp-game .gameJackpot {text-align:right;} .hp-game:last-child .gamePlay {bottom:10px;} .hp-draw {display:grid; grid-template-columns:.3fr .6fr 1.3fr 0.7fr; position:relative;} .hp-draw:hover {transform:none;} .hp-logo {max-width:12%; margin-bottom:0;} .hp-logo img {width:80px;} .hp-name {margin-right:0; min-width:18%; flex-wrap:wrap;} .hp-stats {text-align:right; padding-right:25px;} .hp-link {display:none} .hp-stats-overview .gen-box {width:100%;} .hp-stats-overview {flex-direction:column;} .cta-box {width:100%;} .mob-wrap {flex-wrap:wrap;} .cta-box {margin-bottom:20px; width:100%;} .cta-inner {display:flex; flex-direction:row; flex-wrap:wrap; padding:12px 15px; justify-content:space-between;} .cta-box .jp-amount {font-size: 28px; margin-bottom:15px} .cta-box .jp-timer {display:flex; flex-direction:column; align-items:end; margin:0; min-width:37%;} .cta-box .jp-timer span.timerText {display:none;} .cta-box .loading-bar {width:100%;} .full-width.blue-bg:after {display:none;} .res-block {flex-direction:column;} .res-block .w70, .res-block .w30, .full-width.blue-bg .w70 {width:100%;} .full-width.blue-bg .w30 {width:73%;} .res-block .w30 {margin-top:25px;} table.past-results.mobFormat thead, table.hp-stats-table.mobFormat thead {display: none;} table.past-results.mobFormat ul.balls {flex-wrap:wrap;} table.past-results.mobFormat ul.balls .powerball {margin-right:10px;} table.past-results.mobFormat, table.hp-stats-table.mobFormat {width: 100%; border: none;border-radius:0; background:#fff;} table.past-results.mobFormat tbody tr {display: flex; padding: 0!important; margin: 0!important; color:#0e0e0e; flex-wrap:wrap;} table.past-results.mobFormat tbody tr:nth-child(even) td, table.hp-stats-table.mobFormat tbody tr:nth-child(even) td {background:#fafcff; padding-left:15px; padding-right:15px;} table.past-results.mobFormat tbody tr:nth-child(even), table.hp-stats-table.mobFormat tbody tr:nth-child(even) {background:#fafcff; padding-left:15px; padding-right:15px;} table.past-results.mobFormat tbody tr td:first-child, table.hp-stats-table.mobFormat tbody tr td:first-child {padding-top:20px; padding-left:15px;} table.past-results.mobFormat tbody tr td, table.hp-stats-table.mobFormat tbody tr td {display: block; padding: 10px 15px 10px 15px; font-size:16px; text-align:left!important; border: none; background: #FFF; line-height: 16px;} table.past-results.mobFormat td:first-child {font-family: "font-bold",sans-serif;background:#fff; color:#000; padding:10px 0 5px 0; position:relative; width:100%;} table.past-results.mobFormat td.date-row, table.past-results.mobFormat td.balls-row, table.past-results.mobFormat td.link-row {width:100%;} table.past-results.mobFormat td.balls-row {margin-bottom:15px;} table.past-results.mobFormat td.stat-row {width:50%;} table.past-results.mobFormat td.gbj-row, table.past-results.mobFormat td.gbj-winners-row {margin:10px 0;} table.past-results.mobFormat td.link-row {padding-bottom:30px;} table.past-results.mobFormat td.link-row a {display:block; text-align:center; padding:12px 0;} table.past-results.mobFormat tbody td:before, table.hp-stats-table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: block; margin-bottom:6px; text-align: left; font-weight: normal; color:#808080;} table.past-results.mobFormat td.noBefore:before, table.hp-stats-table.mobFormat td.noBefore:before {display: none;} table.past-results.mobFormat td.colour, table.hp-stats-table.mobFormat td.colour {color:#0e0e0e;} table.past-results.mobFormat td.noMob, table.hp-stats-table.mobFormat td.noMob {display:none;} table.past-results.mobFormat td.colour a {color: #fff;} table.past-results.mobFormat td.noBefore:before, table.hp-stats-table.mobFormat td.noBefore:before {display: none !important;} table.hp-stats-table.mobFormat tbody tr {display: flex; padding: 0!important; color:#0e0e0e; flex-wrap:wrap;} table.hp-stats-table.mobFormat td:first-child {background:#1237d6!important; padding:10px 0 20px 0; color:#fff; width:100%!important} table.hp-stats-table tr td {width:50%;} table.hp-stats-table tr td:last-child {margin-bottom:10px;} table.hp-stats-table tbody tr:nth-child(even) {background:#fafcff;} table.hp-stats-table.mobFormat tbody tr td:first-child {margin-bottom:10px;} table.basic td.balls-row {margin-bottom:20px;} .half-generator {width:100%;} .options {display:flex; flex-wrap:wrap; padding:15px!important; border-radius:14px!important;} .options div {margin:15px!important;} .options p {width:100%; margin-bottom:15px;} .draw .resultBox:nth-child(2) {align-items:center; padding-left:20px;} .spin-bg:after {left:-119px;} .hot-cold-grid {grid-template-columns:1fr 1fr; row-gap:20px;} .bigText.mobFriendly {font-size:2.35em!important;} .errorLinks {grid-template-columns:1fr 1fr 1fr;} .errorPage #content {min-height:450px;} .draw-facts:before {left:50%; transform:translateX(-50%);} .derby-past-numbers {width:100%; margin-left:10px;} .derby-past-numbers .derby-res {width:100%} } @media (min-width: 1025px) and (max-width:1248px) { .hp-draw:hover .hp-link {background: #00000063; border-radius:12px; align-items:center; align-self:center; text-align:center; color:#fff; width:100%; height:100%; display:flex; position:absolute; top:0; left:0; justify-content:center;} .hp-draw:hover .hp-link:before {content:"View more results"; text-decoration:none; background:#fff; padding:10px 22px; border-radius:50px; color:#000; font-family:"font-bold",sans-serif;} .hp-draw:hover .hp-link img {display:none;} } @media (max-width: 1024px) { html,body {overflow-x:hidden; position: relative;} .h1,h1{margin-bottom: 13px; font-size: 30px; line-height:30px;} .h2,h2{margin-bottom: 15px; font-size: 22px; line-height:28px;} .h3,h3{margin-bottom: 15px; font-size: 20px; line-height:26px;} .h4,h4{margin-bottom: 8px; font-size: 18px; line-height:18px;} .h5,h5{margin-bottom: 5px; font-size: 16px; line-height:16px;} #breadcrumb {padding:5px 0;} header {width:100%} header .inner {width:100%; position:static; height:60px;} header .inner nav>ul>li {margin-right:0; margin-bottom:0; margin-top:0; background:#fff;} header .logoWrap { margin-left:15px; padding:25px} header .logo {width:120px;} header .logo img {max-width:none; margin:15px; display:inline-block; width:190px; height:auto; margin-left:20px} header.sub-nav-active {margin-bottom:0} nav {display:block;} .nav-flags {margin-left:10px; margin-top:35px;} .nav-flags:before {left:5px; font-size:14px; top:-28px;} .nav-flags img {margin:0 7px;} nav > ul {flex-direction:column; margin:0;position:relative;} nav > ul > li {width: 100%;display: block;margin: 0; position:relative; border-bottom:1px solid rgba(255,255,255,0.2);} nav > ul > li > a, .linkStyle {height:auto; justify-content:flex-start; align-items:flex-start;border-right:none;color: #fff; padding:15px;} nav > ul > li.sub > .expand{width:56px;height:100%; display:inline-block; position:absolute;top:0;right:0;} nav > ul > li.sub > .expand:after {content:"+"; position:absolute;top:0;right:0; width:54px;height:49px; color:#fff; line-height: 49px; text-align:center;font-size:22px; font-weight:700; background:#1b11a3;} nav > ul > li.sub.active > .expand:after {content:"-"} .navButton {width: 50px;height: 50px;overflow: hidden;position: absolute;right: 20px;top: 5px;transition: all ease 0.5s;z-index: 100;} .navButton span {display: inline-block;width: 30px;height: 3px;background: #020085;margin: 13px 0 0 10px;transition: all ease 0.5s; border-radius:8px} .navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #020085;transition: all ease 0.5s; border-radius:8px} .navButton span:before {margin-top: 10px;} .navButton span:after {margin-top: 7px;} .navButton.active span {transform: translateY(-50px);background: #1237d6;} .navButton.active span:before {transform: translateY(50px) rotate(45deg);background: #1237d6;} .navButton.active span:after {transform: translate(0, 40px) rotate(-45deg);background: #1237d6;} .toggle {opacity: 1;transition: all ease 0.5s;position: absolute;top: 0;right: 0;background:#fff; color:#1237d6; margin: 0;width: 100%;height: 100vh;z-index: 99; transform:translate(1040px,0); overflow-y:scroll;} .toggle.active {visibility: visible;opacity: 1;transition: all ease 0.5s; transform:translate(0,0); width:100%;} .toggle .navTitle {color: #1237d6;margin: 20px 0 19px 15px;position: relative;} .toggle .navTitle.splitter:after {left: 50%;transform: translateX(-50%);} .sub-nav {margin:-30px 0 0 0;width:100%;} .sub-nav ul.sub-nav-list {width:100%; transform:translate(0); margin:0;} .sub-nav .logo-box { transform:translate(0); margin:0;display:none;} header .toggle {min-height:100vh;} .subNav {background:#fff; border:none; flex-direction:column; width:100%;padding:0; top:0;max-height:0; transition: max-height .2s ease-in-out; overflow:hidden; position:relative; border-radius:0;z-index:-1} nav .sub.active .subNav {max-height:3000px;transition: max-height .2s ease-in-out; padding:15px; z-index:99} .menuHeading {font-family:"font-bold", sans-serif;} .subNav .menuHeading {margin-bottom:15px; margin-top:15px;} .subNav .column {display:grid; grid-template-columns: 1fr 1fr;} .subNav:before {display:none;} .subNav .row {flex-direction:column; display:inline-block;} .subNav .box {margin:30px 0 15px 0;} .subNav .lottomax ul a {margin-right:0;} .subNav .jackpotBox {display:none;} .subNav .box {border-radius:0;} .subNav .title {color:#fff; font-size:16px;} .subNav a {color:#fff; margin-bottom:15px; display:block;} .subNav li a { text-transform: none!important; font-family:"font-regular", sans-serif!important;} .subNav .links-inline {padding:20px; border-radius:0; margin:0 5px 15px} .subNav .box.small {width:100%;} .lottery-nav {display:none;} header .inner nav li a {font-size:16px;} #content, .homepage-top .results-box-wrap, .homepage-top .gen-box, .homepage-top .results-box {width: 97%} .gen-box, .homepage-top .title-box, .homepage-top .results-box, .homepage-top .check-results, .lottery-box .box, .lottery-box .jackpot-box {border-radius:8px;} .homepage-top .gen-box {order:2} .homepage-top .results-box-wrap {order:1;} .homepage-top .results-box {margin-bottom:0;} #breadcrumb {margin:0px 15px;} .pick-10-container .grid-result-area {padding-top:24px;} .full-width.pick-10-container {background:linear-gradient(180deg, rgba(0, 138, 152, 1) 36%, rgba(0, 109, 119, 1) 35%)} footer .inner {width:97%; text-align:center;} footer .inner .jc-bt {flex-direction:column;} footer p.age {width:100%; text-align:center;} footer .lotteryLinks {padding:15px 0 0 0;} footer ul.links {display:block; margin:0; text-align:center;} footer ul.links li a {margin:24px auto;} footer .logo-box {flex-direction:column;} footer .aff-logo {display:none;} .hp-draw {display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:unset; border-radius:12px; box-shadow:0 0 10px #0000002e; margin-bottom:25px; padding:30px 20px; position:relative;} .hp-draw:first-child {margin-top:30px;} .gen-box .hp-draw:last-child {padding:30px;} .hp-logo {width:15%; min-width:unset;} .hp-name {width:35%} .hp-result {width:50%;} .hp-result ul.balls {justify-content:end;} .hp-stats {width:91%; text-align:center; margin-top:15px; padding-top:20px; margin-bottom:-10px; padding-right:unset; border-top:solid 1px #cbcbcb; display:flex;justify-content:end;} .hp-stats p:nth-child(2), .hp-stats p:nth-child(3) {padding-left:30px;} .hp-stats p:last-child {padding-right:30px; position:relative;} .hp-stats br {display:none;} .hp-link {display:contents} .hp-link.button {display:flex; padding:21px 0 0 0; margin-bottom:-25px; width:9%; text-align:right; justify-content:end;} .clearBg {padding:0 20px;} .full-width.blue-bg {padding:30px 0 25px 0;} .recent-draws {justify-content:space-between; flex-direction:column; display:flex;} .resultBox {padding:25px 20px 40px 20px; display:flex; justify-content:space-between; align-items:center;} .draw {border:solid 1px #ebebeb; border-radius:10px; margin-bottom:30px; box-shadow:rgba(0,0,0,.04) 0 10px 10px -5px} .draw:hover {box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;} .resultBoxStats {display:flex; padding:8px; justify-content:space-around;background:#e1fcff; border-bottom-left-radius:8px; border-bottom-right-radius:8px; position:relative; z-index:1;} .resultBoxStats p {margin-bottom:0; color:#003a41;} .resultBoxStats:before {position:absolute; content:""; height:30px; width:30px; background:#e1fcff; top:-7px; left:10px; transform:rotate(45deg); z-index:-1;} .details-btn {background:#ffd900; color:#000; border-radius:50px; padding:10px 20px; text-decoration:none; font-family:"font-bold", sans-serif;} .details-btn:hover {text-decoration:none; background:#c18917; color:#fff;} .how-to-grid {flex-direction:column;} .ht-step {width:100%;} .ht-step img {margin-bottom:25px;} .step-1 {background:#1237d6; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:0;} .step-1:after {position:absolute; content:""; width:20px; height:20px; background: #1237d6; transform:rotate(45deg); top:unset; bottom:-10px; right:48%; z-index:1;} .step-2 {background:#1e45d4;} .step-2:after {position:absolute; content:""; width:20px; height:20px; background: #1e45d4; transform:rotate(45deg); top:unset; bottom:-10px; right:48%; z-index:1;} .step-3 {background:#1f70e9; border-top-right-radius:0; border-bottom-right-radius:14px; border-bottom-left-radius:14px;} .ht-heading {font-family:"font-bold", sans-serif; font-size:1.4em;} .bigText {font-size:3.3em!important;} .overview-result {background:#fff; border-radius:14px; padding: 30px; width: 100%; margin:-15px auto; box-shadow:rgba(0 0 0 / 32%) 0 4px 55px -5px; text-align:center;} .overview-container {flex-direction:column; width:100%;} .overview-gen-box {width:100%; max-width:unset; padding:30px 30px 50px 30px;} .overview-table {margin-left:unset; margin-top:-35px;} .generator-container {flex-direction:column!important;} .ticketsContainer {grid-template-columns:1fr 1fr;} .spin-bg:after {top:-90%; left:-6%; background-size:1100px 1100px; width:1100px; height:1100px;} .left:after, .right:after {left:18px;} .right {left:0%;} .top-bar-grid {text-align:center;} .grid-result-area h2 {font-size:24px;} .grid-result-area ul li.ball {width:42px; height:42px; line-height:42px; font-size:20px; margin-right:5px;} } @media (max-width: 945px) { .hp-draw {text-align:center;} .hp-name {width:88%;} .hp-logo {width:10%} .hp-result {width:100%; margin: 20px auto; display:flex;} .hp-name {display:flex;} .hp-name p.hp-date {padding-left:10px; border-left: solid 1px #cbcbcb; margin-left:10px;} .hp-stats-overdue {flex-direction:column;} .hp-stats-overdue ul.balls {margin:8px 0 15px 0;} .resultBox {padding:20px; display:flex; flex-direction:column; justify-content:space-between; text-align:center;} .resultBox .balls {flex-wrap:wrap; justify-content:center; margin:15px 0 30px 0;} .resultBox .linkArea {margin-bottom:15px;} .resultBoxStats {flex-direction:column; text-align:center; padding:15px 0;} .resultBoxStats:before {left:50%; transform:translateX(-50%) rotate(45deg);} .full-width.blue-bg p {width:99%;} .full-width.blue-bg p:last-child {margin-bottom:15px;} .prevBox {flex-direction:column; align-items:start; margin:0;} .prevBox:after {opacity:.7;} .prevBox p:last-child {margin-bottom:20px;} ul.extra-draw {justify-content:start!important;} .winnerContainer {flex-direction:column;} .winnerNumber {width:50px; margin-bottom:-30px; padding:15px; font-size:30px;} .winnerNumber:after {display:none;} .winnerText {width:100%; padding:45px 25px 25px;} .select-game {flex-direction:column!important;} .dropdown.long ul {width:100%;} .dropdown.long ul li a {padding:10px} .dropdown.long, .dropdown.long.active {min-width:240px; width:100%; margin-left:0; margin-top:15px;} .-rafflecodes {grid-template-columns:1fr 1fr 1fr;} .errorLinks {grid-template-columns:1fr 1fr;} .errorContent img {display:none} .errorContent {padding:0 25px;} .errorPage #content {min-height:400px; z-index:8;} .errorPage:after {z-index:0} .errorText {z-index:9;} .gold-ball-snippet {width:90%} .multi-pick-grid {grid-template-columns:1fr} .gameHeading.first {margin-top:25px;} .gameHeading {margin:-10px 0;} .keno-two-draws {margin:25px 0;} .keno-two-draws .gameHeading {margin:0 0 10px 0;} .gameContainer.mBotMob {margin-bottom:25px;} .pokermBot {margin-bottom:15px;} .checkedNumbers {flex-direction:column; row-gap:30px} .checkerResult.previousResults {grid-template-columns:1fr;} .checker-results-box {padding:30px 15px;} #tax-calculator {flex-direction:column;} #tax-calculator .calc-filters, #tax-calculator #calc-results {width:100%;} #tax-calculator .calc-filters {text-align:center; align-items:center;} #tax-calculator #calc-amount {text-align:center;} .pick-10-balls ul:last-child {margin-bottom:30px;} .multiple-results-box ul {margin:10px 0 0 0!important;} .multiple-results-box {margin-bottom:0;} div .multiple-results-box:last-child {margin-bottom:15px;} } @media (max-width: 820px) { .hp-game {display:flex; flex-direction:column; text-align:center;} .hp-game .gameName br {display:none;} .hp-game .gameName span {margin-left:10px; padding-left:10px; border-left:solid 1px #fff;} .hp-game .gameJackpot span {text-align:center} .hp-game .gameTimer {min-width:unset; max-width:unset; margin-right:0; margin-bottom:15px; width:80%} .hp-game .gamePlay {min-width:unset; position:unset; min-width:75%;} .hp-game-btn {padding:8px 20px;} .hp-specific-common {grid-template-columns:1fr 1fr;} .specific-common {width:100%; margin-right:0; margin-bottom:15px; height:unset;padding:15px;} .specific-common p {font-size:18px;} .specific-common ul.balls {margin:10px 10px 10px 0;} .link-btn {padding:8px 20px;} .playBox {flex-direction:column; row-gap:25px; padding-bottom:30px; margin-bottom:20px} .drawDays {flex-direction:column; text-align:center;} .drawDays div {margin:9px 15px;} .grid.vertical {flex-direction:row; justify-content:center;} .verticalCheck {display:flex; flex-direction:column; align-items:center;} .verticalCheck ul {flex-direction:column;} #buttons-container {overflow-x:scroll; overflow-y:hidden; display:flex; padding-bottom:10px;} #buttons-container::-webkit-scrollbar {width:100%;} #buttons-container::-webkit-scrollbar-track {background:#f1f1f1; border-radius:10px;} #buttons-container::-webkit-scrollbar-thumb {background:#dbdbdb; border-radius:10px;} .draw-days.active:after {display:none;} .scroll-to-view {color:#000; font-size:14px; position:relative; display:flex; justify-content:end; margin:-10px 0; padding-right:24px;} .scroll-to-view:after {content:""; background-image:url(/images/icons/scroll-arrows.svg); background-size:20px 12px; width:20px; height:12px; position:absolute; top:50%; right:0; transform:translateY(-50%);} } @media (max-width: 749px) { .hp-logo {width:13%;} .hp-name {width:86%} .hp-result ul.balls {justify-content:start;} .full-width.colour-bg {background:#1237d6; background: radial-gradient(circle, #1237d6 0%, #22007c 100%); padding:20px 0 10px 0; position:relative; overflow:hidden;} .overview-result {text-align:left; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; padding:20px;} .overview-result .top-bar {display:block; margin-bottom:20px} .overview-result ul.balls {margin:10px 0;} .overview-result .btm-bar a:first-child{margin:20px 10px 20px 0;} .btm-bar {display:flex; flex-wrap:wrap} .res-stats {flex-wrap:wrap;} .res-stats div {flex-direction:column; margin-right:10px;} .res-stats div div {text-align:left!important;} .comparisonGames {display:-webkit-inline-box; padding:20px 10px;overflow-x:scroll; scrollbar-width:thin; scrollbar-color:#0654c9;} .comparisonBoxA, .comparisonBoxB {width:400px;} .comparisonGames::-webkit-scrollbar {width:90%;} .comparisonGames::-webkit-scrollbar-track {background:#ececec; border-radius:20px;} .comparisonGames::-webkit-scrollbar-thumb {border-radius:20px; background-color:#0654c9; border:solid 3px #ececec;} .comparisonGames:hover::-webkit-scrollbar-thumb {border:solid 3px #ececec;} .prediction-box {width:80%;} .hot-cold-grid {grid-template-columns:1fr; row-gap:20px;} .grid-3 {grid-template-columns:1fr;} .multiGameBlock {align-items:start;} .gameContainer {flex-direction:column; align-items:start; margin-top:15px;} .gameContainer.subGame {border-top:solid 1px #dadada; padding-top:10px; margin-top:20px; width:100%;} .gameContainer.subGame ul.balls li {width:30px; height:30px; line-height:30px; font-size:16px;} .resultBox .gameContainer.subGame {margin-top:0px; padding-top:15px;} .resultBox .gameContainer {align-items:center;} .resultBox .gameContainer ul.balls {margin:15px 0} .gameContainer span {margin-right:0;} .res-box .gameContainer.twoSides.subGame ul.balls {margin:15px 0 5px 0;} .multiGameBlock.mob-cn {align-items:center;} .multiGameBlock.mob-cn ul.balls li:last-child {margin-right:0;} .overview-grid .overview-section {width:100%!important; margin-right:0!important} .overview-section {text-align:center; margin-bottom:-20px; box-shadow: 0 -1px 12px #00000047;} .overview-link {margin:35px auto 45px auto;} .full-width.colour-bg h1 {margin-bottom:16px;} .sitemap-grid {grid-template-columns:1fr; row-gap:0} } @media (max-width: 640px) { .fullWidthContainer {width:90%;} .full-width.colour-bg p {font-size:16px; line-height:28px;} .full-width.colour-bg h1 {font-size:28px; line-height:34px} p.narrow {width:100%;} .fullWidth.flag:after {opacity:0.3;} #content {width:100%; margin:10px auto auto; position:relative; z-index:0; padding:0 20px;} #content .gen-box {padding:25px 20px;} .full-width.blue-bg {padding:15px 0 0 0;} .-mob {border-radius:12px;} .lottery-box {margin:10px 0 20px 0;} .boxNextJackpot {padding:30px 0;} .boxNextJackpot .countdownBox {margin:0 auto; width:100%; border-radius:0;} table.mobFormat thead {display: none;} table.mobFormat {width: 100%; border: none;border-radius:0; background:#fff;} table.mobFormat tbody tr {display: block; padding: 0 0 10px; margin: 0 0 20px; color:#0e0e0e; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:8px} table.prizebreakdown.mobFormat tbody tr {margin-bottom:15px;} table.mobFormat.noBold tbody td {font-family:"font-regular", sans-serif; line-height:20px} table.mobFormat tbody td {display: block; padding: 15px; font-size:16px; text-align:left!important; border: none; background: #FFF; line-height: 16px; font-family:"font-bold", sans-serif;} table.mobFormat td:first-child {font-family: "font-bold",sans-serif;background:#fff; color:#000; padding:15px; position:relative;} table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: block; margin-bottom:6px; text-align: left; font-family:"font-regular", sans-serif; color:#808080;} table.mobFormat tbody tr.totals-row td:before {color:#fff;} table.mobFormat td.noBefore:before {display: none;} table.mobFormat td.blockBefore:before {display: block;} table.mobFormat td.colour {color:#fff; background:#1237d6; border-radius:8px 8px 0 0;} table.mobFormat td.colour.white:before {color:#fff;} table.mobFormat td.noMob {display:none;} table.mobFormat tbody tr:last-child td:first-child {border-bottom-left-radius:0;} table.mobFormat tbody tr:last-child td:last-child {border-radius:0 0 0 0;} table.mobFormat td.colour a {color: #fff;} table.mobFormat tr.totals {padding-bottom:0!important} table.mobFormat tr.totals td:first-child {border-radius:8px!important; line-height:22px;padding:12px!important} table.mobFormat td.noBefore:before {display: none !important;} table.past-results.mobFormat tbody tr td:last-child {padding-top:15px;} table.past-results.mobFormat tbody tr td:last-child a {width:100%;} .dropdown ul li {display: block; padding:10px 5px; font-size:18px; font-family:"font-bold", sans-serif;} select {background-color:#fff;} header .inner {margin:0;} .grid-2 {grid-template-columns:none; column-gap:normal;} .grid .gen-box {margin-bottom:-60px;} .noRound {border-radius:0;} .btmPad {padding:0 0 25px 0!important;} table.multi-winners tbody tr td {width:100%!important;} table tbody tr td.spot-define:before {display:none;} .hot-spot-content.show {margin-top:-7px} .hot-spot-title {padding: 12px 15px 15px 15px;} table.hot-spot tbody tr {padding:0; box-shadow:none; margin:0;} table.hot-spot td.colour {border-radius:0; margin-top:-2px;} .hp-stats {flex-direction:column;text-align:left} .hp-stats p:nth-child(2), .hp-stats p:nth-child(3) {padding-left:0;} .hp-res {padding:0!important;} .hp-res .gen-box {border-radius:0!important;} .fx-mob {flex-direction:column;} .fx-mob .mRight {margin-right:0;} .cta-box {margin-bottom:20px; width:100%;} .cta-box .cta-inner div:last-child {width:100%;} .more-res-grid {display:grid; grid-template-columns:1fr 1fr;} .state-game a.state-link {color:#0654c9} .ind-res.res-box {flex-direction:column; flex-wrap:wrap; padding:25px 20px;} .ind-res.res-box ul.balls {flex-wrap:wrap; justify-content:center;} .ind-res.res-box p {margin-top:10px;} table.res-breakdown-table {box-shadow:none; border-radius:0; background:unset;} table.res-breakdown-table tbody .prize-heading, table.res-breakdown-table tbody .rolldown-heading {padding:13px 15px!important} table.res-breakdown-table tbody .prize-heading:after, table.res-breakdown-table tbody .rolldown-heading:after {z-index:1;} table.res-breakdown-table tbody tr {padding:0; margin:10px 0; display:flex; flex-wrap:wrap;} table.res-breakdown-table tbody tr td {padding:15px!important; width:50%; flex:auto;;} table.res-breakdown-table tr.totals-row td {color:#fff;} table.res-breakdown-table tbody tr:nth-child(odd) td:first-child {background:#1237d6;} table.res-breakdown-table tbody tr td:first-child {width:100%;} table.res-breakdown-table tbody .prize-heading, table.res-breakdown-table tbody .rolldown-heading {border-radius:8px;} .w30 {margin-top:20px;} .res-block hr {margin:25px 0;} .prev-next {flex-direction:column;} a.prev-result, a.next-result {margin:10px 20px; width:90%;} .prevBox:after {background-size: 730px 261px; width:730px; height:260px; right:-130px;} .game-page-link {margin:50px 0 15px 0;} .mBig {margin:40px 0;} table.overview tbody tr {display:flex; flex-direction:column;} table.overview tbody tr td:first-child {padding:18px 0 5px 0;} table.overview tbody tr td:last-child {text-align:left; padding:5px 0 20px 0} .ticketsContainer {grid-template-columns:1fr;} .ticketsPage {padding: 0 15px;} footer ul.links-details {width:100%; display:grid; grid-template-columns:1fr 1fr; column-gap:30px; row-gap:5px; border-radius:12px; background:none; box-shadow:none;} footer ul.links-details li a {color:#fff;} .spin-bg:after {top:-52%; left:-25%; background-size:800px 800px; width:800px; height:800px;} p.heading {font-size:20px;} .dropdown.months {margin-top:15px;} .totals-row td:last-child {border-bottom-left-radius:8px!important; border-bottom-right-radius:8px!important;} .breakdown.dd {grid-template-columns:1fr; } .breakdown.dd #section1 {grid-row-start: 1; grid-column-start: 1; grid-row-end: 1; grid-column-end: 2; margin:0 auto;} .breakdown.dd #section2 {grid-row-start: 2; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; margin:30px auto 20px auto;height:fit-content;} .breakdown.dd .dd-table.is-active {margin-top:90px;} p.winning-code {margin-bottom:5px;} .bigText {margin-right:0;} .bigText.mobFriendly {font-size:2.35em!important; line-height:40px} .errorPage {margin-top:-10px;} .errorPage h1 {font-size:50px;margin-bottom:30px;} .errorPage h2 {font-size:24px;} .errorText {font-size:16px!important;} .errorLinks {grid-template-columns:1fr;} .errorPageLinks p {font-size:16px;} .errorWrap {overflow-wrap:anywhere;} p.followingPages {font-size:18px!important;} .draw-facts {margin-top:0px} .combinedJackpots {margin-bottom:35px; padding:30px 18px;} .combinedJackpots:before {top:162px} .combinedAmount {font-size:38px} .how-to-image-box {display:flex!important; flex-direction:column-reverse!important; gap:20px!important; margin-top:20px;} .how-to-image-box img {margin: 0 auto;} .checkerGrid {padding:35px 20px;} .checkerLinks {flex-direction:column;} .checkerLinks .resetChecker {margin-right:0; margin-bottom:20px;} .quickDrawArchive {flex-direction:column; padding:15px 0;} .quickDrawArchive .selector {margin:5px 0 15px 0} table tr.subScratchcard {margin-top:-38px!important;} table tr.subScratchcard td {padding:9px 6px!important} table tr.subScratchcard tr {box-shadow:none;} table tr.subScratchcard .h3 {display:none} table tr.mainScratchcard td:last-child {margin-bottom:40px;position:relative;} table tr.subScratchcard tr:last-child {margin-bottom:-15px} table tr.mainScratchcard td:last-child:after {position:absolute; content:"+ Show/Hide All Prizes"; font-size:16px; padding:9px; background:#0e6c76; border-radius:6px; cursor:pointer; text-wrap:nowrap; font-weight:700; color:#fff; left:50%; bottom:-33px; transform:translateX(-50%);} table tr.mainScratchcard td:before, table tr.subScratchcard td:before {display:inline-block; margin-right:4px;} .timeSwitchBox {flex-direction:column;} .timeSwitchBox .h3 {margin-bottom:30px!important;} .sideNav {margin-bottom:30px;} .draw-schedule-container .draw-schedule-draw {flex-direction:column;} .draw-schedule-draw .drawName {margin:1.2rem 0; font-size:1.3em} .draw-schedule-container .drawTime {padding-left:0;} .draw-schedule-draw .times {text-align:center;} .overview-derby li {width:80%;} .pickSelect select, .pickSelect option {font-size:1.1em;} .pickSelect select {margin-top:10px;} } @media (max-width:538px) { .hp-result {margin:20px auto 5px auto;} .hp-logo {width:100%; min-width:unset; max-width:unset; display:flex;} .hp-logo img {width:90px; margin-bottom:10px;} .hp-name {width:100%;} .ball {width:36px; height:36px; line-height:36px; font-size:18px;} .ball.mega-ball, .ball.powerball, .ball.star-ball {margin-right:5px;} .full-width.blue-bg:after {right:-16%; top:-61%;} .full-width .container {width:92%;} .overall-common {justify-content:start; align-items:start;} .overall-common ul.balls {margin:10px 0 10px 0} .overall-common ul.balls li.ball.hot {width:40px; height:40px; line-height:40px; font-size:20px;} .overall-common:after {right:-70px; transform:rotate(10deg);} .bigText {font-size:3em!important;} .overview-result .btm-bar a:last-child {margin:0 25px 0 0!important;} .overview-result ul.balls {display:flex; flex-wrap:wrap;} .overview-result ul.balls .powerball {margin-right:20px;} .spin-bg:after {left:-40%} .comparisonBoxA, .comparisonBoxB {width:320px;} .winnerNumber p {font-size:20px;} .more-res-grid {display:grid; grid-template-columns:1fr;} .prediction-box {width:90%;} .midText {font-size:2.2em!important;} .playBox {padding:20px 35px 30px 35px;} .balls.multiplier {max-width:370px;} .pick-10-balls-10-wide {justify-content:center;} .pick-10-balls-10-wide ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; row-gap:10px; margin-bottom:10px!important;} .checkerGrid ul li.powerballselected {margin-right:5px!important;} .checkerGrid ul li.powerballdisabled {margin-right:5px!important;} .checkerGrid ul li.mega-ballselected {margin-right:5px!important;} .checkerGrid ul li.mega-balldisabled {margin-right:5px!important;} .asterisk {top:-18px;} } @media (max-width: 440px) { h1 {font-size:26px; line-height:32px;} p {font-size:16px; line-height:29px;} header {margin-bottom:0;} #breadcrumb {margin:0 15px;} p.narrow70 {width:100%;} header .inner nav>ul>li {margin-right:0;} nav .sub.active .subNav {padding:15px;} table tr {border-bottom:solid 1px #e3e3e3;} table tr td {font-size:15px;} img.matched {width:110px; margin-top:1px;} .results .intro-two-col .first-col p.h2 {margin:50px auto 0 auto;} img.hp-howto {max-width:none;} .res-stats div.tw {margin-top:20px;} .spin-bg:after {left:-61%} .otherPage {width:100%; margin-right:0; text-align:center;} .mobBreak {margin-left:0!important; margin-top:10px;} .prediction-grid {grid-template-columns:1fr;} .mobBorder {border-top:solid 1px #dadada;padding-top:10px; margin-top:-10px;} .breakdown.dd {margin-bottom:0;} .errorPageLinks {padding:20px 35px 40px 35px; margin-top:0;} .errorContent {margin:20px auto!important;} .left:after, .right:after {left:5px;} .checkerResult.previousResults ul li.ball.power-play:after { bottom: 0; right: -36%; left: unset; } .checkerResult.previousResults ul li.ball.megaplier:after { bottom: 0; right: -36%; left: unset; } } @media (max-width: 326px) { .balls .ball, .main-result.wide .balls .ball, .main-result.breakdown .balls .ball {width:30px; height:30px; line-height:30px; font-size:14px;} .main-result.wide .balls .ball.small {width:20px; height:20px; line-height:20px; font-size:12px;} }