/* Minification failed. Returning unminified contents.
(9,112): run-time error CSS1046: Expect comma, found '0'
(9,116): 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:#fff; display:flex; justify-content:center; margin-bottom:50px; box-shadow:0 0px 16px rgb(0 0 0 / 14%);}
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:#000; transition: all .2s ease-in-out; text-decoration:none;align-items:center;}
nav > ul > li > a, .linkStyle a {color:#000; text-decoration:none;}
nav > ul > li > a:hover {color:#20844b; text-decoration:none;}

/* Layout */
.fx {display:flex;}
.fx-center {justify-content:center;}
.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%}
.clear-box {margin-bottom:30px;}
.fx-col {display:flex; flex-direction:column;}
.gen-box.padded {padding:30px!important;}

/* 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;}
p a {color:#32ad67; font-family:"Inter", sans-serif;}

/* Lists */
ul.bullet {margin-bottom:30px;}
ul.bullet li {margin-bottom:20px; padding-left:28px; position:relative; line-height:24px;}
ul.bullet li:before {content:""; background-image:url(/images/svg/menu-icon.svg); background-size:18px 18px; height:18px; width:18px; display:inline-block; margin-right:10px; position:absolute;left:0; top:4px;}
ul.bullet li:nth-child(2):before, ul.bullet li:nth-child(6):before {transform:rotate(90deg);}
ul.bullet li:nth-child(3):before, ul.bullet li:nth-child(7):before {transform:rotate(180deg);}
ul.bullet li:nth-child(4):before, ul.bullet li:nth-child(8):before {transform:rotate(270deg);}

/* Misc */
.page-404 {display:flex; flex-direction:column; align-items:center;}
.img-404 img {width:400px;}

