/* Minification failed. Returning unminified contents.
(7,35): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(23,26): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(26,46): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(29,25): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(50,60): run-time error CSS1038: Expected hex color, found '#0004'
(50,95): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(51,39): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(63,189): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(64,50): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(69,86): run-time error CSS1038: Expected hex color, found '#0004'
(76,62): run-time error CSS1039: Token not allowed after unary operator: '-green'
(78,46): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(79,46): run-time error CSS1039: Token not allowed after unary operator: '-green'
(80,54): run-time error CSS1039: Token not allowed after unary operator: '-green'
(81,106): run-time error CSS1038: Expected hex color, found '#0003'
(88,47): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(93,117): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(93,139): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(98,141): run-time error CSS1038: Expected hex color, found '#fff0'
(98,171): run-time error CSS1038: Expected hex color, found '#fff0'
(100,40): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(107,77): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(116,37): run-time error CSS1039: Token not allowed after unary operator: '-green'
(117,41): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(124,18): run-time error CSS1030: Expected identifier, found ':'
(124,19): run-time error CSS1031: Expected selector, found 'not('
(124,19): run-time error CSS1025: Expected comma or open brace, found 'not('
(150,117): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(152,103): run-time error CSS1038: Expected hex color, found '#0004'
(158,51): run-time error CSS1038: Expected hex color, found '#0004'
(165,122): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(181,35): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(210,32): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(222,118): run-time error CSS1038: Expected hex color, found '#f000'
(224,39): run-time error CSS1039: Token not allowed after unary operator: '-green'
(228,45): run-time error CSS1039: Token not allowed after unary operator: '-green'
(230,49): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(257,184): run-time error CSS1038: Expected hex color, found '#0004'
(261,117): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(264,160): run-time error CSS1039: Token not allowed after unary operator: '-green'
(267,63): run-time error CSS1039: Token not allowed after unary operator: '-green'
(277,126): run-time error CSS1038: Expected hex color, found '#0004'
(278,33): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(284,123): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(316,59): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(316,79): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(320,43): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(326,43): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(331,47): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(344,73): run-time error CSS1038: Expected hex color, found '#0008'
(346,220): run-time error CSS1038: Expected hex color, found '#0004'
(350,41): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(352,252): run-time error CSS1038: Expected hex color, found '#0004'
(363,90): run-time error CSS1038: Expected hex color, found '#0004'
(364,46): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(364,68): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(375,92): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(384,44): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(398,23): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(415,88): run-time error CSS1038: Expected hex color, found '#0003'
(416,44): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(416,138): run-time error CSS1038: Expected hex color, found '#0004'
(425,54): run-time error CSS1039: Token not allowed after unary operator: '-green'
(439,45): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(442,54): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(443,53): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(444,45): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(455,135): run-time error CSS1038: Expected hex color, found '#0004'
(460,24): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(478,43): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(507,121): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(517,58): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(526,231): run-time error CSS1038: Expected hex color, found '#0004'
(530,39): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(550,22): run-time error CSS1038: Expected hex color, found '#fff9'
(622,82): run-time error CSS1039: Token not allowed after unary operator: '-lightOrange'
(667,59): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(693,52): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(696,54): run-time error CSS1039: Token not allowed after unary operator: '-orange'
 */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,ul,li,form,br{margin:0;padding:0;border:0;vertical-align:top}
