/* Minification failed. Returning unminified contents.
(172,88): run-time error CSS1031: Expected selector, found '/'
(172,88): run-time error CSS1025: Expected comma or open brace, found '/'
 */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

input[type=Submit]{border:none;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
table caption{color:#848282;padding:5px}
*,:after,:before{box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}
body,html {background: #FFF; position: relative; font-family: quicksand, sans-serif; font-weight: 400; line-height:1; color:#333; font-size:16px; transition: transform .4s ease; -webkit-text-size-adjust: none; z-index: -1;}
html {background: #7700DB;}
body.is-fixed{overflow-y:hidden;width:100vw;height:100vh}
.h1,.h2,.h3,.h4,h1,h2,h3,h4,h5{font-weight:700; font-family: quicksand, sans-serif; color: #333; margin: 30px 0 15px;}
.h1,h1{font-size:36px;line-height:42px; margin: 10px 0 25px;}
.h2,h2{font-size:30px;line-height:36px;}
.h3,h3{font-size:24px;margin-bottom:15px;letter-spacing:-.5px}
.h3,h3,p{line-height:30px}
.title,.title3{font-weight:700; font-family: quicksand, sans-serif; color: #333; margin: 0;}
p{margin:0 0 15px}
p.big{font-size:30px;line-height:40px;margin-bottom:20px}
ul.list {margin: 0 20px 0 30px;}
ul.list li{list-style:none;padding-left:25px;position:relative;margin-bottom:15px;font-size:16px;font-weight:300;line-height:24px;text-align:left}
ul.list li:before{content:"";color:#7700DB;position:absolute;left:0;top:5px;background:url(/images/icons/chev.svg) no-repeat;width:15px;height:15px;background-size:15px 15px}
ul.list li a{color:#7700DB;text-decoration:none}
ul.list li a:hover{color:#ff9935}
ul.numbered li{display:-ms-flexbox;display:flex;list-style:none;margin-bottom:10px;border:1px solid #e6e6e6;padding:20px;border-radius:5px;-ms-flex-align:center;align-items:center}
ul.numbered p{margin-bottom:0;display:inline-block}
ul.numbered span{display:block;width:30px;height:30px;line-height:30px;border-radius:5px;background:#7700DB;text-align:center;color:#fff;font-family:quicksand,sans-serif;font-weight:700;margin-right:10px}
hr {background: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 20px 0;}
.link{position:relative;padding-right:35px}
.link:after{content:"";width:25px;height:15px;position:absolute;background:url(/images/icons/chev.svg) no-repeat;background-size:15px 15px;right:0;bottom:0}
.centred{text-align:center}
a{color:#7700DB}
a:hover{color:#FC0}
strong{font-weight:700}
.row{display:-ms-flexbox;display:flex}
.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.readMore-more{display:none}
img {max-width: 100%;}
.fontA {font-family: quicksand !important;}
.fontB {font-family: quicksand !important;}

.col-list,.fx{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.fx.-bt{-ms-flex-pack:justify;justify-content:space-between}
.col-list,.fx.-cn{-ms-flex-pack:center;justify-content:center}
.fx.-ar{-ms-flex-pack:distribute;justify-content:space-around}
.fx.-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.fx.-col{-ms-flex-direction:column;flex-direction:column}
.fx.-md{-ms-flex-align:center;align-items:center}
.fx.-end{-ms-flex-align:end;align-items:flex-end}
.fx.-start{-ms-flex-align:start;align-items:flex-start}
.al-center{-ms-flex-align:center;align-items:center}


.container{width: 1200px; margin: 0 auto; min-height: 400px;}
#content>h1,#content h2,#content h3,#content p{padding:0 10px}
.genBox{background: #FFF; padding: 20px; border-radius: 10px; margin: 0 5px;}
.genBox.green{background:#7700DB;color:#fff}
.genBox.sideImg img{margin:0 0 -30px}
.genBox h2, .genBox h3, .genBox .h2, .genBox .h3 {color: #333;}
.colHalf{width:50%}
.colThird{width:33.33333%}
.colTwoThirds{width:66.6666%}
.mBottom{margin-bottom:30px}
.mLeft{margin-left:30px}
.padded10{padding:10px}
.col-list{text-align:center;margin:0 -10px 20px}
.col-list>div{width:23%;min-width:250px;-ms-flex:1;flex:1;margin:50px 10px 20px;padding:40px;position:relative;border:1px solid rgba(0,0,0,.1)}
.col-list img{width:75%;max-width:90px;display:block;border-radius:50%;border:5px solid #fff;box-shadow:0 0 2px #000;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}
.col-list.alLeft p{text-align:left;line-height:1.3em}
.col-list.p-margin p{margin-top:20px}
.contactQuestion .js-tab{margin:0;border-bottom:1px solid #cfcfcf}
.contactQuestion .box-expand:last-child .js-tab{border-bottom:0}
#jsVar {position: fixed; bottom: 0; left: 0; padding: 5px; color: #FFF; float: left; background: rgba(0,0,0,0.6); font: 10px/14px arial; z-index: 9999;}



/* HEADER AND FOOTER */

header {background: #7700DB; display: flex;}
header .logoBox {padding: 20px 10px 10px 25px;}
header .logoBox img {width: 200px;}
#navButton, nav .sub .navExpand {display: none;}
nav > ul {display: block; transition: all ease .4s; padding: 50px 0;}
nav ul li {list-style-type: none; position: relative; transition: background .2s ease; display: inline-block;}
nav ul li a {display: inline-block; padding: 10px 20px; text-decoration:none; font-weight:700; font-size: 16px; color: #FFF; transition: all .2s ease; font-family: quicksand; border-radius: 4px;}
nav ul li a:hover, nav ul li:hover > a {background: rgba(255,255,255,0.5); color: #FFF;}
nav ul li a.highlight {border: 2px solid #FD0;}
nav ul li a.highlight:hover {border-color: transparent;}
nav ul.hide {opacity: 0;}
nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 55px;}
ul.subNav {background: #FFF; position: absolute; top: 80%; left: 50%; opacity: 0; visibility: hidden; transition: all .2s ease; z-index: 3; width: 100%; box-shadow: rgba(0,0,0,0.2) 0 10px 30px; transform: translateX(-50%); width: 240px; border: 1px solid #F1F1F1; border-radius: 6px; text-align: center;}
ul.subNav li {background: #FFF; display:block; border-bottom:1px solid #F1F1F1;}
ul.subNav li:first-child, ul.subNav li:first-child a {border-radius: 5px 5px 0 0;}
ul.subNav li:last-child, ul.subNav li:last-child a {border-radius: 0 0 5px 5px;}
ul.subNav li:first-child:before {content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px; border-color: transparent transparent #fff; top: -15px; left: 50%; transform: translateX(-50%);}
ul.subNav li:last-child {border-bottom: none;}
ul.subNav li a {color: #7700DB; font-size: 14px; padding: 15px; display: block; font-family: quicksand; font-weight: 700; border-radius: 0;}
ul.subNav li a:hover {color: #FFF; background: #7700DB;}
.tabs {position: absolute; top: 0; right: 30px; height: 100%;}
.tabs .regSign {color: #333; background: #FC0; border-radius: 0 0 10px 10px; padding: 5px 10px; white-space: nowrap; font: 500 0.8em/20px quicksand; text-decoration: none; transition: all .3s ease;}
.tabs .regSign:before {content: ""; background: url(/images/icons/avatar.svg) transparent no-repeat; width: 12px; height: 12px; background-size: 100%; position: relative; display: inline-block; vertical-align: middle; margin-right: 5px; top: -2px;}
.tabs .regSign:hover {background: #FF0;}
.tabs * {vertical-align: top;}
.tabs form {position: absolute; display: inline-block; top: 54px; right: 0;}
.tabs input[type=text] {padding: 6px 15px 6px 10px; border-radius: 4px; background: #FFF; width: 90px; -webkit-appearance: none; outline: none; line-height: 15px; border: 2px solid #FFF; margin-right: 10px; transition: all ease .4s;}
.tabs input[type=submit] {border:none;border-radius:3px;width:20px;height:20px;background:url(/images/layout/search.svg) no-repeat transparent center; background-size:12px 12px; position:absolute; right: 16px; top: 50%; transform: translate(0,-50%);padding :0;}
.tabs input[type=text]:focus {width: 180px;}
.languages {position: relative; cursor: pointer; display: inline-block; border: 1px solid white; border-radius: 30px; padding: 4px 0; z-index: 99;}
.languages:after {content: ""; background: url(/images/layout/chevron-down.svg) no-repeat 0 0; background-size: 100%; width: 14px; height: 14px; position: absolute; top: 9px; right: 10px;}
.languages .title {position: relative; padding: 0 30px 0 15px; font-size: .9em; line-height: 20px; color: #FFF; font-weight: normal; margin: 0; font-family: quicksand;}
.languages ul {background: #FFF; display: block; width: 100%; position: absolute; left: 0; top: 30px; opacity: 0; visibility: hidden; transition: all 0.25s ease 0.1s; border-radius: 10px; box-shadow: rgba(0,0,0,0.1) 0 5px 10px; text-align: center;}
.languages ul:before {content: ""; width: 0;height: 0;border-style: solid; border-width: 0 10px 10px 10px;border-color: transparent transparent #fff; position: absolute; top: -10px; left: calc(50% - 10px);}
.languages ul li {line-height: 28px; text-align: left; border-bottom: 1px solid #f4f4f4; font-size: 1em; padding: 5px 0;}
.languages ul li:last-child {border-bottom: none;}
.languages ul li.grey {color: #AAA; cursor: auto; font-size: .9em; letter-spacing: 0; font-weight: normal;}
.languages ul li a {padding: 0; position: relative;text-decoration: none; display: block; font-size: .9em; letter-spacing: 0; font-weight: normal; color: #7700DB; font-family: quicksand; padding: 0 15px;}
.languages ul li a:hover {transform: none; color: #FFF; background: #7700DB;}
.languages:hover ul, .languages.open ul {opacity: 1; visibility: visible; top: 40px;}

footer {background: #7700DB; padding: 40px 10px 20px; color: #FFF; text-align: center; margin-top: 20px;}
footer .logo {width: 200px;}
footer .footerLogo {margin: 0 20px;}
footer .footerLogo * {vertical-align: middle;}
footer .smallprint {max-width: 600px; margin: auto; padding: 0 10px 5px;}
footer .title{font-size:24px;margin-bottom:15px;color: #FFF;}
footer .linkBox {padding: 20px 50px; display: inline-block; vertical-align: top;}
footer .linkBox li{list-style:none;margin-bottom:20px}
footer .linkBox a{color: #FFF; text-decoration:none; transition: all ease .2s;}
footer .linkBox a:hover{text-decoration: underline;}
footer p{font-size:14px;line-height:19px}
footer .affLogos {background: #FFF; border-radius: 8px; display: inline-block; padding: 0 10px; margin: 10px 0;}
footer .affLogos img{margin:15px; vertical-align: middle; border-radius: 3px; height: 30px;}
footer .gambleInfo img{width:105px}
footer .gambleInfo .ageRating{width:40px}
footer .soc {display: inline-block;}
footer .soc li {padding: 3px; list-style-type: none; display: inline-block;}
footer .soc img {background: transparent; border-radius: 50%; width: 44px; height: 44px; transition: all .2s ease;}
footer .soc a img:hover {background-color: #FC0; box-shadow: #FC0 0 0 10px;}


/* MAIN PLAY BOXES */
.nextBox {background: #FFBD00; position: relative; padding: 20px 10px; color: #333; margin: 0 5px 20px; border-radius: 6px; text-align: center; overflow: hidden;}
.nextBox.alt {background: #7700DB; color: #FFF; margin: 0;}
.nextBox .col {position: relative;  display: inline-block; vertical-align: middle; padding: 0 20px; z-index: 9;}
.nextBox > a {display: inline-block;}
.nextBox img {position: relative; width: 160px; vertical-align: middle; max-width: 100%; background: #7700DB; padding: 10px; border-radius: 8px;}
.nextBox .title{font-size: 16px; color: #333; letter-spacing: 0;}
.nextBox .bigJackpotWhite {font-size: 56px; line-height: 46px; font-family: quicksand; font-weight: 700; color: #333;}
.nextBox .button:hover {background: #b256ff; color: #FFF; transform: scale(1.05);}
.nextBox p.sorry {line-height: 14px; font-size: 13px; padding-bottom: 0; margin: 0 auto; max-width: 180px;}
.nextBox .upcoming {width: 240px;}
.cDown {margin-top: 5px;}
.cDown > span {display: inline-block; background: #FFF; position: relative; border-radius: 6px; padding: 6px 2px; margin: 2px; width: 55px; font-size: 24px; font-weight: 700;}
.cDown span span {display: block; font-size: 13px; color: #7700DB; font-weight: 400;}
#videoCont {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; border-radius: 10px;}
#videoCont video {position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%;}

.jackpotBox{background: #FFBD00; position: relative; display: block; text-align: center; padding: 20px 10px; margin-bottom: 30px; color: #333; border-radius: 10px; overflow: hidden;}
.jackpotBox .heading {position: relative; font: 700 1.1em quicksand; z-index: 9;}
.jackpotBox .jackpot {position: relative; font-family: quicksand; font-weight: 700; padding: 0 10px 10px; z-index: 9;}
.jackpotBox .jackpot .currency {font-size: 60px; color: #7700DB;}
.jackpotBox .jackpot .value {font-size: 74px; letter-spacing: -5px; color: #7700DB;}
.jackpotBox p {position: relative; line-height: 14px; font-size: 13px; padding: 20px 20px 0; margin-bottom: 0; z-index: 9;}
.jackpotBox .timer {position: relative; z-index: 9;}
.jackpotBox .timer .heading {font-weight: 400;}
.jackpotBox canvas, .nextBox canvas {width: 220px;}
.jackpotBox .button {position: relative; margin-top: 20px; z-index: 9; background: #7700DB !important; color: #FFF !important;}
.jackpotBox .button:hover {background: #b256ff !important; color: #FFF !important;}
.jackpotBox #videoCont video {width: auto; height: 100%;}
.jackpotBox .upcoming {display: inline-block; padding: 0 10px 10px; font-size: 1.1em; max-width: 260px;}

.pulse {-webkit-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite;}
@-webkit-keyframes pulse {73%,80%{transform: scale(1.1)} 70%,75%,77%,82%{transform: scale(1)}}
@keyframes pulse {73%,80%{transform: scale(1.1)} 70%,75%,77%,82%{transform: scale(1)}}*/


#JackPotForm{color:#fff;text-align:center;display:inline}
#JackPotForm p{padding:10px 0;line-height:16px}
#JackPotForm a{color:#fd0;padding:0 2px 0 0}
#JackPotForm button{font-size: 0.9em; margin: 0 2px; padding: 8px; cursor: pointer; font-family: quicksand;}
#JackPotForm button:hover {transform: none !important;}
#JackPotForm input[type=submit]{-webkit-appearance:none; margin: 20px auto 0; display: block; font-family: quicksand;}
#JackPotForm input[type=submit]:hover {color: #333;}
.input-joker,.input-number{background:#fff;border:none;-webkit-appearance:none;width:46px;height:46px;text-align:center;font-size:24px;color:#7700DB;border-radius:4px;padding:0;margin:2px 0}
.input-joker{background:transparent;border:2px solid #fff;color:#fff}
.trash{width:15px;height:23px;position:relative;top:4px;font-size:30px;line-height:30px;cursor:pointer}
.trash,.widget-line{display:inline-block}
.widget-line{padding:5px 10px}
.balls{display:inline-block;margin-bottom:15px}
.ball{background:#FD0;border:3px solid #FD0;color:#333;width:60px;height:60px;display:inline-block;border-radius:50%;text-align:center;font:26px/54px quicksand,sans-serif;}
.ball.greyed{background:#989898;border-color:#989898}
.button{background:#7700DB;border-radius:5px;padding:10px 15px;color:#FFF;text-align:center;font-weight:700;display:inline-block;text-decoration:none;font-size:18px; transition: all .2s ease;}
.button:hover{background:#FD0;color: #333;}
.button.player{color:#333;background:#FC0}
.button.player:hover{background:#FE0;}
.button.grey{background:#cfcfcf}
.button.white {background: #FFF; color: #7700DB;}
.button.white:hover {background: #FC0;}
.button.outline{transition:all .2s ease-in-out;background:transparent;border:2px solid #7700DB;color:#7700DB}
.button.outline:hover {background:#7700DB;color:#fff}
.button.outline.white {background:transparent;border:2px solid #FFF;color:#FFF}
.button.outline.white:hover {background: #FFF; color: #7700DB;}
.freqTable{width:100%;display:inline-block;margin-bottom:30px}
.freqTable strong{display:block}
.freqTable strong span{font-weight:700}
.freqTable h3{margin:15px 0;padding:0 10px;display:inline-block;width:100%}
.twoCol{width:48%;display:inline-block;margin:20px 10px}
.twoCol h2{padding:0 10px}
.freq-fx{padding:15px 10px;text-align:center;position:relative;font-size:16px;-ms-flex:1;flex:1;white-space:nowrap; min-width: 240px; box-shadow: rgba(0,0,0,0.05) 0 0 0 1px;}
.freq-fx .ball{margin-bottom:10px}
.freq-fx strong{display:block;padding:2px 0 6px}
.freq-fx strong span{font-weight:400;font-size:.8em}
.freq-fx.greyed{opacity:.3}
.freq-result{text-align:center;width:10%;padding:15px 10px;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;float:left;background:#fff;position:relative;font-size:18px}
.freq-result.balls{margin-bottom:0}
.freq-result.is-max:after,.freq-result.is-min:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px}
.freq-result.is-max:after{background:#ff9935}
.freq-result.is-min:after{background:#d20000}
.freq-result .ball{font-size:30px;font-weight:700;background:#7700DB;color:#fff}
.freq-result .ball.joker, .freq-result .ball.bonus-ball{background:none;color:#7700DB}
.statBox {text-align: center; display: block !important;}
.statBox .box {display: inline-block; background: #7700DB; color: #FFF; margin: 5px; padding: 20px 40px !important; border-radius: 12px;}
.statBox img{width:50px;height:50px; margin-bottom: 10px;}
.statBox .stat{font-size:30px;font-weight:700;font-family:quicksand,sans-serif;margin-bottom:5px}
.statBox .title{font-weight:400}
.statsBox h2,.statsBox p{padding:0 10px}
.statsBox table td{padding:10px}
.googleChart{width:100%;min-height:400px;display:none}
.ball.pair{position:relative;margin-right:5px}
.ball.pair:after{content:"";background:#7700DB;position:absolute;width:16px;height:10px;display:inline-block;border:none;top:calc(50% - 5px);right:-16px;z-index: -1;}
.quickLinks .button{margin:4px 0}
#breadcrumb {display: block; margin: 0 5px 15px;}
#breadcrumb a{font-size:1em;text-transform:none;font-weight:400;border-radius:25px}
#breadcrumb li{display:inline;background:url(/images/icons/right-chev.svg) no-repeat 0 8px;padding-left:20px;background-position:4px 3px;background-size:9px 10px;font-size:.8em;position:relative;line-height:24px}
#breadcrumb li:first-of-type{background:none;padding:0 0 0 30px}
#breadcrumb li:first-of-type a{background:none;padding:0}
#breadcrumb li:first-of-type a span{display:none}
#breadcrumb li:first-of-type a:before{background:url(/images/icons/home.svg) no-repeat;width:20px;height:20px;content:"";position:absolute;background-size:20px 20px;left:4px;top:-3px}
.notice-box{background:#7700DB;padding:30px 40px 20px 100px;position:relative;min-height:100px;display:inline-block;margin-bottom:20px; color: #FFF; display: block; margin: 5px 0; border-radius: 8px;}
.notice-box .title{font-size:24px}
.notice-box a {color: #FC0;}
.notice-box a:hover {color: #FF0;}
.notice-box:before{content:"";background:url(/images/icons/info-white.svg) no-repeat;width:60px;height:60px;background-size:60px 60px;display:inline-block;position:absolute;top:50%;left:20px;transform:translateY(-50%)}
.notice-box.alert{background:#d20000;color:#fff}
.notice-box.alert:before{background-image:url(/images/icons/alert.svg)}
.notice-box.alert a{color:#fff}
.notice-box.alert a:hover{color:#ff9935}

table{min-width:100%;max-width:100%;margin-bottom:30px; border: 1px solid #EEE; border-radius: 12px; border-collapse: separate;}
table th{background:#7700DB;color:#fff;padding:20px 10px;}
table thead th:first-child {border-top-left-radius: 12px;}
table thead th:last-child {border-top-right-radius: 12px;}
table tbody tr:last-child td:first-child {border-bottom-left-radius: 12px;}
table tbody tr:last-child td:last-child {border-bottom-right-radius: 12px;}
table td{background:#fff;padding:10px;vertical-align:middle}
table tr.alt td{background:rgba(50,100,255,0.15);}
table .center{text-align:center}
table tbody th{padding:5px;background:#cfcfcf;color:#333;border-bottom:1px solid #cfcfcf;vertical-align:middle}
table tr.highlight td {background: #FFA;}
table .bottom td {background: #EEE;}

.subhead{background-color:#d5d5d5;}

.archiveTable a{font-size:18px;color:#d5812e;line-height:21px}
.archiveTable a:hover{color:#ff9935}
.archiveTable a span{display:block;width:100%;font-size:21px;font-weight:700}
.mobTableContainer{position:relative;width:100%;overflow-x:auto;overflow-y:hidden}
.mobTableContainer:before{content:"Slide to View";background:url(/images/layout/scroll-arrows.png) rgba(0,0,0,.7) 50% no-repeat;background-size:200px 40px;position:absolute;font:700 16px/60px arial,sans-serif;color:#fff;top:80px;left:16%;width:60%;padding:10px 5%;transition:all .5s ease-in-out;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;text-align:center;z-index:2}
.mobTableContainer.trans:before{opacity:0;transition:all .5s ease-in-out}
.newsBox{transition:all .2s ease; box-shadow:0 0 30px rgba(0,0,0,.1)}
.newsBox img{margin-bottom:15px}
.newsBox h2{margin-bottom:5px}
.newsBox:hover{cursor:pointer;transform:scale(1.02);transition:all .2s ease;box-shadow:0 0 50px rgba(0,0,0,.2)}
.newsBox .date{position:relative; padding: 10px 0 10px 25px;}
.newsBox .date:before{content:"";width:20px;height:20px;background:url(/images/icons/calendar.svg) no-repeat 50% #7700DB;position:absolute;left:0;top:8px;border-radius:50%;background-size:12px 12px}
.newsBox.news-small{width: calc(33.3% - 10px); margin-bottom: 10px;}
.newsBox.news-small.last{margin-right:0}
.newsBox.news-small .ctaBox .date{margin:0 20px 0 0;font-size:14px}
.newsBox img {border-radius: 6px 6px 0 0;}
.newsBox.news-large {width:calc(50% - 10px);}
.newsBox.news-large.newsHome {width: 100%; margin: 0 auto 20px; box-shadow: none; border: 1px solid #E4E4E4;}
.newsBox.news-large img, .newsBox.news-small img{width:calc(100% + 40px);margin:-20px 0 0 -20px; max-width: none;}
.olderNews .news-smaller{background:#fff;padding:15px;width: calc(33.3% - 10px);margin: 5px 5px 10px; border-left:3px solid #7700DB; display:flex; flex-direction: column; justify-content:space-between; border-radius: 6px;}
.olderNews .news-smaller h3{font-size:16px;line-height:21px; margin-top: 0;}
.olderNews .news-smaller a{text-decoration:none;color:#000}
.olderNews .news-smaller:nth-child(3n){margin-right:0}
.olderNews .news-smaller .date{margin-bottom:0;font-size:14px}
.articleCta{margin:10px 0 30px}
.dateAdded{font-size:14px}
.archiveCol{background:#fff;display:inline-block;width:240px;padding:30px;margin:10px;height:610px;vertical-align:top}
.archiveCol .button{display:block;margin-bottom:8px;font-size:14px}
.questions a{font-family:quicksand,sans-serif}
.expandable{padding:20px;display:none;background:#EEE}
.expandable.no-padding{padding:0}
.expandable table{border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.expandable p{margin-bottom:0}
.js-tab{cursor:pointer;padding:15px 20px 15px 60px;margin:3px 0;background:rgba(0,0,0,.1);color:#7700DB;position:relative;font-size:1.2em;font-weight:700}
.js-tab:before{content:"+";position:absolute;left:20px;top:50%;transform:translateY(-50%)}
.js-tab:after{display:none}
.js-tab:hover{background:rgba(0,0,0,.15)}
.js-tab.is-active{background:#7700DB;color:#fff;transform:scale(1)}
.js-tab.is-active:before{content:"-"}
.featureBox{font-family:quicksand,sans-serif;display:-ms-flexbox;display:flex;width:100%;margin-bottom:30px;-ms-flex-align:center;align-items:center}

.introBox .contentBox{padding:20px;background:#fff;margin-right:30px;width:65%; border-radius: 6px;}
.introBox .contentBox h2 {color: #333; margin-top: 0 !important;}
.introBox .infoBoxHome{width:35%}
.introBox .infoBoxHome .box{border-bottom:1px solid #e6e6e6;padding:30px 50px;background:#fff;margin-bottom:15px;}
.introBox .infoBoxHome .title{font-size:24px;font-weight:700;position:relative;padding-left:40px;margin-bottom:15px}
.introBox .infoBoxHome .title a{color:#000;text-decoration:none}
.introBox .infoBoxHome .title a:hover{color:#ff9935}
.introBox .infoBoxHome .title:before{content:"";width:26px;height: 26px;background:url(/images/icons/coin.svg) no-repeat;display:inline-block;margin-right:15px;position:absolute;left:0;top:0; background-size: 100%;}
.introBox .infoBoxHome .title.picker:before{background-image:url(/images/icons/tick.svg);}
.introBox .infoBoxHome .title.info:before{background-image:url(/images/icons/info.svg);}
.introBox .infoBoxHome .box:last-child {border-bottom: none;}
.introBox .infoBoxHome p{margin-bottom:0}
.infoBox.full {padding-right:250px;}
.introBox .helpBox{background:#2d72e0;padding:20px 160px 20px 60px;position:relative;display:block;text-decoration:none;margin-bottom:20px; border-radius: 6px;}
.introBox .helpBox:hover{background:#4189fc}
.introBox .helpBox p{color:#fff;font-family:quicksand,sans-serif;margin-bottom:0}
.introBox .helpBox img{position:absolute;bottom:0;right:0;width:80px}
.iconsBox {background: #E4E4E4; padding: 20px 20px 0; font-size: 0.9em; border-radius: 10px; margin-bottom: 20px;}
.iconsBox .h2 {text-align: center; margin: 0; padding: 0 0 20px;}
.iconsBox .iconBox {padding-bottom: 20px;}
.iconsBox .iconBox img {display: inline-block; margin: 0 10px; vertical-align: middle; width: 100px; height: 100px;}
.iconsBox .iconBox span {display: inline-block; vertical-align: middle; padding-left: 10px; max-width: calc(100% - 120px);}
.iconsBox .iconBox strong {display: block; font-size: 1.4em; line-height: 24px;}
.updateBox .title{font-size:24px;margin-bottom:15px}
.updateBox form{display:-ms-flexbox;display:flex}
.updateBox input[type=text]{padding:10px;border:1px solid #e6e6e6;display:inline-block;width:100%;font-size:18px;font-family:quicksand,sans-serif}
.updateBox input[type=text]::-webkit-input-placeholder{color:#cfcfcf}
.updateBox input[type=text]:-ms-input-placeholder,.updateBox input[type=text]::-ms-input-placeholder{color:#cfcfcf}
.updateBox input[type=text]::placeholder{color:#cfcfcf}
.updateBox input[type=submit]{width:70%;border:none;cursor:pointer;margin-left:20px}
.resultsHome{background: #7700DB; text-align:center; margin: 0;}
.resultsHome img{width:120px;display:block;margin:0 auto 20px}
.resultsHome .title{font:24px/24px quicksand,sans-serif}
.resultsHome .date{font-size:18px;position:relative;padding-right:30px;margin-left:15px;color:#fff}
.resultsHome .date:after{content:"";width:22px;height:22px;position:absolute;background:url(/images/icons/calendar.svg) no-repeat;right:0;top:0}
.resultsHome .ball{margin-right:5px}
.resultsHome .titleBox{margin-bottom:20px}
.blogBox .title{font-size:24px;margin-bottom:10px}
.blogBox .title a{color:#000;text-decoration:none}
.blogBox .title a:hover{color:#ff9935}
.blogBox .genBox{padding:0;border:1px solid #e6e6e6}
.blogBox .genBox.main .title{margin:20px 0 0 20px}
.blogBox .genBox.main .blogContent{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.blogBox img{width:100%}
.blogBox .blogContent{padding:20px}
.blogBox .button{width:200px}
.blogBox p{line-height:21px}
.comingSoon {background: #7700DB; text-align:center;padding:20px 20px 10px;margin-bottom:20px; border-radius: 10px;}
.comingSoon p {color: #FFF; font-size: 24px;}
.col.inner .comingSoon {background: none; padding: 0; margin-bottom: 0;}
.col.inner .comingSoon p {margin-bottom: 5px;}
.col.inner .comingSoon br {display: none;}
.col.inner .comingSoon p.alt, .col.inner .comingSoon a {display: none;}
.col.inner .comingSoon #timerAlt {margin-bottom: 0;}
#timerAlt{margin-bottom:10px}
#timerAlt li{background:#fff;width:100px;display:inline-block;font-size:36px;border-radius:5px;margin:0 5px;padding:10px;font-weight:700;}
#timerAlt li span{display:block;font-size:18px;font-weight:400;}
.appBox{position:relative;background:url(/images/layout/app-bg.jpg) no-repeat;background-size:cover;padding:20px;text-align:center;color:#fff;overflow:hidden; border-radius: 6px;}
.appBox .h3 {color: #FFF;}
.appBox img{display:block;margin:0 auto 20px}
.appBox .ribbon {background: #7700DB; position: absolute; top: -25px; right: -75px; width: 200px; padding: 50px 0 0; color: #FFF; font: 700 16px/16px quicksand; transform:rotate(45deg); height: 100px; box-shadow: rgba(0,0,0,0.3) 0 0 20px;}
.appBox .ribbon.es {font-size: 14px; padding: 65px 0 0;}
.resultsBox .date{font-weight:700;position:relative;padding-left:30px;margin-bottom:20px}
.resultsBox .date:before{content:"";width:25px;height:25px;position:absolute;background:url(/images/icons/calendar.svg) no-repeat;left:0;top:0;background-color:#7700DB;border-radius:50%;padding:5px;background-size:15px 15px;background-position:5px}
.resultsBox .drawNumber{font-size:18px; margin-bottom:10px;}
.resultsBox .drawNumber span{font-weight:700;background:#e6e6e6;padding:3px 6px;border-radius:8px}
.resultsBox .jackpotBox .resultJackpot{font-size:40px;font-weight:700;display:block}
.resultsBox .ctaBox{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.resultsBox .button{margin-left:20px}
.resultsBox .logoBox{background:#e6e6e6;padding:30px;width:25%}
.resultsBox .logoBox img{width:150px;display:block;margin:auto}
.resultsBox.latest{background: none; padding: 0;}
.resultsBox.latest .inner{background: #7700DB; background-size: cover; position: relative; border-radius: 6px;}
.resultsBox.latest .balls{margin-bottom:0}
.resultsBox.latest .ball{background:#FD0;border-color:#FD0;color:#333}
.resultsBox.latest .date{color:#fff;margin-right:40px}
.resultsBox.latest .drawNumber{color:#fff}
.resultsBox.latest .drawNumber span{color:#7700DB}
.resultsBox.latest .logoBox{background:none}
.resultsBox.latest .resultLinks{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:24%;margin:0 0 0 1%}
.resultsBox.latest .resultLinks a{background:#E4E4E4; display:block;padding:29px 10px;font-size:18px;font-weight:700;color:#000;text-decoration:none;position:relative;width:100%; border-radius: 6px; margin: 5px 0; transition: all .2s ease;}
.resultsBox.latest .resultLinks a:hover{background:#FD0;}
.resultsBox.latest .resultLinks a:before{content: ""; width: 30px; height: 24px; background: url(/images/icons/tick.svg) no-repeat; display: inline-block; margin-right: 15px; position: absolute; left: 20px; top: 30px;}
.resultsBox.latest .resultLinks a.prizes:before{background-image:url(/images/icons/coin.svg);width:40px;height:30px;background-size:30px 30px; top: 23px;}
.resultsBox .inner{padding:30px;width:75%}
.previousResults {justify-content: space-between;}
.previousResults .resultsBox{margin: 0 5px 12px;width:32%}
.previousResults .ctaBox{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.previousResults .result{margin-bottom:15px}
.archiveLinks,.resultLinks{margin-bottom:30px; text-align: center;}
.archiveLinks .button{margin: 5px; display: inline-block; width: 80px;}
.infoBox{background:#fff;padding:30px;position:relative;margin-bottom:30px;overflow:hidden; border:1px solid #e6e6e6; border-radius: 10px;}
.infoBox img{position:absolute;bottom:0;right:10px;max-width:220px}
.infoBox h2{font-size:21px}
.infoBox.colHalf{padding-right:230px}
.infoBox.colHalf:first-child{margin-right:20px}
.infoBox.faq img{width:270px}
.infoBox.scams img{width:150px;right:50px}
.infoBox.claim-prizes img{width:220px}
.infoBox.prizes img{right:0}
.infoBox.bumper-draws img{width:160px;right:20px}
.infoBox.app img{width:180px;bottom:-40px;right:30px}
.appBoxBig{
	background: #fca128;
	background: -moz-linear-gradient(top,  #fca128 0%, #7700db 100%);
	background: -webkit-linear-gradient(top,  #fca128 0%,#7700db 100%);
	background: linear-gradient(to bottom,  #fca128 0%,#7700db 100%);
	padding:50px 50px 100px;color:#fff;display:-ms-flexbox;display:flex;position:relative; border-radius: 6px;
}
.appBoxBig .imgBox{margin-right:30px}
.appBoxBig .ribbon{display:inline-block;position:absolute;top:0;right:0; width:100px;height:100px;background:url(/images/layout/corner.png) no-repeat; background-size:100%; border-radius: 0 5px 0 0;}
.appBoxBig .ribbon span{display:block}
.contactQuestion img{display:block;margin:10px auto}
#steps .step{border:1px solid #ddd;border-radius:8px;margin:5px;padding:20px;}
#steps .step {display:flex; flex-direction:column; align-items:center; text-align:center;}
#steps .fx {flex-wrap:nowrap;}
.col-2 {width:50%;}
.col-3 {width:33%;}
#steps .h3 {margin: 0; padding: 15px 0 5px; line-height: 20px;}
#steps img{display:block;margin:0 20px 20px 0;width:80px;height:80px; float: left;}
.how-it-works,.social{background:#7700DB;position:relative;text-align:center;-ms-flex:1;flex:1;min-width:200px;margin:5px;font-size:18px;overflow:hidden;border-radius:10px;padding:0 20px 10px;color:#fff}
.how-it-works .number,.social .number{position:absolute;top:-30px;left:-30px;width:100px;height:100px;padding:10px;line-height:100px;text-indent:20px;font-size:30px;border-radius:50%}
.how-it-works img,.social img{width:140px;height:140px}
.social{color:#fff;text-decoration:none;transition:all .2s ease-in-out;padding:20px}
.social img{width:100px;height:100px;padding:0 0 10px}
.social:hover{background:#f90;color:#fff}
.affBox{display:-ms-flexbox;display:flex}
.affBox>div{background:#fff;-ms-flex:1;flex:1;padding:40px}
.affBox img{max-width:700px}
.affBox .affImg{background:url(/images/affiliates/affiliate.png) transparent no-repeat;background-size:cover}
.benefit{text-align:center;-ms-flex:1;flex:1;margin:5px;min-width:200px}
.benefit .circular{position:relative;font-size:1em;border-radius:50%;color:#fff;text-align:center;width:200px;height:200px;line-height:200px;margin:0 auto 10px;vertical-align:middle;overflow:hidden}
.benefit .circular img{position:absolute;top:0;left:-50px;z-index:1;height:200px}
.benefit .title{display:block;font-size:20px;padding:10px}
.benefit p{padding:0;line-height:18px}
.signUp{text-align:center;padding:20px}
.signUp a.button{padding:20px;font-size:26px;border-bottom:5px solid #a60}

.winnersBox{-ms-flex-wrap:wrap;flex-wrap:wrap}
.winnersBox,.winnersBox .box{display:-ms-flexbox;display:flex}
.winnersBox .box{background:#7700DB;margin:0 5px 30px;-ms-flex-align:center;align-items:center;padding:15px;color:#fff;border-radius:10px;-ms-flex:1;flex:1;min-width:200px}
.winnersBox img{margin-right:15px;border-radius:10px}
.winnersBox .title{font-size:21px;margin-bottom:10px}
.winnersBox p{font-size:14px;line-height:23px}

.contactBox {background:#f4f4f4; margin-bottom:10px; overflow: hidden;}
.contactBox .map {width:450px; height:450px; float: right;}
.contactBox .genBox {background:none; float: left;}
.contactBox .email a {font-size:30px; font-weight:700; color:#000; line-height:38px;}
.contactBox .email a:hover {color:#7700DB;}

#ticker {background: #460080; padding: 10px 0; color: #FFF; margin-bottom: 30px;}
#ticker * {display: inline-block;}
#ticker .winner {padding: 0 20px; color: #FFF;}
#ticker .winner strong {color: #FC0;}

.winnerPage {width: 25%; text-align: center; padding: 5px;}
.winnerPage .amount {font-size: 50px; font-weight: 700; color: #7700DB;}
.winnerPage .name {font-size: 24px; font-weight: 700; color: #333; line-height: 30px;}
.winnerPage .inner {margin: 5px; background: #F4F4F4; border-radius: 10px; padding: 20px;}


/* MD */
@media (max-width:1199px) {
	nav > ul > li a {padding: 10px;}
	ul.list li{font-size:16px;margin-bottom:15px}
	ul.numbered li{-ms-flex-direction:column;flex-direction:column;padding-top:0;margin-bottom:30px}
	ul.numbered p{text-align:center}
	ul.numbered span{margin:-15px 0 10px}
	.row{display:inline-block}
	.container,.row{width:100%}
	.container>h2,.container>p{padding:0 10px}
	.colThird,.colTwoThirds{width:50%}
	#JackPotForm input[type=submit]{font-size:.9em}
	.input-joker,.input-number{width:30px;height:30px;font-size:18px}
	.freq-result{text-align:left;font-size:12px;line-height:18px;padding:10px;width:50%}
	.freq-result .ball{float:left;width:34px;height:34px;font-size:18px;line-height:32px;margin-right:5px}
	.freq-result .ball:nth-child(2){margin-bottom:8px;margin-top:8px}
	.freq-result .power-play{margin-right:0}
	.freq-result .power-play:before{content:"PP";display:block;padding-right:0}
	.featureBox{display:inline-block}
	.featureBox img{width:100%}
	.introBox .contentBox{width:auto;margin:0 5px 30px;padding:15px;}
	.introBox .infoBoxHome{width:auto; margin: 5px;}
	.resultsHome{padding:20px;text-align:center}
	.resultsHome .ball{width:40px;height:40px;line-height:32px;font-size:21px;border-width:4px}
	.introBox .contentBox .resultsHome.genBox{margin: 0;}
	.blogBox .genBox.main .blogContent{display:inline-block}
	.blogBox{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
	.blogBox > div{-ms-flex:1;flex:1;margin:20px}
	.resultsBox .logoBox{display:none}
	.resultsBox {width: calc(100% - 10px);}
	.resultsBox.latest .fx{display:-ms-flexbox;display:flex}
	.resultsBox.latest .resultLinks{-ms-flex-direction:row;flex-direction:row;margin:0;width:100%; justify-content: space-between;}
	.resultsBox.latest .resultLinks a {width: 49.5%;}
	.resultsBox{display:inline-block;text-align:center}
	.resultsBox .inner{width:100%}
	.resultsBox .date{font-size:18px;padding:0}
	.resultsBox .date:before{display:none}
	.resultsBox .drawNumber{margin-bottom:10px}
	.resultsBox .fx{display:inline-block}
	.resultsBox .jackpotBox{margin-bottom:10px}
	.resultsBox .jackpotBox .resultJackpot{font-size:21px;display:inline-block}
	.resultsBox .ctaBox{display:inline-block}
	.resultsBox .ctaBox .button{margin-top:10px}
	.infoBox.colHalf,.previousResults .resultsBox{width:100%}
	.winnersBox{-ms-flex-direction:column;flex-direction:column}
	.newsBox {margin: 10px;}
	.newsBox.news-small {width: auto; display: block;}
	.newsBox img{width:100%;margin:0;}
	.jackpotBox .buttonYellow {width: auto; max-width: none;}
	.jackpotBox p {margin: auto; display: block; width: 240px; max-width: none;}
	.col-2, .col-3 {width:100%;}
	.newsBox.news-large ,.newsBox.news-small, .olderNews .news-smaller {width: calc(100% - 10px);}
	.newsBox.news-small img {display: none;}
	.newsBox.news-small h3 {margin-top: 0;}
}

/* SM */
@media (max-width: 991px) {
	body.menuOpen {transform: translate(-260px, 0); overflow: hidden;}
	header {text-align: center; background-image: none;}
	header .logoBox {padding: 5px 5px 0 5px;}
	header #logo img {top: 0; width: 120px;}
	.tabs {position: relative; top: 0; left: 0; right: auto; height: auto;}
	.tabs form, .tabs .languages {display: block;}
	.tabs form {position: relative; top: 0;}
	.tabs .regSign {position: relative; margin: 10px auto 15px; display: block; border-radius: 4px; max-width: 130px; padding: 8px 0;}
	.searchBox input[type="text"], .searchBox input[type="text"]:focus {background: #FFF; color: #333; width: 240px; margin: 0 0 10px;}
	.searchBox input[type="submit"] {right: 20px; top: 16px;}
	#navButton {display: block; position: absolute; top: 25px; right: 25px; z-index: 1; -webkit-user-select: none; user-select: none;}
	#navButton input {display: block; width: 34px; height: 34px; position: absolute; top: -8px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; border: 1px solid red;}
	#navButton span {display: block; width: 27px; height: 4px; margin-bottom: 4px; position: relative; background: #FFF; z-index: 1; transform-origin: 1px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; border-radius: 1px;}
	#navButton span:first-child {transform-origin: 0% 0%;}
	#navButton span:nth-last-child(1) {transform-origin: 0% 100%;}
	#navButton input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(-2px, -1px);}
	#navButton input:checked ~ span:nth-last-child(2) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
	#navButton input:checked ~ span:nth-last-child(1) {transform: rotate(-45deg) translate(0, -1px);}
	.languages {margin: 10px auto; width: 240px; text-align: left;}
	.languages .title {position: relative;}
	.languages ul {width: 240px; left: 0; top: 20px;}
	.languages ul li {text-align: center; padding: 5px 10px;}
	.languages ul:before {left: calc(50% - 10px);}
	.languages:hover ul, .languages.open ul {top: 30px;}
	nav {background: #7700DB; position: fixed; width: 260px; height: 100%; display: block; overflow: hidden; top: 0; right: -260px; padding-top: 10px;}
	nav > ul {padding: 0;}
	nav ul.hide {opacity: 1;}
	nav ul li {display: block; padding: 0;}
	nav ul li a {padding: 10px; margin-bottom: 5px;}
	nav ul li a:hover, nav ul li:hover a {transform: none; background: transparent; color: #FFF;}
	nav .sub .navExpand {background: rgba(255,255,255,0.2); color: #FFF; display: block; position: absolute; right: 10px; top: 3px; width: 30px; height: 30px; border-radius: 6px; font-size: 20px; font-weight: bold; line-height: 26px; cursor: pointer;}
	nav .sub ul.subNav {background: rgba(255,255,255,0.2); position: relative; box-shadow: none; transform: none; border: none; opacity: 1; visibility: visible; top: 0; left: 0; margin: auto; max-height: 0; overflow: hidden;}
	nav .sub ul.subNav.open {max-height: 600px;}
	nav .sub:hover ul.subNav {top: 0;}
	nav .sub ul.subNav li {background: transparent; border: none;}
	nav .sub ul.subNav li:first-child:before {display: none;}
	nav .sub ul.subNav li a {color: #FFF; padding: 10px 0; font-weight: 400;}
	.contactBox {text-align: center;}
	.contactBox .map {float: none; width: 100%; height: 300px; display: block; margin: auto;}
	.contactBox .genBox {float: none; width: 100%;}
	#breadcrumb{margin: 0 5px 5px;}
	#ticker {margin-bottom: 15px;}
	.iconsBox {margin-left: 15px; margin-right: 15px;}
	.iconsBox .iconBox img {display: inline-block; margin: 0 10px 0 0; vertical-align: middle; width: 70px; height: 70px;}
	.iconsBox .iconBox span {display: inline-block; vertical-align: middle; padding-left: 0; max-width: calc(100% - 90px);}
	.iconsBox .iconBox strong {display: block; font-size: 1.2em; line-height: 20px;}
}

/* XS */
@media (max-width:767px) {
	.colThird,.colTwoThirds{width:100%}
	.h2{margin:10px 0;}
	.quickLinks .button{display:block;margin:10px}
	.resultsHome{padding:20px;}
	.resultsHome .ball{width:36px;height:36px;line-height:32px;font-size:15px;border-width:2px;margin:0}
	.resultsHome .titleBox{margin-bottom:10px}
	.toggle li a{font-size:1.1em}
	.twoCol{width:100%;margin:20px 0}
	.readMore{display:none}
	.readMore-more{display:block; padding-bottom: 20px;}
	.genBox{padding:20px}
	.colHalf{width:100%}
	.mLeft{margin-left:0}
	.nextBox {display: block;}
	.nextBox .col {display: block;}
	.nextBox .date{margin-bottom:15px}
	.nextBox.big{padding:20px 10px}
	.nextBox .countdown, .nextBox .title {padding-top: 10px;}
	.nextBox .cDown {margin: 5px auto 15px;}
	.nextBox .bigJackpotWhite{padding: 5px 0;}
	.nextBox .upcoming {width: auto; padding: 0 0 20px; max-width: 300px;}
	.hide-xs {display: none;}
	.ball{width:46px;height:46px;font-size:21px;line-height:42px;margin:0}
	.h1,h1{font-size:28px}
	.h2,h2{font-size:20px}
	.h3,h3{font-size:18px}
	p.big{font-size:18px; line-height: 26px;}
	.notice-box{padding:20px 20px 20px 70px}
	.notice-box:before{width:30px;height:30px;background-size:30px 30px;top:20px;transform:translateY(0)}
	.olderNews .news-smaller .date,.olderNews .news-smaller h3{font-size:13px}
	.introBox .infoBoxHome .box{padding:15px 10px}
	.updateBox form{display:inline-block}
	.updateBox input[type=text]{margin-bottom:10px}
	.updateBox input[type=submit]{width:100%;margin:0}
	.comingSoon p{font-size:15px;line-height:18px}
	#timerAlt li{font-size:20px;width:50px;padding:10px 5px;margin:5px 3px}
	#timerAlt li span{font-size:11px}
	.appBox{padding-top:40px}
	.appBox img{width:150px;margin:auto}
	.widget-line > span {display: block; padding-left: 20px;}
	.freq-fx {min-width: 240px;}
	.infoBox img{position:relative;bottom:-30px;display:block;margin:auto;max-width:150px}
	.infoBox.colHalf{padding-right:30px}
	.infoBox.colHalf .inner{width:100%}
	.infoBox.faq{height:auto;margin-left:0;padding-right:0}
	.infoBox.faq img{right:auto}
	.infoBox.full .inner{width:100%}
	.infoBox.scams img{right:auto;top:auto;width:100%}
	.infoBox.how-to-play img{width:60%}
	.infoBox.app img{bottom:-30px;right:10px}
	.infoBox.full {padding-right:30px;}
	.infoBox.full .inner{width:100%}
	.infoBox.full h2 {margin-top:10px;}
	.contactQuestion img{width:80%}
	.affBox{display:block}
	.affBox .affImg{width:100%;height:200px}
	.appBoxBig .ribbon {z-index: 9;}
	.appBoxBig .imgBox {padding: 0; margin: 0;}
	.appBoxBig {display: block; padding: 20px;}
	.appBoxBig img {display: block; margin: 0 auto 20px;}
	footer {background: #7700DB;}
	footer .logo {width: 160px;}
	footer p {margin-bottom: 0;}
	footer {padding: 20px 10px;}
	footer .title{font-size: 20px; margin-bottom: 10px;}
	footer .linkBox {padding: 10px 20px;}
	footer .linkBox li{margin: 10px; display: inline-block;}
	footer .affLogos {margin: 0;}
	footer .affLogos img {margin: 10px;}
	
	table.mobFormat {width: 100%; border: none;}
	table.mobFormat tbody {border: none;}
	table.mobFormat tbody tr {display: block; padding: 0 5px 5px; background: none !important;}
	table.mobFormat tbody td {display: block; padding: 8px 10px; font-weight: 700; border: none; background: #FFF;}
	table.mobFormat td {text-align: center; padding: 5px 10px; display: block;}
	table.mobFormat td:first-child {font-weight: 700;}
	table.mobFormat tbody td {background: #EEE;}
	table.mobFormat tbody td:before {content: attr(data-title)": "; display: inline; text-align: left; font-weight: normal;}
	table.mobFormat tbody tr:last-child td:first-child, table.mobFormat tbody td:first-child {border-radius: 4px 4px 0 0;}
	table.mobFormat tbody tr:last-child td:last-child, table.mobFormat tbody td:last-child {border-radius: 0 0 4px 4px;}
	table.mobFormat thead, table.mobFormat td.noBefore:before {display: none !important;}
	table.mobFormat td.dateHeader {border-radius: 4px !important;}
	table.mobFormat .balls {margin: 0;}
	table.mobFormat td.colour {background: #7700DB; color: #FFF;}
	table.mobFormat tr.total td {background: #CCC;}
	table.mobFormat td.noMob {display: none;}
	
	#howToContent {max-height: 0; overflow: hidden; transition: .5s ease all;}
	#howToContent.open {max-height: 1000px;}
	#checkerMore {border-radius: 10px; overflow: hidden;}
	#checkerMore .h3 {background: #E4E4E4; color: #7700DB; border-radius: 0; cursor: pointer; padding: 10px 20px;}
	#checkerMore .h3:before {content: "+ "; position: relative; font-size: 18px;}
	#checkerMore .h3.open:before {content: "- ";}
	
	#winners {display: block !important;}
	.winnerPage {width: 100%;}
}

/* XX */
@media (max-width:499px) {
	.fx-xs {display: block !important;}
	header .logoBox img {width: 220px;}
	#navButton {right: 15px;}
	.nextBox .title {font-size: 14px; letter-spacing: -0.5px;}
	.nextBox .bigJackpotWhite {font-size: 50px; line-height: 40px;}
	#videoCont video {width: auto; height: 100%;}
	.introBox .helpBox{padding:20px 100px 20px 20px}
	.resultsHome{padding:15px 10px;}
	.resultsHome .title{font-size:18px}
	.blogBox > div{margin:10px 0}
	.ball{width:36px;height:36px;font-size:18px;line-height:32px;margin:0 -1px}
	.updateBox .button{font-size:14px}
	.resultsHome .titleBox{-ms-flex-align:center;align-items:center}
	.resultsHome .link{margin-bottom:15px;display:inline-block}
	.resultsBox.latest .row {display: block;}
	.resultsBox.latest .date {margin: 0 0 20px;}
	.resultsBox.latest .resultLinks {display: block;}
	.resultsBox.latest .resultLinks a {width: 100%; margin: 5px 0;}
	.resultsBox .inner{padding:20px;}
	.contactBox .email a {font-size:20px; line-height:24px;}
	.newsBox.news-smaller {width: auto;}
	#ticker {margin-bottom: 10px;}
	.iconsBox .iconBox strong {font-size: 1em;}
	.iconsBox .iconBox span br {display: none;}
	.statBox .box {display: block;}
}