/* Homepage */
.grid {grid-template-columns:1fr 1fr; display: grid; gap:30px; margin-bottom:40px;}
.grid .gen-box {margin-bottom:0; padding:0; overflow:hidden; position:relative; min-height:450px;}
.grid .gen-box img {width:100%;}
.grid .gen-box .next-jackpot-ribbon {background:#fff; color:#000; width:fit-content; overflow:hidden; padding:13px 20px; border-radius:50px; text-align:center; margin:-25px auto -5px auto; z-index:1; position:relative;}
.grid .gen-box .next-jackpot-ribbon .ribbon-play {background:#0041ff; color:#fff; text-align:center; text-decoration:none; font-family:"Inter", sans-serif; padding:13px 20px 13px 40px; position:relative; display:inline-block; margin:-13px -20px -13px 15px}
.grid .gen-box .next-jackpot-ribbon .ribbon-play:hover {background:#0036d4;}
.grid .gen-box .next-jackpot-ribbon .ribbon-play:before {content:""; position:absolute; left:16px; top:50%; transform:translateY(-50%); background-image:url(/images/template/play-icon.svg); background-size:13px 13px; height:13px; width:13px;}
.grid .gen-box p:last-child {margin-bottom:0;}
.grid .gen-box .content-area {padding:20px 25px;}
.grid .gen-box .bottomLink {position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:.2s; width:100%; padding:17px 25px; background:#00000057}
.grid .gen-box .bottomLink:hover {background:#00000080; transition:.2s;}
.grid .gen-box .bottomLink a {color:#fff; font-family:"Inter", sans-serif; padding-left:26px; position:relative; transition:.2s;}
.grid .gen-box .bottomLink a:hover {color:#fd0; transition:.2s;}
.grid .gen-box .bottomLink a:before {position:absolute; background-image:url(/images/template/link-arrow.svg); transition:.2s; background-size:18px 18px; width:18px; height:18px; content:""; left:0; top:50%; transform:translateY(-50%);}
.grid .gen-box .bottomLink a:hover:before {background-image:url(/images/template/link-arrow-hover.svg); transition:.2s;}
.gen-box.gioco-lotto {background:#51cbf9;} 
.gen-box.gioco-10e {background:#0956a5; color:#fff} 
.gen-box.eurojackpot {background:#fdcc40;} 
.gen-box.superenalotto {background:#f85259; color:#fff;} 
.gen-box.sivincetutto {background:#fc7844; color:#fff;} 
.gen-box.play-your-date {background:#9844fc; color:#fff;} 

/* RESULTS */
.results-grid {display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:40px;}
.results-grid .gen-box {padding:0; overflow:hidden; margin-bottom:0; width:100%}
.results-grid .gen-box img {width:inherit}
.gen-box.with-link {position:relative;padding:0 0 40px 0;}
.gen-content {padding:25px;}
.results-grid .balls {display:flex; flex-wrap:wrap;}
.fx.sb {display:flex; justify-content:space-between; border-bottom:solid 1px #dadada; margin-bottom:20px;}
.fx.sb p {margin-bottom:3px; font-family:"Inter", sans-serif;}
p.game-name {font-family:"inter", sans-serif; margin-bottom:5px;}
.lotto-wheel {display:flex; justify-content:space-between; align-items:center; padding:5px 8px; background:#edf8fd; border-bottom:solid 1px #dadada;}
.lotto-wheel p {margin-bottom:0; font-family:"Inter", sans-serif;}
.lotto-wheel .winning-numbers {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; column-gap:10px;}
.lotto-wheel span {margin:0 10px; text-align:center;}
.lotto-wheel span:last-child {margin:0;}
.gen-content .lotto-wheel.nazionale {border:none; background:#ffd0a9; font-family:"inter", sans-serif;}
.gen-content .lotto-wheel.nazionale span {margin:0 9.4px;}
.simbolotto {margin-top:20px;}
.dropdown {display: inline-block; position:relative; background: #fff; border: 1px solid #DDD; padding: 4px 10px; border-radius: 30px;cursor: pointer; white-space: nowrap; min-width: 170px; user-select: none; text-align: left; z-index: 1;}
.dropdown > span {display: block; font-family: "Inter",sans-serif; z-index: 6; width: 100%; padding-right: 30px; line-height: 22px; position:relative;}
.dropdown > span > *, .dropdown img {vertical-align: middle;}
.dropdown > span > img {left: -4px; margin-right: 0;}
.dropdown img {margin-right: 5px; display: inline-block;}
.dropdown > span > sup {top: -5px;}
.dropdown > span:after {content: ""; background-image: url(/images/template/chevron-black.svg); position: absolute; right: 3px; top: 50%; transform:translateY(-50%); background-size:16px 16px; height:16px; width:16px;}
.dropdown ul {background: #fff; border: 1px solid #DDD; border-top: 0; border-bottom: 0; position: absolute; top: 18px; left: -1px; width: calc(100% + 2px); z-index: 3;list-style-type: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; transition: .2s all ease; border-radius: 0 0 20px 20px;}
.dropdown ul li:first-child {margin-top: 12px;}
.dropdown ul li:last-child {margin-bottom: 6px;}
.dropdown ul li {display: block;}
.dropdown ul li > * {display: block; color: #333; text-decoration: none; padding: 5px 14px; font-size: 0.9em;}
.dropdown ul li > *:hover {background: #0042B0; color: #FFF;}
.dropdown.active {z-index: 9;}
.dropdown.active ul {max-height: 400px; border-bottom: 1px solid #DDD; box-shadow: rgba(0,0,0,0.2) 0 10px 10px; overflow: auto; padding: 5px 0;}
.lotteria-italia, .lotteria-italia-col {display:flex;}
.lotteria-italia-col {flex-direction:column;}
.lotteria-italia .lotteria-italia-code {border:solid 1px #dadada; padding:10px; text-align:center; margin-right:20px; border-radius:14px; width:230px}
.lotteria-italia-col div {border:solid 1px #dadada; padding:10px; text-align:center; margin-bottom:20px; border-radius:14px; width:100%}
.raffle-box {background:#f4f4f4; color:#0d723a; padding:20px; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; font-family:"Inter", sans-serif; text-align:center; font-size:18px; margin:25px 0; border-radius:14px;}
.raffle-box div {background:#fff; border-radius:50px; padding:10px}
.raffle-box div.-disabled {display:none;}
.search-raffle {width:100%; display:flex; justify-content:center; align-items:center; background:#32ad67; border-radius:14px; padding:15px 0; margin:10px 0; position:relative;}
.search-raffle:after {position:absolute; content:""; z-index:0; width:30px; height:30px; background:#32ad67; border-radius:4px; transform:rotate(45deg) translateX(-50%); left:50%; bottom:-18px; }
.searchBox {padding:10px; border-radius:50px; border:solid 1px #dadada; font-family:"Inter", sans-serif; font-size:16px; text-transform:uppercase; z-index:1}

/* BREADCRUMBS */
#breadcrumb{display:flex;padding:10px;line-height:10px; font-size:14px; align-items:center; margin:-50px auto 35px auto;flex-wrap:wrap; position: relative; z-index: 2; background:#20844b}
#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; font-family:"inter", sans-serif;}
#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;}

/* 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:#51049d}
.btn:hover {background:#f10dea; 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)}
.quote-link {width:100%; display:flex; justify-content:center; position:absolute; bottom:0; border-radius:0 0 14px 14px; text-align:center; padding:11px 10px 14px 10px; margin-top:-15px; font-family:"Inter", sans-serif; background:#288e54; color:#fff; transition:.2s ease;}
.quote-link:hover {background:#1b6a3d; transition:.2s ease;}
.prev-next-links {display:flex;}
.prev-next-links div:last-child {margin-left:15px;}

.flex-wrap {display:flex; flex-wrap:wrap;}
.prev-next-section {display:flex; justify-content:center;}
.prev-result {margin-right:15px;}
.next-result {margin-left:15px;}

/* PLAY BOXES */
.win-for-life {border-radius:14px; padding:20px; background:linear-gradient(to bottom,#1a9730 0%,#a0dd4b 100%); display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:25px; max-width:700px;}
.win-for-life.gratta {background:linear-gradient(to bottom,#b66b00 0%,#dca900 100%);}
.win-for-life > div {text-align:center; align-self:center;}
.win-for-life .wfl-logo img {border-radius:14px; width:100%}
.win-for-life .wfl-jackpot {font-size:22px; font-family:"Inter", sans-serif; color:#fff; text-align:center; padding:10px 30px; align-self:center; text-shadow: 0 3px 19px #17762a;}
.win-for-life.gratta .wfl-jackpot {text-shadow: 0 3px 19px #c07000;}
.win-for-life .wfl-text {background:#fff; background:linear-gradient(to bottom,#ffffff 0%,#e9e9e9 100%); border:solid 1px #dadada; padding:8px; border-radius:6px;}
.win-for-life a {background: #fc6766; text-decoration: none; padding: 18px; width: 100%; display: block; border-radius: 6px; color: #fff;font-family: "Inter", sans-serif;}
.win-for-life.gratta a {background: #fff64a; color:#000;}

.play-grid {display:grid; grid-template-columns: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 {display:flex; justify-content:center; margin:30px 0 50px 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:#c21823;}
.play-card.eurojackpot {background:#fdcc40;}
.play-card.eurojackpot .timer li {color:#000!important;}
.play-card.lotto {background:#51cbf9;}
.play-card.lotto10e {background:#0956a5;}
.play-card.sivincetutto {background:#f15112;}
.play-card.play-your-date {background:#8c00ff;}
.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;}

.play-box {width:100%; padding:25px; position:relative; z-index:1; border-radius:14px; overflow:hidden; display:flex; margin:30px auto; max-width:700px; color:#fff; align-items:center; justify-content:space-between;}
.play-box.italian10elotto {background:radial-gradient(circle,#3a80c7 0%,#073b6f 100%); border:solid 2px #073b6f;}
.play-box.italianlotto {background:radial-gradient(circle,#51cbf9 0%,#0066c2 100%); border:solid 2px #0066c2;}
.play-box.play-your-date {background:radial-gradient(circle,#a428ff 0%,#6200ad 100%); border:solid 2px #6200ad;}
.play-box.sivincetutto {background:radial-gradient(circle,#df7a00 0%,#ed5000 100%); border:solid 2px #ed5000;}
.play-box.superenalotto {background:radial-gradient(circle,#f85259 0%,#c20911 100%); border:solid 2px #c20911;}
.play-box.eurojackpot {background:radial-gradient(circle,#ffe621 0%,#d86700 100%); color:#000; border:solid 2px #d86700;}
.play-box.eurojackpot .timerBox ul li {color:#000}
.play-box .img-box img {max-width:180px; z-index:1}
.play-box .jackpot {font-family:"Inter", sans-serif; z-index:1; font-size:26px; margin-right:15px;}
.play-box:after {position:absolute; content:""; z-index:-1; background-image:url(/images/svg/star.svg); background-size:400px 400px; height:400px; width:400px; bottom:-160px; left:130px; opacity:.25; animation:starSpin 60s linear infinite;}
@keyframes starSpin {0% {transform:rotate(0deg);} 100% {transform:rotate(359deg);}}

.genBox .head, .genBox  {margin-bottom:30px;}
.gen-box {background:#fff; border-radius:14px; margin-bottom:30px; padding:40px; box-shadow:0 5px 9pt 1px rgba(68,68,68,.03);}

table {width:100%;border-radius:15px; overflow:hidden; margin:25px 0; box-shadow:0 1px 3px #00000038;}
table th {background:#32ad67; 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;}
table tr.totals-row td {background: #0f6d38!important; color:#fff; font-family:"Inter", sans-serif;}
table tr.winners-row td {background: #fff1b9; color: #000; font-family: "Inter", sans-serif;}
table tr.winners-row td img {margin:0 5px 0 0}
table tr.winners-row td img:first-child {margin:0 5px 0 8px}
table tr.winners-row td:last-child {display:flex}

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

.symbols {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; column-gap:10px; text-align:center;}
.symbols li {display:flex; flex-direction:column;}
.symbols img {margin:0 auto 5px auto;}
.balls {margin-bottom:20px; display:flex; font-family:"inter", sans-serif;}
.balls .ball, .resultBall, .statsBox .ball  {background:#4e009e; position:relative;  margin-bottom:6px; background-size:cover; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-family:"inter", sans-serif; margin-right:4px; font-size:18px; border-radius:50%;}
.balls .ball:last-child {margin-right:0;}
.balls .ball.lotto10e {background:#21588f;}
.balls .ball.lotto10e-extra {background:#073b6f;}
.balls .ball.eurojackpot {background:#b86d28;}
.balls .ball.eurojackpot.euro {background:#fcd358; color:#000}
.balls .ball.lotto {background:#f36100; width:36px; height:36px; line-height:36px; font-size:18px;}
.balls .ball.sivincetutto {background:#dc510f;}
.balls .ball.superenalotto {background:#1b9e00;}
.balls.wrap {flex-wrap:wrap;}
.multi-ids {align-items:center; display:flex; margin-bottom:20px; flex-wrap:wrap;}
.multi-ids .ball-id {font-family:"Inter",sans-serif; display:flex; align-items:center; margin-right:20px;}
.multi-ids .ball-id .ball {background:#4e009e; position:relative;  margin-bottom:6px; background-size:cover; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-family:"inter", sans-serif; margin:0 4px 0 7px; font-size:18px; border-radius:50%;}
.multi-ids .ball-id .gold-number {background:#cb9f00;}
.multi-ids .ball-id .double-gold {background:#ac6700;}
.multi-ids .ball-id .gong {background:#d0192d;}
.multi-ids .ball-id .jolly {background:#cd0101;}
.multi-ids .ball-id .superstar {background:#fd0; color:#000}
.multi-ids .ball-id .day {background:#7a16c7;}
.multi-ids .ball-id .month {background:#00b469;}
.multi-ids .ball-id .year {background:#1673c7;}
.multi-ids .ball-id .eurojackpot.euro {background:#fcd358; color:#000}
.multi-ids .ball-id .eurojackpot.euro:last-child {margin-left:0px}

/* STATS */
.wheel-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px 40px;}
.inner-stat {display:flex;}
table.wheelStats tbody tr td:first-child {font-family:"Inter", sans-serif;}
.frequency-grid {display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-bottom:30px;}
.freq-stat {display:flex; font-family:"Inter", sans-serif; justify-content:space-between; padding:15px; border:solid 1px #dadada; border-radius:8px; align-items:center;}
.stat-ball {background:#32ad67; color:#fff; font-size:17px; width:38px; height:38px; line-height:38px; text-align:center; border-radius:50px;}
.stat-ball.eurojackpot {background:#b86d28;}
.stat-ball.eurojackpot.euro {background:#fcd358; color:#000}
.stat-ball.ball.day {background:#7a16c7}
.stat-ball.ball.month {background:#00b469}
.stat-ball.ball.year {background:#1673c7}
.detailed-freq-stat {display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2,1fr); align-items:center; gap:10px; padding:10px; border:solid 1px #dadada; border-radius:14px; text-align:center;}
.detailed-freq-stat .stat-ball {grid-area:1/1/2/2; margin:0 auto; font-family:"Inter", sans-serif;}
.detailed-freq-stat .stat-freq {grid-area:1/2/2/3; font-family:"Inter", sans-serif;}
.detailed-freq-stat .stat-date {grid-area:2/1/3/3;}

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

.timer {display:flex; justify-content:center; color:#fff}
.timer li {background:rgba(255,255,255,0.0); 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: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;}

.play-ticket {display:flex; flex-direction:column; margin:30px 0 0 0; border-radius:14px; overflow:hidden; text-align:center; padding:40px;}
.play-ticket .flex {display:flex; justify-content:space-evenly;}
.play-ticket .jackpot {color:#fff; font-family:"inter", sans-serif; font-size:38px; margin:15px 0 20px 0}
.play-ticket.superenalotto {background-image:url(/images/template/superenalotto-play-bg.png); background-size:cover;}

.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;  text-shadow:0 2px 8px #0000008c; background:radial-gradient(circle,#3ec87b 0%,#128244 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;}

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 {padding:20px}
	.content {width:100%;}
	.grid .gen-box img {width:100%;}
}

@media (max-width:1188px) {
	nav > ul > li {padding:0 13px!important;}
}

@media (min-width: 1024px) {
	#content {position:relative;}
	#content:before {position:absolute; content:""; background-image:url(/images/template/four-leaf-icon.svg); background-size:600px 600px; height:600px; width:600px; left:-150px; top:-100px; opacity:.15; z-index:-1}
	.navTitle {display:none;}
	.toggle {display:flex; justify-content:space-between; flex-grow:2; align-items:center}
	.subNav {background: #f4f4f4; min-width:250px; position: absolute; top: 20px; left:50%; 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: -8px; left: 50%; transform: translateX(-50%); z-index:-1;}
	nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 39px; border-radius:25px;}
	header {width:100%; box-shadow:inset 0px -48px #32ad67;}
	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;}
	header .subNav ul a:before {content:""; width:24px; height:24px; background-size:24px 24px; background-repeat:no-repeat; display:inline-block; background:url(/images/svg/menu-icon.svg); margin-right:10px}
	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;}
	header .subNav ul li {margin-bottom:0 }
    header .navButton {display:none;}
	nav > ul > li.sub > .linkStyle:after {content:"";width: 0; height: 0; position:absolute; bottom:-18px; padding:3px 0; border-style: solid;border-width: 8px 8px 0 8px;border-color: #ffffff94 transparent transparent transparent; margin-top:0px;}
	nav > ul > li.sub:hover > .linkStyle:after {content:"";width: 0; height: 0; position:absolute; bottom:-18px; padding:3px 0; border-style: solid;border-width: 8px 8px 0 8px;border-color: #fff transparent transparent transparent; margin-top:0px;}
	.linkStyle {display:flex; flex-direction:column;}
	.linkStyle a {color:#fff;}
	.subNav {opacity: 0; visibility: hidden;}
	nav > ul > li {width:fit-content; padding:0 23px; margin-right:0}
	header .inner {width:unset; flex-direction:column;}
	.expand {display:block; width:100%; height:75px; position:absolute; bottom:-55px; left:0px;}
	header .logo-box {display:flex; align-items:center; margin-bottom:20px; width:100%; justify-content:space-between}
	header .gratta {margin-left:30px;}
	header .gratta img {max-height:60px;}
	.noDesk {display:none;}
	header .logo {flex-grow:unset;}
}

@media (max-width: 1024px) {

	html,body {overflow-x:hidden; position: relative;}
	header {height:80px; margin-bottom:10px}
	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); padding:0!important;}
	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:50px; 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: #32ad67;margin: 13px 0 0 10px;transition: all ease 0.5s; border-radius:2px}
	.navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #32ad67;transition: all ease 0.5s; border-radius:2px}
	.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:#2b9659;margin: 0;width: 100%;height: fit-content;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;}
	#breadcrumb li {margin-bottom:15px;}

	.subNav {background:#fff; border:none; flex-direction:column; width:100%;padding:0; top:0;max-height:0; transition: max-height .2s ease-in-out; overflow:hidden; position:relative; border-radius:0;}
	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 .jackpotBox {display:none;}
	.subNav .box {border-radius:0;}
	.subNav .title {color:rgba(255,255,255,0.6); font-size:16px;}
	.subNav a {color:#000; margin-bottom:15px; display:block; text-decoration:none; font-family:"Inter", sans-serif;}
	nav > ul > li > a, .linkStyle a {color:#fff;}
	nav .sub.active .subNav ul li a {margin-bottom:25px;}
	nav .sub.active .subNav ul li:last-child a {margin-bottom:0;}
	.gen-box {width:100%; padding:30px;}
	.content, .main-jackpot .inner, .main-jackpot .content-box, .previousResults, .breakdown-box {width:100%}
	.sitemap-grid {grid-template-columns:1fr 1fr;}
	.sitemap-grid .gen-box {border-radius:14px;}
	.frequency-grid {grid-template-columns:repeat(3, 1fr)}
	.raffle-box {grid-template-columns:repeat(3, 1fr);}
	.noMob {display:none;}
	.gratta.noDesk {margin:20px;}
}

@media (max-width:925px) {
	.results-grid {grid-template-columns:1fr;}
	.play-grid {grid-template-columns:1fr 1fr;}
	.contact-box {grid-template-columns:1fr;}
	.contact-box .email {border-radius:14px 14px 0 0}
	.contact-box .email img {max-width:100%;}
	.contact-box .postal {border-radius:0 0 14px 14px;}
}

@media (max-width: 767px) {
	.grid {display:flex; flex-direction:column;}
	.grid .gen-box {min-height:421px;}
	footer .footer-links {flex-wrap:wrap; justify-content:center; row-gap:15px;}
	.sitemap-grid {grid-template-columns:1fr;}
	.sitemap-grid .gen-box {border-radius:0;}
	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)": "; display:block}
	table th.colour, table td.colour, table tr.totals td.colour {background: #32ad67!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;}
	table.wheelStats thead {display:table-row-group;}
	table.wheelStats tbody tr {display:flex;}
	table.wheelStats tbody tr td {width:50%;}
	table.wheelStats thead tr th {display:inline-block; width:50%;}
	table.wheelStats tbody tr td.colour {background:#fff; color:#000;}
	table.wheelStats th:before, table.wheelStats td:before {display:none;}
	table tr.winners-row td:first-child {color: #fff;}

	.frequency-grid {grid-template-columns: 1fr 1fr}
	.symbols {grid-template-columns:repeat(6, 1fr); grid-template-rows:repeat(2, 1fr); row-gap:30px; column-gap:20px;}
	.symbols li:first-child {grid-area: 1/1/2/3}
	.symbols li:nth-child(2) {grid-area: 1/3/2/5}
	.symbols li:nth-child(3) {grid-area: 1/5/2/7}
	.symbols li:nth-child(4) {grid-area: 2/1/3/4}
	.symbols li:nth-child(5) {grid-area: 2/4/3/7}
	.ball-id.mTop {margin-top:10px}
	.fx.sb.wrap {flex-wrap:wrap}
	.wheel-grid {grid-template-columns:repeat(2, 1fr)}
	.raffle-box {grid-template-columns:1fr; gap:10px;}
	.win-for-life {grid-template-columns:1fr;}
	.play-grid {grid-template-columns:1fr;}
	.play-box {display:grid; grid-template-columns:1fr; row-gap:20px; text-align:center;}
	.play-box .jackpot {margin-right:0}
}

@media (max-width: 499px) {
	h1, .h1 {font-size:32px; line-height:40px;}
	#content {padding:0;}
	#content .gen-box {border-radius:0; padding:30px 20px;}
	#content .gen-box.padded {padding:20px!important;}
	#content .gen-box.with-link {padding:0 0 40px 0!important}
	#content .gen-content {padding:20px;}
	#content .clear-box {padding:0 20px; margin-bottom:0}
	#content .clear-box.mBot {margin-bottom:30px}
	.mobHome {margin-top:30px;}
	.home-box {padding:0!important}
	.results-grid {gap:20px;}
	.quote-link {border-radius:0}
	.grid .gen-box {min-height:450px;}
	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}
	.gen-content .fx.sb {flex-direction:column;}
	.gen-content .fx.sb p {line-height:24px;}
	.lotto-wheel {flex-direction:column;}
	.lotto-wheel .winning-numbers {margin:6px 0;}
	.multi-ids.threeline {flex-direction:column}
	.multi-ids.threeline .ball-id {margin-bottom:13px;}
	#breadcrumb li {margin:5px 0 7px 5px;}
	table td.noMob {display:none;}
	table tr.noMob {display:none;}
	.wheel-grid {grid-template-columns:1fr}
	.frequency-grid {grid-template-columns: 1fr}
	.contact-box .postal {height:400px;}
	.faq-container .h3 {width:80%;}
	.play-box {border-radius:0}
	.play-box .timerBox {margin-bottom:15px;}
}

@media (max-width: 400px) {

	.results-box .inner-box {border-radius:0;}
}