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:#dae4ff;}
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;}


/* Layout */
.fx, .row {display:flex;}
.fx-col {flex-direction:column;}
.jc-cn {justify-content:center;}
.jc-bt {justify-content:space-between;}
.jc-se {justify-content:space-evenly;}
.jc-sa {justify-content:space-around;}
.jc-end {justify-content:flex-end;}
.jc-st {justify-content:start!important;}
.al-cn {align-items:center;}
.al-end {align-items:flex-end;}
.fx-wrap {flex-wrap:wrap;}
.fx-grow-1 {flex-grow:1;}
.left-al {align-items:flex-start;}
.wide {width:100%!important;}
.grid {display:grid; column-gap:25px; width:100%; grid-template-columns: 1fr 1fr;}

.fullWidth {width:100%; display:inline-block; background:#fff; position:relative;}
.fullWidth.blue {background:#dae5fe}
.fullWidth.purple {background:#4c029f; color:#fff; padding:10px 0;}
.fullWidth.purple:before {content:url('/images/layout/19-ball.png'); position:absolute; top:0; right:42%;}
.fullWidth.purple:after {content:url('/images/layout/57-ball.png'); position: absolute; bottom: -7px; left: -8%;}
.fullWidth.purple p.half {width:59%;}

.m0 {margin-bottom:0%;}
.noPad {padding:0!important;}
.noBg {background:none!important;}
.noMargin {margin:0!important;}

.fullWidth.lotto {background:#c50000; background:linear-gradient(180deg,#c50000 0%,#ff0000 100%); padding:10px 0; height:390px; margin-bottom:10.5%; position:relative;}
.fullWidth.lotto .fullWidthContainer {padding:18px 0;}
.fullWidth.lotto h2 {color:#fff;}

.fullWidth.euromillions {background:#000da9; background:linear-gradient(180deg,#000da9 0%,#0617f5 100%); padding:10px 0; height:390px; margin-bottom:10.5%; position:relative;}
.fullWidth.euromillions .fullWidthContainer {padding:18px 0;}
.fullWidth.euromillions h2 {color:#fff;}

.fullWidth.thunderball {background:#700091; background:linear-gradient(180deg,#700091 0%,#b409e5 100%); padding:10px 0; height:390px; margin-bottom:10.5%; position:relative;}
.fullWidth.thunderball .fullWidthContainer {padding:18px 0;}
.fullWidth.thunderball h2 {color:#fff;}

.fullWidth.eurodreams {background:#7c2995; background:linear-gradient(180deg,#751fd6 0%,#e81c7f 100%); padding:10px 0; height:390px; margin-bottom:10.5%; position:relative;}
.fullWidth.eurodreams .fullWidthContainer {padding:18px 0;}
.fullWidth.eurodreams h2 {color:#fff;}

.fullWidth.set-for-life {background:#10b5be; background:linear-gradient(180deg,#10b5be 0%,#15d9dc 100%); padding:10px 0; height:390px; margin-bottom:10.5%; position:relative;}
.fullWidth.set-for-life .fullWidthContainer {padding:18px 0;}
.fullWidth.set-for-life h2 {color:#000;}

.fullWidth.health-lottery {background:#ff4806; background:linear-gradient(180deg,#ff4806 0%,#ff9d00 100%); padding:10px 0 30px 0; height:fit-content; position:relative;}
.fullWidth.health-lottery .fullWidthContainer {padding:18px 0;}
.fullWidth.health-lottery h2 {color:#fff;}
.health-lottery.grid {display:grid; row-gap:25px; grid-template-rows:1fr 1fr 1fr; grid-template-columns:unset; margin-top:20px;}
.health-lottery .topBar {margin-bottom:0;}
.health-lottery .numbersBox {padding:25px!important; height:130px!important; display:inline-grid; align-content:center;}
.health-lottery .notes {text-align:right; font-size:15px;}
.health-lottery .notes.mTop {margin-top:20px!important;}

.fullWidth.free-lottery {background:#7F53AC; background:linear-gradient(180deg,#647dee 0%,#7F53AC 100%); padding:10px 0 30px 0; height:fit-content; position:relative;}
.fullWidth.free-lottery .fullWidthContainer {padding:18px 0;}
.fullWidth.free-lottery h2 {color:#fff;}
.free-lottery.grid {display:grid; row-gap:25px; grid-template-rows:1fr 1fr 1fr; grid-template-columns:unset; margin-top:20px;}
.free-lottery .topBar {margin-bottom:0;}
.free-lottery .numbersBox {padding:25px!important; height:130px!important; display:inline-grid; align-content:center;}
p.weeklyHeading {background:#7f53ac; color:#fff; padding:0px 5px; width:fit-content; font-size:14px; text-transform:uppercase; line-height:21px;margin-top:5px; font-family:"font-bold", sans-serif;}
p.dailyHeading {background:#4056b9; color:#fff; padding:0px 5px; width:fit-content; font-size:14px; text-transform:uppercase; line-height:21px;margin-top:5px; font-family:"font-bold", sans-serif;}

.fullWidth.pick-3 {background:#450d7d; background:linear-gradient(180deg,#450d7d 0%,#751fd6 100%); padding:10px 0; height:fit-content; position:relative;}
.fullWidth.pick-3 .fullWidthContainer {padding:18px 0;}
.fullWidth.pick-3 h2 {color:#fff;}
.pick-3.grid {display:grid; row-gap:unset;grid-template-columns:1fr 1fr; margin-top:20px; grid-template-rows:unset;}
.fullWidth.pick-3 .numbersBox {padding: 15px 25px 18px 25px; margin-bottom:25px;}
.fullWidth.pick-3 .numbersBox .topBar {margin-top:25px; margin-bottom:11px; display:block;}
.fullWidth.pick-3 .numbersBox .fx.jc-end.al-cn {margin-top:-54px;}
.fullWidth.pick-3 .numbersBox.secondary {padding: 25px; margin-bottom:25px;}
.fullWidth.pick-3 .numbersBox.secondary .topBar {margin-bottom:20px; margin-top:0;}
.fullWidth.pick-3 .numbersBox.secondary .pick-3.block {width:unset;}
.fullWidth.pick-3 .numbersBox.secondary .pick-3.block:nth-child(2) {border-left:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9; padding:0px 30px;}
.pick-3 .topBar {margin-bottom:0; width:40%;}
.pick-3.block {display:block; text-align:center; width:20%;}
.pick-3.block p.time {margin-bottom:3px;}
.pick-3.block .balls {justify-content:center;}

.fullWidth.postcode-lottery {background:#219537; background:linear-gradient(180deg,#219537 0%,#67eb7e 100%); padding:10px 0 30px 0; height:fit-content; position:relative;}
.fullWidth.postcode-lottery .fullWidthContainer {padding:18px 0;}
.fullWidth.postcode-lottery h2 {color:#fff;}
.fullWidth.postcode-lottery .prevBox {padding:15px 25px; margin-bottom:0px; float:right; width:fit-content;border-radius:0; border-top-right-radius:8px;background:#f7f7f7;}
.fullWidth.postcode-lottery .prevBox h3 {margin:0 20px 0 0!important;}
.fullWidth.postcode-lottery .prevBox .dates {margin-bottom:0;}
.fullWidth.postcode-lottery p.resultType {margin-bottom:10px; font-family:"font-bold", sans-serif; width:100%;}
.postcodeRes {min-width:215px; padding:11px 17px; border:solid 2px #dadada; border-radius:8px; margin:5px 15px 10px 0; height:fit-content;}
.postcodeRes .postcodeCity {color:#404040; text-transform:uppercase; font-size:14px;font-family:"font-bold", sans-serif;}

.fullWidth.postcode-lottery p.resultType.weekly {color:#035ea6; margin-top:15px; border-bottom:solid 1px #035ea6;}
.postcodeRes.weekly {border:solid 2px #035ea6;}
.postcodeRes.weekly .postcodeMain {font-family:"font-bold", sans-serif; font-size:20px; color:#035ea6}

.fullWidth.postcode-lottery p.resultType.daily {color:#148529; margin-top:15px; border-bottom:solid 1px #148529;}
.postcodeRes.daily {border:solid 2px #148529;}
.postcodeRes.daily .postcodeMain {font-family:"font-bold", sans-serif; font-size:20px; color:#148529}

.fullWidth.postcode-lottery p.resultType.millions {color:#ec0e1e; margin-top:15px; border-bottom:solid 1px #ec0e1e;}
.postcodeRes.millions {border:solid 2px #ec0e1e;}
.postcodeRes.millions .postcodeMain {font-family:"font-bold", sans-serif; font-size:20px; color:#ec0e1e}

.fullWidth.postcode-lottery p.resultType.millionaire {color:#EB7F00; margin-top:15px; border-bottom:solid 1px #EB7F00;}
.postcodeRes.millionaire {border:solid 2px #EB7F00;}
.postcodeRes.millionaire .postcodeMain {font-family:"font-bold", sans-serif; font-size:20px; color:#EB7F00}

.fullWidth.jackpots {background:#fff;}
.fullWidth.jackpots .fullWidthContainer {display:flex; flex-wrap:wrap; justify-content:start; padding:10px 0 30px 0;}
.jackpotContainer {display:flex; flex-direction:column; justify-content:space-between; margin-bottom:20px; margin-right:16px;}
.jackpotContainer.Intl{display:flex; flex-direction:column; justify-content:space-between; margin-bottom:20px; margin-right:16px;}
.jackpotContainer h2 {font-size:22px; margin-bottom:0; padding-left:25px;}
.jackpotContainer .upper {margin-top:0px; z-index:1;}
.jackpotContainer .box {display:flex; flex-direction:column; position:relative; justify-content:space-between; color:#fff; padding:30px 0 0 0; border-radius:8px; align-items:start; font-family:"font-bold", sans-serif; box-shadow:0 4px 18px #00000052; height:380px; min-width:284px;transition:0.25s;}
.jackpotContainer .box:hover {transition:0.25s;transform:scale(1.03);}
.jackpotContainer .box.euromillions {background: #000da9; background: -webkit-radial-gradient(bottom,#0617f5,#000da9);}
.jackpotContainer .box.euromillions:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/blue-star.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer .box.lotto {background: #c50000; background: -webkit-radial-gradient(bottom,#ff0000,#c50000);}
.jackpotContainer .box.lotto:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/red-ball.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-delay:0.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer .box.thunderball {background: #700091; background: -webkit-radial-gradient(bottom,#b409e5, #700091);}
.jackpotContainer .box.thunderball:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/purple-bolt.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-delay:1.2s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer .box.pick-3 {background: #450d7d; background: -webkit-radial-gradient(bottom,#751fd6, #450d7d);}
.jackpotContainer .box.pick-3:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/purple-balls.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-delay:1.8s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer.Intl .box.mega-millions {background: #0b2b53; background: -webkit-radial-gradient(bottom,#1060c5,#0b2b53);}
.jackpotContainer.Intl .box.mega-millions:after {position:absolute; opacity:0; right:0px; top:120px; content:""; background-image:url(/images/layout/usa-hat.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 1.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer.Intl .box.powerball {background: #9b1d20; background: -webkit-radial-gradient(bottom,#db162f,#9b1d20);}
.jackpotContainer.Intl .box.powerball:after {position:absolute; opacity:0; right:5px; top:120px; content:""; background-image:url(/images/layout/statue-red.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 1.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer.Intl .box.irish-lotto {background: #316000; background: -webkit-radial-gradient(bottom,#46df00,#316000);}
.jackpotContainer.Intl .box.irish-lotto:after {position:absolute; opacity:0; right:0px; top:120px; content:""; background-image:url(/images/layout/shamrock.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 1.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.jackpotContainer.Intl .box.eurojackpot {background: #ff9d00; background: -webkit-radial-gradient(bottom,#ffe445,#ff9d00); color:#121212;}
.jackpotContainer.Intl .box.eurojackpot .jackpot {color:#121212; text-shadow:none;}
.jackpotContainer.Intl .box.eurojackpot:after {position:absolute; opacity:0; right:0px; top:120px; content:""; background-image:url(/images/layout/euro-coin.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 1.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
@keyframes moveIn {0% {transform:translateY(100px)} 100% {opacity:1; transform:translateY(0px)}}
.jackpotContainer p {padding-left:25px;}
.jackpotContainer .jackpot {font-size: 50px; color:#fff; padding-left:25px; text-shadow: 0 4px 9px #00000087;}
.jackpotContainer .button {text-align:right;}
.jackpotContainer .countdownBox {background:#fff;width:34%; display:flex; flex-direction:column; justify-content:space-around; align-items:center; border-radius:8px; padding:20px 25px; color:#000; width:100%; height:150px; z-index:1}
.jackpotContainer .countdownBox p {margin-bottom:10px; padding-left:0;}
.jackpotContainer .countdownBox ul {margin-bottom:15px;}
.jackpotContainer .countdownBox ul.timer.fx {margin-bottom:15px;}
.jackpotContainer .countdownBox ul.timer.fx li {color:#000; font-size:16px; margin-right:5px;}
.jackpotContainer .countdownBox ul.timer.fx li span.counterType {color:#000;font-size:16px;}
.jackpotContainer .countdownBox ul.timer.fx li span.counterVal {color:#000;font-size:16px; font-family:"font-regular", sans-serif; margin-right:5px;}

.fullWidth.playBox {
	position: absolute;
	left: 1%;
	top: -3%;
	animation: slideIn ease 1.8s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	background: #ffd400;
	background: linear-gradient(180deg,#ffd400 0%,#b99100 100%);
	text-align: center;
	width: 12%;
	height: 240px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 20px;
	border-top-right-radius: 8px;
	box-shadow: -6px 8px 5px 0px #00000030;
}
.fullWidth.playBox.pick-3 {top:-2%;}
@keyframes slideIn {0% {transform:translateX(-500px)} 90% {transform:translateX(15px)} 100% {transform:translateX(8px)}}
.fullWidth.playBox:before {content: "";position: absolute;width: 0;height: 0;top: 0px;left: -12px;border-style: solid;border-width: 0 0 12px 12px;border-color: transparent transparent #b99100 transparent;}
.fullWidth.playBox .jackpot {font-family:"font-bold", sans-serif; font-size:30px; margin:10px auto; color:#fff; line-height:35px; text-shadow:0px 3px 5px #956e06; margin-bottom:35px;}
.fullWidth.playBox .jackpot span {font-size:50px}
.fullWidth.playBox .cta {animation:playBoxPulse ease 0.5s; animation-delay:2.3s; animation-iteration-count:2; animation-fill-mode:forwards;}
@keyframes playBoxPulse {0% {transform:scale(1)} 50% {transform:scale(1.1)} 100% {transform:scale(1)}}
.fullWidth.playBox .cta a {background:#fff; color:#ff8a00; text-decoration:none; padding:10px 18px; border-radius:8px; font-family:"font-bold", sans-serif; animation:playBoxPulse ease 1s; animation-delay:3s; animation-iteration-count:1; animation-fill-mode:forwards;}
.fullWidth.playBox p {margin-bottom:20px;}

.fullWidth .numbersBox {background:#fff; border-radius:8px; padding:25px; width:100%; height:fit-content;}
.fullWidth .numbersBox .date {font-family:"font-bold", sans-serif; font-size: 18px;}
.fullWidth .result-wrap {margin-bottom:30px;}
.fullWidth .numbersBox .information {margin-top:20px;}
.fullWidth .numbersBox .information p {margin-bottom:3px;}

.fullWidth .prizeBreakdownBox {background:#fff; border-radius:8px; padding:30px 30px 20px 30px; width:60%; min-height:475px; position:relative;}
.fullWidth .prizeBreakdownBox.scroll:after {position:absolute; content:"Scroll to view"; color:#fff; top:25%; right:5%;font-size:13px; opacity:0; transition:0.2s;}
.fullWidth .prizeBreakdownBox.scroll:before {position:absolute; content:""; background-image:url(/images/icons/white-arrow.svg); background-size: 50px 34px; width:50px; height:34px; opacity:0.8;top:30%; right:5%; opacity:0; transition:0.2s;}
.fullWidth .prizeBreakdownBox.scroll:hover:after {position:absolute; content:"Scroll to view"; color:#fff; top:25%; right:-15%;font-size:13px; transition:0.2s; opacity:1;}
.fullWidth .prizeBreakdownBox.scroll:hover:before {position:absolute; content:""; background-image:url(/images/icons/white-arrow.svg); background-size: 50px 34px; width:50px; height:34px; opacity:0.8;top:30%; right:-12%; transition:0.2s;}
.fullWidth .prizeBreakdownBox h3 {font-size:19px; letter-spacing:unset;}
.fullWidth .prizeBreakdownBox .prizesSoon {background:#fff; display:flex; border:solid 1px #dadada; padding:15px; width:fit-content; border-radius:8px;}
.fullWidth .prizeBreakdownBox .tryGames {padding:20px 0 0;}
.fullWidth .prizeBreakdownBox .prizesSoon.other {display:flex; flex-direction:column; width:100%; transition:0.2s;}
.fullWidth .prizeBreakdownBox .prizesSoon.other:hover {transform:scale(1.05); transition:0.2s;}
.fullWidth .prizeBreakdownBox .prizesSoon.other .btn.cta {font-family:"font-bold", sans-serif;}
.fullWidth .prizeBreakdownBox .prizesSoon.other.red {background:#bd0000; background:linear-gradient(90deg,#ff3434 0%,#bd0000 100%); color:#fff; }
.fullWidth .prizeBreakdownBox .prizesSoon.other.blue {background:#0020bd; background:linear-gradient(90deg,#3456ff 0%,#0020bd 100%); color:#fff; }
.fullWidth .prizeBreakdownBox .prizesSoon.other .title {color:#fff; font-family:"font-bold", sans-serif; font-size:20px; margin-bottom:15px;}
.fullWidth .prizeBreakdownBox .prizesSoon.other .estimated {margin-bottom:5px;}
.fullWidth .prizeBreakdownBox .prizesSoon.other .jackpot {font-family:"font-bold", sans-serif; font-size:30px; margin-bottom:25px;}
.fullWidth .prizeBreakdownBox .snippet {margin:10px 30px 10px 20px}
.dot-flashing {position: relative;width: 10px;height: 10px;border-radius: 5px;background-color: #dae6fd;color: #dae6fd;animation: dot-flashing 1s infinite linear alternate;animation-delay: 0.5s;}
.dot-flashing::before, .dot-flashing::after {content: "";display: inline-block;position: absolute;top: 0;}
.dot-flashing::before {left: -15px;width: 10px;height: 10px;border-radius: 5px;background-color: #dae6fd;color: #dae6fd;animation: dot-flashing 1s infinite alternate;animation-delay: 0s;}
.dot-flashing::after {left: 15px;width: 10px;height: 10px;border-radius: 5px;background-color: #dae6fd;color: #dae6fd;animation: dot-flashing 1s infinite alternate;animation-delay: 1s;}

@keyframes dot-flashing {0% {background-color: #3c4dc2;} 50%, 100% {background-color: #dae6fd;}}

.matched {display:block; width:160px; margin-top:3px;}
.freeTicket {position:relative;}
.freeTicket:before {content:""; background-image:url(/images/layout/balls/lotto/free-ticket.svg); background-size:15px 15px; width:15px; height:15px; position:absolute; left:-24px; top: 4px; transition:0.1s ease-in-out;}
.freeTicket:hover:before {content:""; background-image:url(/images/layout/balls/lotto/free-ticket.svg); background-size:20px 20px; width:20px; height:20px; position:absolute; left:-26px; top: 1px; transform:rotate(-27deg); transition:0.1s ease-in-out;}

.fullWidthContainer {width:1200px; margin:0 auto; padding:28px 0; position:relative;}
.fullWidthContainer p {z-index:1; position:relative;}
.fullWidthContainer p.stepTitle {width:unset; font-family:"font-bold", sans-serif; font-size:18px; margin-bottom:6px;}
.fullWidth.flag:after {content:""; background-image:url(/images/backgrounds/uk-flag.jpg); background-size:695px 226px; width:695px; height:226px; position:absolute; bottom:0; right:0}
p.narrow {width: 60%;}
p.narrow70 {width: 70%;}

.numbersBox .rollover {background:#ececec; border-radius:4px; padding:5px 14px 5px 40px; color:#000; position:relative; width:fit-content; font-size:15px;}
.numbersBox span {font-family:"font-bold", sans-serif;}
.numbersBox .rollover.lotto:before {content:""; background-image:url(/images/icons/sparkle-lotto.svg); background-size:18px 18px; width:18px; height:18px; left:14px; bottom:12px; position:absolute;}
.numbersBox .rollover.euromillions:before {content:""; background-image:url(/images/icons/sparkle-euromillions.svg); background-size:18px 18px; width:18px; height:18px; left:14px; bottom:12px; position:absolute;}
.numbersBox .rollover.eurodreams:before {content:""; background-image:url(/images/icons/sparkle-eurodreams.svg); background-size:18px 18px; width:18px; height:18px; left:14px; bottom:12px; position:absolute;}
.numbersBox .rollover.thunderball:before {content:""; background-image:url(/images/icons/sparkle-thunderball.svg); background-size:18px 18px; width:18px; height:18px; left:14px; bottom:12px; position:absolute;}
.numbersBox .rollover.set-for-life:before {content:""; background-image:url(/images/icons/sparkle-set-for-life.svg); background-size:18px 18px; width:18px; height:18px; left:14px; bottom:12px; position:absolute;}

.prevBox {background:#fff; padding:15px 25px; border-radius:8px; color:#000; width:100%;}
.prevBox h3 {font-size:16px; position:relative; margin:8px 0 25px 25px;}
.prevBox h3.calendar-lotto:before {content:""; background-image:url(/images/icons/calendar-lotto.svg); background-size:20px 20px; height:20px; width:20px; position:absolute; left:-30px; top:3px;}
.prevBox h3.calendar-euromillions:before {content:""; background-image:url(/images/icons/calendar-euromillions.svg); background-size:20px 20px; height:20px; width:20px; position:absolute; left:-30px; top:3px;}
.prevBox h3.calendar-thunderball:before {content:""; background-image:url(/images/icons/calendar-thunderball.svg); background-size:20px 20px; height:20px; width:20px; position:absolute; left:-30px; top:3px;}
.prevBox h3.calendar-eurodreams:before {content:""; background-image:url(/images/icons/calendar-thunderball.svg); background-size:20px 20px; height:20px; width:20px; position:absolute; left:-30px; top:3px;}
.prevBox h3.calendar-set-for-life:before {content:""; background-image:url(/images/icons/calendar-set-for-life.svg); background-size:20px 20px; height:20px; width:20px; position:absolute; left:-30px; top:3px;}
.prevBox .dates {margin-bottom:20px;}
.prevBox a {text-decoration:none;}
.prevBox a span {text-decoration:none; transition:0.2s;}
.prevBox a span:hover {box-shadow:#0000002e 0 2px 10px; transition:0.2s;}
.prevBox span {padding:5px; border:solid 1px #dadada; background:#fff; border-radius:6px; margin:5px 6px 20px 6px;}
.prevBox span.current {opacity:0.7;}
.border {border:solid 1px #dadada;}

.gen-box {background:#fff; padding:30px; border-radius:8px; margin-bottom:25px;}
.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;}
img.rounded {border-radius:30px;}
.m-bottom-30 {margin-bottom:30px;}
#content.homepage {z-index:4;}
.half {width:50%;}

.intro-two-col {display:flex; margin-bottom:30px}
.intro-two-col .gen-box {margin-bottom:0;margin-right:40px}
.results .intro-two-col .first-col {width:80%; padding:0 40px 0 0;}
.results .intro-two-col .first-col h1 {font-size:30px;}
.results .intro-two-col .first-col .gen-box {margin:0!important;}
.results .intro-two-col .gen-box p {margin-bottom:15px;}
.results .intro-two-col .first-col p.h2 {margin-top:50px; text-transform:uppercase; padding-bottom:5px; font-size:20px; letter-spacing:unset; border-bottom:solid 2px #686cff; width:fit-content;}
.results .intro-two-col .first-col p.h2 img {width:25px; height:25px; margin-right:15px; margin-bottom:-5px;}
.results .intro-two-col .first-col .resultBox {margin:25px 0!important; box-shadow:0px 6px 1px #0000001c; background:#fff; padding:30px; border-radius:8px; align-items:center; justify-content:space-between; display:flex;}
.results .intro-two-col .first-col .resultBox .gameName {margin-bottom:0; font-family:"font-bold", sans-serif; font-size:1.14em; letter-spacing:-.5px; line-height:23px;}
.results .intro-two-col .first-col .resultBox .gameName span {margin-bottom:0; font-family:"font-regular", sans-serif; font-size:1em; letter-spacing:-.5px; font-size:0.9em;}
.results .intro-two-col .first-col .resultBox .result {align-items:center; justify-content:flex-end; display:flex;}
.results .intro-two-col .first-col .resultBox .result .btn {margin-left:50px;}
.results .intro-two-col .first-col .resultBox .result .pick-3.block {width:unset; margin-right:20px; margin-top:-5px}
.results .intro-two-col .first-col .resultBox .result .pick-3.block:nth-child(3) {width:unset; margin-right:0;}

.results .intro-two-col .second-col {display:flex; flex-direction:column; width:29%;}
.results .intro-two-col .second-col .gen-box.today {border:solid 1px #dadada; margin-right:0; margin-top:87px; padding:25px 25px 10px 25px; background: linear-gradient(180deg, #ffffff 0%, #fff5ec 100%);}
.results .intro-two-col .second-col .gen-box.today hr {margin-bottom:15px;}
.results .intro-two-col .second-col .jackpotContainer .box {box-shadow:none; border:solid 1px #dadada;}
.results .intro-two-col .second-col .jackpotContainer .box .countdownBox {border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.results .intro-two-col .second-col h3 {font-size:20px; color:#2832ac}

.intro-two-col .jackpotContainer .box:hover {transform:scale(1);}

.fullPage p {margin-bottom:15px;}
.fullPage h2 {margin-top:40px;}

.sitemap p {margin-bottom:15px;}
.sitemap ul.bullet {background:none; padding:10px; margin-bottom:0;}

.didYouKnow {background:#fff;padding:25px 30px; border:solid 1px #dadada; margin:20px 0; color:#000; border-radius:8px;}
.didYouKnow img {width:50px; margin-right:15px; float: left;}
.didYouKnow span {font-size:1.12em; font-family:"font-bold", sans-serif;}

.centred {text-align:center;}
.box-shadow	{box-shadow: 0 0 14px #0000000d}
.box-shadow-med {box-shadow:0 4px 18px #00000052;}
.box-shadow-bold {box-shadow:0 4px 14px #0000008a;}
.grid {display:grid;}
.grid-2 {display: grid;grid-template-columns:1fr 1fr; column-gap:30px;}
.pad30 {padding:30px;}
.xt-pd {padding:30px 0;}
/* Typography */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6, .title{font-family: "font-bold", sans-serif; letter-spacing:-1px;}
.h1,h1{margin-bottom: 20px; font-size: 36px; line-height:36px;}
.h2,h2{margin-bottom: 18px; font-size: 24px; line-height:24px;}
.h3,h3{margin-bottom: 18px; font-size: 26px; line-height:26px;}
.h4,h4{margin-bottom: 10px; font-size: 22px; line-height:24px;}
.h5,h5{margin-bottom: 5px; font-size: 18px; line-height:23px;}
h2.divider:after {content:""; width:100px; height:4px; background:#004a1f; display:block; margin:0 auto; margin-top:20px;}
.h4.alt {color:#fff}
.after {border-bottom:solid 4px #686cff;padding-bottom:5px; width:fit-content;}
.after.lotto {border-bottom: solid 4px #fc2d5b;}
.after.euromillions {border-bottom: solid 4px #2572e4;}
.after.thunderball {border-bottom: solid 4px #cf28ff;}
.after.eurodreams {border-bottom: solid 4px #bd2ccd;}
.after.set-for-life {border-bottom: solid 4px #15d9dc;}
.after.health-lottery {border-bottom: solid 4px #ff6200;}
.after.pick-3 {border-bottom: solid 4px #751fd6;}
.after.postcode-lottery {border-bottom: solid 4px #219537;}
.after.free-lottery {border-bottom: solid 4px #7F53AC;}
h2.blue {color:#2738a8}
h2.faq-heading {margin:80px auto; padding-bottom:15px;}
.m-bottom-5 {margin-bottom:5px;}
.m-bottom-10 {margin-bottom:10px;}
p {line-height:30px; margin-bottom: 30px;}
p.big {font-size:21px;}
p.small {font-size:12px; line-height:26px;}
p:last-child {margin-bottom:0;}
.how-to.lotto {font-size:22px; color:#e1000f; margin:-20px 0 30px 0;}
.how-to.euromillions {font-size:22px; color:#0051c9; margin:-20px 0 30px 0;}
.how-to.thunderball {font-size:22px; color:#9500c5; margin:-20px 0 30px 0;}
.how-to.eurodreams {font-size:22px; color:#9b43b7; margin:-20px 0 30px 0;}
.how-to.set-for-life {font-size:22px; color:#007e85; margin:-20px 0 30px 0;}
.how-to.health-lottery {font-size:22px; color:#ff6200; margin:-20px 0 30px 0;}
.how-to.pick-3 {font-size:22px; color:#751fd6; margin:-20px 0 30px 0;}
.how-to.postcode-lottery {font-size:22px; color:#219537; margin:-20px 0 30px 0;}
.how-to.free-lottery {font-size:22px; color:#7F53AC; margin:-20px 0 30px 0;}

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}

/* BREADCRUMBS */
.breadcrumb {width:100%;}
#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:#000; margin:5px 0 5px 5px;}
#breadcrumb li:first-of-type {background:none;padding:0 4px 0 0;}
#breadcrumb a { display:inline-block; }
#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;}

/* Header */
header {display:flex; justify-content:center; left:50%; width:100%; background: #2832ac; background: linear-gradient(180deg, #2832ac 0%, #5963e9 100%); z-index:99;}
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:50px}
header .inner nav li:last-child {margin-right:0}
header .inner nav li a {font-family:"font-bold", sans-serif; text-decoration:none; color:#fff; 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-top {position:relative;z-index:1;}
.homepage-top .gen-box { margin-right:30px; width:720px;}
.homepage-top .title-box img {width:100px; height:auto; }
.homepage-top .title-box .img-box {background:#fff; border-radius:8px; margin:-30px 0 10px; padding:15px 15px 10px;}
.homepage-top .results-box {background:#fff; border-radius:8px;width:470px; padding-bottom:30px; margin-bottom:30px; flex-grow:1;}
.homepage-top .title-box {background: linear-gradient(180deg, #0e9e1f, #0c7e19); display:flex; justify-content:center; flex-direction:column; border-radius:8px 8px 0 0; align-items:center; margin-bottom:10px;}
.homepage-top .title-box .title {margin-bottom:15px; font-size:24px; font-family:"font-bold", sans-serif; color:#fff;}
.homepage-top .balls {margin-bottom:10px;}
.homepage-top .date-box {font-size:24px; font-family:"font-bold", sans-serif; display:flex; align-items:center;margin:0 20px 10px 0}
.homepage-top .date-box span {display:block;}
.homepage-top .date-box .date {line-height:24px;}
.homepage-top .date-box .day {font-size:36px; line-height:30px;}
.homepage-top .date-box:before {content:""; background:url(/images/icons/calendar.svg) no-repeat center center; width:26px; height:26px; background-size:26px 26px; margin-right:5px; display:inline-block;}
.homepage-top .result {padding:15px; display:flex; align-items:center; justify-content:center;  flex-direction:column}
.homepage-top .results-box .cta-box {display:flex; justify-content:center;}
.homepage-top .results-box .cta-box .btn {margin-right:10px;}
.homepage-top .results-box .cta-box .btn:last-child {margin-right:0}
.homepage-top .results-box-wrap {display:flex; flex-direction:column; width:470px}
.homepage-top .check-results {background:#fff; border-radius:8px; padding:30px; margin-bottom:20px; display:flex;}
.homepage-top .check-results .img-box {margin-right:20px}
.homepage-top .check-results .h5 {margin-bottom:5px;}
.homepage-centre {margin:60px 0 0 0;}
.lottery-box {width:100%; margin:40px 0;display:grid; grid-template-columns:1fr 1fr;column-gap:30px;}
.lottery-box.box-3 {grid-template-columns:1fr 1fr 1fr}
.lottery-box.single {grid-template-columns:1fr}
.lottery-box .box {background:#fff;  border-radius:8px; overflow:hidden;display:flex; justify-content:space-between}
.lottery-box .result-wrap {padding:25px 30px; width:100%;}
.lottery-box .result-wrap.left-al {align-items:flex-start}
.lottery-box .result-wrap .img-box {margin-bottom: 15px;}
.lottery-box .result-wrap .topBar {display: flex; justify-content: space-between; width:100%; margin-bottom:15px;}
.topBar {margin-bottom:15px;}
.lottery-box .result-wrap .game {font-family:"font-bold",sans-serif; font-size: 22px; letter-spacing:-1px;}
.lottery-box .date, .resultsBox .date, .main-result .date {display:flex;align-items:center; margin-bottom:5px;}
.lottery-box .date strong, .resultsBox .date strong, .main-result .date strong { margin-right:5px;}
.lottery-box .balls {margin-bottom: 30px;}
.lottery-box .jackpot-box .jackpot {font-size:40px; font-family:"font-bold", sans-serif; line-height:40px; margin-bottom:10px;}
.lottery-box .jackpot-box .jackpot span {font-size:18px; display:block;}
.lottery-box.centred .box {justify-content:center;}
.lottery-box .result-wrap {display:flex; flex-direction:column; align-items:center;}
.lottery-box .box.mega-millions .result-wrap {padding:25px;}
.lottery-box .gen-box {margin-bottom:0;}
.lottery-box .cta {display:flex; justify-content:flex-end}


.intro-box {text-align:center; margin-bottom:30px;}

.jp-bx {width:100%; margin:10px 0 30px 0;display:grid; grid-template-columns:1fr 1fr 1fr;column-gap:30px;}
.boxNextJackpot {background:#fff; border-radius:8px; padding:30px 0; width:100%; height:250px; text-align:center; display:flex; flex-direction:column; justify-content:space-around; overflow:hidden;position:relative;}
.boxNextJackpot p {text-shadow:0px 2px 5px #00000091; margin-bottom:15px;}
.boxNextJackpot p.jackpot {font-size:40px; font-family:"font-bold", sans-serif; text-shadow:0 2px 9px #000000fc; z-index:1}
.boxNextJackpot .countdownBox {background:#fff; width:100%; margin:20px auto; padding:8px 15px; display:flex; justify-content:space-between; box-shadow:0px 6px 14px #00000042; z-index:1;}
.boxNextJackpot .countdownBox p {text-shadow:unset; color:#0e0e0e; font-size:15px; margin-bottom:0;}
.boxNextJackpot.lotto {background:#c50000; background: -webkit-radial-gradient(bottom,#ff0000,#c50000); color:#fff;}
.boxNextJackpot.lotto:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/red-ball.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-delay:0.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.boxNextJackpot.euromillions {background:#000da9; background: -webkit-radial-gradient(bottom,#0617f5,#000da9); color:#fff;}
.boxNextJackpot.eurodreams {background:#000da9; background: -webkit-radial-gradient(bottom,#0617f5,#000da9); color:#fff; justify-content:center;}
.boxNextJackpot.euromillions:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/blue-star.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-iteration-count:1; animation-fill-mode:forwards;}
.boxNextJackpot.thunderball {background:#700091; background: -webkit-radial-gradient(bottom,#b409e5,#700091); color:#fff;}
.boxNextJackpot.thunderball:after {position:absolute; opacity:0; right:0; bottom:20px; content:""; background-image:url(/images/layout/purple-bolt.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-delay:1.2s; animation-iteration-count:1; animation-fill-mode:forwards;}
.boxNextJackpot.eurodreams {background:#bd14b9; background: -webkit-radial-gradient(bottom,#e81c7f,#7602bb); color:#fff;}
.boxNextJackpot.pick-3 {background:#450d7d; background: -webkit-radial-gradient(bottom,#751fd6,#450d7d); color:#fff;}
.boxNextJackpot.pick-3:after {position:absolute; opacity:0; right:0; top:100px; content:""; background-image:url(/images/layout/purple-balls.png); height:145px; width:130px; background-size:130px 145px; animation:moveIn ease 0.6s; animation-delay:1.8s; animation-iteration-count:1; animation-fill-mode:forwards;}
.boxNextJackpot.free-lottery {background: linear-gradient(-45deg, #647dee, #647dee, #7f53ac, #7f53ac); color:#fff; animation:freebg 15s ease infinite; background-size:400% 400%; height:100vh;}
.boxNextJackpot.cash-4-life {background:#008b5e;  background-image:url(/images/backgrounds/background-cash-4-life.jpg); background-size:585px 382px;width:585px; height:382px; padding:30px 30px; color:#fff; position:relative; text-align:right; justify-content:center;}
.boxNextJackpot.cash-4-life:after {content:""; background-image:url(/images/backgrounds/statue.png); background-size:190px 376px; width:190px; height:376px; position:absolute; bottom:0; left:-47px;}
.boxNextJackpot.cash-4-life p {margin-bottom:14px;}
.boxNextJackpot.cash-4-life p.jackpot {font-size:36px; line-height:44px; text-transform:uppercase;}
.boxNextJackpot.cash-4-life span {background:#fff; color:red; padding:4px 10px; text-shadow:none; font-family:"font-bold", sans-serif; font-size:18px;}
.boxNextJackpot.cash-4-life .cta {margin-top:35px;}
.boxNextJackpot.cash-4-life a.cta {padding:14px 20px; font-size:16px; box-shadow:0px 5px 16px #002a09;}
.boxNextJackpot a.cta {background:#ffbc00; border-radius:8px; font-size:14px; font-family:"font-bold", sans-serif; padding:5px 10px; color:#000; text-decoration:none; transition:0.2s ease-in-out;}
.boxNextJackpot a.cta:hover {background: #ffa200; transition:0.2s ease-in-out;}
@keyframes freebg {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.updatePage {padding:35px}
.update {margin:40px 0; padding-bottom:40px;border-bottom:solid 1px #dadada;}
.update:last-child {border-bottom:none;padding-bottom:0;}
.update .date {font-family:"font-bold", sans-serif; font-size:19px; margin-bottom:20px; position:relative; padding-left:30px; color:#000;}
.update .date:before {content:""; background-image:url(/images/layout/update-calendar.svg); background-size:20px 20px; width:20px; height:20px; position:absolute; left:0px; top:2px;}

.steps {width:48%;}
.step {border: solid 1px #e0e0e0; padding:17px 25px; margin:15px 0; border-radius:8px; display:flex; transition:0.1s ease-in-out; position:relative; top:0;}
.step:hover {transition:0.1s ease-in-out; top:-3px; box-shadow:0px 8px 0px #c6d9ff;}
.mRight {margin-right:10px;}
.mRightBig {margin-right:30px;}
.mTop {margin-top:25px;}

.prizeSummary {background:#fff; border-radius:8px; padding: 20px 25px; width:100%; color:#000; position:relative; z-index:1;}
.prizeSummary .heading {font-family:"font-bold", sans-serif; font-size: 18px; margin-bottom:-5px; width:100%;}
.prizeSummary .date {color:#0e0e0e; font-size:15px; margin-bottom:2px;}
.prizeSummary .total {margin-bottom:0; margin-top:10px;}
.prizeSummary .column {width:170px;}
.prizeSummary .prizeGame {color:#575757; margin:8px 0;}
.prizeSummary .prizeGameName {margin-bottom:-8px; width:100%;}
.prizeSummary .prizeGameAmount {font-family:"font-bold", sans-serif;}

.factBox {border-radius:8px; border:solid 1px #dadada; padding:20px 15px 15px; margin-top:-25px;}
.factBox.wide {margin-top:25px;}
.factBox h2, .factBox h3 {font-size:18px; margin-top:6px;}
.factBox p {margin-bottom:5px;}
.factBox .img {width:30px; height:30px; margin:5px 15px 5px 5px;}

.gradBoxes {margin-left:90px; margin-right:-30px; position:relative;}
.gradBoxes:after {content:url('/images/layout/34-ball.png'); position: absolute; top: 35%; right: -40%;}
.gradBox {background: #8a62e5;background: linear-gradient(90deg, #8a62e5 0%, #4b149b 100%); border-radius:8px; padding:30px 50px 30px 30px; width:95%; margin-bottom:25px;}
.gradBox h3 {font-size:20px; letter-spacing:unset; margin-bottom:0;}
.gradBox p {margin-top:15px;}
.gradBox img.circle {width:50px; height:50px; margin-right:15px;}
.w60 {width:60%;}

.meter {width:100%; height:15px; padding:3px 4px; background:#f1f1f1; border-radius:10px; position:relative;margin-bottom:10px;}
.meter > span {display:block;background: #2ded9c; height:100%; text-align:left; border-top-right-radius:8px; border-bottom-left-radius:8px; border-top-left-radius:8px; border-bottom-right-radius:8px; position: relative; overflow:hidden;}
.meter > span.meter0 {width:0%;}
.meter > span.meter1 {width:16.6%;}
.meter > span.meter2 {width:33%;}
.meter > span.meter3 {width:49.5%;}
.meter > span.meter4 {width:66%;}
.meter > span.meter5 {width:82.6%;}
.meter > span.meter6 {width:100%;}

/* HOW TO PLAY */

.how-to-steps {display:grid; grid-template-columns:1fr 1fr 1fr; margin-bottom:30px;}
.how-to-steps .box {border:solid 1px #dadada; padding:25px; border-radius:8px;}
.how-to-steps h3 {font-size:19px; color:#626262;}
.how-to-steps h3 span {color:#000;}
.how-to-steps .img {width:48px; height:48px; margin-right:18px;}
.how-to-steps p {margin-bottom:10px;}

/* RESULTS */

.resultsBox, .main-result {padding:30px; border-radius:8px; display:flex; flex-direction:column; align-items:center; color:#fff; justify-content:center;}
.resultsBox .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.resultsBox .img-box {margin-right:10px;}
.resultsBox .img-box img {width:150px; height:auto;}
.resultsBox .date, .main-result .date {margin-bottom:0;}
.resultsBox .date:before {background-image:url(/images/icons/calendar-white.svg);}
.resultsBox .balls {margin-bottom:10px}
.resultsBox.powerball .balls {margin-bottom:20px}
.balls.alt .powerball, .main-result.wide .balls .powerball, .balls.alt .mega-ball, .main-result.wide .balls .mega-ball, .balls.alt .extra-shot, .main-result.wide .balls .extra-shot, .balls.alt .fireball, .main-result.wide .balls .fireball {border-color:#fff; color:#fff;}
.balls.alt .power-play, .main-result.wide .balls .power-play, .balls.alt .megaplier, .main-result.wide .balls .megaplier, .balls .megaplier {border:none; color:#fff;}
.resultsBox.powerball .balls.alt .power-play:before, .resultsBox.mega-millions .balls.alt .megaplier:before {letter-spacing:0;}
.resultsBox strong {margin-right:5px;}

.main-result { padding:0; border-radius:8px; display:flex;  align-items:stretch; color:#000; justify-content:flex-start;}
.main-result .date {margin-bottom:15px}
.main-result.wide .date:before {background-image:url(/images/icons/calendar-white.svg);}
.main-result.wide {flex-direction:row; padding:0; justify-content:space-between; margin-bottom:30px;overflow:hidden; color:#fff; box-shadow:inset 0 0 50px rgba(0, 0, 0, .2);}
.main-result.wide .result-box {padding:60px; width:70%; display:flex;}
.main-result.wide .elem2 {margin-left:30px; display:flex; flex-direction:column; justify-content:center}
.main-result.wide .info {font-size:18px; display:flex; align-items:center; margin-bottom:15px; margin-bottom:20px}
.main-result.wide .info:last-child {margin-bottom:0}
.main-result.wide .info p {line-height:21px;}
.main-result.wide .info .box {display:inline-block; width:80%}
.main-result.wide .info:before {content:"";background:url(/images/icons/coins.svg) no-repeat; width:20%; height:50px; background-size:50px 50px; display:inline-block; margin-right:10px;}
.main-result.wide .info.total-jackpot:before {background-image:url(/images/icons/jackpot-winner.svg)}
.subResult {margin-bottom:10px; display:inline-block}
.main-result .balls {margin-bottom:15px;}
.main-result.wide .balls .ball, .main-result.breakdown .balls .ball {width:60px; height:60px; line-height:56px; font-size:24px;}
.main-result.breakdown .balls .ball.power-play, .main-result.breakdown .balls .megaplier  {font-size:36px; line-height:56px}
.main-result.wide .balls .ball.small {width:35px; height:35px; line-height:35px; font-size:18px;}
.main-result .result-info {padding:60px; flex-grow: 1; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.main-result .result-info .jackpot {font-size:36px; font-family:"font-bold", sans-serif; line-height:36px;}
.main-result.narrow {background:#fff;}
.main-result.narrow .result-box {justify-content:center; display:flex; flex-direction:column; align-items:center; padding:30px}
.main-result.narrow .result-box .elem1 {display:flex; flex-direction:column; align-items:center;}
.previous-results-wrap {display:grid; grid-template-columns:1fr 1fr; grid-gap:30px; margin-bottom:30px;}
.previous-results-wrap.small {grid-template-columns: 1fr 1fr 1fr}
.main-result.narrow .result-box p {margin-bottom:10px;}
.main-result.breakdown {justify-content:center; display:flex; flex-direction:column; align-items:center; padding:30px; margin-bottom:30px}
.main-result.wide .balls .power-play, .main-result.wide .balls .megaplier {letter-spacing:0; font-size:44px; line-height:44px; padding-top:10px;}
.main-result.wide .balls .ball.small.powerball {line-height:29px;}
.main-result.narrow .balls .ball.small.powerball {line-height:26px;}
.result-double {display:grid; grid-template-columns:1fr 1fr; column-gap:30px}
.result-double .main-result .title {color:#fff;}
.main-result .group-wrapper {display:grid; grid-template-columns:1fr 1fr; column-gap:20px;}
.main-result .group-wrapper.lucky-day-lotto {display:grid; grid-template-columns:1fr 1fr; column-gap:70px;}
.main-result .h4 {text-align:center}
.prevnext {margin-top:20px;}

/* Balls */

.balls, .smartpicks-box .centred {display:flex;}
.balls.stacked {flex-wrap:wrap;}
.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {background:#0c7e19; width:38px; height:38px; line-height:38px;border-radius:50%; text-align:center; font-size:18px; margin-right:3px; color:#fff; list-style:none; box-shadow: inset -2px -4px 6px 0px #0000006b;}
@-moz-document url-prefix() {.ball, .smartpicks-box .centred .ball, .resultBall, .balldisabled, .ballselected {outline: 1px solid white;}}
.ball {position: relative; transform-style: preserve-3d;}
.balls.animated .ball.active {animation-duration:.2s;animation-name:jumpUp}
@keyframes jumpUp {0% {transform:translateY(0)}50% {transform:translateY(-10px)}100% {transform:translateY(0)}}
.balls.animated .ball.active:before {animation-duration:.2s; animation-name:stayDown}
@keyframes stayDown {0% {transform:translateY(0) translateX(-50%)}50% {transform:translateY(10px) translateX(-50%); width:calc(50% - 5px);}100% {transform:translateY(0) translateX(-50%)}}
.balls.stacked .ball {margin:3px;}
.ball.small {width:30px; height:30px; line-height:30px; font-size:13px;}
.ball.lotto {background:#e30000}
.ball.lotto-hotpicks {background:#e30000}
.ball.lotto.bonus-ball {background:#bf0f0f; margin-left:1vw;}
.ball.euromillions {background:#294dff}
.ball.euromillions-hotpicks {background:#294dff}
.ball.euromillions.lucky-star {background:#ffcf28; color:#000;}
.ball.euromillions:nth-child(5) {margin-right:1vw;}
.ball.thunderball-ball {background: #c000f5;}
.ball.thunderball.thunderball {background:#8000a5; margin-left:1vw;}
.ball.eurodreams {background: #9b43b7;}
.ball.eurodreams.dream-number {background:#ef1e7a; margin-left:1vw;}
.ball.set-for-life {background: #15d9dc; color:#000;}
.ball.set-for-life.life-ball {background: #10b5be; margin-left:1vw; color:#fff;}
.ball.health-lottery {background: #ff9900; color:#000;}
.ball.health-lottery.bonus-ball {background: #ff0000; margin-left:1vw; color:#000;}
.ball.pick-3 {background: #751fd6; color:#fff;}
.ball.pick-3.blank {background: #efefef; color:#fff; box-shadow:none!important;}
.ball.free-lottery-daily-ball {background: #4056b9;}
.ball.free-lottery-weekly-ball {background: #7f53ac;}
.ball.extra-shot {border-color:#0c7e19; color:#0c7e19;}
.ball.fireball {border-color:#e72900; color:#e72900;}
.ball.bonus-ball:after, .ball.thunderball.thunderball:after, .ball.set-for-life.life-ball:after, .ball.health-lottery.bonus-ball:after, .ball.fireball:after, .ball.dream-number:after {content:"P.Ball"; display:block; font-size:10px; line-height:12px; padding-top: 5px; color:#000}
.ball.lucky-star:after {content:"LUCKY"; display:block; font-size:10px; line-height:12px; padding-top: 5px; color:#000; margin-left:8px;}
.ball.lucky-star:last-child:after {content:"STARS"; display:block; font-size:10px; line-height:12px; padding-top: 5px; color:#000; margin-left:-4px;}
.ball.bonus-ball:after {content:"BONUS"}
.ball.set-for-life.life-ball:after {content:"L.BALL"}
.ball.dream-number:after {content:"DREAM NUM"}
.ball.health-lottery.bonus-ball:after {content:"BONUS"}
.ball.thunderball.thunderball:after {content:"T.BALL"}
.ball.fireball:after {content:"FireBall"}
.ball.power-play, .ball.megaplier {background:none; color:#d12b00; line-height:30px; padding-top:6px; margin-top:-1px; font-size:24px; border:none; outline:none;}
.ball.mega-ball {color:#07779a; border-color:#07779a; line-height:37px;}
.ball.power-play:after, .ball.megaplier:after, .ball.all-star-bonus:after {content:"x";line-height:12px;}
.ball.power-play:before, .ball.megaplier:before, .ball.all-star-bonus:before {content:"P.Play"; font-size:10px;display:block; line-height:10px; background:none}
.ball.megaplier {color:#07779a}
.ball.megaplier:before {content:"M.Plier";}
.balldisabled, .bonus-balldisabled, .ball.disabled {opacity:.3}
.ball.powerball {border-color:#960000; color:#960000; line-height:37px;}
.ball.mega-ball {border-color:#07779a; color:#07779a;}
.ball.extra-shot {border-color:#0c7e19; color:#0c7e19;}

/* Buttons */

.btn-wrap {display:inline-block;}
.btn, .link-button {background:#5867e4; border-radius:8px; padding:13px 27px; text-align:center; color:#fff; text-decoration:none; display:inline-block; line-height:16px; font-size:14px;}
.btn:hover, .link-button:hover {background:#6677ff; transition:all ease .2s; color:#fff;box-shadow:none; text-decoration:none; box-shadow:#00000040 0 2px 3px;}
.btn.alt { color:#000; background-color:#ffbe00}
.btn.alt:hover {background-color:#ffdb70; color:#000;}
.btn.cta {background:#ffbc00; color:#000; position:relative;transition:all ease .2s;}
.btn.cta.arrow:before {background:#ffbc00; content:""; width:15px; height:15px; transform:rotate(45deg); border-radius:4px; top:-5px; right:45%; position:absolute;transition:all ease .2s;}
.btn.cta.arrow:hover:before {background:#ffd400;transition:all ease .2s;}
.btn.cta:hover {background:#ffd400; color:#000;}
.menu.btn.cta:before {display:none;}
.menu.btn.cta:after {display:none;}
.menu.btn.cta {transition:0.2s;}
.menu.btn.cta:hover {transition:0.1s; box-shadow:#0000002e 0px 2px 10px;}
.btn.big {font-size:24px; padding:10px 20px; line-height:24px}
.textLink {color:#2c48ff; text-decoration:none;}
.textLink:hover {color:#6479ff; text-decoration:none;}

/* TABLES */

table {width:100%;}
/* table:last-child {margin-bottom:0;} */
.prizeBreakdownBox table tr td {padding:7px 0px;}
table thead tr th {border-bottom:solid 2px #d9d9d9;}
table thead th {color:#5a5a5a; font-family:"font-bold", sans-serif; text-align:left; border-spacing:0; padding:10px; border:none;}
table thead th:first-child {border-top-left-radius:25px;}
table thead th:last-child {border-top-right-radius:25px;}
table tr td {background:#fff; padding:18px 10px;}
table tr {border-bottom:solid 1px #e9e9e9;}
table tr:last-child {border-bottom:none;}
table tbody tr:last-child td:first-child {border-bottom-left-radius:25px;}
table tbody tr:last-child td:last-child {border-bottom-right-radius:25px;}
table tbody td.single {border-radius:0 0 25px 25px!important;}
table tr.alt td {background:#f4f4f4}
table.leftAl {text-align:left;}
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:#b7b7b7;}

table.scroll.prizebreakdown {overflow-y:scroll; display:flex; max-height:370px; width:102%; overflow-x:hidden; scrollbar-width:thin; position:relative;}
table.scroll.prizebreakdown tbody {width:100%;}
table.scroll.prizebreakdown::-webkit-scrollbar {width:14px;}
table.scroll.prizebreakdown::-webkit-scrollbar-track {background:#ececec; border-radius:20px;}
table.scroll.prizebreakdown::-webkit-scrollbar-thumb {border-radius:20px; border:solid 3px #ececec;}
table.scroll.prizebreakdown:hover::-webkit-scrollbar-thumb {border-radius:20px; border:solid 3px #ececec;}
table.scroll.prizebreakdown tr td {width:33%;}
table.scroll.prizebreakdown tr td:nth-child(2) {align-self:center;}
table.scroll.prizebreakdown tr td:nth-child(3) {margin-right:35px; align-self:center;}
table.scroll.prizebreakdown tr {display:flex; justify-content:space-between;}

table.euromillions.prizebreakdown {scrollbar-color: #2572e4 #ececec;}
table.euromillions.prizebreakdown::-webkit-scrollbar-thumb {background-color:#abcdff;}
table.euromillions.prizebreakdown:hover::-webkit-scrollbar-thumb {background-color:#2572e4;}

table.thunderball.prizebreakdown {scrollbar-color: #b409e5 #ececec;}
table.thunderball.prizebreakdown::-webkit-scrollbar-thumb {background-color:#f1bfff;}
table.thunderball.prizebreakdown:hover::-webkit-scrollbar-thumb {background-color:#b409e5;}
table.thunderball.prizebreakdown tr td:nth-child(3) {width:22%;}
table.thunderball.prizebreakdown tr td:nth-child(2) {width:45%}

table.eurodreams.prizebreakdown {scrollbar-color: #7b01c8 #ececec;}
table.eurodreams.prizebreakdown::-webkit-scrollbar-thumb {background-color:#f1bfff;}
table.eurodreams.prizebreakdown:hover::-webkit-scrollbar-thumb {background-color:#81299a;}
table.eurodreams.prizebreakdown tr td:nth-child(3) {width:22%;}
table.eurodreams.prizebreakdown tr td:nth-child(2) {width:45%}

table.set-for-life.prizebreakdown {scrollbar-color: #7dfdff #ececec;}
table.set-for-life.prizebreakdown::-webkit-scrollbar-thumb {background-color:#7dfdff;}
table.set-for-life.prizebreakdown:hover::-webkit-scrollbar-thumb {background-color:#15d9dc;}
table.set-for-life.prizebreakdown tr td:nth-child(3) {width:22%;}
table.set-for-life.prizebreakdown tr td:nth-child(2) {width:45%}

/* FAQ's */

.faqs {margin-bottom:60px;}
.faq-main-container {background:#fff; border-radius:8px; border:solid 1px #dadada; padding:30px; margin-bottom:25px; position:relative; display:flex; justify-content:space-between; width:75%; margin:0 auto 90px auto;}
.faq-main-container.active {margin-bottom:20px;  box-shadow:0 8px 14px #00000014;}
.faq-main-container .title {font-family:"font-bold";font-size:18px;margin-bottom:15px;}
.faq-main-container p.answer {width:70%; margin-top:20px;}
.faq-main-container:after {position:absolute; content:""; border-radius:8px; border:solid 1px #dadada; top:10px; left:0px; width:100%; height:100%; z-index:-1; background:#fff;transition:all ease .5s}
.faq-main-container:before {position:absolute; content:""; border-radius:8px; border:solid 1px #dadada; top:20px; left:0px; width:100%; height:100%; z-index:-1; background:#fff;transition:all ease .5s;}
.faq-main-container:last-child {margin-bottom:30px;}
.faq-sub-container {min-height:0;overflow:hidden;transition:all linear .4s;}
.faq-sub-container.active {transition:all linear .9s;}
.faq-sub-container .box {background:#fff; border-radius:8px; border:solid 1px #dadada; padding:30px; margin-bottom:25px; position:relative; width:75%; margin:0 auto 20px auto; box-shadow:0 8px 14px #00000014;}
.faq-sub-container .box:last-child {margin:0 auto 70px auto;}
.faq-sub-container .title {font-family:"font-bold";font-size:18px;margin-bottom:15px;}
.faq-main-container.active:after {top:0px; transition:all ease .15s}
.faq-main-container.active:before {top:0px; transition:all ease .15s;}
.faq-button {text-decoration:none; color:#ababab; border:solid 1px #ababab; border-radius:8px;padding:10px 13px; line-height:16px; height:fit-content; align-self:center; min-width:170px; margin-left:25px;}
.faq-button:hover {text-decoration:none; color:#7c7c7c; border:solid 1px #7c7c7c;}


.faqs > h2 {margin-top: 30px; }
.faqs > h2:first-of-type {margin-top: 0; }
.faq h3 {font-weight:400; letter-spacing:0;}
.js-collapsible {height: 0;overflow: hidden;transition: all ease 0.2s;}
.js-collapsible.is-active {height: auto; }

.faq.solo {border:1px solid #dadada!important;}
.faq.solo .question:hover:before {left:25px;}
.faq.solo .question:before {left:25px;}
.faq.solo .question {padding-left:65px;}
.faq.solo .answer {padding:0 30px 30px;}
.faqNav ul {width:260px; margin-right:60px;}
.faqNav ul li {padding:20px 0; border-bottom:1px solid #dadada; cursor:pointer; position:relative; font-weight:700;}
.faqNav ul li:after {content:""; width:20px; height:20px; position:absolute; top:10;right:20px; background:url(/images/icons/chev.svg) no-repeat; background-size:20px 20px;}
.faqNav ul li:hover {background:#f4f4f4;}

.aditionalDraws {margin-bottom:15px;}
.aditionalDraws .faq.solo {border:none!important;}
.aditionalDraws .faq.solo .question {padding:0 0 0 35px; font-size:16px; margin-bottom:10px; user-select: none; display:inline-block;}
.aditionalDraws .question:hover {background:none;}
.aditionalDraws .question:hover:before {background:#19c029;}
.aditionalDraws .faq.solo .answer {padding:0;margin:0;}
.aditionalDraws .faq.solo .question:before {left:0;}
.aditionalDraws.centred {display:flex; justify-content:center}

.ticket-online {margin-bottom:20px; display:flex; justify-content:center;}

/* Footer */
footer {background:#19239a; border-bottom:solid 8px #122181;}
footer .inner {width:1200px; margin:0 auto; padding:35px 0;}
footer .logo-box {display:flex; justify-content:center; flex-direction:column}
footer img {width:200px;}
footer p.copyright {color:#fff; margin-top:40px;}
footer p.age {color:#b2b8ff; font-size:15px; line-height:24px; margin-top:-5px; width:60%; margin-bottom:10px;}
footer ul {display:flex; justify-content:center; flex-wrap:wrap}
footer ul li a {margin:15px; display:block;}
footer .smallbits {color:#b2b8ff; margin-bottom:-38px;}
footer .smallbits p {margin-bottom:20px; line-height:17px; width:100%; margin-top:20px; font-size:14px;}
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:#122181; padding:2px 18px; border-top-left-radius:8px; border-top-right-radius:8px; width:fit-content; margin:0 auto;}
ul.links-details li a {color:#beb8ff; font-size:15px; text-decoration:none; transition:0.2s ease-in-out;}
ul.links-details li a:hover {color:#5867e4; 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;}

.secondChanceBox{ display: flex; align-items:center; margin-top: 25px}
ul.balls.healthLottery{ justify-content:end}
.numbersBox .secondChanceBox {justify-content:end}
.secondChanceBox .balls {padding-left: 5px}
.secondChancePrize {display:flex; justify-content: end;}

@media (min-width: 1024px) {

    .toggle .navTitle {display:none;}
    nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 83px; box-shadow:none; background:#fff; border:solid 1px #dadada; border-radius:8px; width:fit-content; height:75px; box-shadow: 0 0 60px #0000003b}
    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:flex; justify-content:end; padding-top:12px;}
    header .inner nav li .subNav ul li {margin:0 40px 5px 40px;}
	header .inner nav > ul > li.sub {margin-bottom:-10px;margin-top:6px;}
	header .inner nav > ul > li.sub a {min-height:65px; margin-top:25px;}
	header .inner nav li .subNav ul a:hover {color:#2832ac; border-bottom:solid 2px #2832ac; padding-bottom:4px; transition:ease 0.1s;}
    nav > ul > li.sub > .linkStyle:after {content:"";width: 0; height: 0; border-style: solid;border-width: 8px 8px 0 8px;border-color: #fff transparent transparent transparent; margin-top:10px;}
    .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;}
	.postcodeRes {max-width:215px; height:auto;}
	.sitemap ul.bullet {display:flex; justify-content:start; flex-wrap:wrap;}
	.sitemap ul.bullet li {min-width:25%;}
	table.mobFormat.schedule tr th {vertical-align:middle; min-width:130px; text-align:center;}
	table.mobFormat.schedule tr th:first-child {text-align:left; border-right:solid 1px #dadada;}
	table.mobFormat.schedule tr td {vertical-align:middle; padding:15px 10px;text-align:center;}
	table.mobFormat.schedule tr td:first-child {text-align:left; border-right:solid 1px #dadada;}
	.numbersBox .rollover.euromillions {margin-top:10px;}
	.fullWidth.euromillions .information {margin-top:7px;}
	.gradBoxes {align-self:end;}
}

@media (max-width: 1780px) {
	.fullWidth .playBox {width:9%}
	.fullWidth .playBox .jackpot span {font-size:40px;}
	.fullWidth .playBox .jackpot {font-size:26px; margin-bottom:13px;}
	.fullWidth .playBox p {line-height:23px;}
	.fullWidth .playBox .cta a {font-size:14px; padding:7px 12px;}
}

@media (max-width: 1690px) {
	.fullWidth.mBot {margin-bottom:14%;}
	.fullWidth .playBox {
		width:50px; height:350px; margin-bottom:0; padding:5px; align-items:center; top:20px; left:0; border-bottom-left-radius:0;
		animation:slideIn ease 1.8s; animation-iteration-count:1; animation-fill-mode:forwards;
		display:flex; flex-direction:column-reverse; justify-content:space-between; box-shadow:9px 0px 5px 0 #00000030;
	}
	.fullWidth .playBox:before {display:none;}
	.fullWidth .playBox p {transform:rotate(270deg); line-height:16px; width:105px; margin-bottom:23px; margin-left:-3px;}
	.fullWidth .playBox .jackpot {font-size:22px; transform:rotate(270deg); margin:0 21px -21px 20px;}
	.fullWidth .playBox .jackpot br {display:none;}
	.fullWidth .playBox .jackpot span {font-size:22px; margin-right:5px;}
	.fullWidth .playBox .cta {transform:rotate(270deg); animation:none; width:110px; margin-top:45px;}
	.fullWidth .playBox .cta a {transform:rotate(270deg); animation:none;}
}

@media (max-width: 1450px) {
	.fullWidth .prizeBreakdownBox.scroll:hover:before {background-size:25px 17px; width:25px; height:17px; right:-6%;}
	.fullWidth .prizeBreakdownBox.scroll:hover:after {right:-8%; top:21%;width:44px;}
}

@media (max-width: 1450px) {
	.fullWidth .playBox {display:none}
	.fullWidth .prizeBreakdownBox.scroll:hover:before {display:none;}
	.fullWidth .prizeBreakdownBox.scroll:hover:after {display:none;}
}

@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%;}
	.content {width:95%;}
	.fullWidthContainer {width:95%;}
	.fullWidth.flag:after {width:426px;}
	.ball {width:32px; height:32px; line-height:32px; font-size: 16px;}
	.lottery-box .result-wrap {padding:15px 21px;}
	.boxNextJackpot.euromillions, .boxNextJackpot.lotto, .boxNextJackpot.thunderball, .boxNextJackpot.free-lottery, .boxNextJackpot.eurodreams {width:unset;}
	.boxNextJackpot .countdownBox {margin:0px auto; width:93%;}
	.btn {padding:10px 21px;}
	img.hp-howto {max-width:80%;}
	.steps {width:57%;}
	.w60 {width:85%;}
	.gradBoxes {margin-left:58px; z-index:1}
	.gradBoxes:after {right:88%; z-index:-1}
	.not.narrow {width:97%;}
	.prizeSummary {z-index:2;}
	footer .inner {width:97%;}
	.fullWidth.mBot {margin-bottom:18%;}
	.prevBox .dates {margin-bottom:0;}
	.prevBox span {margin: 5px 2px 20px 2px;}
	table.thunderball.prizebreakdown tr td:nth-child(3) {margin-right:35px; align-self:center; width:33%;}
	table.thunderball.prizebreakdown tr td:nth-child(2) {align-self:center; width:33%}
	.jackpotContainer {width:48%;}
	.results .intro-two-col .btn {padding:13px 27px;}
	.results .intro-two-col .ball {width:38px; height:38px; line-height:38px; font-size:18px;}
	.noMob {display:none!important;}

	table.mobFormat.schedule thead {display: none;}
	table.mobFormat.schedule {width: 100%; border: none;border-radius:0; background:#fff;}
	table.mobFormat.schedule tbody tr {display: block; padding: 0 0 20px; margin: 0 0 20px; color:#0e0e0e;}
	table.mobFormat.schedule tbody td {display: block; padding: 10px 0px; font-size:16px; text-align:left!important; border: none; background: #FFF; line-height: 16px;}
	table.mobFormat.schedule td:first-child {font-family: "font-bold",sans-serif;background:#fff; color:#000; padding:10px 0 20px 0; position:relative;}
	table.mobFormat.schedule td:first-child:after {content:""; height:2px; width:80px; position:absolute; left:0; bottom:8px; background:#e1e1e1;}
	table.mobFormat.schedule tbody td:before {content:"" attr(data-title) ": "; display: block; margin-bottom:6px; text-align: left; font-weight: normal; color:#808080;}
	table.mobFormat.schedule td.noBefore:before {display: none;}
	table.mobFormat.schedule td.colour {color:#0e0e0e; background:#fff}
	
	table.mobFormat.schedule tbody tr:last-child td:first-child {border-bottom-left-radius:0;}
	table.mobFormat.schedule tbody tr:last-child td:last-child {border-radius:0 0 0 0;}
	table.mobFormat.schedule tr td {display:flex; justify-content:space-between;}
	table.mobFormat.schedule tr:last-child {margin-bottom:0!important;}
	table.mobFormat.schedule tr td img {width:25px!important; margin-top:-5px; margin-left:10px;}
	table.mobFormat.schedule tr td:first-child {border-right:none!important;}
}

@media (max-width:1180px) {
	.health-lottery.grid .fx.jc-bt.al-cn, .free-lottery.grid .fx.jc-bt.al-cn {flex-direction:column;}
	.health-lottery .numbersBox, .free-lottery .numbersBox {height:170px!important;} 
	.health-lottery .notes {text-align:center;}
	.health-lottery.grid .date, .free-lottery.grid .date {margin-bottom:10px;}
	.free-lottery .topBar {text-align:center;}
	p.weeklyHeading {margin:5px auto!important;}
	p.dailyHeading {margin:5px auto!important;}
	.results .intro-two-col {flex-direction:column;}
	.results .intro-two-col .first-col {width:100%; padding:0;}
	.results .intro-two-col .second-col {width:100%; padding:0;}
	.results .intro-two-col .second-col .jackpotContainer {width:100%; margin-top:25px;}
	.results .intro-two-col .second-col .gen-box.today {margin-top:25px;}
	.results .intro-two-col .second-col .gen-box.today hr {display:none;}
	.results .intro-two-col .second-col h3.mTop {margin-top:30px}
}

@media (max-width:1136px) {
	.boxNextJackpot.cash-4-life {margin:0 auto;}
	.boxNextJackpot.cash-4-life:before {display:none;}
	.fx.grid.row.cash-4-life {grid-template-columns:none; grid-template-rows:1fr 1fr; row-gap:25px;}
}

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

	header {width:100%}
	header .inner {width:100%; position:static; height:80px;}
	header .inner nav>ul>li {margin-right:0; margin-bottom:0; margin-top:0;}
	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 { background:#2832ac}
	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:#000f74;}
	nav > ul > li.sub.active > .expand:after {content:"-"}
	.navButton {width: 50px;height: 50px;overflow: hidden;position: absolute;right: 20px;top: 15px;transition: all ease 0.5s;z-index: 100;}
	.navButton span {display: inline-block;width: 30px;height: 3px;background: #fff;margin: 13px 0 0 10px;transition: all ease 0.5s;}
	.navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #fff;transition: all ease 0.5s;}
	.navButton span:before {margin-top: 10px;}
	.navButton span:after {margin-top: 7px;}
	.navButton.active span {transform: translateY(-50px);background: #fff;}
	.navButton.active span:before {transform: translateY(50px) rotate(45deg);background: #fff;}
	.navButton.active span:after {transform: translate(0, 40px) rotate(-45deg);background: #fff;}
	.toggle {opacity: 1;transition: all ease 0.5s;position: absolute;top: 0;left: 0;background:#2832ac;margin: 0;width: 100%;height: 100vh;z-index: 99; transform:translate(1040px,0); width:500px; }
	.toggle.active {visibility: visible;opacity: 1;transition: all ease 0.5s; transform:translate(0,0); width:100%;}
	.toggle .navTitle {color: #fff;margin: 30px 0 30px 15px;position: relative;}
	.toggle .navTitle.splitter:after {left: 50%;transform: translateX(-50%);}
	.sub-nav {margin:-30px 0 0 0;width:100%;}
	.sub-nav ul.sub-nav-list {width:100%; transform:translate(0); margin:0;}
	.sub-nav .logo-box { transform:translate(0); margin:0;display:none;}
	header .toggle {height:100vh;}
	.subNav {background:#000f74; border:none; flex-direction:column; width:100%;padding:0; top:0;max-height:0; transition: max-height .2s ease-in-out; overflow:hidden; position:relative; border-radius:0;z-index:-1}
	nav .sub.active .subNav {max-height:3000px;transition: max-height .2s ease-in-out; padding:15px 0; z-index:99}
	.subNav:before {display:none;}
	.subNav .row {flex-direction:column; display:inline-block;}
	.subNav .box {margin:30px 0 15px 0;}
	.subNav .lottomax ul a {margin-right:0;}
	.subNav .jackpotBox {display:none;}
	.subNav .box {border-radius:0;}
	.subNav .title {color:#fff; font-size:16px;}
	.subNav a {color:#fff; margin-bottom:15px; display:block;}
	.subNav li a { text-transform: none!important; font-family:"font-regular", sans-serif!important;}
	.subNav .links-inline {padding:20px; border-radius:0; margin:0 5px 15px}
	.subNav .box.small {width:100%;}
	.lottery-nav {display:none;}
	header .inner nav li a {font-size:16px; font-family:"font-bold", sans-serif;}

	#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;}

	p.narrow70 {width:100%;}
	.fullWidth.lotto {height:400px;}
	.fullWidth.lotto:before {content:""; background:#ff0000; height:20px; width:20px; position:absolute; bottom:-9px; right:48%; transform:rotate(45deg);}
	.fullWidth.lotto .fullWidthContainer .fx {display:block;}
	.fullWidth.euromillions {height:426px;}
	.fullWidth.euromillions:before {content:""; background:#002def; height:20px; width:20px; position:absolute; bottom:-9px; right:48%; transform:rotate(45deg);}
	.fullWidth.euromillions .fullWidthContainer .fx {display:block;}
	.fullWidth.thunderball {height:400px;}
	.fullWidth.thunderball:before {content:""; background:#b409e5; height:20px; width:20px; position:absolute; bottom:-9px; right:48%; transform:rotate(45deg);}
	.fullWidth.thunderball .fullWidthContainer .fx {display:block;}
	.fullWidth.eurodreams {height:400px;}
	.fullWidth.eurodreams:before {content:""; background:#9235ab; height:20px; width:20px; position:absolute; bottom:-9px; right:48%; transform:rotate(45deg);}
	.fullWidth.eurodreams .fullWidthContainer .fx {display:block;}
	.fullWidth.set-for-life {height:400px;}
	.fullWidth.set-for-life:before {content:""; background:#10b5be; height:20px; width:20px; position:absolute; bottom:-9px; right:48%; transform:rotate(45deg);}
	.fullWidth.set-for-life .fullWidthContainer .fx {display:block;}
	.fullWidthContainer .prizeBreakdownBox {width:100%; background:none; margin-top:76px; box-shadow:none; padding:0 13px 13px; position:relative;}
	.fullWidth.mBot {margin-bottom:54%;}
	.fullWidth .numbersBox {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
	.fullWidth.health-lottery .numbersBox, .fullWidth.free-lottery .numbersBox {flex-direction:column; justify-content:center;}
	.fullWidth .numbersBox .information {margin-top:0;}

	.prevBox {text-align:center;}
	.prevBox .dates {margin-bottom:15px;}
	.prevBox h3 {width:fit-content;margin:15px auto 30px auto}
	.numbersBox .rollover {height:fit-content;}
	.boxNextJackpot {display:flex; flex-direction:column; justify-content:space-around;}
	.how-to-steps {grid-template-columns:unset; grid-template-rows:1fr 1fr 1fr;}
	.how-to-steps .box {margin-bottom:20px;}
	.how-to-steps h3 {padding-top:10px;}
	.how-to-steps h3 br {display:none;}
	.how-to-steps h3 span {padding-left:5px;}
	.how-to-steps p {margin: 0 0 3px 68px;}
    
    .timer {margin-bottom:0;}
    .timer li { width:fit-content; height:20px; line-height:18px; margin-right:1px; padding:3px 0 3px 3px;}
    .timer li:last-child {margin-right:0}
    .timer .counterType {display:block; font-size:16px; font-family:"font-bold", sans-serif; line-height:21px;}
    .timer .counterVal {font-size:12px;}

	.result-double {grid-template-columns:1fr; row-gap:30px;}
	.retail-address {grid-template-columns:1fr 1fr}
	
	.lottery-box.centred .box {width:97%; border-radius:8px;}
	.jp-bx {grid-template-rows: 1fr 1fr; row-gap:30px; grid-template-columns:unset; column-gap:unset;}
	.fullWidthContainer .column {flex-direction:column;}
	.fullWidth.purple {text-align:center;}
	.fullWidth.purple .fullWidthContainer {width:93%;}
	.fullWidth.purple .fx {flex-direction:column;}
	.fullWidth.purple:before {right:-12%; opacity:0.3;}
	.pad30.ctr {padding:30px 0;margin: 0 auto; text-align:center;}
	.steps {width:100%;}
	.fullWidth.purple .prizeSummary .fx {flex-direction:column;}
	.w60 {width:100%;}
	.gradBoxes {margin:30px auto 0 auto;}
	.gradBox {width:100%; padding:30px;}
	.gradBox img.circle {margin-right:unset; margin-bottom:15px;}
	.gradBox h3 {margin-bottom:12px;}
	.prizeSummary .heading {margin-bottom:10px; line-height:20px;}
	.prizeSummary .column {width:100%;}

	.pick-3 .numbersBox {display:flex;}
	.pick-3.grid {display:unset;grid-template-columns:none;}
	.pick-3 .numbersBox.secondary {display:flex;}
	.fullWidth.pick-3 .numbersBox.secondary .pick-3.block {padding:0 40px;}
	.fullWidth.pick-3 .numbersBox.secondary .pick-3.block:last-child {padding:0 20px 0 40px;}
	.fullWidth.pick-3 .numbersBox.secondary .pick-3.block:nth-child(2) {border-left:none;border-right:none; padding:0;}
	.pick-3.block {width:unset; padding:48px 8px 0 40px;}

	.fullWidth.postcode-lottery .numbersBox {flex-direction:column; align-items:unset;}
	.fullWidth.postcode-lottery .prevBox {margin:0 auto 20px auto; width:auto; float:unset;}

    .homepage-top {flex-direction:column;}
    .in3d {text-shadow:none;}

    .lottery-box {display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:20px;}
    .lottery-box.small {flex-direction:row;}
    .lottery-box .box {margin:15px}
   
	.gen-box.info .top {flex-direction:column}

    footer .inner {width:97%; text-align:center;}
	footer .inner .jc-bt {flex-direction:column;}
	footer p.age {width:100%;}
	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;}

	.intro-two-col {flex-direction:column;}
	.intro-two-col .gen-box.w80 {width:100%;}
	.intro-two-col .gen-box {margin-right:0; margin-bottom:35px;}
	.intro-two-col .jackpotContainer {width:100%;}
	.intro-two-col .jackpotContainer .box:hover {transform:scale(1)!important;}
	.resultsBox, .main-results {border-radius:0}
	.resultsBox .top {flex-direction:column; margin-bottom:10px}
	.resultsBox  .prizePayouts {display:grid; grid-template-columns:1fr; gap:10px}
	.resultsBox.keno .balls {flex-wrap:wrap; justify-content:center;}
	.resultsBox.keno .balls .ball {margin:3px}

	.results-table thead {display:none;}
	.results-table tr {display:flex; flex-direction:column; border-bottom:1px solid #f4f4f4; text-align:center;}

	.results .resultBox .pick-3.block {padding:0;}
	.menu.btn.cta {border-radius:0; padding:15px 0;}
	.secondChanceBox { flex-direction: column; width: 100%}
	.secondChancePrize {width: 100%; justify-content: center;}
}

@media (max-width: 896px) {
	.faq-main-container {width:90%;}
	.faq-sub-container .box {width:90%;}
	.fullWidth.mBot {margin-bottom:59%;}
	.timer {margin:5px 0;}
	.jackpotContainer {width:100%;}
	.noMob {display:none!important;}
}

@media (max-width: 820px) {
	.fullWidth.mBot {margin-bottom:65%;}
	.how-to-steps .box {width:100%;}
	.postcodeRes {min-width:197px; margin:5px 10px 10px 0;}
	.results .intro-two-col .first-col .resultBox {flex-direction:column; align-items:flex-start;}
	.results .intro-two-col .first-col .resultBox .result {width:100%; justify-content:space-between;}
	.results .intro-two-col .first-col .resultBox .gameName {margin-bottom:15px;}
	.grid {grid-template-columns:none; grid-template-rows:1fr 1fr; column-gap:unset; row-gap:20px;}
	.fullWidth.flag p.narrow {width:100%;}
}

@media (max-width: 749px) {
	.faq-main-container.active:before {top:189px;}
	.faq-main-container.active:after {top:189px;}
	.fullWidth.mBot {margin-bottom:70%; height:467px;}
	.fullWidth.euromillions.mBot {height:487px;}
	.fullWidth.eurodreams.mBot {height:373px; margin-bottom:120%}
	.grid.row {grid-template-columns:none; grid-template-rows:1fr 1fr; margin-bottom:90px;}
	.grid.row .boxNextJackpot {margin-bottom:25px;}
	.gen-box.wide .fx.grid {grid-template-columns:none; grid-template-rows:1fr 1fr;}
	.factBox {margin-top:-15px;}
	.numbersBox {flex-direction:column; align-items:start!important}
	.fullWidth.pick-3 .numbersBox {flex-direction:row; align-items:start!important}
	.numbersBox .rollover {position:absolute; right: 25px;}
	.boxNextJackpot.cash-4-life {margin: 0 auto 25px auto;}
	.fullWidth.postcode-lottery .prevBox {display:block;}
	.fullWidth.postcode-lottery .prevBox h3 {margin:0 auto 20px auto!important;}
	.postcodeRes {min-width:250px; margin:5px 24px 15px 0}
	.free-lottery .numbersBox {align-items:center!important;}
	.results .intro-two-col .first-col .resultBox {align-items:center;}
	.results .intro-two-col .first-col .resultBox .gameName {text-align:center;}
	.results .intro-two-col .first-col .resultBox .result {flex-direction:column;}
	.results .intro-two-col .first-col .resultBox .result .btn {margin-left:0; margin-top:30px;}
	.results .intro-two-col .first-col .resultBox .result .pick-3.block {margin-right:0;}
	.results .intro-two-col .first-col .resultBox .result .pick-3.block:nth-child(2) {margin:20px 0;}
	.results .intro-two-col .first-col h1 {font-size:28px;}
	.mobAlert {position:relative!important; right:unset!important; bottom:unset!important;}
	.ball.eurodreams {width:38px!important; height:38px!important; line-height:38px!important;}
}

@media (max-width:680px) {
	.fullWidth.mBot {margin-bottom:81%;}
	.postcodeRes {min-width:240px; margin:5px 20px 15px 0}
}

@media (max-width: 640px) {
	.fullWidthContainer {width:90%;}
	p.narrow {width:100%;}
	.fullWidth.flag:after {opacity:0.3;}
	#content {width:93%; margin:20px auto auto;}
	.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 20px; margin: 0 0 20px; color:#0e0e0e;}
	table.prizebreakdown.mobFormat tbody tr {margin-bottom:15px;}
	table.mobFormat tbody td {display: block; padding: 10px 0px; font-size:16px; text-align:left!important; border: none; background: #FFF; line-height: 16px;}
	table.mobFormat td:first-child {font-family: "font-bold",sans-serif;background:#fff; color:#000; padding:10px 0 20px 0; position:relative;}
	table.mobFormat td:first-child:after {content:""; height:2px; width:80px; position:absolute; left:0; bottom:8px; background:#e1e1e1;}
	table.mobFormat.lotto td:first-child:after {background:#fc2d5b;}
	table.mobFormat.euromillions td:first-child:after {background:#2572e4;}
	table.mobFormat.thunderball td:first-child:after {background:#cf28ff;}
	table.mobFormat.eurodreams td:first-child:after {background:#9433b0;}
	table.mobFormat.set-for-life td:first-child:after {background:#15d9dc;}
	table.mobFormat.health-lottery td:first-child:after {background:#ff6200;}
	table.mobFormat.pick-3 td:first-child:after {background:#751fd6;}
	table.mobFormat.postcode-lottery td:first-child:after {background:#219537;}
	table.mobFormat.free-lottery td:first-child:after {background:#7f53ac;}
	table.mobFormat tbody td:before {content:"" attr(data-title) ": "; display: block; margin-bottom:6px; text-align: left; font-weight: normal; color:#808080;}
	table.mobFormat td.noBefore:before {display: none;}
	table.mobFormat td.noBefore a {color:#fff;}
	table.mobFormat td.blockBefore:before {display: block;}
	table.mobFormat td.colour {color:#0e0e0e; background:#fff}
	
	table.mobFormat tbody tr:last-child td:first-child {border-bottom-left-radius:0;}
	table.mobFormat tbody tr:last-child td:last-child {border-radius:0 0 0 0;}
	table.mobFormat.schedule tr td {display:flex; justify-content:space-between;}
	table.mobFormat.schedule tr:last-child {margin-bottom:0!important;}
	table.mobFormat.schedule tr td img {width:25px!important; margin-top:-5px; margin-left:10px;}

	table.mobFormat td.colour a {color: #fff;}
	table.mobFormat tr.totals td:first-child {color:#fff!important;}
	table.mobFormat td.noBefore:before {display: none !important;}
	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;}
	
	.gen-box {padding:25px;}
	.homepage-top .result {flex-direction:column;}
	.homepage-centre {margin:20px 0 0 0;}
	.lottery-box.small {flex-direction:column;}
	.lottery-box .box {flex-direction:column; width:100%}
	.lottery-box .jackpot-box {display:flex; justify-content:space-between; align-items:flex-start;}

	.gen-box.info .img-box {margin:0 0 20px 0}

	.balls .ball {width:40px; height:40px; line-height:40px; font-size:17px;}
	.numbersBox {position:relative;}
	.numbersBox .rollover {bottom:18px;}
	.lottery-box .cta-box, .homepage-top .results-box .cta-box {display:grid;   gap:15px}
	.homepage-top .results-box .cta-box .btn {display:inline-block; margin:0;}
	.homepage-top .results-box .cta-box {justify-self:center;}
	.homepage-top .results-box .cta-box div {justify-self:center;}
	.homepage-top .date-box:before {width:15px; height:15px; background-size:15px 15px;}
	.homepage-top .date-box .date {font-size:16px}
	.homepage-top .date-box .day {font-size:24px; line-height:20px;}
	.homepage-top .date-box {margin:0 0 5px 0}
	
	.double-box {grid-template-columns:1fr;}

	.double {grid-template-columns:1fr}
	.games {grid-template-columns:1fr 1fr}

	.lottery-box .jackpot-box .jackpot-inner {text-align:center}
	.lottery-box .jackpot-box .jackpot-inner .h5 {margin-bottom:10px;}
	.lottery-box .cta {justify-content:center}
	
	.lottery-box .jackpot-box .jackpot span {display:block;}
	.gen-box.border.mTop {margin-top:30px}
	.mTop {margin-top:85px;}

	.table.euromillions.prizebreakdown tr td:nth-child(2) {padding-left:30px;}
	.boxNextJackpot.cash-4-life {padding:30px;}
	.health-lottery .numbersBox {margin-bottom:0px; height:200px!important;}
	.health-lottery.grid .fx.jc-bt.al-cn, .free-lottery.grid .fx.jc-bt.al-cn {margin: 0 auto;}
	.health-lottery .notes.mTop {margin:30px auto 20px auto;}

	.fullWidth.pick-3 .numbersBox {flex-direction:column;}
	.fullWidth.pick-3 .numbersBox .topBar {margin-top:10px; margin-bottom:20px;}
	.fullWidth.pick-3 .numbersBox.secondary .pick-3.block {padding:0 25px 0 0!important;}
	.fullWidth.pick-3 .numbersBox .pick-3.block {padding:48px 28px 0 0!important;}

	.postcodeRes {width:100%; margin:8px 0}
	.jackpotContainer {width:100%;}
	.didYouKnow {flex-direction:column;}
	.didYouKnow img {margin-right:0; margin:10px 20px 0 0;}
}

@media (max-width:680px) {
	.fullWidth.mBot {margin-bottom:84%;}
	.table.euromillions.prizebreakdown tr td {font-size:14px;}
	.table.euromillions.prizebreakdown tr td:nth-child(2) {width:90px;}
	.fullWidth.postcode-lottery .prevBox {padding:15px 5px}
	.fullWidth.postcode-lottery .prevBox .dates {display:flex; flex-wrap:wrap; justify-content:center; flex-direction:row;}
	.fullWidth.postcode-lottery .prevBox span {margin:5px 3px 10px 3px; color:#000;}
	.fullWidth.postcode-lottery .prevBox a span {display:block; color:#000;}
	.fullWidth.postcode-lottery .prevBox {background:#fff; border-radius:8px; color:#000;}
}

@media (max-width:630px) {
	.fullWidth.mBot {margin-bottom:90%;}
	.boxNextJackpot.cash-4-life {width:inherit;}
	.fullWidth.pick-3 .numbersBox .fx.jc-end.al-cn {flex-direction:column; margin:0 auto;}
	.fullWidth.pick-3 .numbersBox.secondary .fx.jc-sa.al-cn {flex-direction:column; margin: 0 auto;}
	.fullWidth.pick-3 .numbersBox .pick-3.block {padding:10px 0!important;}
	.fullWidth.pick-3 .numbersBox.secondary .pick-3.block {padding:10px 0!important;}
	
}

@media (max-width:538px) {
	.fullWidth.mBot {margin-bottom:100%;}
	.table.euromillions.prizebreakdown {width:105%;}
	table.thunderball.prizebreakdown tr td:nth-child(2) {align-self:center; width:33%; margin-left:25px;}
	.jackpotContainer .box {height:327px;}
	.jackpotContainer .box:after {top:60px!important;}
	.jackpotContainer {margin-right:0!important;}
}

@media (max-width: 440px) {
	h1 {font-size:26px; line-height:26px;}
	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;}

	.fullWidth.lotto {height:419px;}
	.fullWidth.thunderball,.fullWidth.set-for-life {height:419px; margin-bottom:115%;}
	.fullWidth.euromillions.mBot {height:443px;}
	.fullWidth.euromillions.hotpicks.mBot {height:419px; margin-bottom:450px;}
	.table.scroll.euromillions.prizebreakdown {max-height:300px;}
	.fullWidth.lotto:before {background:#c61f47;}
	.fullWidth.euromillions:before {background:#0025a1;}
	.fullWidth.set-for-life:before {background:#10b5be;}
	.fullWidth.lotto:after {height:430px; bottom:-430px; z-index:0;}
	.fullWidth.lotto .fx.jc-bt {flex-direction:column;}
	.fullWidth.lotto.m13 {margin-bottom:450px;}


	.fullWidth .prizeBreakdownBox.scroll:before {content:"Scroll to view"; font-size: 14px; position:absolute; top: 40px; right:0px; color:#000; width:90px; opacity:1; text-align:right; background-image:unset; background-size:unset; }
	.fullWidth .prizeBreakdownBox.scroll h3 {padding-bottom:18px; margin-bottom:0; border-bottom:solid 1px #dadada;}
	.fullWidth .numbersBox {margin-bottom:25px; position:relative;}
	.fullWidth .prizeBreakdownBox {width:100%; z-index:1; background:none; padding:20px 0 0 0; box-shadow:unset; margin-top:15px;}
	.fullWidth .numbersBox .rollover {background:none; border-radius:unset; padding:unset; position:absolute; top: 22px; right: 26px;}
	.fullWidth .numbersBox .rollover.thunderball, .fullWidth .numbersBox .rollover.set-for-life {text-align:right; top:26px;}
	.fullWidth.euromillions .numbersBox .rollover {width:165px; text-align:right; bottom:30px; top:unset;}
	.numbersBox .rollover.euromillions:before, .numbersBox .rollover.thunderball:before, .numbersBox .rollover.set-for-life:before {display:none;}
	.fullWidth.set-for-life .prevBox span {border:solid 1px #10b5be; color:#000;} 

	.fullWidth .numbersBox .rollover.lotto {padding-left:25px;}
	.fullWidth .numbersBox .rollover.lotto:before {left:0px; bottom:3px;}
	.fullWidth .numbersBox .rollover p {font-size:15px; line-height:21px;}
	.prevBox {background:none; padding:0px 5px; border-radius:unset; color:#fff;}
	.prevBox h3 {margin:10px 0 20px 25px;}
	.prevBox h3:before {display:none}
	.fullWidth.lotto .prevBox.border {border:unset; background:#c3000b; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; padding:10px 0;}
	.fullWidth.euromillions .prevBox.border {border:unset; background:#001ca5; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; padding:10px 0;}
	.fullWidth.thunderball .prevBox.border {border:unset; background:#b223e0; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; padding:10px 0;}
	.fullWidth.eurodreams .prevBox.border {border:unset; background:#9433b0; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; padding:10px 0;}
	.fullWidth.set-for-life .prevBox.border {border:unset; background:#15d9dc; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; padding:10px 0; color:#000;}
	.prevBox span {padding:4px; border-radius:4px; margin:5px 5px 20px 5px; font-size:14px; color:#000}
	.prevBox a {color:#fff;}
	table tr {border-bottom:solid 1px #e3e3e3;}
	table tr td {font-size:15px;}
	table tr td:nth-child(2) {width:42%;}
	table.mobFormat tr td:nth-child(2) {width:100%;}
	table.euromillions.prizebreakdown tr td:nth-child(3) {margin-right:17px;}
	table.thunderball.prizebreakdown tr td:nth-child(2) {width:38%;}
	table.thunderball.prizebreakdown tr td:nth-child(3) {margin-right:17px; width:28%;}
	table.set-for-life.prizebreakdown tr td:nth-child(3) {width:23%; margin-right:17px;}
	img.matched {width:110px; margin-top:1px;}
	h2.faq-heading {margin:50px auto; text-align:center; width:85%;}
	.faq-main-container {flex-direction:column;}
	.faq-button {margin-top:25px;}
	.faq-main-container.active:before, .faq-main-container.active:after {
		top: 20px;
		height: 80px;
	}
	.fullWidth .playBox {display:flex; height:47px; width:100%; margin:0 auto; box-shadow:none; animation:none; left:0px; top:-47px; border-radius:0px!important; flex-direction:row;}
	.fullWidth .playBox p {transform:unset; margin-bottom:0px;}
	.fullWidth .playBox .jackpot {transform:unset; margin: 0 15px 0 0;}
	.fullWidth .playBox .cta {transform:unset; margin-top:0;}
	.fullWidth .playBox.pick-3 .cta {width:143px;}
	.mTop40 {margin-top:40px!important;}
	.mBotSoon {margin-bottom:133%!important;}
	p.tryGames {margin-bottom:15px;}
	.prizeBreakdownBox .grid {column-gap:10px;}
	.prizesSoon.other .title {font-size:16px!important; margin-bottom:0!important;width:80%; line-height:21px;}
	.prizesSoon.other {padding:10px!important;}
	p.estimated {font-size:14px!important;}
	.prizesSoon.other .jackpot {font-size:20px!important;}

	.boxNextJackpot.cash-4-life {background-position:-100px;}
	.boxNextJackpot.cash-4-life:after {display:none;}
	.health-lottery.grid, .free-lottery.grid {row-gap:unset;}
	.health-lottery.grid:nth-child(2), .free-lottery.grid:nth-child(2) {margin-top:unset;}
	.pick-3 .topBar {width:100%;}

	.fullWidth.postcode-lottery .prevBox {display:flex;}
	.fullWidth.postcode-lottery .prevBox h3 {margin: 0 0 0 15px!important; text-align:left; align-self:center;}
	.fullWidth.postcode-lottery .prevBox .dates {justify-content:end; margin-right:10px;}
	.fullWidth.postcode-lottery .prevBox span {margin:5px 3px; color:#000;}

	.results .intro-two-col .first-col p.h2 {margin:50px auto 0 auto;}
	img.hp-howto {max-width:none;}
	.sflcomp {margin-top:-30px;}
	.rollover.eurodreams.mobAlert {top:unset; right:unset;}
	.rollover.eurodreams.mobAlert:before {display:none}
}

@media (max-width: 326px) {
	.balls .ball, .main-result.wide .balls .ball, .main-result.breakdown .balls .ball {width:30px; height:30px; line-height:30px; font-size:14px;}
	.main-result.wide .balls .ball.power-play, .main-result.wide .balls .ball.megaplier  {font-size:24px; line-height:14px;}
	.main-result.wide .balls .ball.small {width:20px; height:20px; line-height:20px; font-size:12px;}
	.ball.powerball, .resultBall.powerball, .ball.mega-ball, .ball.star-ball, .ball.all-star-bonus, .ball.extra-shot {line-height:30px;}
}