/* Minification failed. Returning unminified contents.
(9,70): run-time error CSS1046: Expect comma, found '88'
(9,76): run-time error CSS1046: Expect comma, found ')'
(9,88): run-time error CSS1046: Expect comma, found '16'
(9,94): run-time error CSS1046: Expect comma, found ')'
(65,129): run-time error CSS1046: Expect comma, found '88'
(65,135): run-time error CSS1046: Expect comma, found ')'
(65,148): run-time error CSS1046: Expect comma, found '16'
(65,154): run-time error CSS1046: Expect comma, found ')'
(66,115): run-time error CSS1046: Expect comma, found '88'
(66,121): run-time error CSS1046: Expect comma, found ')'
(66,134): run-time error CSS1046: Expect comma, found '16'
(66,140): run-time error CSS1046: Expect comma, found ')'
(78,147): run-time error CSS1046: Expect comma, found '88'
(78,153): run-time error CSS1046: Expect comma, found ')'
(78,165): run-time error CSS1046: Expect comma, found '16'
(78,171): run-time error CSS1046: Expect comma, found ')'
(181,66): run-time error CSS1046: Expect comma, found '16'
(181,72): run-time error CSS1046: Expect comma, found ')'
(181,116): run-time error CSS1046: Expect comma, found '88'
(181,122): run-time error CSS1046: Expect comma, found ')'
(181,134): run-time error CSS1046: Expect comma, found '16'
(181,140): run-time error CSS1046: Expect comma, found ')'
(332,56): run-time error CSS1046: Expect comma, found '88'
(332,62): run-time error CSS1046: Expect comma, found ')'
(332,74): run-time error CSS1046: Expect comma, found '16'
(332,80): run-time error CSS1046: Expect comma, found ')'
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,small,strong,sub,sup,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,footer,header,nav,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
footer,header,nav {display: block;}
*,*::before,*::after {box-sizing: border-box;}
ol,ul {list-style: none;}
table {border-collapse: collapse;}


body{font-family:"inter-regular",sans-serif; background:#f4f4f4; font-weight:400;}
header {background:#200095; background:linear-gradient(90deg,rgb(219 88 248) 0%,rgb(62 16 247) 100%); display:flex; justify-content:center; margin-bottom:50px; box-shadow:0 20px 50px rgba(0,0,0,.3);}
header .inner { width:1200px; position: relative;  align-items:center; padding:20px 0}
header .logo {flex-grow:1;}
/* header > .inner > .logo-box {padding:20px; position:absolute; left:0; background:#fff; top:10px;} */
nav > ul {display:flex;}
nav > ul > li {margin-right:30px; position: relative; display:inline-block}
nav > ul > li:last-child {margin-right:0;}
nav > ul > li > a, .linkStyle {font-family:"inter", sans-serif; color:#fff; transition: all .2s ease-in-out; text-decoration:none;align-items:center;}
nav > ul > li > a:hover {color:#ffbe00; text-decoration:none;}
nav > ul > li > a.active-link {color:#ffbe00;}



/* Layout */
.fx {display:flex;}
.fx-center {justify-content:center;}
.fx.col {flex-direction:column;}
.centred {text-align:center;}
.split.centred:after {margin:10px auto 0;}
.content {width:1200px; margin:0 auto;}
.centre-al {align-self:center;}
.flex-gap {justify-content:space-between;}
.double-links {width:85%}

/* Typography */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6, .title{font-family:"inter", sans-serif; letter-spacing:-1px; font-family:"inter", sans-serif;}
.h1,h1{margin-bottom: 20px; font-size: 40px; line-height:46px;}
.h2,h2{margin-bottom: 20px; font-size: 26px; line-height:34px;}
.h3,h3{margin-bottom: 10px; font-size: 22px; line-height:26px;}
.h4,h4{margin-bottom: 10px; font-size: 18px; line-height:24px;}

p {line-height:32px; margin-bottom: 30px;}
p {line-height:32px; margin-bottom: 30px;}
p.big {font-size:21px; line-height:36px;}
p.small {font-size:12px; line-height:26px; margin-bottom:15px;}
p:last-child {margin-bottom:0;}
.regular {font-weight:400;}
strong {font-family:"inter", sans-serif;}
.mBot {margin-bottom:30px!important;}

/* Lists */
ul.list, ul.bullet {margin-bottom:30px;}
ul.list li, ul.bullet li {margin-bottom:10px; padding-left:20px; position:relative;}
ul.list.features {display:flex; flex-wrap:wrap;}
ul.list.features li {font-size:18px; width:40%; margin:0 15px 15px 0;}
ul.list li:before, ul.bullet li:before {content:"\25A0"; color:#f10dea; display:inline-block; width:5px;height:5px; margin-right:10px; position:absolute;left:0; top:0;}
ul.list li:nth-child(even):before, ul.bullet li:nth-child(even):before {content:"\25A0"; color:#51049d; display:inline-block; width:5px;height:5px; margin-right:10px; position:absolute;left:0; top:0;}

/* Misc */
.page-404 {display:flex; flex-direction:column; align-items:center;}
.img-404 img {width:400px;}
.jackpot-feature {width:80%; background:#fff; position:relative; margin:0 auto; border-radius:14px; color:#000; overflow:hidden; box-shadow:0px 12px 13px #2e008c6b;}
.jackpot-feature:before {position:absolute; content:""; background-image:url(/images/template/jackpot-background.svg); background-size:200px 400px; width:200px; height:400px; bottom:-101px; left:-147px; opacity:.2; transform:rotate(25deg)}
.jackpot-feature:after {position:absolute; content:""; background-image:url(/images/template/jackpot-background.svg); background-size:200px 400px; width:200px; height:400px; bottom:-131px; right:-137px; opacity:.2; transform:rotate(20deg);}
.jackpot-feature p {position:relative; padding:2px 0 2px 40px; width:100%; background:#15e473; background:linear-gradient(129deg,#15e473 0%,#8eff89 100%); text-align:left; font-family:"Inter", sans-serif; margin-bottom:0; z-index:99}
.jackpot-feature p:before {position:absolute; content:""; background-image:url(/images/svg/calendar.svg); background-size:12px 12px; width:12px; height:12px; left:20px; top:50%; transform:translateY(-50%);}
.jackpot-title {font-size:16px; font-family:"Inter", sans-serif; margin:15px 0 -5px 0; background:linear-gradient(90deg,rgb(219 88 248) 20%,rgb(62 16 247) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.jackpot-amt {font-size:54px; font-family:"Inter", sans-serif; margin:0; background:linear-gradient(90deg,rgb(219 88 248) 20%,rgb(62 16 247) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.jackpot-feature a.btn {width:fit-content;}
.jackpot-feature .play-div {margin-bottom:20px;}

/* BREADCRUMBS */
#breadcrumb{display:flex;padding:10px;line-height:10px; font-size:14px; align-items:center; margin:15px auto;flex-wrap:wrap; position: relative; z-index: 2}
#breadcrumb.alt {background:#086895; border-radius:25px; padding:5px 10px; justify-content:center;}
#breadcrumb li{display:inline-block;background: url(/images/svg/chev.svg) no-repeat 2px 50%;padding-left: 20px;background-size:10px 10px; color:#fff; margin:5px 0 5px 5px;}
#breadcrumb li:first-of-type {background:none;padding:0;}
#breadcrumb a { display:inline-block; color:#fff;}
#breadcrumb li:first-child a {background: url(/images/svg/home.svg) no-repeat center 0;width: 18px;height: 18px; background-size:18px 18px;}
#breadcrumb li:first-child a span {display:none;}
.purple-bg {justify-content:center; background:#730db7; border-radius:50px; padding:8px 10px!important; background:linear-gradient(129deg,rgb(219 88 248) 0%,rgb(62 16 247) 100%);}

/* Buttons */
.btn-wrap {display:inline-block;}
.btn, .link-button {padding:14px 24px; font-family:"inter", sans-serif;letter-spacing:-.1px; font-family:"inter", sans-serif; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase; display:inline-block; border-radius:50px; line-height:16px; background:#200095;}
.btn:hover {background:#db58f8; color:#fff; text-decoration:none;}
.btn.cta-btn {background:#ffcc00; color:#000;}
.btn.cta-btn:hover {background:#ffe400; color:#000; text-decoration:none;}
.btn.alt {border-color:#fff;color:#fff;}
.grey-link {color:#676767!important; font-family:"inter",sans-serif; text-decoration:none; align-self:center;}
.grey-link:hover {color:#2b2b2b!important; font-family:"inter", sans-serif; text-decoration:none; align-self:center; text-decoration:underline; text-underline-offset:5px;}
.white-link {color:#fff; text-decoration:none;}
.sub-link {margin-top:20px;}
.sub-link a.btn {background:#0000007d; color:#fff; transform:scale(.9)}
.blank-button {margin-right:15px; margin-bottom:15px; padding:14px 24px; letter-spacing:-.1px; font-family:"inter", sans-serif; text-align:center; color:#8a8a8a; text-transform:uppercase; display:inline-block; border-radius:50px; line-height:16px; background:#dadada;}

/* Checker */
.checkerWrapper {background: #fff!important; color:#fff;}
.checkerWrapper .title {font-size:28px; color:#000!important; margin-bottom:10px;}
.checkerWrapper .grid ul {display:flex; flex-wrap:wrap; justify-content:center;}
.ball.grid {background:#fff!important; color:#4e009e!important; margin:10px 5px!important; cursor:pointer;}
#checkerGrid .grid {margin-bottom:20px; text-align:center;}
#checkerGrid .grid .title {font-size:28px; color:#fff}
#checkerGrid .grid ul {display:flex; flex-wrap:wrap; justify-content: center;}
#checkerGrid .grid ul li {margin:10px; cursor:pointer;transition:all ease-in-out .2s;}
#checkerGrid .grid ul li:hover {transform:scale(1.1); transition:all ease-in-out .2s;}
#checkerGrid p {text-align:center; font-size:18px; color:#000;}
#checkerGrid .grid .ball.powerball:after{content:"";}
#checkerGrid .grid .ball {background: #FFF; color: #fff;}
#checkerGrid .grid .ball.selected, #checkerGrid .grid .ballselected {background: #fc0; color: #000; width:38px; height:38px; line-height:38px; text-align:center; font-size:18px; border-radius:50%;}
#checkerGrid .errorMessage {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); background:rgba(0,0,0,0.6); color:#000; height:100%;width:100%; border-radius:8px;opacity:0; visibility:hidden; transition:all ease .2s;}
#checkerGrid .errorMessage.active {visibility:visible;opacity:1;transition:all ease .2s;}
#checkerGrid .errorMessageInner {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);border-radius:8px; padding:15px; background:#fff; display:flex;}
#checkerGrid .errorMessageInner:before {content:""; display:inline-block; vertical-align:middle; width:50px; height:50px; margin-right:10px;}
#checkerGrid .closeErrorMessage {background:#112f96;color:#fff; position:absolute; top:-10px; right:-10px; border-radius:50%; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer; font-family:"inter", sans-serif;}
#checkerGrid .closeErrorMessage:hover{background:#1b43cc;}
#checkerGrid .ball, #checkerGrid .balldisabled, #checkerGrid .ballselected, #checkerGrid .ball.powerball, #checkerGrid .ball.powerballdisabled, #checkerGrid .ball.powerballselected, .eurojackpotdisabled {user-select: none;}
.checkingNumbers .ball, .checkingNumbers .balldisabled, .checkingNumbers .ballselected, .checkingNumbers .ball.powerball, .checkingNumbers .ball.powerballdisabled, .checkingNumbers .ball.powerballselected  {width:40px; height:40px; font-size:21px; line-height:40px;}
.checkedNumbers {display:flex; justify-content:center;align-items:center;}
.checkedNumbers .col {width: auto; display:flex; flex-direction:column; align-items:center;}
.checkedNumbers .btn {margin-top:10px;}
.checkedNumbers .title {font-size:21px; margin:0 20px 0 0;}
.checkerResult {display:flex; flex-wrap:wrap; justify-content:center}
.checkedNumbers .balls {margin-bottom:0; justify-content:center;}
.checkerResult .main-result {background:#fff; padding:30px!important; text-align:center; border-radius:14px;}
.checkerResult .main-result .balls {margin:10px 0 20px 0; justify-content:center;}
.checkerResult .main-result .ball, .checkerResult .main-result .balldisabled, .checkerResult .main-result .ball.powerball, .checkerResult .main-result .ball.powerballdisabled {width:40px; height:40px; line-height:40px; font-size:18px;}
.checkerResult .main-result .ball.powerball, .checkerResult .main-result .ball.powerballdisabled, .checkerResult .main-result .bonus-balldisabled, .checkerResult .main-result .ball.bonus-ball, .checkerResult .main-result .ball.extra-shot {line-height:32px;}
.checkerResult .main-result .ball.powerball, .checkerResult .main-result .ball.mega-ball, .checkerResult .main-result .ball.extra-shot {line-height:38px;}
.checkerResult .date {margin-bottom:10px;}
.checkerResult .prize {text-align:center; width:100%;}
.checkerResult .prize strong {vertical-align:baseline;}
.checkerResult .main-result .ball.power-play, .checkerResult .main-result .ball.megaplier {line-height:30px; font-size:30px;}
.checkerResult .top {display:flex; justify-content:center}
.balldisabled {width:38px; height:38px; line-height:38px; text-align:center; font-size:18px; border-radius:50%; background:#cdcdcd!important;}
#remainingBalls {width:100%; text-align:center; font-family:"inter" ,sans-serif; margin-bottom:15px;color:#000;}
.winnings {background:#489f50; border-radius:25px; position:relative; width:fit-content; color:#fff; padding:6px 15px 6px 36px; margin:20px auto 0 auto; z-index:1}
.winnings:before {background-image:url(/images/svg/win-euro.svg); background-size:24px 24px; height:24px; width:24px; content:""; position:absolute; left:4px; top:50%; transform:translateY(-50%);}
.winnings:after {position:absolute; content:""; width:14px; height:14px; background:#489f50; border-radius:2px; top:-3px; left:50%; transform:translateX(-50%) rotate(45deg); z-index:-1;}
.bold {font-family:"inter", sans-serif;}
#checkerGrid .powerballselected, #checkerGrid .ballselected, #checkerGrid .ball.selected {animation-duration:.2s;animation-name:pop;}
.ballsChecked li:last-child{display:none;}
.ballsChecked .ball.viking.viking-ball {line-height:32px;}
.barInfo {display:flex; justify-content:center;  margin-bottom:10px;}
.barInfo p {margin-bottom:0;}
.checkerResult.previousResults {display:grid; grid-template-columns:1fr 1fr; column-gap:30px; row-gap:30px; margin:30px 0;}
.barInfo .numbersSelected {background:#fff; color:#000!important; padding:0 15px; border-radius:10px; margin-left:10px; line-height:32px;}
.progressBar {display: inline-block;width:100%;height:20px; background:rgba(0, 0, 0, 0.1); border-radius:8px;padding:2px; transition:all ease .2s; margin-bottom:5px;}
.progressBar .barInner {display:inline-block; background:#fff; width:0; height:16px; border-radius:8px; transition: all ease.3s;}
.checker-links {margin:30px 0 10px 0; display:flex; justify-content:center;}
a.resetChecker {padding:14px 0; margin-right:20px; font-family:"inter", sans-serif; letter-spacing:-.1px; transition:.2s ease; text-align:center; text-underline-offset:5px; color:#a9a9a9; text-transform:uppercase; display:inline-block; border-radius:50px; line-height:16px; background:none;}
a.resetChecker:hover {text-underline-offset:2px; color:#000; transition:.2s ease;}
a.checkButton {padding:14px 24px; margin-left:20px; font-family:"inter", sans-serif; letter-spacing:-.1px; transition:.2s ease; text-decoration:none; text-align:center; background:#f10dea; text-underline-offset:5px; color:#fff; text-transform:uppercase; display:inline-block; border-radius:50px; line-height:16px;}
a.checkButton:hover {background:#ff42f9;}
.green-tick-circle {position:relative; font-size:19px!important;}
.green-tick-circle:after {position:absolute; bottom:-9px; right:-7px; border:solid 2px #fff; border-radius:50%; content:""; background-image:url(/images/svg/green-tick-circle.svg); background-size:16px 16px; width:16px; height:16px; padding:8px;}

.switch {padding: 10px; margin: 10px 5px 4px; background: #fff; text-align: center;}
.switch.alt {background:none; margin-bottom:20px; color:#fff;}
.switch * {vertical-align:middle;display:inline-block;}
.switch img {padding-left:20px;}
.onoffswitch {position: relative;background-color: #FFF;border: 2px solid #DDD;border-radius: 36px;display: inline-block;width: 50px;height: 30px;padding: 0;transition: background-color 0.1s ease-in 0s;cursor:pointer; margin-left: 10px;}
.onoffswitch:before {background: #FFF none repeat scroll 0 0;border-radius: 36px;content:"";display:block;position: absolute;transition: all 0.1s ease-in 0s;height: 25px;width: 25px;left:1px;top:0;cursor:pointer;box-shadow: rgba(0,0,0,0.3) 0 3px 4px;}
.onoffswitch.on {background:#00ca36; border-color:#00c603;}
.onoffswitch.on:before {left:20px;}

/* Statistics */
.frequency-grid {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; column-gap:20px; row-gap:20px;}
.frequency-grid.multi-ball {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.frequency-grid.multi-ball .stat-ball {margin-right:4px;}
.frequency-grid.multi-ball .stat-ball:last-child {margin-right:0;}
.inner-stat {display:flex; flex-direction:column; padding:20px 0 0 0; text-align:center; justify-content:center; align-items:center; background:#bb37df; background:radial-gradient(circle,#bb37df 0%,#5d0085 150%); border:solid 1px #dadada; border-radius:10px;}
.inner-stat-month {display:flex; flex-direction:column; padding:20px 0 0 0; text-align:center; justify-content:center; align-items:center; background:#9239f1; background:radial-gradient(circle,#9239f1 0%,#3d007e 150%); border:solid 1px #dadada; border-radius:10px;}
.inner-stat-year {display:flex; flex-direction:column; padding:20px 0 0 0; text-align:center; justify-content:center; align-items:center; background:#4213ef; background:radial-gradient(circle,#4213ef 0%,#00238c 150%); border:solid 1px #dadada; border-radius:10px;}
.stat-ball {width:44px; height:44px; line-height:44px; font-size:20px; text-align:center; background:#fff; color:#4e009e; font-family:"inter", sans-serif; border-radius:10px; z-index:1}
.stat-freq {margin-top:20px;padding:5px 0; width:100%; font-family:"inter", sans-serif; background:#fff; border-radius:0 0 8px 8px; position:relative; text-align:left; padding-left:30px;}
.stat-freq:before {content:""; background-image:url(/images/svg/bar-chart.svg); width:12px; height:12px; background-size:12px 12px; left:10px; top:50%; transform:translateY(-50%); opacity:.7; position:absolute;}
.stat-graph {margin-top:40px;}
.inner-stat.hot-numbers .stat-ball, .inner-stat-month.hot-numbers .stat-ball, .inner-stat-year.hot-numbers .stat-ball {position:relative;}
.inner-stat.hot-numbers .stat-ball:after, .inner-stat-month.hot-numbers .stat-ball:after, .inner-stat-year.hot-numbers .stat-ball:after {position:absolute; content:""; background-image:url(/images/svg/flame.svg); background-size:18px 18px; width:18px; height:18px; top:-6px; right:-2px; z-index:2}
.inner-stat.cold-numbers .stat-ball, .inner-stat-month.cold-numbers .stat-ball, .inner-stat-year.cold-numbers .stat-ball {position:relative;}
.inner-stat.cold-numbers .stat-ball:after, .inner-stat-month.cold-numbers .stat-ball:after, .inner-stat-year.cold-numbers .stat-ball:after {position:absolute; content:""; background-image:url(/images/svg/snowflake.svg); background-size:18px 18px; width:18px; height:18px; top:-6px; right:-2px; z-index:2}

.main-jackpot {display:flex; overflow:hidden; background: rgb(62 16 247);background: linear-gradient(90deg,rgb(219 88 248) 0%,rgb(62 16 247) 100%);justify-content:space-between; align-items:center; margin:-50px 0 100px;  position: relative; padding:0; flex-direction:column;}
.main-jackpot.euromillions-bg {background: #2124ba;background: radial-gradient(circle,#0d5ff1 0%,#2124ba 100%);}
.main-jackpot.viking-bg {background: #000078;background: radial-gradient(circle,#0c45c7 0%,#000078 100%);}
.main-jackpot.powerball-bg {background: #9d0000;background:radial-gradient(circle,#ff2929 0%,#9d0000 100%)}
.main-jackpot.megamillions-bg {background: #002c7c;background:radial-gradient(circle,#005afb 0%,#002c7c 100%)}
.main-jackpot.eurojackpot-bg {background: #e09b00;background: radial-gradient(circle,#ffee00 0%,#e09b00 100%);}
.main-jackpot.eurojackpot-bg h1, .main-jackpot.eurojackpot-bg p {color:#000}
.main-jackpot.eurojackpot-bg #breadcrumb li {color:#000}
.main-jackpot.alt { flex-direction:column; padding:0 0 100px; margin-bottom:80px;background: radial-gradient(circle, #a40df1 0%, #400082 100%);}
.main-jackpot.alt.prize-breakdown { padding:0;}
.won {padding:0 0 70px 0!important;}
.main-jackpot .inner {width:1200px; margin:auto; display:flex; justify-content:center}
.main-jackpot .box {padding:40px 0 60px; color:#fff; z-index:2; display:flex; flex-direction:column; justify-content:center}
.main-jackpot a {color:#fff;}
.main-jackpot .content-box {width:690px; padding-right:0;}
.main-jackpot .content-box.wide {width:100%}
.bcrumb {padding:32px 0 60px!important;}
.draw-number {background:#fff; border-radius:25px; color:#000; padding:0 10px; margin-bottom:10px; font-size:12px; text-transform:uppercase}
.draw-number span {font-family:"inter", sans-serif;}
.results-box {display:flex; justify-content:center; flex-direction: column; align-items:center; z-index:2; margin-left:100px;}
.results-box .inner-box {background:#fff; padding:40px 30px; border-radius:30px; width:400px; display:flex; align-items:center; justify-content:center; flex-direction:column; color:#000;}
.results-box .date {margin-bottom:10px;}
.link-box {z-index:2; margin:30px 0 -140px;}
.link-box ul {background:#fff; display:flex; border:5px solid #edeeef; border-radius:50px;}
.link-box ul li {display:inline-block; overflow:hidden}
.link-box ul li a {font-size:18px; color:#000; padding:20px; display:flex; text-decoration:none; align-items:center; border-right:1px solid #f4f4f4; transition:all ease .2s}
.link-box ul li a:hover {background:#d00058; color:#fff; transition:all ease .2s}
.link-box ul li a:before {content:""; background:url(/images/svg/guide-book-red.svg) no-repeat; width:30px; height:30px; background-size:30px; margin-right:5px;}
.link-box ul li:first-child a {border-radius:50px 0 0 50px}
.link-box ul li:last-child a {border-right:none; border-radius:0 50px 50px 0}
.link-box ul li a.faq:before {background-image:url(/images/svg/faq-red.svg)}
.link-box ul li a.star:before {background-image:url(/images/svg/star-red.svg)}

.previousResults {display:flex; flex-direction:column;margin:0 auto 30px; justify-content:center; width:1200px;}
.previousResults > .inner-box {display:grid; grid-template-columns:1fr 1fr 1fr; position: relative; border-radius:15px; overflow:hidden}
.results-box.alt {margin:0;perspective: 1000px; height:200px;}
.previousResults .ball {width:40px; height:40px; font-size:16px; line-height:50px;}
.results-box.alt .inner-box {border-radius:0; background:#fff; color:#fff; margin:0; color:#000;  border:1px solid #edeeef;  transition:all ease .8s; padding:0; position: relative;width: 100%;height: 100%;transform-style: preserve-3d;}
.results-box.alt .draw-number {background:#000; color:#fff; display:inline-block}
.results-box.alt .front, .results-box.alt .back {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;text-align:center;  display:flex; align-items:center; justify-content:center; flex-direction:column;}
.results-box.alt .winners {margin-bottom:10px;}
.results-box.alt .winners span { font-size:24px; font-family:"inter", sans-serif;}
.results-box.alt .info-cta {display:flex; align-items:center;}
.results-box.alt .info-cta .title {line-height:16px;}
.results-box.alt .info-cta .arrow {margin-left:5px;}
.previousResults .content {padding:0 20px 30px 20px;}
.results-box.alt:hover .inner-box {transform: rotateY(180deg);}
.results-box.alt .back { transform: rotateY(180deg); background:#4e009e; color:#fff}
/* .results-box.alt .inner-box:hover {transform:scale(1.1); transition:all ease .2s; box-shadow:0 0 50px #edeeef; z-index: 99;} */
.flex-wrap {display:flex; flex-wrap:wrap;}
.results-box.individual-result .inner-box .date {margin:10px 0 30px 0;}

.prev-next-section {display:flex; justify-content:center;}
.prev-result {margin-right:15px;}
.next-result {margin-left:15px;}

.genBox .head, .genBox  {margin-bottom:30px;}

.play-img {display:grid; grid-template-columns:1fr 1fr}
.gen-box {background:#fff; border-radius:14px; margin-bottom:30px; padding:40px; box-shadow:0 0 50px #dedede;}

table {width:100%;border-radius:15px; overflow:hidden; margin:25px 0; box-shadow:0 1px 3px #00000038;}
table th {background:#9239f1; padding:20px 12px; color:#fff; font-family:"inter", sans-serif; text-align:left; vertical-align:middle; line-height:22px;}
table td {background:#fff; padding:15px 12px;}
table tr:nth-child(even) td {background:#f5f5f5;}

.homepage-jackpot {background:#1f0090; width:100%; padding:20px; color:#fff; align-items:center; display:flex; justify-content:center;}
.homepage-jackpot span {font-family:"Inter", sans-serif; font-size:32px; margin:0 30px 0 10px;}
.homepage-jackpot .jackpot-content {display:flex; align-items:center;}
.homepage-jackpot .jackpot-text {margin-bottom:-4px;}

.three-col-icons, .two-col-icons {display:flex; width:1200px; margin:0 auto 50px;}
.three-col-icons.mTop, .two-col-icons.mTop {margin:70px auto 50px;}
.three-col-icons .col { padding:0 40px 40px; margin-right:30px; flex-grow:1; width:33.333%; display:flex; flex-direction: column;  align-items:center; box-shadow:0 0 50px #dedede; border-radius:15px; text-align:center; position: relative; background:#fff;}
.three-col-icons .img-box, .two-col-icons .img-box {margin:-40px 0 20px; z-index:2; }
.three-col-icons .img-box img, .two-col-icons .img-box img {border:5px solid #edeeef; border-radius:50%;}
.three-col-icons .col:last-child, .two-col-icons .col:last-child {margin-right:0}
.three-col-icons .number, .two-col-icons .number {background:#086895; width:40px; height:40px; border-radius:50%; text-align:center; line-height:40px; font-family:"inter", sans-serif; color:#fff; margin:-20px 0 25px}

.two-col-icons .col {padding:0 40px 40px; margin-right:30px; flex-grow:1; width:50%; display:flex; flex-direction: column;  align-items:center; box-shadow:0 0 50px #dedede; border-radius:15px; text-align:center; position: relative; background:#fff;}

.faq-container {display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:solid 1px #dadada; padding:20px 0;}
.faq-container .h3 {margin-bottom:0; letter-spacing:-.5px;}
p.js-collapse {font-family:"inter", sans-serif; cursor:pointer; margin-bottom:0; font-size:25px; padding:0 10px;}
.answer {margin-bottom: 20px;}
.answer p {margin: 20px 0;}
.answer p:last-child {margin-bottom: 0;}
.js-collapsible {height: 0;overflow: hidden;transition: all ease 0.2s; width:100%; padding:0 30px 0 0}
.js-collapsible.is-active {height: auto; }

.balls {margin-bottom:20px; display:flex; font-family:"inter", sans-serif;}
.balls .ball, .resultBall, .statsBox .ball  {background:#4e009e; position:relative; background-size:cover; width:44px; height:44px; line-height:44px; text-align:center; color:#fff; font-family:"inter", sans-serif; margin-right:3px; font-size:20px; border-radius:10px;}
.balls .ball.day {background:#bb37df!important; position:relative;}
.balls .ball.day:before {position:absolute; content:"Gio."; color:#bb37df; font-size:14px; top:-30px; left:50%; transform:translateX(-50%);}
.balls .ball.month {margin-left:3px; background:#9239f1!important; position:relative;}
.balls .ball.month:before {position:absolute; content:"Mese"; color:#9239f1; font-size:14px; top:-30px; left:50%; transform:translateX(-50%);}
.balls .ball.year {margin-left:3px; background:#4213ef!important; position:relative;}
.balls .ball.year:before {position:absolute; content:"Anno"; color:#4213ef; font-size:14px; top:-30px; left:50%; transform:translateX(-50%);}
.balls .ball:last-child {margin-right:0;}
.balls .ball.daydisabled {background:#dadada!important; color:#000!important}
.balls .ball.dayselected {background:#bb37df!important; color:#fff!important}
.balls .ball.monthdisabled {background:#dadada!important; color:#000!important}
.balls .ball.monthselected {background:#9239f1!important; color:#fff!important}
.balls .ball.yeardisabled {background:#dadada!important; color:#000!important;}
.balls .ball.yearselected {background:#4213ef!important; color:#fff!important}
.home-results .balls {overflow:hidden; margin-bottom:30px; padding-top:20px;}
.home-results .balls.animated .ball {bottom:-70px; position: relative;}
.home-results .balls .ball.active {bottom:0; transition:all ease .3s}
.multiplier {margin-top:-20px;}

.sitemap-grid {display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:30px; column-gap:30px; margin-bottom:30px;}
.sitemap-grid .gen-box {margin-bottom:0;}

.breakdown-container {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; margin-bottom:30px; padding:16px 18px 50px 18px; overflow:hidden;}
.prize-breakdown {border-radius:14px; background:#fff; padding:20px; box-shadow:0 28px 20px #8a8a8a; text-align:center; position:relative;}
.breakdown-container .prize-breakdown:first-child {background:#bb37df; color:#fff; background:linear-gradient(129deg,#bb37df 0%,#8014ad 100%); transform:translateY(400px); animation-name:breakdownPop; animation-duration:1s; animation-delay:0.2s; animation-fill-mode:forwards;}
.breakdown-container .prize-breakdown:nth-child(2) {background:#9239f1; color:#fff; background: linear-gradient(129deg,#9239f1 0%,#651ab2 100%); transform:translateY(400px); animation-name:breakdownPop; animation-duration:1s; animation-delay:0.4s; animation-fill-mode:forwards;}
.breakdown-container .prize-breakdown:nth-child(3) {background:#4213ef; color:#fff; background: linear-gradient(129deg,#4213ef 0%,#2500ad 100%); transform:translateY(400px); animation-name:breakdownPop; animation-duration:1s; animation-delay:0.6s; animation-fill-mode:forwards;}
.breakdown-container .prize-breakdown:nth-child(4) {background:#ffe200; background: linear-gradient(129deg,#ffe200 0%,#fbc500 100%); transform:translateY(400px); animation-name:breakdownPop; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:forwards;}
.prize-breakdown .category {font-size:26px; font-family:"Inter", sans-serif; margin-bottom:20px; border-bottom:solid 1px #fff; padding-bottom:20px;}
.prize-breakdown .winners {font-size:18px; margin-bottom:15px;}
.prize-breakdown .value {font-size:18px; margin-bottom:15px;}
.prize-breakdown .winners span {font-size:26px; font-family:"Inter", sans-serif}
.prize-breakdown .value span {font-size:34px; font-family:"Inter", sans-serif}
.breakdown-summary {width:100%; border-radius:50px; margin-bottom:30px; padding:8px 20px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; background:#200095; color:#fff;}
.breakdown-summary div {text-align:center; line-height:26px; font-size:16px;}
.breakdown-summary div span {font-size:28px; font-family:"Inter", sans-serif;}
@keyframes breakdownPop {0% {transform:translateY(400px);} 60% {transform:translateY(-15px);} 100% {transform:translateY(0px); box-shadow:0 13px 20px #8a8a8aa1}}

.timer {display:flex; justify-content:center; color:#000}
.timer li {background:#fff; color:#00a149; width:45px; height:45px; display:flex; justify-content:center; align-items:center; flex-direction:column; line-height:10px; position: relative;}
.timer li:after {content:"";width:1px; height:10px; display:inline-block; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.timer li:nth-child(2) {color:#bb37df}
.timer li:nth-child(3) {color:#9239f1}
.timer li:nth-child(4) {color:#4213ef}
.timer li:last-child {margin-right:0}
.timer li:last-child:after {display:none;}
.timer .counterType {display:block; font-size:18px; font-family:"inter", sans-serif;line-height:18px;}
.timer .counterVal {text-transform:uppercase; font-size:10px;}
.timerBox {margin-bottom:15px;}

.mainResultWrap {display:flex; flex-wrap:wrap;}
.mainResult.small {width:31%; flex-direction:column; margin:1%;}
.mainResult.small .date {font-size:16px; margin-bottom:8px;}
.mainResult.small .date:before {width:15px; height:15px; background-size:15px 15px;}
.mainResult.small .result {padding:15px}
.mainResult.small .balls {margin-bottom:0;}
.mainResult.small .info .box {width:auto; height:auto; background-image:none; justify-content:center; padding:0;}
.mainResult.small .info .text {font-size:21px;}
.mainResult.small .rolloverBox {font-weight:400; top:12px;right:0; border-radius:5px 0 0 5px; font-size:12px; padding:2px 8px;}

.play-ticket {background:linear-gradient(90deg,rgb(219 88 248) 0%,rgb(62 16 247) 100%); display:flex; justify-content:space-between; padding:25px; border-radius:10px; margin:20px 0; align-items:center;}
.play-ticket .jackpot {color:#fff; font-family:"Inter", sans-serif; font-size:34px;}
.play-ticket .timerBox {margin-bottom:0;}
.play-ticket .timerBox li {border-radius:50px; margin-right:8px;}
.play-ticket .timerBox li:last-child {margin-right:0; animation-name:timerPulse; animation-iteration-count:infinite; animation-duration:1s;}
.play-ticket .timerBox li:after {display:none;}
@keyframes timerPulse {0%, 100% {background:#fff} 5% {background:#89ff89;}}

.other-lotteries {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:30px; margin-bottom:30px;}
.play-card {background:#fff; border-radius:14px; padding:20px 0 0 0; box-shadow:0 0 50px #dedede; text-align:center; position:relative;}
.play-card-logo {margin:65px 0 75px 0}
.play-card-jackpot {font-size:26px; font-family:"Inter", sans-serif; margin:30px 0 0 0; padding:7px 0 12px 0; color:#fff; background:#00000033}
.play-card-cta {background:#fff; border-radius:0 0 14px 14px; padding:20px; text-align:center; color:#000;min-height:98px; display:flex; justify-content:center; align-items:center;}
.play-card.superenalotto {background:#11a041; background:linear-gradient(310deg,#11a041 0%,#107c34 100%)}
.play-card.eurojackpot {background:#144a85; background:linear-gradient(310deg,#144a85 0%,#09325f 100%);}
.play-card.lotto {background:#f96523; background:linear-gradient(310deg,#f96523 0%,#f54c00 100%)}
.play-card.lotto10e {background:#2393f9; background:linear-gradient(310deg,#2393f9 0%,#157cd9 100%);}
.play-card.sivincetutto {background:#dd194a; background:linear-gradient(310deg,#dd194a 0%,#b4002d 100%)}
.play-card.vinci-casa {background:#11bbd8; background:linear-gradient(310deg,#11bbd8 0%,#11bbd8 100%)}
.play-card.million-day {background:#d89211; background:linear-gradient(310deg,#ffdb03 0%,#d8aa11 100%)}
.play-card.play-your-date {background:#6e07cc; background:linear-gradient(310deg,#ac03ff 0%,#6e07cc 100%)}
.play-card .timer {justify-content:end; margin-top:-20px;}
.play-card .timer li {background:unset; color:#fff!important; width:fit-content; text-align:right; flex-direction:row-reverse;}
.play-card .timer li:first-child:before {content:"gio."; margin-left:3px; margin-right:3px; font-size:14px}
.play-card .timer li:nth-child(2):before {content:":";}
.play-card .timer li:nth-child(3):before {content:":";}
.play-card .timer li:nth-child(4) {margin-right:15px;}
.play-card .timer li:after {display:none;}
.play-card .timer .counterVal {display:none;}
.max-jackpot {position:absolute; left:50%; transform:translateX(-50%); bottom:149px; color:#fff; background:#ff3030; width:100%; padding:3px 0}

#JackPotForm{color:#333;text-align:center;display:inline}
#JackPotForm p{padding:10px 0;line-height:16px}
#JackPotForm a{color:#fd0;padding:0 2px 0 0}
#JackPotForm .btn {display:inline-block; margin-left:10px; cursor:pointer;}
.input-number{background:#fff;border:none;width:46px;height:46px;text-align:center;font-size:24px;color:#333;border-radius:4px;padding:0;margin:2px}
.input-number.seperator{margin-left:10px;}
.input-number.seperator:last-child {margin-left:0;}
.trash{position:relative;font-size:30px;line-height:30px;cursor:pointer; margin-left:10px;}
.trash,.widget-line{display:inline-block}
.widget-line{padding:5px 10px; display:flex; align-items:center;}
.generatorBox.nextBox.alt {display:flex; border-radius:25px; position: relative; z-index:2; margin-bottom:100px}
.generatorBox.nextBox.alt .input-joker {border-color:#fff; color:#fff;}
.generatorBox.nextBox.alt p {color:#fff;}
.generatorBox.nextBox.alt .trash {color:#fff;}
.generatorBox.nextBox.alt .imgBox {width:500px; margin-right:100px;}
.generatorBox.nextBox.alt img {width:500px; height:auto;}

.location-bar {padding:15px 50px; position:absolute; margin-top:30px; bottom:-50%; left:0; background:#6fff9b; width:100%; text-align:center; font-family:"inter", sans-serif; animation-name:slideIn; animation-duration:1s; animation-fill-mode:forwards;}
.location-bar p {line-height:20px;}
@keyframes slideIn {
	0% {
	opacity:0;
	}
	100% {
	opacity:1;
	bottom:0;
	}
}

.play-box-main {display:grid; grid-template-columns:1fr 1fr; border-radius:14px; margin:30px 0 60px;}
.play-box-content {background:#fff; padding:30px; border-radius:14px 0 0 14px;}
.play-box-jackpot {background:radial-gradient(circle, #a40df1 0%, #400082 100%); border-radius:0 14px 14px 0; padding:50px 40px; text-align:center; justify-content:center;display:flex; flex-direction:column; color:#fff; font-family:"inter", sans-serif;}
.play-box-jackpot p {font-size:20px;}
.play-box-amount {font-size:46px; margin-bottom:30px; line-height:52px; text-shadow:0 2px 0px #ff0ac6, 0 5px 6px #450384;}
.play-box-main .timerBox {margin-bottom:20px;}
.border-notice {font-family:"inter-regular", sans-serif; padding:6px; border:solid 1px #ffffff82; border-radius:50px; font-size:15px;}

.operator-flex {display:flex;}
.operator-flex .contact-operator:first-child {margin-right:30px;}
.contact-box {display:grid; grid-template-columns:1fr 1fr; border-radius:14px; margin:30px 0; width:100%;}
.contact-box .email {padding:30px 50px; text-align:center; background:#400082; background:radial-gradient(circle,#9000d9 0%,#400082 100%); border-radius:14px 0 0 14px; height:352px; color:#fff; display:flex; flex-direction:column; justify-content:center;}
.contact-box .email-content {align-self:center;}
.contact-box .email img {margin:0 auto; padding:10px; border:solid 1px #fff; border-radius:6px;}
.contact-box .postal {padding:30px; text-align:center; background:#ebebeb; border-radius:0 14px 14px 0; height:352px; color:#000; display:flex; flex-direction:column; justify-content:center;}
.contact-box .postal .address {line-height:24px;}
.contact-operator {background:#fff; padding:25px; border-radius:14px; box-shadow:0 0 50px #dedede; width:fit-content; margin-bottom:30px;}
.operator-address {display:flex;}
.operator-address p {line-height:24px;}
.operator-contact {margin:15px 0 0 0; padding-top:20px; border-top:solid 1px #ebebeb}
.operator-contact .fx:first-child {margin-bottom:8px;}
.contact-operator img {margin-right:20px;}
.red-notice {color:#d90000; font-family:"inter", sans-serif;}
.grey-content-box {border-radius:14px; padding:30px; margin:30px 0; background:#ebebeb;}
.multi-operators {display:grid; grid-template-columns:1fr 1fr; row-gap:0px; column-gap:30px;}
.multi-operators .contact-operator {width:100%;}

footer {display:flex; justify-content:center; background:#f4f4f4; border-top:1px solid #dbdbdb; text-align:center;}
footer .inner {display:flex; flex-direction:column; width:1200px; align-items:center; justify-content:center; padding:20px;}
footer .footer-links {display:flex;}
footer .footer-links li {margin:0 10px 0 0; border-right:solid 1px #a6a6a6;}
footer .footer-links li:last-child {margin:0; border-right:none;}
footer .footer-links li a {color:#000;margin-right:10px;}
footer .footer-links li a:hover {color:#cfa200}

@media (max-width:1248px) {
#content, .content {width:100%;}
.breakdown-summary {border-radius:0;}
.clr-box {padding:0 20px;}
.other-lotteries {grid-template-columns:1fr 1fr 1fr;}
}

@media (min-width: 1024px) {
	.navTitle {display:none;}
	.toggle {display:flex; justify-content:space-between; flex-grow:2; margin-left:60px; align-items:center}
	.subNav {background: #f4f4f4; min-width:250px; position: absolute; top: 20px; left:50%; transition: all .2s ease; z-index: 3;  box-shadow: rgba(0,0,0,0.2) 0 10px 30px; z-index: 99;  display:flex; flex-direction:column; transform:translateX(-50%); border-radius:25px;}
	.subNav:before {position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px; border-color: transparent transparent #f4f4f4; top: -14px; left: 50%; transform: translateX(-50%); transition: all .2s ease}
	nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 40px; border-radius:25px;}
	header .subNav ul a {text-transform:unset; font-family:"inter", sans-serif; color:#fff; text-decoration:none; padding:10px 15px; display:inline-block; width:100%; color:#000; font-size:16px; display:flex; align-items:center; transition:all ease .2s}
	header .subNav ul a:before {content:""; width:25px; height:25px; background-size:25px 25px; display:inline-block; background:url(/images/svg/language.svg); margin-right:10px}
	header .subNav ul a.faq:before {background-image:url(/images/svg/faq-red.svg)}
	header .subNav ul a.how-to-play:before {background-image:url(/images/svg/guide-book-red.svg)}
	header .subNav ul li:first-child a {border-radius:25px 25px 0 0; padding-top:20px;}
	header .subNav ul li:last-child a {border-radius:0 0 25px 25px; padding-bottom:20px;}
	header .subNav ul a:hover {background:#fff; transition:all ease .2s}
	header .subNav ul li {margin-bottom:0 }
	header .subNav ul li.grey {padding:10px 15px; position:relative; padding-left:50px;}
	header .subNav ul li.grey:before {position:absolute; content:""; background-image:url(/images/svg/language-grey.svg); opacity:.5; background-size:25px 25px; width:25px; height:25px; display:inline-block; margin-right:10px; left:14px;}
	header .subNav ul li.grey:last-child {padding-bottom:20px;}
    header .navButton {display:none;}
	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:2px;}
	.linkStyle {display:flex; flex-direction:column;}
	.subNav {opacity: 0; visibility: hidden;}
	nav > ul > li {margin-right:65px;}
}

@media (max-width: 1024px) {

	html,body {overflow-x:hidden; position: relative;}
	header {height:80px;}
	header .inner {width:100%; position:static; height:80px; padding:0 15px}
	header .logoWrap {height:80px; margin-left:15px;}
	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; display:flex;}
	nav > ul > li.sub > .expand{width:56px;height:100%; display:inline-block; position:absolute;top:0;right:0;}
	nav > ul > li.sub > .expand:after {content:"+"; position:absolute;top:0;right:0; width:54px;height:54px; color:#333; line-height: 54px; text-align:center;font-size:22px; font-family:"inter", sans-serif; background:#FFF;}
	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:#400082;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%);}
	#breadcrumb {width: 100%; flex-wrap:wrap; margin:0 auto; border-radius:0; padding:14px 10px 8px 10px!important}
	#breadcrumb li {margin-bottom:15px;}
	.subNav {background:#6d00dd; 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;}
	nav .sub.active .subNav {max-height:2000px;transition: max-height .2s ease-in-out; padding:15px;}
	.subNav:before {display:none;}
	.subNav .row {flex-direction:column;}
	.subNav .box {margin:0 0 15px 0;}
	.subNav .lottomax ul a {margin-right:0;}
	.subNav .jackpotBox {display:none;}
	.subNav .box {border-radius:0;}
	.subNav .title {color:rgba(255,255,255,0.6); font-size:16px;}
	.subNav a {color:#fff; margin-bottom:15px; display:block;}
	nav .sub.active .subNav ul li a {margin-bottom:20px;}
	.gen-box {width:100%; padding:30px; border-radius:0;}
	.content, .main-jackpot .inner, .main-jackpot .content-box, .previousResults, .breakdown-box {width:100%}
	.main-jackpot {margin-bottom:80px}
	.main-jackpot .inner {flex-direction: column}
	.main-jackpot .box {padding:20px 20px 0 20px!important;}
	.results-box {margin:10px;}
	.three-col-icons, .two-col-icons {flex-direction:column; width:100%; gap:30px; padding:20px;}
	.three-col-icons .col, .two-col-icons .col {width:100%;}
	.sitemap-grid {grid-template-columns:1fr 1fr;}
	.sitemap-grid .gen-box {border-radius:14px;}
	.breakdown-container {grid-template-columns: 1fr 1fr;}
	.breakdown-container .prize-breakdown:first-child, .breakdown-container .prize-breakdown:nth-child(2), .breakdown-container .prize-breakdown:nth-child(3), .breakdown-container .prize-breakdown:nth-child(4) {transform:translateX(1000px);}
	.results-box.individual-result {padding:20px 0 0 0!important; margin:0;}
	.results-box.individual-result .inner-box {width:100%; border-radius:0;}
	.breakdown-page {margin-bottom:30px!important;}
	.breakdown-container {margin-bottom:0;}
	.jackpot-feature {width:100%; border-radius:14px 14px 0 0;}
	.jackpot-feature:before {left:-169px;}
	.jackpot-feature:after {right:-169px;}
}

@media (max-width:925px) {
	.breakdown-summary {grid-template-columns:1fr 1fr; padding:20px;}
	.operator-flex {flex-direction:column;}
	.operator-flex .contact-operator:first-child {margin-right:0; margin-bottom:30px;}
	.other-lotteries {grid-template-columns:1fr 1fr; padding:0 20px;}
	.play-ticket {flex-direction:column;}
	.play-ticket .jackpot {margin-bottom:15px;}
	.play-ticket .timerBox {margin-bottom:15px;}
}

@media (max-width: 767px) {
	.link-box ul {flex-direction:column; overflow:hidden}
	.link-box ul li a {border-right:none; border-bottom:1px solid #f4f4f4}
	.link-box ul li a {border-radius:0!important;}
	.previousResults > .inner-box {grid-template-columns:1fr 1fr}
	footer .footer-links {flex-wrap:wrap; justify-content:center; row-gap:15px;}
	.breakdown-grid {grid-template-columns:1fr; padding: 0 20px;}
	.previousResults > .inner-box {grid-template-columns:1fr}
	.play-ticket:before {display:none;}
	.play-ticket .img-box {margin-bottom:25px;}
	.play-ticket {margin:30px 20px;}
	.play-ticket.euromillions {margin:30px auto;}
	.three-col-icons {margin: 0 auto 20px; padding:0 20px;}
	.play-box-main {grid-template-columns:1fr;}
	.sitemap-grid {grid-template-columns:1fr;}
	.sitemap-grid .gen-box {border-radius:0;}
	.faq-container .h3 {max-width:85%;}
	.contact-box {grid-template-columns:1fr;}
	.contact-box .email {border-radius:14px 14px 0 0; height:300px; padding:30px;}
	.contact-box .postal {border-radius:0 0 14px 14px; height:fit-content;}
	table thead, table th.noBefore:before, table td.noBefore:before {display: none;}
	table th, table td {display: block; padding:13px 10px;}
	table th:before, table td:before {content: attr(data-title)": "; }
	table th.colour, table td.colour, table tr.totals td.colour {background: #730db7!important; color: #FFF; font-family:"inter", sans-serif}
	table tr td {padding-left:15px;}
	table tr td:first-child{margin-bottom:0; padding-left:10px;}
	table tr:last-child td {border: none;}
	table tr:last-child td:first-child  {border-radius: 0 !important;}
	table tr:last-child td:last-child {border-radius: 0 0 12px 12px !important;}
	table tbody tr:first-child td:first-child {border-radius: 12px 12px 0 0;}
	table tr:nth-child(even) td {background:unset;}
	table.winners tbody tr td.colour a {color:#fff;}
	.frequency-grid {grid-template-columns: 1fr 1fr 1fr}
	.ball-figure {width:38px; height:38px; line-height:38px; font-size:23px!important; margin-right:5px;}
	.ball-amount .ball-figure:nth-last-child(3):before, .ball-amount .ball-figure:nth-last-child(6):before, .ball-amount .ball-figure:nth-last-child(9):before {font-size:40px; left:-14px}
	.ball-amount .ball-figure:nth-last-child(3), .ball-amount .ball-figure:nth-last-child(6) {margin-left:10px;}
	.breakdown-container {grid-template-columns:1fr;}
	.other-lotteries {grid-template-columns:1fr;}
	.homepage-jackpot {flex-direction:column;}
	.homepage-jackpot .jackpot-content {margin-bottom:15px;}
	.homepage-jackpot span {margin:0 0 0 10px;}
}

@media (max-width: 499px) {
	header {margin-bottom:0;}
	.main-jackpot {margin:0 0 100px;}
	.results-box {margin:10px 10px 0 10px;}
	.main-jackpot .box {padding:20px 20px 0 20px;}
	.top-prize-container {flex-direction:column;}
	.first-prize, .second-prize {flex-direction:row; padding:15px; justify-content:space-between;}
	.first-prize {margin-bottom:15px;}
	.breakdown-country-heading img {max-width:35px;}
	.breakdown-country-heading {font-size:24px;}
	.two-line {flex-direction:column;}
	.two-line div:first-child {margin-bottom:5px;}
	.prev-next-section {flex-direction:column;}
	.prev-result {margin-right:0; margin-bottom:10px; width:100%;}
	.next-result {margin-left:0; margin-top:10px; width:100%;}
	.checker-links {flex-direction:column; margin:10px 0;}
	a.resetChecker {margin-right:0; margin-bottom:15px;}
	a.checkButton {margin-left:0;}
	.odds-evens {padding:5px 20px;}
	.ball-figure {width:30px; height:30px; line-height:30px; font-size:20px!important; margin-right:5px;}
	.ball-amount .ball-figure:nth-last-child(3):before, .ball-amount .ball-figure:nth-last-child(6):before, .ball-amount .ball-figure:nth-last-child(9):before {font-size:30px; left:-8px}
	.breakdown-summary {grid-template-columns:1fr;}
	.menu-play a {width:100%; margin-top:20px; border-radius:0;}
}

@media (max-width: 430px) {

	.results-box .inner-box {border-radius:0;}

}