p, a, li, button, strong, u {font-size:18px}
html,body{width:100vw;overflow-x:hidden;position:relative}
html{background:#fff}
body{background:url(/images/swirl-backing.svg);background-size:100% auto;background-position:top;position:relative;color:#000;-webkit-text-size-adjust:none;transition:transform ease .4s;line-height:1}
sup{padding:0;margin:0;font-size:90%;line-height:normal}
a{text-decoration:none;color:var(--orange)}
a img{border:none}
input[type=text],input[type=password],textarea{background:#F3F3F3;border:1px solid #EEE;padding:6px 5px;font:normal 1em/16px;outline:none;border-radius:0;transition:.3s all ease-in-out;color:#555;-webkit-appearance:none}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
li{list-style:none}
sup{font-size:.65em;line-height:0}
h1,.h1{font-size:36px;margin-bottom:20px}
h1,h2{position:relative}
h1.center:after{margin:15px auto 0}
h2.centre:after{margin-left:auto;margin-right:auto}
h2,.h2{font-size:30px;line-height:28px;margin-bottom:20px}
h3,.h3{font-size:26px;line-height:30px;margin-bottom:10px}
h4,.h4{font-size:22px;line-height:22px;margin-bottom:10px}
p{line-height:1.25;margin-bottom:20px}
p.big{font-size:24px;line-height:1.2}
.titleAlt{background:#ffffff1a;display:inline-block;padding:5px 25px;border-radius:25px;color:#fff;font-weight:700;margin-bottom:15px}
.highlightRed{color:var(--orange)}
ul.list{margin-bottom:30px}
ul.list li{margin-bottom:10px;position:relative;padding-left:18px;position:relative}
ul.list li:before{content:"";background:var(--orange);display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;position:absolute;left:0;top:8px}
ul.list.big li{font-size:18px;margin-bottom:15px;padding-left:25px}
ul.list.big li:before{width:10px;height:10px;margin-right:12px;top:6px}
p.alert{background:var(--orange);color:#fff;padding:30px;text-align:center}
.rupee{font-family:BodyFont;font-weight:900;color:#fff}
.colHalf{width:50%}
.colHalf:first-child{margin-right:30px}
.fx{display:flex}
.fx-col{flex-direction:column}
.jc-cn{justify-content:center}
.jc-bt{justify-content:space-between}
.jc-end{justify-content:flex-end}
.al-cn{align-items:center}
.al-end{align-items:flex-end}
.fx-wrap{flex-wrap:wrap}
.fx-grow-1{flex-grow:1}
.wrapper{max-width:1170px;width:95vw;margin:0 auto}
.eqMargin{margin:10px}
.mBottom{margin-bottom:30px}
.mTop{margin-top:30px}
.noBottom{margin-bottom:0}
.center{text-align:center}
#content{position:relative;z-index:2}
#main{max-width:1170px;width:95vw;margin:180px auto 0;min-height:calc(100vh - 540px)}
.genBox{background:#fff;padding:60px;box-shadow:0 4px 12px #0004;border-bottom:3px solid var(--orange);margin-bottom:30px;position:relative}
.btn,.nextBox .button{background:var(--orange);border-width:0;padding:10px 20px;color:#fff;font-weight:700;text-transform:uppercase;display:inline-block;transition:all .2s;font-size:18px;text-align:center;cursor:pointer}
.introBox a,.btn{transform:translateY(-4px);transition:transform .1s}
.introBox a:hover,.btn:hover{transform:translateY(0px)}
.introBox a:after,.btn:after{content:"";position:absolute;top:100%;left:0;width:100%;height:4px;background:#000;transition:height .1s}
.introBox a:hover:after,.btn:hover:after{height:0}
header > .logo{display:none}
header{display:inline-block;width:100%;margin-bottom:30px;position:fixed;top:0;background:#fff;z-index:101}
header .topBar{background:linear-gradient(90deg,#e64424,#f7c83d,#e64424);width:100%;height:40px;transition:height .3s}
header.scrolled .topBar{height:0;overflow:hidden}
header .topBar .wrapper{display:flex;justify-content:flex-end}
header .topBar .wrapper > ul{display:flex}
header .topBar ul li{position:relative}
header .topBar ul > li > a{display:block;height:40px;padding:0 15px;font:18px/40px TitleFont,sans-serif;color:#fff;text-decoration:none;transition:all ease .2s;border-right:1px solid var(--lightOrange)}
header .topBar ul > li > a:hover{background:var(--lightOrange);transition:all ease .2s}
header .topBar a.highlight,li.sub a.highlight{background:#ffde20;color:#000}
header .topBar a.highlight:hover,li.sub a.highlight:hover{background:#f0cf11}
header .topBar .subNav a{color:#000;font-family:"BodyFont";font-size:14px}
header .headerBox .logo,header .headerBox .logo a,header .headerBox .logo img{display:block;width:200px;max-height:90px;height:100%}
header .headerBox{padding:10px 0;display:flex;align-items:center;box-shadow:0 0 12px #0004;height:110px;transition:height .3s}
header.scrolled .headerBox{height:90px}
header .wrapper{display:flex;align-items:center;justify-content:space-between;height:100%}
nav{display:flex}
nav > ul{display:flex}
nav > ul > li{display:flex;align-items:center;margin-left:20px;position:relative}
nav > ul > li:after{content:"";width:10px;height:10px;position:absolute;bottom:-10px;left:calc(50% - 5px);border-top:6px solid #ddd;border-left:6px solid #fff;border-right:6px solid #fff;transition:bottom 0.3s,border-color .3s}
nav > ul > li:hover:after{bottom:-20px;border-top-color:var(--green)}
nav > ul > li > a,nav > ul > li > span.noLink{font:18px BodyFont,sans-serif;color:#444;padding:8px 15px}
nav > ul > li.sub > a.active{background:var(--orange);color:#fff}
nav > ul > li:last-child > a{background:var(--green);color:#fff;border-radius:5px;padding:15px}
nav > ul > li:last-child:after{border-top-color:var(--green)}
.subNav{background:#FFF;position:absolute;top:100%;left:50%;transition:all .2s ease;z-index:3;box-shadow:#0003 0 10px 30px;transform:translateX(-50%);width:240px;border:1px solid #F1F1F1;border-radius:6px}
.subNav li{background:#FFF;display:block;border-bottom:1px solid #F1F1F1;background:#FFF;display:block;border-bottom:1px solid #F1F1F1}
.subNav li:first-child,.subNav li:first-child a{border-radius:5px 5px 0 0}
.subNav li:last-child,.subNav li:last-child a{border-radius:0 0 5px 5px}
.subNav li:first-child:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:0 20px 20px;border-color:transparent transparent #fff;top:-20px;left:50%;transform:translateX(-50%)}
.subNav li:last-child{border-bottom:none}
.subNav li a{color:#333;font-size:14px;padding:15px;display:block;text-decoration:none;transition:all ease .2s}
.subNav li a:hover{color:#FFF;background:var(--lightOrange);transition:all ease .2s}
.subNav.states{text-align:center;width:360px;padding:5px}
.subNav.states li{display:inline-block;border:none}
.subNav.states li a{width:50px;margin:2px;border-radius:0;display:inline-block}
body{background:unset}
body:before{content:"";position:absolute;top:0;left:0;width:100%;height:450px;background:linear-gradient(90deg,var(--orange),#f7c83d,var(--orange))}
#main:before,#main:after{content:"";position:absolute;top:0;left:0;width:calc((100vw - 900px) / 2);height:450px;background:url(/images/home-accent.svg);background-position:bottom left;background-repeat:no-repeat;background-size:100% auto;z-index:0;mix-blend-mode:overlay;min-width:40vw}
#main:after{background-image:url(/images/home-accent.svg);transform:scaleX(-1);left:unset;right:0}
#breadcrumb{display:flex;max-width:1200px;margin:-10px 0 20px;line-height:10px;font-size:14px;padding:0;align-items:center;filter:invert(53%) sepia(79%) saturate(1894%) hue-rotate(360deg) brightness(103%) contrast(104%)}
#breadcrumb li{display:inline-block}
#breadcrumb > li:not(:first-child):before{content:"";display:inline-block;margin:0 12px 1px;border-left:4px solid #000;border-top:4px solid #fff0;border-bottom:4px solid #fff0}
#breadcrumb li:first-of-type{background:none;padding:0}
#breadcrumb > li:last-child{color:var(--orange)}
#breadcrumb a{text-decoration:underline;color:#000;display:inline-block}
#breadcrumb a:hover{color:#d40d12}
#breadcrumb li:first-child a{background:url(/images/home.svg) no-repeat center 0;width:14px;height:14px;background-size:14px}
#breadcrumb li:first-child a span{display:none}
.homeIntro{padding:0;display:flex;flex-direction:column;justify-content:space-between}
.homeIntro .introBox{padding:60px 60px 30px;padding:60px 60px 30px;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.introBox a{display:block;padding:15px 20px;margin:0 0 10px;background:var(--orange);color:#fff;text-align:center;text-transform:uppercase;font-weight:800}
.homeIntro .introLinks{display:flex}
.homeIntro .introLinks .box{text-decoration:none;color:#000;padding:30px 40px;background:#f4f4f4;border-right:1px solid #e6e6e6;display:flex;flex-direction:column;transition:all ease .2s;flex-grow:1;justify-content:center}
.homeIntro .introLinks .box:hover{background:#e6e6e6;transition:all ease .2s}
.homeIntro .introLinks .title{font-size:24px;display:flex;align-items:center;margin-bottom:10px}
.homeIntro .introLinks .title img{margin-right:5px}
.homeJackpot{padding:0;border-top:none;display:flex;flex-direction:column}
.homeJackpot > div{flex-grow:1;position:relative;z-index:1;text-align:center}
.homeJackpot .title{font-size:32px}
.homeJackpot .title span{color:var(--green)}
.homeJackpot .title span.alt{color:var(--orange)}
.homeJackpot .jackpot{font-size:80px;line-height:1}
.homeJackpot .jackpot.es-jackpot{font-size:88px}
.lumpSum{font-size:1.2em;opacity:.8;font-family:TitleFont;padding-bottom:10px}
.homeJackpot .lumpSum{padding-bottom:20px}
.jackpot span{font-size:30px;font-family:BodyFont;font-weight:900;line-height:1.2;margin-right:5px}
.homeResults{padding:40px 60px;background:#fff}
.homeResults:has(:not(.jackpotBox)) {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.homeResults .ctaBox{display:flex}
.homeResults .ctaBox div:first-child{margin-right:10px}
.homeResults .date,.homeResults .balls{justify-content:center;text-align:center}
.homeResults .balls{margin-top:10px}
.timerBox ul{display:flex;margin-bottom:15px;font-family:"TitleFont"}
.timerBox ul li{display:flex;flex-direction:column;text-align:center;width:60px;position:relative}
.timerBox ul li .counterType{font-size:36px;line-height:36px}
.timerBox ul li:after{content:":";width:8px;height:100%;display:inline-block;font-size:30px;line-height:1;position:absolute;right:0;top:0}
.timerBox ul li:last-child:after{display:none}
.how-to-steps{padding:100px;text-align:center}
#mainHowTo{padding:0}
.how-to-steps .innerBox{display:flex;margin-bottom:30px;flex-direction:column}
.how-to-steps .row{display:flex}
.how-to-steps .row > div{width:calc(50% - 40px);margin:0 20px 40px}
.how-to-steps.alt .row{flex-direction:column}
.how-to-steps .top{margin-bottom:40px}
.how-to-steps .box{display:flex;flex-grow:1;width:50%;transition:all ease .3s}
.how-to-steps .box:nth-child(odd){padding-right:20px}
.how-to-steps .box:nth-child(even){padding-left:20px}
.how-to-steps .innerBox > .row:last-child .box{padding-top:20px}
.how-to-steps.alt .box{width:100%;border-right:none!important;border-top:none!important;border-bottom:1px solid #eaeaea}
.how-to-steps.alt .box.last{border-bottom:none}
.how-to-steps .box.box1{border-right:1px solid #eaeaea}
.how-to-steps .box.box2{border-bottom:1px solid #eaeaea}
.how-to-steps .box.box3{border-right:1px solid #eaeaea;border-top:1px solid #eaeaea}
.how-to-steps .number{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--orange);border-radius:50%;color:#fff;font-family:"TitleFont";font-size:21px;margin-right:10px;position:relative;text-align:center}
.how-to-steps .title{font-size:24px}
.how-to-steps img{width:250px;object-fit:cover;border-radius:50%;margin:0 0 20px;box-shadow:0 4px 8px #0004}
.how-to-steps .titleBox{display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.how-to-steps .contentBox{text-align:center}
#mainHowTo .how-to-steps{padding:30px 0}
#mainHowTo .how-to-steps .row > div{width:calc(50% - 40px);margin:0 20px 40px}
.recentResult.mainResult{margin:0 0 20px}
.mainResult{background:#fff;box-shadow:0 6px 12px #0004;position:relative}
.mainResult .balls{justify-content:center}
.mainResult .multiResult{display:flex;flex-wrap:wrap}
.mainResult .top{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}
.mainResult .date{font-size:24px;display:flex;align-items:center;font-family:"TitleFont"}
.mainResult .result{padding:30px 30px 5px;z-index:2;justify-content:center;display:flex;flex-direction:column;position:relative}
.mainResult .info{color:#fff;display:flex;flex-direction:column;justify-content:center}
.mainResult .info .box{display:flex;align-items:center;justify-content:flex-end;width:370px;height:140px;background:var(--orange);background-size:cover;padding:10px 60px;text-align:right}
.mainResult .info .inner{position:relative;padding-right:45px}
.mainResult .info .box:last-child{justify-content:flex-start;text-align:left}
.mainResult .info .box:last-child .inner{padding-right:0;padding-left:45px}
.mainResult .info .flagBox{font-size:21px;display:flex;align-items:center}
.mainResult .info .title{font-size:18px;font-weight:400;font-family:"BodyFont"}
.mainResult .info .text{font-weight:700;font-size:36px;line-height:36px;font-family:"TitleFont"}
.mainResult .rolloverBox{position:absolute;top:30px;right:30px;background:#000;color:#fff;border-radius:25px;padding:5px 12px;font-weight:700}
.subResult{display:flex;align-items:center;margin-bottom:15px}
.subResult .title{margin-right:5px}
.subResult .balls{margin-bottom:0}
.mainResult .drawNumber{color:#888;margin:10px 0 0}
.mainResultBox .balls{margin-bottom:0}
.previousResults .mainResult .drawNumber{position:relative;display:block}
.previousResults{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}
.previousResults .mainResult{width:calc(50% - 10px);margin-bottom:20px;flex-direction:column}
.mainResult .info{background:var(--orange);padding:15px;text-align:center;letter-spacing:2px;text-transform:uppercase;font-weight:900;font-size:20px}
.previousResults .mainResult .result,.mainResult.small .result{min-width:0;align-items:center}
.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}
.lotterySelect{display:flex}
.lotterySelect .box{border:1px solid #f4f4f4;flex-grow:1;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.lotterySelect img{width:150px;margin-bottom:10px}
.infoBoxes{display:flex;flex-wrap:wrap;max-width:33%;margin:0 auto}
.infoBoxes .box{padding:20px;background:#f4f4f4;margin:5px}
.infoBoxes .linkBox{display:flex;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid #cacaca;padding-bottom:10px}
.infoBoxes .linkBox h3{margin-bottom:0}
.infoBoxes .linkBox img{height:40px;transition:all ease .2s}
.infoBoxes .linkBox img:hover{transform:scale(1.1);transition:all ease .2s}
.noticeBox{display:flex;justify-content:center;align-items:center;margin-bottom:30px}
.noticeBox .ctaBox{margin-left:15px}
.error-404 .img-404{display:block;margin:auto}
.error-404 .logo{width:250px;margin:auto;display:block}
.error-404{text-align:center}
.yearList .title{margin-bottom:15px}
.yearList .btn{margin-bottom:15px}
.ballImg{width:200px;display:block}
table{width:100%;border-collapse:collapse;margin-bottom:30px;border-left:1px solid #ccc}
table thead th{background:var(--orange);color:#fff;font-weight:700;border-spacing:0;padding:10px;border:none}
table tr td{background:#fff;padding:15px;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
table tr.alt td{background:#f4f4f4}
table.leftAl{text-align:left}
.tableBreakdown img{display:block;width:200px}
.tableBreakdown{max-height:0;overflow:hidden;transition:all ease .3s;background-position:center}
.tableBreakdown.active{max-height:4000px;transition:all ease 1s}
.tableBreakdown .regionWinners{display:flex;width:100%;justify-content:flex-end;font-size:12px;align-items:center}
.tableBreakdown .regionWinners img{width:16px;margin-right:4px}
table caption{margin-bottom:10px}
.lotteryInfo{padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:start}
.jackpotBox{background-repeat:no-repeat;background-position:center;color:#fff;display:flex;flex-direction:column;align-items:center;font-family:"TitleFont",sans-serif;padding:60px;position:relative;z-index:1}
.jackpotBox:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#f000,#fc6b32de,#fc6b32)}
.jackpotBox > div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:end}
.jackpotBox .myButton{background:var(--green);color:#fff;padding:10px 15px;display:block;text-transform:uppercase;font-size:20px;margin:5px 0 0}
.playBox{display:flex;padding:0;border-top:none}
.playBox .jackpotBox{width:100%;max-width:550px}
.playBox .jackpotBox .title{font-size:26px;line-height:26px;text-align:right}
.playBox .jackpotBox .title span{color:var(--green)}
.playBox .jackpotBox .jackpot{font-size:80px;line-height:80px;font-family:"TitleFont"}
.playBox .jackpotBox .title span.alt{color:var(--orange)}
.jackpotBox{background-size:100% auto;transition:background-size .3s}
.jackpotBox:hover{background-size:120% auto}
.jackpotBox > div > *{transform:translateX(0px);animation:inset 4s forwards infinite}
.jackpotBox > div > :nth-child(1){animation-delay:.3s}
.jackpotBox > div > :nth-child(2){animation-delay:.6s}
.jackpotBox > div > :nth-child(3){animation-delay:.9s}
.jackpotBox > div > :nth-child(4){animation-delay:1.2s}
.jackpotBox > div > :nth-child(5){animation-delay:1.5s}
@keyframes inset {
0%,20%,100%{transform:translateX(0px)}
10%{transform:translateX(-30px)}
}
table.winningTable{border:none;width:70%;margin:10px auto 0}
table.winningTable tr.winning:first-child td:first-child{border-radius:8px 0 0 0}
table.winningTable tr.winning:first-child td:last-child{border-radius:0 8px 0 0}
table.winningTable tr.winning:last-child td:first-child{border-radius:0 0 0 8px}
table.winningTable tr.winning:last-child td:last-child{border-radius:0 0 8px 0}
table.winningTable tr.winning td{padding:10px 16px;border:none!important;color:#fff}
table.winningTable tr.winning td:first-child{text-align:left;font-weight:700}
table.winningTable tr.winning td:last-child{font-family:"TitleFont";text-align:right;font-size:20px;color:#fd0}
table.winningTable tr td{background:#2759b6!important;white-space:nowrap!important}
table.winningTable tr:nth-child(even) td{background:#053691!important}
.resetChecker{background:unset;border-width:0;padding:0}
#checkerContainer{position:relative}
.numbersSelected{margin-left:5px}
#barInfo, #barInfoBonus{display:flex;justify-content:center;text-transform:uppercase;letter-spacing:1px;opacity:.3;margin:0 0 15px}
.checkerDateSelect{background:#f5f5f5;display:flex;justify-content:center;align-items:center;margin:0 10px 20px;padding:10px;width:fit-content;border-radius:10px;box-shadow:0 3px 6px #0004}
.checkerDateSelect select{margin-left:10px;outline:unset;border-width:0;background:unset;width:120px}
.lineCheckBox .balls{justify-content:center;align-items:center}
.checker-balls{justify-content:center}
ul.checker-balls > li:after{content:"";position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--orange);border-radius:50%;filter:drop-shadow(-2px 2px 0 black);transform:translate(10px,-10px) scale(0);transition:transform .2s}
ul.checker-balls > li.ballselected:after, ul.checker-balls > li.altBallselected:after{transform:translate(0px,0px) scale(1)}
ul.checker-balls > li{margin:0 5px 10px;opacity:.5;transition:opacity .3s;cursor:pointer;position:relative}
.ball.altBall,.ball.altBalldisabled,.ball.altBallselected, .lineCheckBox .balls > #blankCashBall, .ball.mega-ball,.ball.bonus-ball,.ball.joker{background:var(--green);position:relative;}
ul.checker-balls > li.ballselected, ul.checker-balls > li.altBallselected{opacity:1}
.ball.altBall:before, .ball.altBalldisabled:before, .ball.altBallselected:before, .lineCheckBox .balls > #blankCashBall:before,.ball.mega-ball,.ball.bonus-ball:before,.ball.joker:before {content: "";position: absolute;top: 2px;left: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border: 2px solid #fff;border-radius: 50%;}
ul.checker-balls > li.altBallselected:after {background: var(--green);}
#checkResults{display:block;margin:30px auto 0;border-width:0}
.checkerResults{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #ddd}
.checkerResults.won{background:linear-gradient(90deg,#e64424,#f7c83d);color:#fff}
.checkerResults.won .ball{border:2px solid #fff}
.won .winnings{font-weight:900}
.checkerResults .date{width:120px}
.checkerResults .balls{width:390px;margin:0}
.checkerResults .prize{width:120px;text-align:right}
.switch{display:flex;margin:0 0 20px;justify-content:center;align-items:center}
#onoffswitch{width:36px;height:20px;background:#fff;margin-left:10px;border-radius:10px;position:relative;box-shadow:0 0 6px #0004;transition:background .3s;cursor:pointer}
#onoffswitch.on{background:var(--orange)}
#onoffswitch:after{content:"";position:absolute;top:2px;width:16px;height:16px;right:2px;background:#aaa;border-radius:50%;transform:translateX(0%);transition:transform 0.3s,background .3s}
#onoffswitch.on:after{transform:translateX(-100%);background:#fff}
.checkedNumbersGrey{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 20px}
.faqBox .title{font-size:26px}
.question{padding:20px 20px 20px 50px;margin:0;position:relative;cursor:pointer;transition:all ease .2s}
.question:before{content:"+";position:absolute;top:50%;left:0;transform:translate(0,-50%);font-size:1.1em;background:var(--orange);color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;transition:all ease .2s;font-family:"BodyFont"}
.question:hover{background:#f4f4f4;transition:all ease .2s;padding-left:75px}
.question:hover:before{left:25px;transition:all ease .2s}
.faq{border-bottom:1px solid #dadada}
.faq.last{margin-bottom:30px}
.faq:last-child{border:none}
.faqs > h2{margin-top:30px}
.faqs > h2:first-of-type{margin-top:0}
.answer{margin-bottom:30px}
.answer p,.answer ul{margin:0 0 25px 30px}
.answer p:last-child{margin-bottom:0}
.question.is-active{transition:all ease .2s;margin-bottom:20px}
.question.is-active:before{content:"-";line-height:28px}
.js-collapsible{max-height:0;overflow:hidden;transition:all ease .2s}
.js-collapse.is-active ~ .js-collapsible{max-height:500px}
.faq.solo{border:1px solid #dadada!important}
.faq.solo .question:hover:before{left:25px}
.faq.solo .question:before{left:25px}
.faq.solo .question{padding-left:65px}
.faq.solo .answer{padding:0 30px 30px}
#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}
#JackPotForm input[type=submit]{-webkit-appearance:none}
#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%}
.input-joker,.input-number{background:#fff;border:none;-webkit-appearance:none;width:46px;height:46px;text-align:center;font-size:24px;color:#333;border-radius:4px;padding:0;margin:2px}
.input-number.bonus-ball:after{content:"Bonus"}
.input-number.seperator{margin-left:10px}
.input-number.seperator:last-child{margin-left:0}
.input-number.bonus{margin:0 0 0 20px}
.input-joker{background:transparent;border:2px solid var(--orange);color:var(--orange)}
.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{background:var(--orange);display:flex;border-radius:25px}
.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:200px}
.generatorBox.nextBox.alt img{width:auto}
.generatorBox.nextBox.alt{background:var(--orange)}
.grid{margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch}
.grid > div{width:calc(50% - 10px);margin:0 0 20px;border:1px solid #ddd;display:flex;flex-direction:column;padding:30px}
.grid.twoCol > div{width:calc(50% - 10px)}
.grid h2,.grid .h3{margin:0 0 0 20px}
.grid > div > a{display:block;background:var(--orange);color:#fff;padding:10px;width:120px;text-align:center;border-radius:6px}
.grid > div{position:relative;z-index:2;overflow:hidden;width:calc(33.33% - 15px)}
.genBox > .grid:last-child{margin-bottom:0}
#whyPlay .grid > div{display:flex;justify-content:center;align-items:center;flex-direction:row}
#whyPlay img{width:90px;height:90px}
#whyPlay .grid > div > div > :last-child{margin-bottom:0}
#whyPlay .grid > div > div{padding:30px 15px}
#whyPlay .grid > div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:auto 100%;background-position:bottom left;background-repeat:no-repeat;z-index:-1;opacity:.3}
#whyPlay .grid > div:nth-child(1):before{background-image:url(/images/safe-and-sound.png)}
#whyPlay .grid > div:nth-child(2):before{background-image:url(/images/peace-of-mind.png)}
#whyPlay .grid > div:nth-child(3):before{background-image:url(/images/on-the-go.png)}
#whyPlay .grid > div:nth-child(4):before{background-image:url(/images/quick-and-easy.png)}
.otherLotteries{display:flex;flex-wrap:wrap;justify-content:start;align-items:stretch;margin:0 0 30px}
.otherLotteries .jackpotBox *{color:#fff;filter:drop-shadow(0px 0px 6px #0008);font-family:"BodyFont";font-weight:900}
.otherLotteries .jackpotBox:before{display:none}
.otherLotteries > div{width:calc(33.33% - 10px);padding:60px 20px;position:relative;margin-right:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 12px #0004;background:#fff;overflow:hidden}
.otherLotteries > div > p{margin:0 0 10px;color:#fff}
.otherLotteries p.title{font-size:24px;text-transform:uppercase}
.otherLotteries .jackpot{font-size:30px;font-weight:900;text-transform:uppercase}
.otherLotteries .button{background:var(--orange);padding:15px 30px;color:#fff;text-transform:uppercase;font-size:18px;border-radius:4px;margin:10px 0 -10px;border-width:0}
.otherLotteries .jackpotBox .rupee{font-size:18px}
.otherLotteries > div:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/other-lottery-backing.svg) center no-repeat;background-size:100% auto;mix-blend-mode:overlay;z-index:-1;filter:drop-shadow(0px 4px 6px #0004);transform:scale(1.1) translateY(5%);transition:transform .3s}
.otherLotteries > div:hover:after{transform:scale(1.1) translateY(-5%)}
.otherLotteries > div.powerball{background:#ce1b14}
.otherLotteries > div.mega-millions{background:#023696}
.otherLotteries > div.euromillions{background:#e8b009}
.otherLotteries > div.lotto-649{background:#38b6ff}
.otherLotteries > div.california-superlotto{background:#66b3ff}
.otherLotteries > div.superenalotto{background:#02c802}
.otherLotteries > div.france-loto{background:#6644ff}
.otherLotteries > div.eurojackpot{background:#ffd91a}
.otherLotteries > div.cash4life{background:#299103}
#infoGrid img{width:150px;height:150px;margin-bottom:20px;filter:drop-shadow(0px 2px 4px #0004)}
footer{background:linear-gradient(90deg,var(--orange),#eab312,var(--orange));clear:both;color:#fff;margin-top:60px}
footer .inner{width:1200px;margin:auto;text-align:center;padding:30px 30px 60px}
footer .copyright{margin-top:15px}
footer ul{display:flex;justify-content:center;margin-bottom:15px}
footer ul li{margin:0 10px;list-style:none}
footer ul li a{color:#fff}
footer .center-off-white{line-height:18px;font-size:12px}
footer .lower{font-size:12px;max-width:800px;margin:30px auto 0;line-height:1.2;color:#fff}
footer .lower a{color:#fff;font-weight:700}
.balls{position:relative;display:flex;margin-bottom:15px;flex-wrap:wrap;font-size:20px}
.ball,.balldisabled,.ballselected{display:flex;align-items:center;justify-content:center;line-height:1}
.ball,.balldisabled,.ballselected{width:50px;height:50px;text-align:center;background:var(--orange);font-weight:700;border-radius:50%;color:#fff;margin-right:5px}
.ball:after{font-weight:400}
.ball.mega-ball:after{content:"Mega Ball";display:block;font-size:11px;padding-top:6px}
.ball:last-child, .ballselected:last-child, .balldisabled:last-child{margin-right:0}
.ball.medium{width:40px;height:40px;font-size:18px}
.ball.medium.mega-ball:after{content:"M.Ball"}
.ball.extra{background:none;border:1px solid #000;color:#000;font-size:18px;width:25px;height:25px;}
.balldisabled,.bonus-balldisabled,.ball.disabled{opacity:.3}
.checkerResults.won .balldisabled {border: 2px solid #fff;}
.ball.megaplier{background:none;color:var(--orange);padding-top:6px;margin-top:4px}
.ball.megaplier:after{content:"x"}
.ball.megaplier:before{content:"Megaplier";font-size:10px;display:block;font-weight:400}
.ballName{position:absolute;font-size:14px;font-family:roboto;width:130px;text-align:center;bottom:-20px;color:#888;transform:translate(264px)}
.nextBox.euromillions{background-color:#3b58e9}
.nextBox img{width:180px}
.nextBox .title{font-size:24px}
.nextBox .bigJackpotWhite{font:64px/66px TitleFont,sans-serif;color:#ffde20;letter-spacing:-2px;margin-bottom:8px}
.nextBox .countdown div:last-child{display:flex;margin-bottom:10px;justify-content:center}
.nextBox .button{background:#ffbe00;padding:5px 10px;border-radius:5px;font-family:"TitleFont",sans-serif;color:#000!important}
.nextBox .button:hover{background:#ffd072;text-decoration:none!important}
.nextBox .timerBox .title{text-align:center}
.nextBox .col:last-child{display:flex;flex-direction:column}
.nextBox .col:last-child .button{text-align:center}
.read-more{color:var(--orange);text-decoration:underline}
.show-hide-text{display:inline}
.show-hide-text.active{display:none}
.dropdown{display:inline-block;background:#F0F0F0;border:1px solid #DDD;padding:4px 10px;border-radius:30px;position:relative;cursor:pointer;white-space:nowrap;min-width:140px;user-select:none;text-align:left;z-index:9}
.dropdown > span{display:block;font-weight:700;z-index:6;width:100%;padding-right:30px;line-height:22px}
.dropdown > span > *,.dropdown img{vertical-align:middle}
.dropdown > span > img{left:-4px;margin-right:0}
.dropdown img{margin-right:5px;display:inline-block}
.dropdown > span > sup{top:-5px}
.dropdown > span:after{content:"";background-image:url(/images/chevron-black.svg);position:absolute;right:15px;top:8px;height:12px;width:12px;background-size:12px 12px}
.dropdown ul{background:#F0F0F0;border:1px solid #DDD;border-top:0;border-bottom:0;position:absolute;top:18px;left:-1px;width:calc(100% + 2px);z-index:3;list-style-type:none;margin:0;padding:0;max-height:500px;opacity: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:8px 10px;font-size:.9em}
.dropdown ul li > :hover{background:#0042B0;color:#FFF}
.dropdown.active{z-index:9}
.dropdown.active ul{max-height:500px;opacity:1;border-bottom:1px solid #DDD;box-shadow:#0003 0 10px 10px;overflow:auto;padding:5px 0;z-index:-1}
#checker{position:relative;background:var(--orange);overflow:hidden;margin:0 0 30px;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0004}
#checker-header{background:#fff;margin:-30px -30px 20px;padding:20px 30px;display:flex;justify-content:space-between;align-items:center}
#checker-lines > .line:not(:last-child){margin-bottom:10px}
.numbers,.numbers ul{display:flex;justify-content:center;align-items:center}
.number-grid ul{margin:30px auto 0}
.numbers ul li,.number-grid ul > li{overflow:hidden;border-radius:50%;background:#fff;margin:0 4px}
.numbers ul li,.numbers ul li input,.number-grid ul > li{width:60px;height:60px;border-width:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;outline:unset!important}
.clean{width:20px;height:20px;line-height:20px;background:#fff;text-align:center;border-radius:50%;margin-left:20px;margin-right:-40px;opacity:.5;cursor:pointer;transition:opacity .3s}
.clean:hover,.number-grid ul > li.is-active,.number-grid ul > li:hover{opacity:1}
.number-grid ul > li.is-active{border:2px solid var(--green)}
#checker-add{background:unset;border:0 solid #fff;outline:unset!important;color:#fff;margin-left:auto;display:block;border-radius:10px;text-transform:uppercase;letter-spacing:2px;font-size:10px}
.number-grid ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.number-grid ul > li{margin-bottom:8px;cursor:pointer;opacity:.6;transition:opacity .3s}
#checker-footer > div{display:flex;justify-content:center;align-items:center}
#checker-footer{margin-top:20px;padding-top:20px;border-top:2px solid #fff}
#checker-footer label{display:flex;margin:0 5px 15px;background:#fff;padding:10px;border-radius:10px;cursor:pointer}
#checker-footer label select{margin-left:2px;border-width:0;width:100px;text-align:start;outline:unset!important}
#checker-submit{margin-right:10px;border:2px solid #fff;padding:10px 20px;background:#fff;border-radius:10px}
#checker-reset{margin-right:10px;border:2px solid #fff;padding:10px 20px;color:#fff;border-radius:10px}
.numMatched{display:block;margin:0 0 10px;text-align:center}
.no-display{display:none}
@media (min-width: 1024px) {
nav > ul > li.sub > a,header .topBar ul > li.sub > a{position:relative;display:block;margin:auto 0;transition:all ease .2s}
nav > ul > li.sub:hover > a{background:var(--lightOrange);color:#fff;transition:all ease .2s}
nav > ul > li.sub > a:after,header .topBar ul > li.sub > a:after{content:"";width:0;height:0;border-style:solid;border-width:8px 8px 0;border-color:#000 transparent transparent;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);transition:all ease .2s}
header .topBar ul > li.sub > a:after{border-width:4px 4px 0;border-color:#fff transparent transparent;bottom:5px}
nav > ul > li.sub > a.active:after{border-color:var(--orange) transparent transparent}
nav > ul > li.sub:hover > a:after{border-color:var(--lightOrange) transparent transparent;transition:all ease .2s}
nav > ul > li.sub:hover > a{background:var(--lightOrange);color:#fff;transition:all ease .2s}
.toggle .navTitle{display:none}
.introBox .balls{margin-bottom:0}
.subNav{opacity:0;visibility:hidden}
.sub:hover .subNav{opacity:1;visibility:visible;transition:all .2s ease;top:120%}
.sub .expand{display:none}
.lotteryNav ul li span.active:after{content:"";width:0;height:0;border-style:solid;border-width:20px 20px 0;border-color:#4eb93b transparent transparent;position:absolute;bottom:-20px;transition:all ease .2s}
}
@media (max-width: 1024px) {
p.big{font-size:20px}
html,body{overflow-x:hidden}
header{height:auto;display:flex;align-items:center;justify-content:space-between;padding:0 2.5vw;margin-bottom:0;box-shadow:0 4px 8px #0004}
header .inner{width:100%;position:static;height:80px}
header .logoWrap{height:80px;margin-left:15px}
header > .logo{display:block}
#main:before,#main:after,.headerBox .logo{display:none!important}
footer{background:var(--orange)}
h1,h2,h3,h4,.title,.h1,.h2,.h3,.h4{font-weight:700}
h1,.h1{font-size:26px;line-height:26px;margin-bottom:20px}
h2,.h2{font-size:24px;line-height:24px;margin-bottom:20px}
h3,.h3{font-size:20px;line-height:20px;margin-bottom:20px}
h4,.h4{font-size:18px;line-height:18px;margin-bottom:20px}
#breadcrumb{padding:0;margin:0}
table.mobFormat thead{display:none}
table.mobFormat{background:#fff;width:100%;border:none}
table.mobFormat tbody tr{display:block;border:1px solid #DDD;padding:0;margin:15px 0 20px}
table.prizebreakdown.mobFormat tbody tr{margin-bottom:15px}
table.mobFormat tbody td{display:block;padding:8px;text-align:left!important;font-weight:700;border:none;background:#FFF;line-height:16px}
table.mobFormat td:first-child{font-weight:700;background:#f4f4f4;color:#000;padding:10px}
table.mobFormat tbody td{background:#EEE}
table.mobFormat tbody td:before{content:attr(data-title)": ";display:inline;text-align:left;font-weight:400}
table.mobFormat td.noBefore:before{display:none}
table.mobFormat td.noBefore a{color:#fff}
table.mobFormat td.blockBefore:before{display:block}
table.mobFormat td.colour{background:var(--orange)!important;color:#fff;text-shadow:none;margin:0}
table.mobFormat td.colour a{color:#fff}
table.mobFormat tr.totals td:first-child{color:#fff!important}
table.mobFormat td.noBefore:before{display:none!important}
table.mobFormat .mobBlockTitle:before,table.mobFormat .mobBlock{display:block}
table.mobFormat.noTrMargin tr{margin:0;border:0}
table.mobFormat.alt td:last-child{padding-bottom:10px}
table.mobFormat.alt .title{padding:10px 5px}
table.mobFormat .noColour{background:#eee!important;color:#000!important}
table.mobFormat.mobResult td{text-align:center!important;background:#fff}
table.mobFormat.mobResult .balls{justify-content:center}
table.mobFormat.mobResult tbody td:first-child{background:none;color:#000!important}
table.mobFormat.mobResult tbody td:first-child a{color:#000!important}
table.mobFormat.mobResult tbody td:first-child span{font-size:18px;text-transform:uppercase;line-height:26px}
table.mobFormat .ballBox{display:inline-block;background:none}
table.mobFormat tr.noBox{border:none}
table.mobFormat tr.noBox td{background:none;padding:0;border:none}
table.mobFormat td.yearBreakdown{padding:0}
table.mobFormat .yearBreakdown table{border:none;background:none}
table.mobFormat .yearBreakdown table tbody tr{border:none;margin:0}
table.mobFormat .yearBreakdown table tbody td{color:#000}
table.mobFormat .yearBreakdown table tbody td.noBefore{color:#fff}
table.mobFormat tbody tr.yearBreakdownRow{margin:-15px 0 0}
.navButton{margin-bottom:5px}
.headerBox .logo{display:none}
nav{display:block;width:100%}
nav > ul{flex-direction:column;margin:0;position:unset}
nav > ul > li:last-child{position:absolute;bottom:6px}
nav > ul > li{width:100%;display:block;margin:0;position:relative}
nav > ul > li > a,.linkStyle{height:auto;justify-content:flex-start;align-items:flex-start;border-right:none;color:var(--orange);padding:15px;display:inline-block;width:100%;flex-grow:1}
nav > ul > li.sub > span.noLink{color:#FFF!important;display:block;padding:15px}
nav > ul > li.sub{text-align:left}
nav > ul > li.sub > .subNav.states{width:auto;background:none}
nav > ul > li.sub > .subNav.states li{background:none}
nav > ul > li.sub > .subNav.states li a{background:none;color:#FFF}
.sub > .expand{width:56px;height:100%;display:inline-block;position:absolute;top:0;right:0;z-index:99}
.sub > .expand:after{content:"+";position:absolute;top:0;right:0;width:60px;height:60px;color:#333;line-height:54px;text-align:center;font-size:22px;font-weight:700;background:#FFF}
.sub.active > .expand:after{content:"-"}
nav > ul > li > a{padding:10px 15px}
nav > ul > li:last-child > a{background:unset;color:var(--orange)}
.navButton{width:40px;height:40px;overflow:hidden;transition:all ease .5s;z-index:100}
.navButton span{display:inline-block;width:30px;height:4px;background:#000;margin:10px 0 0 10px;transition:all ease .5s}
.navButton span:before,.navButton span:after{content:"";display:block;width:30px;height:4px;background:#000;transition:all ease .5s}
.navButton span:before{margin-top:10px}
.navButton span:after{margin-top:6px}
.navButton.active span{transform:translateY(-50px)}
.navButton.active span:before{transform:translateY(50px) rotate(45deg)}
.navButton.active span:after{transform:translate(0,40px) rotate(-45deg)}
.toggle{position:absolute;top:90px;left:0;display:flex;transition:transform .3s;background:#fff;width:100%;z-index:105;transform:scaleY(0);transform-origin:top;justify-content:flex-start;flex-direction:column;box-shadow:0 6px 6px #0004}
header .toggle.active{visibility:visible;opacity:1;transition:all ease .5s;transform:scaleY(1);width:100%;padding-bottom:40px}
header .toggle > *{opacity:0;transition:opacity .3s;transition-delay:.4s;height:auto}
header .toggle.active > *{opacity:1}
header .topBar ul > li > a{color:var(--orange);font-family:"bodyFont"}
nav > ul > li:after,.sub > .expand{display:none}
.toggle nav{padding:0 10px}
header .topBar ul > li > a:hover{background:unset}
header .wrapper{flex-direction:column;align-items:flex-start;width:auto}
header .topBar{background:none;order:2;margin:0 10px 10px;width:auto}
header .topBar ul{flex-direction:column;width:100%}
header .topBar ul a{border-right:none!important}
header .topBar ul .sub a{border-bottom:none}
header .headerBox{height:auto;display:block;margin:0;padding:0;box-shadow:unset}
#languages{position:absolute;top:15px;right:64px}
#languages a{color:#fff;border-color:#fff;padding:5px 10px}
#languages a.da{border-right:none}
#breadcrumb{width:100%;flex-wrap:wrap}
#breadcrumb li{margin-bottom:15px}
.subNav{background:#01345b;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}
.sub.active .subNav{max-height:2000px;transition:max-height .2s ease-in-out}
.subNav:before{display:none}
.subNav .row{flex-direction:column}
.subNav .box{margin:0 0 15px;border-radius:0}
.subNav .title{color:#fff9;font-size:16px}
.subNav li{border-radius:0;border-bottom-color:#d6d6d6}
.subNav li:last-child,.subNav li:last-child a,.subNav li:first-child,.subNav li:first-child a{border-radius:0}
.subNav a{color:#fff;display:block;background:#f4f4f4}
#main{width:95vw;margin:105px auto 0}
.mobCol,.noticeBox,.mainResultBox .bottom,.checkedNumbers,.how-to-play-box .inner,.how-to-steps .row{flex-direction:column}
.how-to-play-box .inner{margin-bottom:0}
.how-to-steps .contentBox{text-align:center;display:flex;flex-direction:column;align-items:center}
.mobCol .colHalf{width:100%}
.mobCol .colHalf:first-child{margin-right:0}
.homeIntro .introBox{padding:0 10px 10px}
.homeIntro .introLinks .box{border-right:none;border-bottom:1px solid #e6e6e6;padding:20px}
.homeIntro .introLinks .box p{margin-bottom:0}
.introBox a{display:inline-block}
.introBox > div > p:first-of-type{font-size:18px!important}
.homeResults{padding:20px}
.homeJackpot .jackpotBox{padding:20px 20px 40px}
.homeJackpot .jackpot{font-size:70px}
.homeJackpot .title{text-align:right}
.how-to-steps{padding:40px 20px}
.how-to-steps .box{width:100%;flex-direction:column;padding:30px 20px;border-right:none!important;border-bottom:1px solid #eaeaea}
.genBox{padding:20px 15px}
.mainResultBox .bottom a{justify-content:flex-start;border-right:0;border-bottom:1px solid #dbdbdb}
.previousResults .mainResultBox{margin:0 0 15px}
.mainResult .result{padding:30px;min-width:500px}
.mainResult .top{justify-content:center;align-items:center;margin-bottom:15px}
.noticeBox .ctaBox{margin:15px 0 0}
.checkedNumbers .title{margin:0}
.checkedNumbers .balls{margin-top:10px}
.checkedNumbers .btn{margin:0 0 0 10px}
.checkedNumbers .col{flex-direction:row}
.generatorBox.nextBox.alt{flex-direction:column;width:calc(100% + 40px);margin-left:-20px;border-radius:0;padding:20px}
.generatorBox.nextBox img{display:none}
.generatorBox .input-number,.generatorBox .input-joker{width:30px;height:30px;font-size:14px}
.generatorBox .reset{font-size:16px}
.generatorBox{width:calc(100% + 80px);margin-left:-40px}
.generatorBox .inner{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}
#JackPotForm .btn{font-size:15px}
.how-to-play-box .step{margin:0 0 20px}
.playBox{flex-direction:column}
.playBox .lotteryInfo{padding:0}
.playBox .statBoxWrap{display:block;text-align:center}
.playBox .statBoxWrap .box{display:inline-block;margin-bottom:15px}
.playBox .statBoxWrap .imgBox{margin-right:0}
.playBox .statBoxWrap .imgBox img{position:relative;left:5px}
.playBox .statBoxWrap .title{font-size:24px}
.playBox .jackpotBox{padding:15px;width:100%;min-width:auto;background-position:bottom}
.playBox .jackpotBox .jackpot{font-size:76px}
.playBox.smaller{width:100%;margin:5px 0}
.playBox.smaller .jackpotBox{width:100%;margin:0;min-width:auto;min-height:auto}
.nextBox{flex-direction:column;text-align:center;text-shadow:none;background-size:cover}
.ball.power-play{padding-top:10px}
footer .inner{width:100%}
.lotterySelect{flex-direction:column}
.pieImg img{width:500px;margin:0 auto 30px}
.tableBreakdown .regionWinners{justify-content:flex-start}
.tableBreakdown img{margin-bottom:10px}
.question:before{left:10px}
.question:hover{padding-left:50px}
.question:hover:before{left:10px}
.winnersBox.genBox{display:block}
.winnersBox.genBox .box{padding:10px 0 20px}
.winnersBox.genBox .box .stat{font-size:40px}
.mainResult .ctaBox a:first-child{margin:0 15px 0 0}
.mainResult{flex-direction:column}
.mainResult .result{min-width:auto}
.mainResult .drawNumber{position:static}
.mainResult .balls{justify-content:center}
.mainResult .subResult{justify-content:center}
.mainResult .ctaBox{justify-content:center;display:flex}
.mainResult .info .box{width:auto;height:auto}
.previousResults .mainResultBox{width:100%}
.previousResults .mainResult .info .box:first-child{border-bottom:1px solid var(--lightOrange);border-right:none}
.nextBox{background-position:bottom;padding:20px;margin:20px 2%;width:96%}
.nextBox img{margin-bottom:20px}
.nextBox .col:last-child{align-items:center}
#checkResults{letter-spacing:0;font-size:18px}
.how-to-steps .row > div{width:100%;margin:0 0 10px;display:flex;justify-content:center;align-items:center}
.how-to-steps .row > div > img{width:100px;height:100px;margin-right:30px}
.how-to-steps .contentBox{text-align:left;align-items:start}
.how-to-steps .innerBox{max-width:550px;margin:0 auto}
.grid img{position:relative;width:75px;height:75px;margin:10px;opacity:1}
#whyPlay .grid.twoCol > div{flex-direction:row;align-items:center;padding:10px;margin-bottom:5px;padding:0}
#whyPlay .grid.twoCol > div p{margin-bottom:0}
#whyPlay img{width:70px;height:70px}
#whyPlay .grid > div > div{padding:20px 10px}
}
@media (max-width: 850px) {
.grid > div{width:100%}
.previousResults .mainResult,.otherLotteries > div{width:100%}
.otherLotteries > div{margin:0 0 10px}
table{border:2px solid #f5f5f5}
table thead{display:none}
tr{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px}
tbody > tr:nth-child(odd),tbody > tr:nth-child(odd) td{background:#f5f5f5}
tbody > tr > td{width:100%;text-align:center;border-width:0;padding:5px}
tr > td:before{font-weight:900}
#bumperDrawTable tr > td:nth-child(1):before{content:"Draw Name: "}
#bumperDrawTable tr > td:nth-child(2):before{content:"Date of Draw: "}
#bumperDrawTable tr > td:nth-child(3):before{content:"Jackpot Amount: "}
#bumperDrawTable tr > td:nth-child(4):before{content:"Draw Result: "}
#lottoIndiaPrizes tr > td:nth-child(1):before{content:"Prize Level: "}
#lottoIndiaPrizes tr > td:nth-child(2):before{content:"Prize: "}
#lottoIndiaPrizes tr > td:nth-child(3):before{content:"Odds: "}
.checkerResultsTable div.checkerResults > *{width:100%;text-align:center;margin:5px 0;justify-content:center}
.checkerResults{flex-direction:column}
.grid.twoCol > div{width:100%}
.checkerResults .balls {max-width:220px;}
}
@media (max-width: 767px) {
footer .inner{padding:20px}
footer p.copyright{margin:5px 0;line-height:24px}
footer ul{display:block;margin:0}
footer ul li,footer ul li a{display:block;padding:5px 0;margin:0}
.infoBoxes{max-width:50%}
.winningTable .winning{display:flex!important;margin-bottom:0!important}
.winningTable .winning td{flex-basis:50%;padding:8px 10px!important}
.winningTable .winning:nth-child(even) td{background:var(--orange)!important}
.winningTable .winning:nth-child(odd) td{background:#2759b6!important}
}
@media (max-width: 640px) {
.ball,.balldisabled,.ballselected {margin-bottom:4px}
ul.checker-balls > li{margin:0 2px 4px;width:40px;height:40px;font-size:16px}
.homeResults{padding:20px 0}
.checkerDateSelect{flex-direction:column;text-align:center}
.checkerDateSelect select{margin-left:0;width:100%;margin-top:5px}
.introBox a{width:100%}
footer{margin-top:30px}
footer .inner img{height:80px;margin-bottom:10px}
.nextBox .button{width:100px}
.pieImg img{width:100%;margin:0 auto 20px}
.homeIntro .introLinks{display:block;width:calc(100% + 40px);margin-left:-20px;margin-bottom:-30px}
.btn.prev-btn,.btn.next-btn{font-size:14px}
.mainResult .ctaBox{justify-content:center;display:flex;flex-direction:column;text-align:center}
.mainResult .ctaBox a:first-child{margin:0 0 15px}
.appBox{margin-top:0}
.jackpot-text{margin-bottom:15px;display:block}
.homeJackpot .jackpot,.jackpots .jackpot{font-size:45px}
.homeJackpot .title{font-size:24px;margin-bottom:5px}
.homeJackpot .jackpotBox{padding:30px 20px}
.timeline .box{flex-direction:column}
.timeline .box .dateBox,.timeline .box .inner{width:100%;justify-content:flex-start}
.timeline .box .dateBox img{width:80px}
.timeline .box .dateBox{border-left:5px solid var(--orange);padding:20px 0 20px 50px}
.timeline .box .dateBox .date{order:1;margin-left:20px}
.timeline .box .dateBox .date span{font-size:42px}
.timeline .box.alt .inner{border-left:5px solid var(--orange);padding:0 0 50px 30px}
.timeline .box .dateBox .date:after{right:auto;left:-15px}
.timeline .box .dateBox .imgBox:after{right:auto;left:0}
.timeline .box.alt .dateBox{order:0;padding:20px 0 20px 50px}
#infoGrid.grid > div{text-align:center;align-items:center}
}
@media (max-width: 576px) {
.ball{margin-right:3px}
.ball.mega-ball,.ball.megaplier{border-width:2px}
.ball.megaplier::before{content:"M.plier"!important}
.ball.medium.mega-ball:after{padding-top:0}
.infoBoxes{max-width:100%}
}
@media (max-width: 414px) {
header > .logo img{width:60%}
.homeResults .ctaBox{flex-direction:column}
.homeResults .ctaBox a{width:100%;text-align:center}
.homeResults .ctaBox div:first-child{margin:0 0 15px}
.checkerResult .result{padding:30px 15px}
.ball.da.lucky-star:after{width:60px;font-size:13px}
.mainResult .result{padding:15px 10px}
.mainResult .date{font-size:18px}
.mainResult .drawNumber{margin-left:15px}
.mainResult .date:before{width:18px;height:18px;background-size:18px 18px}
.mainResult .info .title{font-size:16px}
.mainResult .info .text{font-size:24px}
.previousResults .mainResult .info{flex-direction:column}
.previousResults .mainResult .info .box{width:100%}
}
@media (max-width: 320px) {
.ball{margin-right:3px}
.ball.mega-ball:after,.ball.medium.mega-ball:after{content:"M.Ball";padding-top:0}
.ballName{font-size:12px;font-family:roboto;width:80px;bottom:-16px;transform:translate(82px)}
}
