/* Minification failed. Returning unminified contents.
(534,65): run-time error CSS1046: Expect comma, found '0'
(534,70): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";

/* GLOBALS */

html, body, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, ul, li, form, input {margin: 0; padding: 0; border: 0; font-size: 100%;}
html {background: #F8F8F8;}
body {background:#f1f1f1; font-family: Arial, sans-serif; font-size: 15px;}
body * {box-sizing:border-box;}

h1, .h1 {position: relative; color: #000; font-size:24px; margin-bottom:15px; font-weight:700; line-height:26px;}
h2, .Title2, .Title3, .h2 {color: #000; font-size: 20px; margin-bottom:15px; font-weight: 700; line-height:24px;}
h2.inBox {background:#363636; color:#fff; text-align:center; display:inline-block; padding:10px 15px;}
h3, .Title3, .h3 {font-size:18px; line-height:21px; margin-bottom:10px; font-weight: 700; display:block;}
h4, .Title4, .h4 {font-size:15px; line-height:19px; margin-bottom:10px; font-weight: 700; display:block;}
h1,h2,h3,h4 {margin-top:10px; font-weight:700;}
h4, h5, h6 {font-size: 110%;}
p {line-height:24px; margin-bottom:15px; font-size:16px;}
.box p:last-child {margin-bottom:0;}
hr {height: 0; background: transparent; border: none; border-bottom: 1px solid #CCC; width: 98%;}
sup {padding: 0; margin: 0; font-size: 90%; line-height: normal;}
.textShadow {text-shadow:0 3px 0 rgba(0,0,0,0.2);}
a {color: #06E;}
a:hover {color: #B00020;}
a img {border: none;}
.mTop {margin-top:20px;}
.mTopBig {margin-top:30px;}
.mRight {margin-right:20px;}
.mBottom {margin-bottom:20px;}
.noRightMargin .box:last-child {margin-right:0;}
.fluid {display: inline-block !important;}
.clear {clear: both; margin: 0; padding: 0;}
.floatLeft {float: left;}
.floatRight {float: right;}
.imgL, .imageFloatLeft {float: left; margin: 0 10px 10px 0 !important;}
.imgR, .imageFloatRight {float: right; margin: 0 0 10px 10px !important;}
.centred {margin: auto; text-align: center !important;}
.hide {display: none !important;}
.nowrap {white-space: nowrap !important;}
.paddedHalf {padding: 5px !important;}
.padded1 {padding: 10px !important;}
.padded2 {padding: 20px !important;}
.margin1 {margin: 10px !important;}
.marginSm {margin:2px!important;}
.bordered {border-radius: 8px; background: #EEE; border: 1px solid #CCC; padding: 2px; margin: 2px; display: block;}
.bordered:hover {background-color: #F90;}
.twoCol {width: 48%;}
.threeCol {width: 31%;}
.fullWidth {width: 100%;}
.red {color:#c20606;}
.blue {color:#4533ea;}
.flex {display: flex; flex-wrap: wrap;}
.flexBox, .flexBox.box {display:flex;}
.flexBox * {box-sizing:border-box;}
.flexCol {flex-direction:column;}
.wrap {flex-wrap:wrap;}
.flex-cn {justify-content:center;}
.flex-bt {justify-content:space-between;}
.flex-ar {justify-content:space-around;}
.flex-end {justify-content:flex-end;}
.flex-al-cn {align-items:center;}
.flex-al-end {align-items:flex-end;}
.left-al {justify-content:flex-start!important;}
.full {width:100%;}
.all-centered {text-align:center; display:flex!important; flex-direction:column;justify-content:center;}
.all-centered > div, .all-centered ul.balls {justify-content:center;}
.noPad {padding:0!important;}
.block {display: block !important;}
.orange {color:#dc4800;}
.mBottom {margin-bottom:20px;}
.margin5 {margin: 5px !important;}
input.styled {background: #FFF; border: 1px solid #DDD; border-radius: 4px; line-height: 25px; font-size: 18px; text-align: center; width: 200px; padding: 7px 10px; -webkit-appearance: none; vertical-align: middle; margin: 2px;}
input.styled.smaller {font-size: 14px; line-height: 20px; width: 170px; padding: 2px 8px; text-align: left;}
input[type=number] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* MAIN CONTAINERS */
header {background:#fff; position: relative; width: 100%; min-width: 960px; box-shadow: #999 0 3px 6px -5px; box-shadow:0 5px 10px rgba(0,0,0,0.3); margin-bottom:15px;}
header * {box-sizing:border-box;}
footer {background: #f8f8f8; position: relative; width: 100%; min-width: 960px; border-top: 1px solid #cacaca; z-index: 2;}
.inner {position: relative; padding-top: 20px; margin: auto; width: 960px;}
header .inner {padding:15px 0;}
#main {position: relative; width: 960px; margin: auto; padding:0 0 20px; z-index: 5; }
#content {position: relative;width: 960px;z-index: 1;}
.twoThirds {width:60%;}
.oneThird {width:40%;}
.half {width:50%;}
.third {width:33.333%;}

/* COUNTRY ALERT */
#countryAlert {position: fixed; width: 280px; top: 50%; left: 50%; display: none; z-index: 9999;}
#inside {background: #06E; background: rgba(18,104,175,0.92); width:280px; position: absolute; left: -140px; top: -160px; box-shadow: #333 0 2px 4px -2px; padding: 20px; color: #FFF; font-size: 12px;}
#countryAlert .closer {background: #053f6f; position: absolute; width: 20px; height: 20px; font: bold 20px/20px arial; text-align: center; top: 10px; right: 10px; border-radius: 20px; cursor: pointer;}
#countryAlert .flag {width: 70% !important; padding-left: 35px; line-height: 26px; color: #FFF; font-weight: bold; font-size: 15px; margin: 3px 10px; cursor: pointer;}
#countryAlert p {padding: 10px 0;}

/* HEADER */
#logo img {padding:0;}
#strap {position: absolute; top: 52px; color: #333; font-size: 12px; left: 68px;}
.topBar {display:inline-block;width:100%;text-align:right;background:#f1f1f1;}
.topBar .gamesLink {background:#c42ad6; padding:5px 10px; line-height:26px; color:#fff; position:relative; padding-left:35px;}
.topBar .gamesLink:hover {background:#e732fc;}
.topBar .gamesLink:before {content:""; background:url(/images/svg/poker-alt.svg) no-repeat; width:35px; height:35px; position:absolute;top:8px; left:8px; background-size:20px 20px;}
#subs {position:relative; display: flex;color: #333; text-align: left; text-decoration: none; align-items:center;padding:5px 10px;}
#subs p {margin:0 5px 0 0; font-size:11px;}
.topBar .inner {padding:0; display:flex; justify-content:flex-end;}
#subs ul {list-style-type: none; overflow: hidden; float:right; display:flex;}
#subs ul li { min-width: 28px; height:28px;}
#subs a {background:url(/images/flags/uk.svg) no-repeat;position: relative; width: 28px; height: 28px; overflow: hidden; text-decoration: none; background-size:24px 24px; border:2px solid #fff; border-radius:50%; transition:all ease .2s;}
#subs a.ie {background-image:url(/images/flags/ireland.svg);}
#subs a.au {background-image:url(/images/flags/australia.svg);}
#subs a.za {background-image:url(/images/flags/south-africa.svg);}
#subs a span {background: rgba(0,0,0,0.45); position: relative; left: 0; font: bold 11px/24px Arial; text-align: center; opacity: 0; color: #FFF;width: 24px; height: 24px; border-radius: 50%; transition: .2s opacity ease-in-out; display: block;}
#subs a:hover, .socialBoxHeader a:hover {transform:scale(1.2); transition:all ease .2s;}
#subs a:hover span {opacity: 1; transition:all ease .2s;}
.socialBoxHeader {display:flex; align-items:center;}
.socialBoxHeader img {width:26px; border:2px solid #fff; border-radius:50%; background:#fff;}
.socialBoxHeader a {display:flex; align-items:center;transition:all ease .2s;}
.socialBoxHeader li {list-style:none;margin-right:5px;}
.socialBoxHeader li:last-child {margin-right:0}

#search {position: absolute;top: 35px; right: 0; padding: 0;}
#search .textBox, .search input[type="text"] {background: #FFF; border: 1px solid #DDD; padding: 12px; height: 15px; font: normal 11px/15px Arial, sans-serif; color: #999; float: left; width: 160px; -webkit-apperance: none; outline: none;}
#search .btn {
	background: url(/images/layout/sprite.png) #B00020 12px -564px no-repeat;
	background: url(/images/layout/sprite.png) 12px -564px no-repeat, -moz-linear-gradient(top, #d70027 0%, #B00020 100%);
	background: url(/images/layout/sprite.png) 12px -564px no-repeat, -webkit-linear-gradient(top, #d70027 0%,#B00020 100%);
	background: url(/images/layout/sprite.png) 12px -564px no-repeat, linear-gradient(to bottom, #d70027 0%,#B00020 100%);
	position: relative; border: none; outline: none; -webkit-apperance: none; width: 38px; height: 26px; text-indent: -100px; display:inline-block;overflow: hidden; cursor: pointer; transition: 0.2s all ease-in-out; text-align: center; line-height: 100px;
}
#search .btn:hover {box-shadow: inset #458cde 0 0 6px 3px;}
#addsearch-logo {display: none !important;}

.navBox {width:100%; background:#B00020;}
.navBox .inner {padding:0;}
#nav {position: relative; display: flex; text-align: center; list-style-type: none; margin: 0; padding: 0;z-index:99;}
#nav > ul > li {position: relative; float: left; list-style-type: none;}
#nav > ul > li > a, #nav > ul > li > span {background: #B00020;position: relative; display: block; font: bold 15px/50px Arial, sans-serif; text-align: center; color: #B00020;text-decoration: none; border-left: 1px solid #d70027;  width: 160px; color:#fff;transition: all ease .2s;}
#nav > ul > li.tickets > a, #nav > ul > li.tickets > span {background: #ffda44;position: relative; display: block; font: bold 15px/50px Arial, sans-serif; text-align: center; text-decoration: none; border-left: 1px solid #d70027;  width: 160px; color:#000;transition: all ease .2s;}
#nav > ul > li:last-child > a, #nav > ul > li:last-child > span {border-right: 1px solid #d70027;}
#nav > ul > li > a:hover, #nav > ul > li > span:hover {box-shadow:inset 0 0 25px #5d0011; transition: all ease .2s;}
#nav > ul > li.tickets > a:hover, #nav > ul > li.tickets > span:hover {box-shadow:inset 0 0 25px #c7a20c; transition: all ease .2s;}
nav .sub:hover .subNav {opacity: 1; visibility: visible; top: 48px;}
.sub .navExpand {display: none;}
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; text-align: center; z-index: 99;}
ul.subNav li {background: #FFF; display:block; border-bottom:1px solid #F1F1F1; min-height: 47px;}
ul.subNav li:first-child:before {content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #fff; top: -10px; left: 50%; transform: translateX(-50%);}
ul.subNav li:last-child {border-bottom: none;}
ul.subNav li a {color: #000; font-size: 14px; padding: 15px; display: block; border-radius: 0; background:none;border-left:15px solid #B00020; border-bottom:none; text-decoration:none;}
ul.subNav li a:hover {background:#bccee3;}
ul.subNav.left {transform: translateX(-80%);}
ul.subNav.right {transform: translateX(20%); box-shadow: none; border-left: none;}
ul.subNav.left li:first-child:before {transform: none; left: 230px;}
ul.subNav.right li:first-child:before {display: none;}

ul.subNav li.daily-lotto a {border-left-color:#ff273e}
ul.subNav li.lotto a {border-left-color:#FE0;}
ul.subNav li.lotto-plus a {border-left-color:#FA0;}
ul.subNav li.powerball a {border-left-color:#11A2DC;}
ul.subNav li.powerball-plus a {border-left-color:#0070AA;}
ul.subNav li.sportstake a {border-left-color:#10A465;}
ul.subNav li.raffle a {border-left-color:#840C69;}
ul.subNav li.pick-3 a {border-left-color:#7700DB;}
ul.subNav li.heritage a {border-left-color:#f49b00;}
ul.subNav li.health-millions a {border-left-color:#1878BD;}
ul.subNav li.daily-lotto a:hover {background:#ffb9c0}
ul.subNav li.daily-lotto-plus a:hover {background:#ffb8d1}
ul.subNav li.lotto a:hover {background:#fff6bc;}
ul.subNav li.lotto-plus a:hover {background:#fff6bc;}
ul.subNav li.powerball a:hover {background:#bbe8ff;}
ul.subNav li.powerball-plus a:hover {background:#bbe8ff;}
ul.subNav li.sportstake a:hover {background:#aaf5d5;}
ul.subNav li.raffle a:hover {background:#f3cbea;}
ul.subNav li.pick-3 a:hover {background:#d3b0f1;}
ul.subNav li.heritage a:hover {background:#fad794;}
ul.subNav li.health-millions a:hover {background:#8da8bb;}

/* APPS */
.appBoxMain {display:flex; margin-bottom:30px;}
.appBoxMain * {box-sizing:border-box;}
.appBox:first-child {margin-right:15px;}
.appBox .top {display:flex; align-items:center; margin-bottom: 15px;}
.appBox .top .title {color:#fff; font-size:24px; font-weight:700; margin-left:15px;}
.appBox .icon img {border-radius:5px; width:70px}
.appBox .appStoreIcon img {width:220px; display:block; margin:0 auto 15px;}
.appBox .appScreens img {width:300px; margin:0 auto; display:block;}
.appBox .appScreens {margin-bottom:10px;}
.appBox .ctaBox {display:flex; justify-content:center;}
.appBox .button {background:#ffd10f; color:#000;}
.appBox .two-col {display:flex; align-items:center;}
.appBox .two-col .col {width:100%; text-align:center;}
.appBox .two-col .col:first-child {margin-right:15px;}
.appBoxMain.app {color:#fff;}
.appBoxMain.app .ctaBox {flex-direction:column; align-items:center; width:150px; text-align:center; width:100%;}
.appBoxMain.app .ctaBox p {font-size:14px; width:80%;}
.appBoxMain.app li {font-size:14px; font-weight:700;}
.appBoxMain.app .qrCode img {width:150px;}


/* FOOTER */
footer .innerBox {text-align: center; width:960px; margin:auto; padding:30px 0 15px;}
#footerLogo {float: left;}
#footerLogo img {padding-top: 10px; width: 250px;}
.links {float: right; list-style-type: none; padding-top: 20px;}
.links li {float: left; border-left: 1px solid #555; padding: 0 10px; height: 12px;}
.links li:first-child {border-left: none;}
.links li a {color: #06E; font: 11px/12px Arial, sans-serif; display: block;}
.links li a:hover {color: #A00;}
.copyright {padding: 30px 0; font-size: 13px; color: #9F9F9F; line-height: 17px;}


/* GENERAL CONTENT */
#content.page {width: 760px; display:inline-block;}
#content.page p {font: 15px/26px Arial, sans-serif;  margin-bottom:20px;}
#content.page p.medResult {font: 15px/26px Arial, sans-serif;  margin-bottom:4px; font-weight:bold; margin-left:5px;}
#content.page .box p:last-child {margin-bottom:0;}
#breadcrumb{display:flex;width:960px;margin:0;padding:10px;line-height:10px; font-size:14px; align-items:center; margin:-2px 0 10px;}
#breadcrumb li{display:inline-block;background: url(/images/layout/right-chev.svg) no-repeat 2px 0px;padding-left: 20px;background-size:10px 10px; color:#333; margin-left:5px;}
#breadcrumb li:first-of-type {background:none;padding:0;}
#breadcrumb a {text-decoration: underline; display:inline-block;}
#breadcrumb li:first-child a {background: url(/images/svg/home.svg) no-repeat center 0;width: 18px;height: 18px; background-size:18px 18px;}
#breadcrumb li:first-child a span {display:none;}
.imgLeft {display:flex; margin-bottom:20px;}
.imgLeft img {width:320px; margin-right:20px;}
.box {background: #fff;position: relative; font-size: 15px; line-height: 18px; vertical-align: top;display: inline-block; padding:20px; color: #000; z-index: 1; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.arrowLink {background: url(/images/layout/sprite.png) right -890px no-repeat; position: relative; padding-right: 25px; font: bold 14px/20px Arial; display: inline-block; margin-top: 5px; color: #06E;}
.arrowLink.yellow {background-position: right -990px; color: #FFF !important; line-height: 16px; min-height: 20px;}
.arrowLink.white {color: #FFF;}
.arrowLink:hover {background-position: right -940px; color: #C00;}
.arrowLink.yellow:hover {background-position: right -990px; color: #ffdc00 !important;}

table {font-size:14px;}
.table {border: 1px solid #f4f4f4; position: relative; border-spacing: 0; margin: 10px auto 20px; padding: 2px; overflow: hidden; z-index: 1;}
.table th {background: #2362aa; position: relative; padding: 12px 10px; color: #FFF; text-shadow: #333 0 -1px 1px; text-align: left;}
.table tr.sub th {background: #555;}
.table td, .tableCell {background: #EEE; padding: 12px 10px;}
.table tr.alt td, .table tr:nth-child(odd) td {background-color: #DDD;}
.table tr.totals td {background-color: #777; color: #FFF;}
.table tr.totalsDark td {background-color: #333; color: #FFF;}
div.table {background: #EEE;}
#frequencyGraph, #frequencyGraph1, #frequencyGraph2, #jackpotGraph {margin: -12px;}
.table .rollDownText {font-weight:700; color:#EA003D;}
.table .rollDownText:before {content: "";background: url(/images/icons/down-arrow.svg) transparent no-repeat;background-size: 100%;position: relative;display: inline-block;width: 15px;height: 15px;margin-right: 2px;vertical-align: middle;}
.table .balls {justify-content:center;}

ul.bullet {position: relative; text-align: left; list-style-type: none; padding: 5px 20px; margin: 5px 0; vertical-align: top;}
ul.bullet li {background: url(/images/layout/right-chev.svg) no-repeat 0 5px; background-size:15px 15px; position: relative; font: normal 15px/28px Arial, sans-serif; overflow: hidden; padding-left: 25px; margin: 10px 0;}
ul.bullet li.title, ul.yearList li a, ul.yearList li.title {background: #EEE; padding: 3px 10px; color: #093E87; font-size: 120% !important; font-weight: bold; text-align: center; border-radius: 6px;}
ul.bullet.sub {background: none; border: none; list-style-type: disc; padding: 5px 10px;}
ul.bullet.sub li {background: none; line-height: 16px; overflow: visible; padding: 5px; margin: 0 0 0 10px;}
ul.bullet.halfList {max-width: 42%;}
ul.yearList {margin-bottom:0; display:flex; flex-wrap:wrap}
ul.yearList li, ul.yearList li.title {margin:10px; list-style:none;}
ul.yearList li a, ul.yearList li.title {padding:10px 12px; text-decoration:none; border-radius:6px; width:100px; display:block;}
ul.yearList li.title {padding:0; margin-bottom:1px; line-height:40px; height:40px;}
ul.yearList li a:hover {background:#F90; color:#fff;}
ul.trendyList {position: relative; text-align: left; list-style-type: none; padding: 0 20px; margin: 5px 20px; border-left: 6px solid #EEE; vertical-align: top;}
ul.trendyList li {background: url(/images/layout/sprite.png) transparent 0 -687px no-repeat; position: relative; font: normal 12px/20px Arial, sans-serif; padding-left: 34px; overflow: hidden; margin: 14px 0 14px -26px; left: -12px;}
ul.trendyList li:hover {background-position: 0 -787px;}
ul.trendyList.halfList {max-width: 36%;}

div.pick-3 img.p3 {float:left;padding:0 30px 0 15px;width:35%;}

div.free-lottery-daily {margin:40px 0 35px 0; border: solid 2px #fc4d5d; border-left: solid 15px #fc4d5d; border-radius:4px; padding:20px;}
div.free-lottery-daily img {float:right;margin:-25px 20px 20px 30px;width:25%;}
div.free-lottery-daily h3 {color:#fc4d5d;}

div.free-lottery-weekly {margin:40px 0 35px 0; border: solid 2px #2c77ac; border-left: solid 15px #2c77ac; border-radius:4px; padding:20px;}
div.free-lottery-weekly img {float:right;margin:-25px 20px 20px 30px;width:25%;}
div.free-lottery-weekly h3 {color:#2c77ac;}

/* BACKGROUND EFFECTS */
.button.angled-play {color:#000; padding:15px;}
.angled-main {background:#B41302;background: linear-gradient(130deg, #3b83d6 50%, #3b83d6, #2b64a5 0%, #2b64a5 50% 100%);}
.angled-red {background:#c00e20;background: linear-gradient(130deg, #ff273e 0%, #ff273e 50%, #c00e20 50%, #c00e20 100%);}
.angled-49sred {background:#c61411;background: linear-gradient(130deg, #c61411 0%, #db1613 50%, #6e121a 50%, #9d1c25 100%)}
.angled-dark-red {background:#6f0d17;background: linear-gradient(130deg, #9f1522 0%, #9f1522 50%, #6f0d17 50%, #6f0d17 100%);}
.angled-crimson-red {background:#b12336;background: linear-gradient(130deg, #d4344a 0%, #d4344a 50%, #b12336 50%, #b12336 100%);}
.angled-green {background:#67a921;background: linear-gradient(130deg, #67a921 0%, #67a921 50%, #518e11 50%, #518e11 100%);}
.angled-dark-green {background:#4bb26d;background: linear-gradient(130deg, #189a80 0%, #189a80 50%, #106856 50%, #106856 100%);}
.angled-italy-green {background:#009246;background: linear-gradient(130deg, #18b061 0%, #18b061 50%, #009246 50%, #009246 100%);}
.angled-blue {background:#11a2dc;background: linear-gradient(130deg, #11a2dc 0%, #11a2dc 50%, #0070AA 50%, #0070AA 100%);}
.angled-dark-blue {background:#0b3565;background: linear-gradient(130deg, #195daa 0%, #195daa 50%, #0b3565 50%, #0b3565 100%);}
.angled-plus-blue {background:#0070AA;background: linear-gradient(130deg, #0070AA 0%, #0070AA 50%, #005079 50%, #005079 100%);}
.angled-plus-red {background:#ba0040;background: linear-gradient(130deg, #da1155 0%, #da1155 50%, #ba0040 50%, #ba0040 100%);}
.angled-greek-blue {background:#003698;background: linear-gradient(130deg, #205dcb 0%, #205dcb 50%, #003698 50%, #003698 100%);}
.angled-light-blue {background:#0b3565;background: linear-gradient(130deg, #2499ed 0%, #2499ed 50%, #1878BD 50%, #1878BD 100%);}
.angled-navy-blue {background:#2b53af;background: linear-gradient(130deg, #2250ba 0%, #2250ba 50%, #02226d 50%, #02226d 100%);}
.angled-orange {background:#db4800;background: linear-gradient(130deg, #fd7432 0%, #fd7432 50%, #db4800 50%, #db4800 100%);}
.angled-dark-orange {background:#fd301b;background: linear-gradient(130deg, #ff6339 0%, #ff6339 50%, #fd301b 50%, #fd301b 100%);}
.angled-purple {background:#7700db;background: linear-gradient(130deg, #7700db 0%, #7700db 50%, #460080 50%, #460080 100%);}
.angled-pink {background:#F0A;background: linear-gradient(130deg, #d9078f 0%, #d9078f 50%, #9e0361 50%, #9e0361 100%);}
.angled-light-pink {background:#fc4d5d;background: linear-gradient(130deg, #fc4d5d 0%, #fc4d5d 50%, #cc2232 50%, #cc2232 100%);}
.angled-jade {background:#10A465;background: linear-gradient(130deg, #10A465 0%, #10A465 50%, #057e4a 50%, #057e4a 100%);}
.angled-light-purple {background:#a521c6;background: linear-gradient(130deg, #a521c6 0%, #a521c6 50%, #82149d 50%, #82149d 100%);}
.angled-purple-blue {background:#1878bd;background: linear-gradient(130deg, #1878bd 0%, #1878bd 50%, #4e50b0 50%, #4e50b0 100%);}
.angled-purple-blue-alt {background:#1a76bc;background: linear-gradient(-90deg, #1a76bc 0%, #b10798 100%);}
.angled-grey {background:#d9d9d9;background: linear-gradient(130deg, #d9d9d9 0%, #d9d9d9 50%, #a4a4a4 50%, #a4a4a4 100%); transition:all ease .2s;box-shadow:0 0 10px rgba(0,0,0,0.8);transition:all ease .2s;}
.angled-mauve {background:#bd54a5;background: linear-gradient(130deg, #bd54a5 0%, #bd54a5 50%, #840C69 50%, #840C69 100%);}
.angled-yellow {background:#FE0;background: linear-gradient(130deg, #FE0 0%, #FE0 50%, #FC0 50%, #FC0 100%);}
.angled-plus-yellow {background:#FA0;background: linear-gradient(130deg, #FA0 0%, #FA0 50%, #B60 50%, #B60 100%);}
.angled-play {background:#ffd03a;background: linear-gradient(130deg, #ffd03a 0%, #ffd03a 50%, #feb732 50%, #feb732 100%);}
.angled-light-red {background:#f12222;background: linear-gradient(130deg, #f12222 0%, #f12222 50%, #af1e1e 50%, #af1e1e 100%);}
.angled-brown {background:#600;background: linear-gradient(130deg, #930303 0%, #930303 50%, #600 50%, #600 100%);}
.green-grad {background: linear-gradient(90deg, #0e6b0c, #3ac435);}
.dark-green-grad {background: linear-gradient(90deg, #189a80,#20c0a0);}
.blue-grad {background: linear-gradient(90deg, #11a2dc,#0070AA);}
.orange-grad {background: linear-gradient(90deg, #fe7900, #fa4a01);}
.purple-grad {background: linear-gradient(90deg, #460080 ,  #9727f4);}
.light-purple-grad {background: linear-gradient(90deg,  #a521c6, #9d27bb);}
.dark-red-grad {background: linear-gradient(90deg, #500,  #da0000);}
.dark-grey-grad {background: linear-gradient(90deg, #242424, #757575);}
.yellow-grad {background: linear-gradient(90deg, #FE0, #FC0);}
.pink-grad {background: linear-gradient(90deg, #7d1218, #F0A);}
.red-grad {background: linear-gradient(90deg, #ff273e, #c00e20);}
.jade-grad {background: linear-gradient(90deg, #10A465, #057e4a);}
.mauve-grad {background: linear-gradient(90deg, #bd54a5, #840C69);}
.light-green-grad {background: linear-gradient(90deg,#004300, #007800);}
.dark-blue-grad {background: linear-gradient(90deg, #051e5d, #062a84);}


/* BUTTONS */
.button, input[type="submit"].disabled {display:inline-block; padding:10px 20px; text-align:center;transition:all ease .2s; box-shadow:0 0 5px rgba(0,0,0,0.5); text-decoration:none;}
input[type="submit"].disabled {opacity:0.5; cursor:auto;}
.button {color: #333;}
.button:hover {box-shadow:0 0 10px rgba(0,0,0,0.8);transition:all ease .2s; color: #333;}
.button.white {color:#000; background:#fff}
.button.yellow {color:#000; background:#f7ae00;  font-weight:700; padding:10px 15px;}
.button.yellow:hover {background:#ffc438;}
.button.alt, .button.alt:hover {color:#fff;}


/* HOME PAGE STYLES */
.homeResult {position:relative;display:inline-block;padding:30px; color:#fff; background-size:cover;}
.homeResult .h1 {color:#fff; font-size:22px; margin-bottom:0;}
.homeResult .dateBox {font-size:18px; display:inline-block;margin-bottom:10px;}
.homeResult .ctaBox {display:flex;}
.homeResult .ctaBox div:first-child {margin-right:20px;}
.homeResult p {margin-bottom:10px;}
.homeResult .ball {border: none !important; width: 48px; height: 48px;}
.homeResult .ball.lotto.bonus-ball {background-color: #FE0 !important;}

#slides {position:relative;display:inline-block; margin-right:20px;}
#slides .overFlow {width:100%; overflow:hidden;}
#slides .innerBox { transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);width:400%;}
#slides .slide { width: 25%;float:left;display: flex;justify-content: center;align-items: center;height: 100%;}
#slides #slide1.active ~ .overflow .innerBox {margin-left: 0;}
#slides #slide2.active ~ .overFlow .innerBox {margin-left: -100%;}
#slides #slide3.active ~ .overFlow .innerBox {margin-left: -200%;}
#slides #slide4.active ~ .overFlow .innerBox {margin-left: -300%;}
#slides .dot {position: absolute; display: inline-block; background: rgba(255,255,255,0.4); width: 20px; height: 20px; border-radius: 50%; transition: .3s all ease; cursor: pointer; top: 20px; right: 20px; z-index: 9;}
#slides #slide1 {right: 70px;}
#slides #slide2 {right: 45px;}
#slides #slide3 {right: 20px;}
#slides .dot.active {background: rgba(255,255,255,1);}

.introBox {padding: 15px 20px;}

.jackpotBoxHome .box {width:305px; margin-left:20px; text-align:center; position:relative; margin-top:50px; padding-top:50px; background-size:cover;}
.jackpotBoxHome .box.alt {color:#fff;}
.jackpotBoxHome .box:first-child {margin-left:0;}
.jackpotBoxHome .top {display:flex; border-radius:50%; width:90px; height:90px; border:5px solid #B41302; background:#fff; align-items:center; margin:auto; justify-content:center; font-size:18px; font-weight:700; color:#B41302; position:absolute; top:-50px; left:50%; transform:translateX(-50%);}
.jackpotBoxHome .box.daily-lotto .top {border-color:#ff273e; color:#ff273e;}
.jackpotBoxHome .box.daily-lotto-plus .top {border-color:#ba0040; color:#ba0040;}
.jackpotBoxHome .box.lotto .top {border-color:#FE0; color:#D90;}
.jackpotBoxHome .box.powerball .top {border-color:#11A2DC; color:#11A2DC;}
.jackpotBoxHome .box.pick-3 .top {border-color:#7700db; color:#7700db;}
.jackpotBoxHome .top  span {display:inline-block; vertical-align:middle;}
.jackpotBoxHome .title {font-size:16px; color:#333; font-weight:700; line-height:21px; margin-bottom:15px;}
.jackpotBoxHome .jackpot {font-size:32px; line-height:32px; font-weight:700; letter-spacing:-1px; font-family:Arial, sans-serif; margin-bottom:15px; text-shadow:0 3px 0 rgba(0,0,0,0.2); color: #333;}
.jackpotBoxHome .box.alt .title, .jackpotBoxHome .box.alt .jackpot {color:#fff;}

.threeBox .innerBox {text-align:center; margin:0 0 20px 20px;}
.threeBox .innerBox:first-child {margin-left:0;}
.threeBox img {margin-bottom:10px;}
.threeBox .bottom {text-align:center;}

.linkBoxHome {display:flex; margin-bottom:30px;}
.linkBoxHome .link {display:inline-block; flex-grow:1; margin-left:20px;}
.linkBoxHome .link:first-child {margin-left:0;}
.linkBoxHome a {background:#e4e4e4; color:#000; padding:30px; display:flex; justify-content:space-between; align-items:center; font-size:18px; font-weight:700; text-decoration:none;box-shadow:0 0 10px rgba(0,0,0,0.2);transition:all ease .2s}
.linkBoxHome a:after {content:""; width:15px; height:15px; background:url(/images/svg/chev.svg) no-repeat #B00020; background-size:15px 15px; display:inline-block; border-radius:50%; padding:5px; text-align:center; line-height:20px; background-position:5px 5px}
.linkBoxHome a:hover {box-shadow:0 0 15px rgba(0,0,0,0.2); transition:all ease .2s; background:#f7f7f7;}

.socialBox {background:#1d6dff; padding:30px; margin:0 20px 30px 0; color:#fff; width:266px;}
.socialBox .h2 {color:#fff;}
.socialBox a {background:#fff; display:flex; width:100%; padding:10px 15px; align-items:center; margin-bottom:10px; text-decoration:none; color:#1d6dff; font-weight:700; font-size:14px;}
.socialBox a:last-child {margin-bottom:0;}
.socialBox a:before {content:""; background:url(/images/svg/facebook.svg) no-repeat; width:30px; height:30px; background-size:30px 30px; display:inline-block; margin-right:10px;}
.socialBox a.twitter:before {background-image:url(/images/svg/twitter.svg);}
.socialBox a.instagram:before {background-image:url(/images/svg/instagram.svg);}

.newsBox {width:674px; position:relative;}
.newsBox .imgBox {margin-right:20px;}
.newsBox .contentBox {display:flex; flex-direction:column; justify-content:space-between;}
.newsBox .ctaBox {justify-content:flex-end;}

.newsBox .ctaBox div:first-child {margin-right:20px;}
.wrapBox {background:#f4f4f4; padding:20px; width:440px; margin:10px;}
.contentDate {font-size:13px; margin-top:5px;}


/* BALLS */
.balls {margin-bottom: 10px; position: relative;}
.balls.cn {justify-content:center;}
.ball {
	background: #FFF; position: relative; display: inline-block; width: 54px; height: 54px; border-radius: 50%; color: #000; border: 4px solid #C90000;
	margin-left: 3px; list-style: none; line-height: 48px; font-size: 22px; font-weight: 700; text-align: center;
}
.ball.medium {width:40px; height:40px; line-height:36px; border-width:3px; font-size:18px;}
.ball.small {width:30px; height:30px; line-height:28px; border-width:2px; font-size:16px;}
.ball:first-child {margin-left:0;}
.ball.bonus-ball {background: #C90000; color: #FFF; margin-left: 20px;}
.ball.plus-ball {background: #C90000; color: #FFF; margin-left: 20px;}
.ball.lotto.ball {border-color: #FD0;}
.ball.lotto.bonus-ball {background: #FD0; color: #333;}
.ball.lotto-plus {border-color: #FA0;}
.ball.lotto-plus.bonus-ball {background: #FA0;}
.ball.pb {border-color: #11A2DC;}
.ball.pb.powerball {background: #11A2DC; color: #FFF; margin-left: 20px;}
.ball.powerball-plus {border-color: #0070AA;}
.ball.powerball-plus.powerball {background: #0070AA; color: #FFF; margin-left: 20px;}
.ball.daily-lotto {border-color: #ff273e;}
.ball.daily-lotto-plus {border-color: #ba0040;}
.ball.health-millions {border-color:#1878bd;}
.ball.health-millions.health-ball {background:#1878bd; color:#FFF;}
.ball.pick-3 {border-color:#7700db;}
.ball.free-lottery-daily {border-color:#fc4d5d;}
.ball.free-lottery-weekly {border-color:#0070AA;}
.ball.uk49s {border-color:#c5000d;}
.ball.uk49s.bonus-ball {border-color:#c5000d;}
.ball.france-lotto {border-color:#014791;}
.ball.medium.france-lotto.bonus-ball {background:#014791;margin-left:5px; margin-right:20px;}
.ball.france-lotto.bonus-ball {background:#014791;}
.ball.mega-millions {border-color:#b12336;}
.ball.mega-millions.bonus-ball {background:#b12336;}
.ball.gosloto {border-color:#fd7432;}
.ball.gosloto.bonus-ball {background:#fd7432;}
.ball.gosloto.plus-ball {background:#fd7432;}
.ball.greece-powerball {border-color:#003698;}
.ball.greece-powerball.bonus-ball {background:#003698;}
.ball.heritage {border-color:#f6a100;}
.ball.heritage.joker {background:#df6804; border-color:#df6804; color:#fff;}
.ball.uk-powerball {border-color:#fd301b;}
.ball.uk-powerball.bonus-ball {background:#fd301b;}
.ball.megamillions.mega-ball {background:#C90000; color: #FFF; margin-left: 20px;}
.ball.megamillions.megaplier {background:#820000; border-color: #820000; color: #FFF;}
.ball.italy-million-day {border-color:#009246;}
.ball.italy-million-day:last-child {margin-right:30px;}
.ball.hollow {background:transparent; color: #FFF; border-color: #FFF;}
.balls.single {justify-content:center;}
.balls.single .ball {margin:0;}
.balls .ball.greyed {border-color:#ababab;}
.balls .powerball.greyed {border-color:#ababab; background: #ababab;}
.mill-raffle {background: #E4E4E4; color: #840C69; text-align: center; min-width: 136px; font-size: 22px; padding: 10px; line-height: 20px; margin: 2px; font-weight: 700; letter-spacing: -0.5px;}
.mill-raffle.big {font-size: 38px; padding: 20px; margin: 10px auto;}

/* RESULTS */
.resultsBox .box {padding:30px; position:relative; margin-right:20px;}
.resultsBox.full .box {width:100%; margin-right:0;}
.resultsBox.lotto .resultsHeader, .resultsBox.lotto h2, .resultStyle.lotto .h2, .resultStyle.lotto .resultInfo span {color:#D90;}
.resultsBox.lotto-plus .resultsHeader, .resultsBox.lotto-plus h2, .resultStyle.lotto-plus .h2, .resultStyle.lotto-plus .resultInfo span {color:#B60;}
.resultsBox.powerball .resultsHeader, .resultsBox.powerball h2, .resultStyle.powerball .h2, .resultStyle.powerball .resultInfo span {color:#11A2DC;}
.resultsBox.powerball-plus .resultsHeader, .resultsBox.powerball-plus h2, .resultStyle.powerball-plus .h2, .resultStyle.powerball-plus .resultInfo span {color:#0070AA;}
.resultsBox.daily-lotto .resultsHeader, .resultsBox.daily-lotto h2, .resultStyle.daily-lotto .h2, .resultStyle.daily-lotto .resultInfo span {color:#ff273e;}
.resultsBox.daily-lotto-plus .resultsHeader, .resultsBox.daily-lotto-plus h2, .resultStyle.daily-lotto-plus .h2, .resultStyle.daily-lotto-plus .resultInfo span {color:#ba0040;}
.resultsBox.sportstake .resultsHeader, .resultsBox.sportstake h2, .resultStyle.sportstake .h2, .resultStyle.sportstake .resultInfo span {color:#10A465;}
.resultsBox.raffle .resultsHeader, .resultsBox.raffle h2, .resultStyle.raffle .h2, .resultStyle.raffle .resultInfo span {color:#840C69;}
.resultsBox.health-millions .resultsHeader, .resultsBox.health-millions h2, .resultStyle.health-millions .h2, .resultStyle.health-millions .resultInfo span  {color:#1878bd;}
.resultsBox.pick-3 .resultsHeader, .resultsBox.pick-3 h2, .resultStyle.pick-3 .h2, .resultStyle.pick-3 .resultInfo span  {color:#7700DB;}
.resultsBox.free-lottery .resultsHeader, .resultsBox.free-lottery h2, .resultStyle.free-lottery .h2, .resultStyle.free-lottery .resultInfo span  {color:#fc4d5d;}
.resultsBox.uk49s .resultsHeader, .resultsBox.uk49s h2, .resultStyle.uk49s .h2, .resultStyle.uk49s .resultInfo span  {color:#c5000d;}
.resultsBox.france-lotto .resultsHeader, .resultsBox.france-lotto h2, .resultStyle.france-lotto .h2, .resultStyle.france-lotto .resultInfo span  {color:#014791;}
.resultsBox.mega-millions .resultsHeader, .resultsBox.mega-millions h2, .resultStyle.mega-millions .h2, .resultStyle.mega-millions .resultInfo span  {color:#b12336;}
.resultsBox.gosloto-7-49 .resultsHeader, .resultsBox.gosloto-7-49 h2, .resultStyle.gosloto-7-49 .h2, .resultStyle.gosloto-7-49 .resultInfo span  {color:#fd7432;}
.resultsBox.italy-million-day .resultsHeader, .resultsBox.italy-million-day h2, .resultStyle.italy-million-day .h2, .resultStyle.italy-million-day .resultInfo span  {color:#009246;}
.resultsBox.greece-powerball .resultsHeader, .resultsBox.greece-powerball h2, .resultStyle.greece-powerball .h2, .resultStyle.greece-powerball .resultInfo span  {color:#003698;}
.resultsBox.uk-powerball .resultsHeader, .resultsBox.uk-powerball h2, .resultStyle.uk-powerball .h2, .resultStyle.uk-powerball .resultInfo span  {color:#fd301b;}
.resultStyle h2 span {color:#000;}
.resultTwoCol .resultsBox:last-child .box {margin-right:0;}
.resultsBox h2 {margin-bottom:0;}
.resultsBox .resultsHeader {margin-bottom:20px;}
.resultsBox .balls {margin-bottom:30px;}
.resultsBox .result .jackpot {background:#666; position:absolute; top:35px; right:-10px; padding:5px 10px; color:#fff; display:inline-block;}
.resultsBox .result .jackpot:after {width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: #363636 transparent transparent transparent; content:""; display:inline-block; position:absolute;top:28px; right:0px;}
.resultsBox .result .ctaBox .button {margin-right:20px;}
.resultsBox .jackpotBox {color:#fff; margin-right:0; position: relative; overflow:hidden}
.resultsBox .jackpotBox .img-box {position:absolute; bottom:-10px; right:0;  opacity:.8;;z-index:-1;width:300px;}
.resultsBox .jackpotBox .img-box img {width:370px}
.resultsBox .jackpotBox .h4 {margin-bottom:20px;}
.resultsBox .jackpotBox .jackpot {font-size:45px; line-height:45px; text-shadow:0 2px 3px rgba(0,0,0,0.5); font-weight:700; margin-bottom:20px; display:inline-block;}
.resultsBox .jackpotBox .ctaBox {display:inline-block; margin-top:20px;}
.resultsBox .jackpotBox .bigText, .ticketsBox .bigText {background:#fff;color:#000; text-align:center; font-size:21px; text-shadow:none;line-height:24px;}
.resultStyle  .ballBox {position:relative; margin-bottom:30px;}
.resultStyle  .ballBox:last-child {margin-bottom:0;}
.resultStyle  .ballBox .annotation {position:absolute; right:2px; bottom:-25px;}
.resultsBox.telly-bingo .text .risk-card {list-style:none; color:#82149d; font-size:21px; letter-spacing:2px; margin-top:15px;}
.resultsBox.pick-3 .resultBox {margin-right:20px;}
.resultsBox.pick-3 .resultBox .ball {width: 40px; height:40px; line-height:34px;}
.resultsBox.pick-3 .resultBox:last-child {margin-right:0;}
.resultsBox .noDraw {font-weight:700; margin-top:10px;}
.timerBox {display:flex; margin-bottom:10px;}
.timer {display:flex; margin-left:10px;}
.timer li {list-style:none; margin-right:5px; font-size:24px;}
.timer li span {font-weight:700; font-size:30px;}
.resultsBox.pick-3 .full {margin-right:0;}
.mainResult {padding:20px;}
.mainResult.flexBox {display:flex; flex-direction:column; align-items:center;}
.mainResult .dateBox {display:flex;; align-items:center;}
.mainResult .dateBox h2 {margin-top:0;}
.mainResult .dateBox .h2 {margin-left:5px;}
.mainResult .ballsWrap {margin-right:40px;}
.mainResult .resultInner {align-items:flex-end; justify-content:space-between;}
.mainResult .resultInfo {font-weight:700;}
.mainResult .resultInfo .boxInner {font-size:19px; margin-bottom:20px; text-align:right;}
.mainResult .resultInfo .boxInner:last-child{margin-bottom:0;}
.mainResult .resultInfo .boxInner .h3 {text-transform:uppercase; margin-bottom:5px; color:#616161; font-size:16px;}
.mainResult .resultInfo-bottom {font-weight:700; position:absolute; bottom:28px; right:26px;}
.mainResult .ctaBox {margin-top:20px; display:flex; flex-direction:column;}
.mainResult .ctaBox .button {margin-bottom:10px;}
.mainResult .ctaBox .button:last-child {margin-bottom:0;}
.mainResult .resultDiv {border-bottom:1px solid #f4f4f4; margin-bottom:30px;padding-bottom: 15px;}
.mainResult .mainRaffleResult {display:flex; justify-content:space-between; align-items:center;}
.mainResult .mainRaffleResult .dateBox span {display:block;}
.mainResult .mainRaffleResult .dateBox .h2 {margin-bottom:0; color:#000;}
.mainResult .mainRaffleResult .ctaBox {margin-top:0;}
.dateSelect {background:#f4f4f4; padding:20;}
.previousResults {position:relative; padding:20px 40px; width:100%;}
.previousResults .hoverBox {display:flex; align-items:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);height:100%; width:100%; justify-content:center; background:rgba(180,19,2,.9); text-decoration:none; color:#fff; font-weight:700; text-shadow:0 0 0 rgba(0,0,0,0.5);transition:all ease .2s; opacity:0;}
.previousResults.lotto .hoverBox {background:rgba(255,210,0,.95); color: #333;}
.previousResults.lotto-plus .hoverBox {background:rgba(255,162,0,.9);}
.previousResults.powerball .hoverBox {background:rgba(0,168,255,.9);}
.previousResults.powerball-plus .hoverBox {background:rgba(0,125,190,.9);}
.previousResults.daily-lotto .hoverBox {background:rgba(255,39,62,.9);}
.previousResults.daily-lotto-plus .hoverBox {background:rgb(186 0 64 / 91%);}
.previousResults.raffle .hoverBox {background:rgba(132,12,105,.9);}
.previousResults.sportstake .hoverBox {background:rgba(16,164,101,.9);}	
.previousResults .hoverBox:hover {opacity:1; transition:all ease .2s; width:105%; height:140%}
.previousResults .hoverBox .link {display:inline-block;}
.previousResults .resultInner {align-items:center; justify-content:space-between;}
.previousResults .resultInner .balls {position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);}
.previousResults .balls {margin:0 0 0 20px;}
.previousResults.center .flexBox {flex-direction:column;}
.previousResults.center .h4 {text-align:center; margin-bottom:0;}
.previousResults.center .date {margin-bottom:15px;}
.previousResults .date span {display:block; text-transform:uppercase; font-weight:700;}
.previousResults .dateDouble {text-align:left; display:block; margin: auto 0px auto -15px; width:110px;}
.previousResults .dateDouble span {display:block; text-transform:uppercase; font-weight:700; margin: auto 0;}
.previousResults .ballBox {margin-bottom:10px;}
.previousResults.half {width:338px; display:inline-block; margin:10px;}
.previousResults:after {content:"+"; border:1px solid #878787; color:#878787; width:60px; height:35px; position:absolute; right:15px; top:50%; transform:translateY(-50%); text-align:center; font-size:30px; font-weight:700; line-height:35px;cursor: pointer; z-index: -1;}
.previousResults .hoverBox:hover ~ .previousResults:after {border-color:#fff;}
.resultsInfoBox {display:flex; justify-content:center;}
.resultsInfoBox .elem {margin-right:20px;}
.resultsInfoBox .elem:last-child {margin-right:0;}
.resultsInfoBox .h4 {margin-bottom:0;}
table.archive .resultBox:last-child {margin-left:15px;}
#prizesMain {width:100%; display:flex;}
#prizesMain table, #prizesPlus1 table, #prizesPlus2 table {width:50%; display:table!important;}
.resultsBox.pick-3 .date {font-weight:700; margin-bottom:10px;}
.previousResults.pick-3:after, .previousResults.noPlus:after {display:none;}
.previousResults.pick-3 .date {margin-right:15px; font-weight:400; margin-bottom:0;}
.previousResults.pick-3 .resultBox {display:flex; margin-right:15px!important;align-items:center;}
.previousResults.pick-3 .resultInner .balls {position:relative; top:auto;left:auto; transform:translate(-15px,0); margin-left: 10px;}
.previousResults.pick-3 .time {text-transform:uppercase; font-weight:700;}

/* TICKETS */
.ticketsBox {color:#fff; width:470px; margin-right:20px; overflow:hidden; flex-direction:column; padding:0; display:flex;}

.ticketsBox:last-child {margin-right:0;}
.ticketsBox .date {font-size:20px; margin-bottom:20px; line-height:26px;}
.ticketsBox .jackpot {font-size:36px; font-weight:700; line-height:36px; text-transform:uppercase;}
.ticketsBox .currency {font-size:36px;}
.ticketsBox .jackpot .text {display:block; font-size:36px; font-weight:700;}
.ticketsBox .timerBox {flex-direction:column;}
.ticketsBox .timerBox .title {margin-bottom:10px; color:#000; text-align:center}
.ticketsBox .timerBox ul {flex-direction:column; margin:0 0 20px 0;}
.ticketsBox .timerBox ul li {display:flex; align-items:center; margin-bottom:10px;}
.ticketsBox .timerBox ul li span {width:40px; height:40px; background:#fff; color:#000; line-height:40px; display:inline-block; border-radius:50%; text-align:center; font-weight:700; font-size:18px; margin-right:15px;}
.ticketsBox .ticket {background:#fff; color:#000; padding:15px; margin-left:10px; min-width:286px; min-height:380px;position:relative;}
.ticketsBox .ticket .title {margin-bottom:15px; text-align:center}
.ticketsBox .ticket .subTitle {font-weight:700; margin-bottom:5px;}
.ticketsBox .ticket .input-number {width:37px; height:37px; line-height:37px; background:#f4f4f4; border:1px solid #959595; text-align:center; margin:0 1px; display:block;}
.ticketsBox .ticket  .quickPick {font-size:12px; line-height:12px; margin:0 10px; display:inline-block; cursor:pointer;text-decoration:underline;}
.ticketsBox .ticket .reset {display:inline-block; font-weight:700; cursor:pointer;}
.ticketsBox .ticket .line {margin-bottom:15px;}
.ticketsBox .bottomBox {display:flex; justify-content:center; margin-top:25px;}
.ticketsBox .checkBox {display:flex;}
.ticketsBox .checkBox .mainBalls {display:flex;}
.ticketsBox .checkBox .bonusBalls {margin-left:10px; display:flex;}
.ticketsBox .ticket  .options.full {display:flex; justify-content:space-between; margin-top:5px;}
.ticketsBox .ticket  .options.full .quickPick {margin-left:0;}
.ticketsBox .ticket  .options.full .reset {font-weight:400;text-decoration:underline; font-size:12px;}

.ticketsBox.alt .bottomBox {justify-content:flex-start;}
.ticketsBox.alt .timerBox ul {margin:0 0 0 0;}

.ticketsBox .img-box img {position:absolute; bottom:0; right:-40px; width:360px;z-index:-1; opacity:.8;}
/* .ticketsBox.alt .img-box img {right:80px; left:auto; bottom:0;} */
.ticketsBox .silhouette {position:absolute; bottom:0; left:50%; transform:translateX(-50%); opacity:.2; z-index:-2}
.ticketsBox .ticket {  background: rgba(255,255,255,1);min-width: auto; width:100%; margin:0; padding:50px 20px 20px}
.ticketsBox .date {margin-bottom:0}
.ticketsBox .timerBox {margin:0;}
.ticketsBox .timerBox ul {flex-direction:row; margin:0;}
.ticketsBox .timerBox ul li {font-size:16px; flex-direction:column; color:#2c79d2; margin:0 20px 0 0;}
.ticketsBox .timerBox ul li:last-child {margin-right:0;}
.ticketsBox .timerBox ul li span {background:#2c79d2; color:#fff; margin:0 0 5px 0;}
.ticketsBox .jackpot-box {position: relative; padding:50px 30px; overflow:hidden; flex-grow:1;}
.ticketsBox .jackpot-box .elem-2 {display:flex; justify-content:space-around}
.ticketsBox .cta-box {padding:40px 20px 20px; display:flex; background:#fff;; align-items:center; justify-content:space-around; position: relative; min-height:160px}
.ticketsBox .logoBox {display:flex; border-radius:50%; width:80px; height:80px; border:5px solid #c60101; background:#fff; align-items:center; margin:auto; justify-content:center; font-size:14px; font-weight:700; color:#c60101; position:absolute; top:-40px; left:50%; transform:translateX(-50%); text-align:center}
.ticketsBox.thunderball .logoBox {border-color:#9e0361; color:#9e0361;}
.ticketsBox.euromillions .logoBox {border-color:#0e4e96; color:#0e4e96;}
.ticketsBox.pick-3 .logoBox {border-color:#7700db; color:#7700db;}
.ticketsBox .ticket .line {display:flex; flex-direction:column; align-items:center}
.ticketsBox .ticket .options.full {justify-content:center}
/* .ticketsBox.big .timerBox .title {color:#fff;}
.ticketsBox.big .timerBox ul li {color:#fff;}
.ticketsBox.big .timerBox ul li span {background:#fff; color:#2c79d2; margin:0 0 5px 0;} */
.ticketsBox .ticket .cta-box {padding:0px 20px; border-top:1px solid #e8e8e8; margin-top:25px;}
#lottery-alert.popped {opacity: 1 !important; bottom: 0 !important;}
#lottery-alert.hidden {bottom: -200px !important;}
.ticketsBox .ticket .selections {flex-direction:column; align-items:center}

.ticketsBox.widget {width:100%;}
.ticketsBox.widget .colThird {width:360px;}
.ticketsBox.widget .timerBox ul {flex-direction:row;}
.ticketsBox.widget .timerBox ul li {flex-direction:column; justify-content:center; margin-right:15px;}
.ticketsBox.widget .timerBox ul li span {margin:0;}
.ticketsBox.widget .ticket {min-width:350px;}
.ticketsBox.widget .ticket:before{content:"";position:absolute;top:50%;transform:translateY(-50%); width: 0;height: 0;border-style: solid;border-width: 35px 35px 35px 0;border-color: transparent #fff transparent transparent;left:-35px;}
.ticketsBox.widget .jackpot .text {display:inline;}

.jackpotBoxTicket {display:flex;}
.jackpotBoxTicket .box {display:flex; flex-direction:column; margin-right:20px; width:33.3333%; padding:0;}
.jackpotBoxTicket .box:last-child {margin-right:0;}
.jackpotBoxTicket .top {position:relative;display:flex; padding:30px; color:#fff; align-items:center; justify-content:center;}
.jackpotBoxTicket .top .title {font-size:24px;font-weight:700; color:#000; margin-left:10px; line-height:24px;}
.jackpotBoxTicket .bottom {background:#0959ab; display:flex; justify-content:center; flex-direction:column;align-items:center; padding:20px;}
.jackpotBoxTicket  .timer {font-weight:700;}
.jackpotBoxTicket .timerBox {margin-top:-40px; padding:10px; border-radius:6px;border:2px solid #0959ab; background:#fff; font-size:13px;}
.jackpotBoxTicket .bottom .title {text-transform:uppercase; color:#fff; margin-bottom:10px;}
.jackpotBoxTicket .timerBox .timerTitle {color:#000;}
.jackpotBoxTicket .jackpot {font-weight:700; color:#fff; font-size:36px; margin-bottom:25px;}
.jackpotBoxTicket .subJackpot {margin:-10px 0 15px; color:#99cafc; font-size:21px; font-weight:700;}
.jackpotBoxTicket .ctaBox {display:flex;flex-direction:column; text-align:center;}
.jackpotBoxTicket .button {padding-top:8px;padding-bottom:8px; font-weight:700;}
.jackpotBoxTicket .link {margin-top:10px; color:#99cafc; text-decoration:underline;}
.jackpotBoxTicket .link:hover{color:#feb732;} 
.jackpotBoxTicket .timer li {font-size:12px;}
.jackpotBoxTicket .timer li span {font-size:16px;}

@keyframes pulse {
	0%, 20%, 24%, 28%, 100% {transform:translateY(-50%) scale(.9);}
	22%, 26%{transform:translateY(-50%) scale(1);}	
}

.sideBarGames {background:url(/images/casino/sidebar/starburst/bg.jpg) no-repeat;color:#fff; margin-bottom:30px; padding:20px 0; overflow:hidden; position:relative; min-height:300px;}
.sideBarGames .imgBox img {width:80%; display:block; margin:0 auto;}
.sideBarGames .gem1, .sideBarGames .gem2 {position:absolute; top:80px; left:60px;}
.sideBarGames .gem2 {top:80px; left:20px;}
.sideBarGames .button {position:absolute; bottom:20px; left:50%; transform:translateX(-50%); padding:5px 10px; width:120px;}

.countdown {display: block; width: 200px; margin: 5px; overflow: hidden; text-align: center;}
.counterPart {background:rgba(0,0,0,0.2); position: relative; display: inline-block; width: 50px; height: 50px; text-align: center; padding: 3px; margin-right: 2px; border-radius: 50%;}
.counterType {position: absolute; font:400 10px/26px Arial, sans-serif; color: #fff; display: block; bottom: 0px; width: 100%; left: 0;}
.counterVal {position: relative; font:700 24px/20px Arial, sans-serif; color: #fff; display: block; top: 7px; width: 100%; left: 0;}
.nextBoxAlt .counterPart {width:40px; height:40px;}
.nextBoxAlt .counterVal {font-size:16px; top:2px;}

.collapseWrapper .collapseContent {display:none; background: #f4f4f4; margin-bottom:15px;}
.collapseWrapper.active .collapseContent {display:block;}
.collapseWrapper .h3 {background:#0157a2; color:#fff; padding:15px 40px 15px 10px; text-align:left; position:relative; cursor:pointer; margin:15px 0 0 0;cursor:pointer; user-select: none;}
.collapseWrapper .h3:hover {background:#017ed3;}
.collapseWrapper .h3:before {content:"+"; width:30px; height:30px; position:absolute;top:10px;right:10px; text-align:center; font-size:24px; background:#fff; color:#0157a2; line-height:26px;}
.collapseWrapper.active .h3:before {content:"-";}

.resultsBottom.lotto, .table.lotto th {background: #FE0; color: #333; text-shadow: none;}
.resultsBottom.lotto-plus, .table.lotto-plus th {background: #FA0; color: #333; text-shadow: none;}
.resultsBottom.powerball, .table.powerball th {background: #11A2DC;}
.resultsBottom.powerball-plus, .table.powerball-plus th {background: #0070AA;}
.resultsBottom.daily-lotto, .table.daily-lotto th {background: #ff273e;}
.resultsBottom.daily-lotto-plus, .table.daily-lotto-plus th {background: #ba0040;}
.resultsBottom.raffle, .table.raffle th {background: #840C69;}
.resultsBottom.sportstake, .table.sportstake th {background: #10A465;}
.resultsBottom.health-millions, .table.health-millions th {background: #1878DB;}
.resultsBottom.pick-3, .table.pick-3 th {background:#460080;}
.resultsBottom.france-lotto, .table.france-lotto th {background:#014791;}
.resultsBottom.uk49s, .table.uk49s th {background:#c5000d;}
.resultsBottom.mega-millions, .table.mega-millions th {background:#b12336;}
.resultsBottom.gosloto-7-49, .table.gosloto-7-49 th {background:#fd7432;}
.resultsBottom.italy-million-day, .table.italy-million-day th {background:#009246;}
.resultsBottom.greece-powerball, .table.greece-powerball th {background:#003698;}
.resultsBottom.uk-powerball, .table.uk-powerball th {background:#fd301b;}

.lotteryHeader {width:calc(100% + 40px); margin:-30px 0 20px -20px; padding:15px 30px; position:relative; overflow:hidden;}
.lotteryHeader h2 {position: relative; color:#fff; font-size:28px; z-index:2}
.lotteryHeader .stars {position:absolute; top:0; left:0; width:100%; z-index:1;}

/* SIDEBAR RIGHT */
.sideBarRight {margin-left:20px; vertical-align: top; width:170px; display: inline-block;}
.sideBarRight .box {padding:0; width:100%;}
.sideBarRight .h2 {font-size:15px;padding:15px; color:#fff; background:#B00020; margin-bottom:3px}
.sideBarRight.lotto .h2 {background:#FE0; color: #333;}
.sideBarRight.lotto-plus .h2 {background:#FA0;}
.sideBarRight.powerball .h2 {background:#11A2DC;}
.sideBarRight.powerball-plus .h2 {background:#0070AA;}
.sideBarRight.daily-lotto .h2 {background:#ff273e;}
.sideBarRight.daily-lotto-plus .h2 {background:#ba0040;}
.sideBarRight.raffle .h2 {background:#840C69;}
.sideBarRight.sportstake .h2 {background:#10A465;}
.sideBarRight.pick-3 .h2 {background:#7700DB;}
.sideBarRight.health-millions .h2 {background:#1878BD;}
.sideBarRight ul {display:flex; flex-direction:column;}
.sideBarRight li { list-style:none; display:inline-block;}
.sideBarRight li.subscribe a {background:#f12222; color:#fff;}
.sideBarRight li.subscribe a:hover{background:#ff5151}
.sideBarRight ul a {border-left:6px solid #515151; border-bottom:none; margin-bottom:3px; padding:10px; display:block; text-decoration:none; color:#515151; font-size:14px; font-weight:700; text-align:left;}
.sideBarRight ul a:hover {border-left-color:#B00020;background:#bccee3;}
.sideBarRight .lotteryBox.lotto a:hover, .sideBarRight.lotto ul a:hover {border-left-color:#FE0;background:#EEE;}
.sideBarRight .lotteryBox.powerball a:hover, .sideBarRight.powerball ul a:hover {border-left-color:#11A2DC;background:#EEE;}
.sideBarRight .lotteryBox.daily-lotto a:hover, .sideBarRight.daily-lotto ul a:hover {border-left-color:#ff273e;background:#EEE;}
.sideBarRight .lotteryBox.daily-lotto-plus a:hover, .sideBarRight.daily-lotto-plus ul a:hover {border-left-color:#ba0040;background:#EEE;}
.sideBarRight.lotto-plus ul a:hover {border-left-color:#FA0;background:#EEE;}
.sideBarRight.powerball-plus ul a:hover {border-left-color:#0070AA;background:#EEE;}
.sideBarRight.raffle ul a:hover {border-left-color:#840C69;background:#EEE;}
.sideBarRight.sportstake ul a:hover {border-left-color:#10A465;background:#EEE;}
.sideBarRight.pick-3 ul a:hover {border-left-color:#7700db;background:#EEE;}
.sideBarRight.health-millions ul a:hover {border-left-color:#1878bd;background:#EEE;}

.sideBanner {text-align:center; color:#fff; padding:15px;}
.sideBanner .title {font-size:15px; color:#fff; font-weight:700; line-height:19px; margin-bottom:15px;}
.sideBanner .jackpot{font-size:28px; line-height:28px; font-weight:700; letter-spacing:-1px; font-family: Arial, sans-serif; margin-bottom:15px; text-shadow:0 3px 0 rgba(0,0,0,0.2);}
.sideBanner .button {font-size:14px;}


/* CHECKER */
#form_raffle #RaffleNumber {padding:8px; margin-right:10px; font-size:18px; text-align:center; letter-spacing:2px; text-transform:uppercase;}
#form_raffle td {display:flex;}
#form_raffle .button.yellow {font-size:14px;}

.lotteryInfo .topBox {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}
.lotteryInfo .topBox img {width:60px; margin-left:20px;}
.lotteryInfo .box {display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.lotteryInfo .ctaBox {margin-top:20px;}
.innerJackpot {padding:30px 15px; min-width:260px; text-align:center; color:#fff; font-weight:700; margin-bottom:30px;}
.innerJackpot  .title {font-size:15px;}
.innerJackpot .jackpot {font-size:36px; line-height:36px; margin-bottom:15px;}
.innerJackpot .button {width:100%;}
.innerJackpot .button.yellow {margin-bottom:10px;}


/* BREAKDOWN */
.breakdown {width:100%; text-align:center; padding:30px;}
.breakdown .balls {justify-content:center;}
.breakdown .ctaBox {display:flex; justify-content:center;}
.breakdown .ctaBox .button {margin-right:20px;}
.breakdown .ctaBox .button:last-child {margin-right:0;}
.breakdown .top {justify-content:space-between;}
.breakdownBox {padding:30px 20px;}
.breakdownBox .innerBox {align-items: center; justify-content: space-between; margin-bottom:15px;}
.breakdownBox .jackpot {text-align:right;}
.breakdownBox .jackpot span {color:#B41302; font-weight:700; display:block; font-size:21px;}
.breakdownBox .jackpot.daily-lotto span {color: #ff273e;}
.breakdownBox .jackpot.daily-lotto-plus span {color: #ba0040;}
.breakdownBox .jackpot.lotto span {color: #FA0;}
.breakdownBox .jackpot.powerball span {color: #11A2DC;}
.breakdownBox .jackpot.powerball-plus span {color: #0070AA;}
.breakdownBox .jackpot.raffle span {color: #840C69;}
.drawInfo {text-align:left; display:flex;}
.drawInfo .half {width:50%; display:flex;}
#content.page .drawInfo .half p {flex-grow:1; line-height:18px; border-left:2px solid #bebebe; margin-bottom:0; padding-left:10px;}
#content.page .drawInfo .half:first-child p:first-child {border-left: none;}
.drawInfo .half p span {display:block; font-weight:700; font-size:18px;}
.drawInfo.full {display:flex; margin:0 0 15px 0;}
.drawInfo.full .half {display:flex; margin:0;}
.drawInfo.full .elem { text-align:center; width:50%;}
.drawInfo.full .h3 {font-weight:400; font-size:16px;}
.drawInfo.full .h4 {font-size:21px;}
.checkbox{display:flex;justify-content:center;align-items:center;background:#eaeaea;width:310px;margin:0 auto;padding:10px 15px;}
.checkbox input{margin-left:10px;}
.raffleResult {text-align:center;}
.raffleResult .raffle, table .raffle {font-size:21px; font-weight:700; letter-spacing:1.2px; color:#B41302;}
.twoColBreakdown {display:inline-block; }
.twoColBreakdown:last-child {margin-left:20px;}
.twoColBreakdown .box.resultStyle {width:100%;  padding:15px; text-align:center;}
.twoColBreakdown .box.resultStyle .balls {justify-content:center; margin-bottom:0;}
.dropTable{max-height:0; transition: max-height .5s ease-in-out; overflow:hidden; margin-top: 10px;}
.dropTable.active {max-height:1000px;}
.breakdownResult.mRight:last-child {margin-right:0;}
.raffleCode {background: #DDD; color: #0E4E96; display: inline-block; min-width: 136px; font-size: 17px; padding: 12px 10px; line-height: 20px; margin: 2px; font-weight: 700; letter-spacing: -0.5px;}
.raffleCode.larger {min-width: 200px; font-size: 26px; margin: 10px;}
.raffleCode.ire {background: #F90; color: #FFF;}
.expired {background: #000; color: #FFF; display: inline-block!important; padding: 1px 3px; font-size: 0.8em !important; vertical-align: middle;}
.newsThird {background: #F4F4F4; position: relative; padding: 4px 14px 30px; margin: 0 3px 5px; cursor: pointer; transition: .3s all ease-in-out; width: 295px;}
.newsThird:hover {background: #06E;}
.newsThird:hover p {color: #FFF;}
.newsThird img {padding:10px 0;}
.newsThird:hover a, .newsThird:hover h3 {color: #FC0 !important; background-position: right -890px !important;}
.newsThird:hover a.button {color:#333!important;}
.newsThird.noText {padding-bottom: 0;}
.newsThird.noText p.Title3 {font-size: 13px !important; margin-top:10px; line-height: 18px !important;}
.navButtons {justify-content:space-between;}
.casinoContent {width:100%; display:inline-block;}
.casinoContent img {width:100%;}
.rollArrow {color: #EA003D; font-size: 1.2em; text-transform: uppercase; font-weight: bold; display: inline-block;}
.rollArrow:before {content: ""; background: url(/images/icons/down-arrow.svg) transparent no-repeat; background-size: 100%; position: relative; display: inline-block; width: 40px; height: 40px; margin-right: 10px; vertical-align: middle;}
.leftContent {padding-right: 20px;}
.ddRel {position: relative; z-index: 9; display: block; text-align: left;}
.ddBox {
	position: relative; display: block; text-decoration: none; line-height: 10px; -webkit-appearance: none;
	overflow: hidden; padding: 8px 40px 8px 10px; border: 1px solid #CCC !important; width: 100%; z-index: 9;
}
.ddBox:after {content: "\25BC"; height: 26px; width: 26px; position: absolute; right: 0; top: 0; line-height: 26px; text-align: center; font-size: 0.7em; color: #333;}
.ddBox ~ span {background: #FFF; position: absolute; top: 28px; left: 0; display: block; max-height: 0; overflow: hidden; width: 100%; transition: all .2s ease-in-out; border: 1px solid #FFF;}
.ddBox:active ~ span, .ddBox:focus ~ span {overflow-y: auto; max-height: 250px; border: 1px solid #CCC; transition: all .2s ease-in-out;}
.ddBox:active:after {background: #AAA;}
.ddBox ~ span a {text-decoration: none; display: block; padding: 5px 10px; line-height: 10px; font-size: 0.9em;}
.ddBox ~ span a:hover {background: #EEE;}
.ddBox ~ span br {display: none;}
.ddBox ~ span:hover, .ddBox ~ span:active, .ddBox ~ span:focus {overflow-y: auto; max-height: 250px; border: 1px solid #CCC; transition: all .2s ease-in-out;}

.raffleDrawBox .dateBox {background:#0e4e96; padding:16px 10px; color:#fff; font-weight:700; cursor:pointer; position:relative;}
.raffleDrawBox .dateBox:hover {background:#1461b9;}
table.raffleDrawTable {width:100%;border-spacing:0; margin-bottom:20px;}
table.raffleDrawTable .code {font-weight: 700;}
table.raffleDrawTable td {padding:8px; background:#dddddd;}
table.raffleDrawTable tr:nth-child(even) td {background:#eee;}
table.raffleDrawTable .flagSm {text-align:right;}
table.raffleDrawTable .flagSm .flexBox {align-items:center; /*justify-content:flex-end; padding-right:40px;*/}
table.raffleDrawTable .flagSm img {width:35px; margin-right:10px;}
table.raffleDrawTable .order {text-align:right;}
.raffleDrawTable th {background:#de7138; color:#fff; padding:12px; text-align:left; font-weight:700;}
.raffleDrawBox .ctaBox {display:flex; justify-content:center; margin-bottom:20px;}
.raffleDrawBox {display:inline-block; max-height: 49px; width:50%; overflow:hidden; transition: max-height .5s ease-in-out;}
.raffleDrawBox table.scores {border:none; padding:0;}
.raffleDrawBox.active {max-height:2000px;}
.raffleDrawBox .dateBox:after {content:"+"; position:absolute; width:15px; height:15px; top:12px; right:20px; background:#fff; border-radius:50%; padding:5px; text-align:center; font-size:20px; line-height:13px; color:#888;}
.raffleDrawBox.active .dateBox:after {content:"-";}
.imgC {display:flex; margin-bottom:15px;}
.imgC .imgBox {margin:0 15px 0 0;}
.imgC .imgBox.alt {margin:0 0 0 15px;}

.playBox {position: relative; min-width: 98%; overflow: hidden; color: #FFF; margin-bottom: 20px; display:flex; align-items:center; justify-content:space-around; padding:30px 20px; text-transform:uppercase;}
.playBox > div {flex-grow:1;}
.playBox .h4 {text-shadow:0 2px 1px rgba(0,0,0,0.4)}
.playBox .elem2 {display:flex; align-items:center; z-index:99;}
.playBox .lotteryBalls {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%); opacity:.2; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 16s; animation-name:lotteryBalls;}
@keyframes lotteryBalls{0% {transform:translate(-50%,-50%);}25% {transform:translate(-48%,-48%);}50% {transform:translate(-50%,-46%);}75% {transform:translate(-52%,-48%);}}
.playBox .ctaBox {width:170px; display:flex; flex-direction:column; justify-content:flex-end;z-index:2;}
.playBox .ctaBox.wide {width:280px;}
.playBox .ctaBox a:first-of-type {margin-bottom:5px;}
.playBox .ctaBox .button {font-size:18px; padding:10 8px; font-weight:700;}
.playBox .jackpotTxt {font-size:40px; font-weight:700; line-height:36px; color:#fdc64b; margin-top:0;}
.playBox .jackpotTxt.alt {color:#000;}
.playBox .jackpotTxt.bright {color:#ffef03;}
.playBox .jackpotTxt.small {font-size:40px; letter-spacing:-1px;}
.playBox .timer {margin-left:0;}
.playBox .timerBox {margin:0 0 0 40px; display:flex; flex-direction:column; align-items:center;}
.playBox .timerBox .title {margin-bottom:10px; text-transform:none; font-weight:700;}
.playBox .timerBox li {background:rgba(255,255,255,0.7); border-radius:50%; width:50px; height:50px;text-align:center; color:#1e53ba; font-size:9px; line-height:26px; font-weight:700;}
.playBox .timerBox span {display:block; font-size:21px; line-height:38px; margin-bottom:-15px;}
.playBox .button.small {padding:8px;}
.playBox.free-lottery-weekly .timerBox {margin-left:80px;}
.playBox.free-lottery-weekly .timerBox li {background:#fff;}
.playBox.play333 .h4, .playBox.play333 .jackpotTxt {color: #333; text-shadow: none;}
.playBox.play333 .button.angled-play {background: #C00; color: #FFF;}
.playBox.play333 .button.angled-play:hover {background: #F00;}
.playBox.angled-yellow.play852 .h4, .playBox.angled-yellow.play901 .h4 {color:#000; text-shadow:none;}
.playBox.angled-yellow.play852 .jackpotTxt, .playBox.angled-yellow.play901 .jackpotTxt  {color:#000;}
tr.noBox .playBox {margin-bottom:0;}
tr.noBox td {padding:0;}
table .playBox .jackpotTxt {font-size:40px; width:290px;}


/* GENERATOR */
.generateBox {display:flex; align-items:center; padding:30px; justify-content:center; background:#f4f4f4;}
.generateBox ul.balls {margin-bottom:0;}
.generateBox .button {cursor: pointer; margin-left:20px;}
.result .innerA {position: absolute; width: 48px; height: 48px; padding: 0; margin: 0; left: 0; top: 0; display: block; overflow: hidden;}
.result .innerB,.result .number{position:relative;width:100%;height:100%}
.result .innerB.spinning {display:block;}
.result .innerB.spinning {margin-top: -2400px;}
.result .innerB.stop {margin-top: -960px;}

.genContainer {display:inline-block; width:100%; position:relative; overflow:hidden;}
.genContainer .generateBox {display:none; flex-direction:column;}
.genContainer .generateBox.active {display:flex;}
.genContainer .resultBox {color:#333; border-radius:0 0 6px 6px; border-top:none;}
.genContainer .add, .genContainer .minus {position:absolute;width:30px;height:30px; background:#6f0d17; color:#fff;line-height:30px; text-align:center; border-radius:50%; top:50%; right:50%;transform:translate(1000%, -150%); cursor:pointer; user-select: none; transition:all ease .4s}
.genContainer .add:after, .genContainer .minus:after {content:"Add Ball"; width:50px; height:25px; display:block; color:#000; font-size:13px; text-align:center; margin-left:-10px;}
.genContainer .minus {transform:translate(-900%, -150%);}
.genContainer .minus:after {content:"Remove Ball"; width:80px; margin-left:-20px;}
.genContainer .add.disabled, .genContainer .minus.disabled {opacity:.2; cursor:default;transition:all ease .2s;}
.genContainer .minus.disabled-transition {transform:translate(-1350%, -150%);user-select: none; transition:all ease .4s}
.genContainer .add.disabled-transition {transform:translate(1350%, -150%);user-select: none; transition:all ease .4s}
.genContainer .generateBox .button {margin-left:0;}


/* STATISTICS */
#controlBox {display:flex; background:#f4f4f4; padding:12px 8px;}
.specialBox {display:flex;}
.specialBox .box {margin-right:20px; text-align:center; width:50%; display:flex; align-items:center; background:#f4f4f4; box-shadow:none;}
.specialBox img {width:60px; margin-right:15px;}
.specialBox .box:last-child {margin-right:0;}
.specialBox .box p:last-child {margin-bottom:0;}
.specialBox .h2 {margin-bottom:0; font-size:36px; line-height: 36px;}


/* SOCIAL MEDIA */
.social {position: relative; padding: 20px 20px 0 0; margin-bottom: 10px; text-align: center; line-height: normal; text-indent: 0; font-size: 12px;}
.social.home {padding: 8px 10px; height: 20px; margin-top: 10px;}
.social div {float: left !important; padding: 0 !important; margin: 0 !important; line-height: 20px;}
.social.latest {position: absolute; top: 0; right: 0;}
.social.inPlace {
	background: #EEE; background: rgba(0,0,0,0.07); border: solid 1px #DDD; margin: 20px auto; float: none; width: auto; border-radius: 6px; box-shadow: inset #BBB 0 1px 2px -2px;
	padding: 8px 10px; height: 20px; display: inline-block;
}
.social p {float: left; line-height: 12px; font-size: 12px; padding: 4px 10px; margin: 0;}
.social.inPlace p {padding: 0 10px !important;}
.social.latestResult {position: absolute; top: 12px; right: 10px; padding: 0; margin: 0;}
.google div {width: 70px !important;}
.twitter iframe {width: 95px !important;}
.social .google div {margin-left: 10px !important; margin-right: 6px !important;}


/* INFORMATION */
.infobox{position:relative;display:inline-block;margin:0 -4px 2% 2%;vertical-align:top}
.infobox.two{width:49%}
.infobox.odd{margin-left:0}
.infobox .content{border-radius:10px;border:1px solid #CCC;padding:10px 15px;background:#f8f8f8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.infobox h2{margin-top:0}
.infobox a{position:static;text-decoration:none}
.infobox a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.infobox:hover .content{border-color: #06468e; color:#fff;background-color:#06468e;cursor:pointer}
.infobox:hover a,.infobox a:hover{color:#fff;background-position:right -991px;}
.infoBox {display:flex; background:#f1f1f1; margin:0 0 30px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.infoBox .iconBox {position:relative;background:#0e4e96; min-width:80px;}
.infoBox .iconBox img {position:absolute;left:50%;top:50%; transform:translate(-50%,-50%); width:30px;}
.infoBox .innerBox {padding:15px;}
.infoBox.alert .iconBox {background:#ff4343;}
.infoBox.alert p.title {text-transform:uppercase;color:#ff4343; margin-bottom:7px!important; font-size:1.15em;}
.infoBox.lotteryClass333 .iconBox {background:#FE0;}
.infoBox.lotteryClass334 .iconBox, .infoBox.lotteryClass587 .iconBox {background:#FA0;}
.infoBox.lotteryClass335 .iconBox {background:#11A2DC;}
.infoBox.lotteryClass525 .iconBox {background:#A23602;}
.infoBox.lotteryClass562 .iconBox {background:#7700DB;}
.infoBox.lotteryClass564 .iconBox {background:#840C69;}
.infoBox.lotteryClass699 .iconBox {background:#ff273e;}
.infoBox.lotteryClass647 .iconBox {background:#b12336;}
.infoBox.lotteryClass582 .iconBox {background:#003698;}
.infoBox.lotteryClass819 .iconBox {background:#fd301b;}
.infoBox.lotteryClass713 .iconBox, .infoBox.lotteryClass714 .iconBox {background:#10A465;}
.infoBox p:last-child {margin-bottom:0!important;}
.lotteryInfo .box {background:#f4f4f4; box-shadow:none;}


/* APPS */
.casino-app {float:right; display: inline-block;}
.casino-app a {display: block; text-align: center;}
.casino-app a img {margin:0 auto;}
.casino-app .button {font-size:12px;}


/* NOTICE */
.noticeBlock{
	background: #c90000;
	background: -moz-linear-gradient(top,  #c90000 0%, #6e0101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c90000), color-stop(100%,#6e0101));
	background: -webkit-linear-gradient(top,  #c90000 0%,#6e0101 100%);
	background: -o-linear-gradient(top,  #c90000 0%,#6e0101 100%);
	background: -ms-linear-gradient(top,  #c90000 0%,#6e0101 100%);
	background: linear-gradient(to bottom,  #c90000 0%,#6e0101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#6e0101',GradientType=0 );
	border:1px solid #de3034;
	color:white;
	border-radius:5px;
	margin:20px 0;
}
.noticeBlock p{
	display: block;
	padding:20px 20px 20px 80px !important;
	background-image:url(/images/layout/icon-info-64.png);
	background-position:15px 20px;
	background-repeat: no-repeat;
	font-size:14px !important;
}

.rolldown{display:flex;flex-wrap:wrap;}
.rolldownBox{display:flex;width:340px;padding:15px;background:#f4f4f4;border-radius:5px;margin:15px 10px;}
.rolldownBox .sphere{background:#97001a;border-radius:50%;text-align:center;width:80px;height:80px;display:inline-block;color:#fff;font-size:19px;font-weight:700;padding-top:21px; line-height:21px;}
.rolldownBox p{display:inline-block;width:200px;margin-left:20px !important;}
.rolldownBox .sphere span{display:block;}

.raffle-table {width:100%;}
.raffle-table th:last-child {text-align:center;}
.raffle-table .title span {font-size:18px; font-weight:700;}
.raffle-table .title {width:145px;}
.raffle-table .raffle-box {text-align:left;}
.raffle-table .col {display:inline-block;}
.raffle-table .raffle-box .raffle {display:inline-block;text-align:center;letter-spacing:1px; color:#fff; margin:8px; width:250px;}
.raffle-table .raffleText {display:inline-block; margin-left:15px;}


.faqBox {background:#EEE;margin-bottom:15px;}
#content.page .faqBox p {padding: 10px 15px; margin: 0;}
#content.page .faqBox p.title {font-size:1.2em; color: #B41302; font-weight:bold; padding:8px; border:1px solid #B41302; color:#B41302; cursor: pointer;}
#content.page .faqBox p.title:before {content: "+"; position: relative; display: inline-block; font-size: 20px; color: #FFF; background:#B41302; margin-right: 10px; text-align:center; width:20px;}
#content.page .faqBox.open p.title:before {content: "-";}
#content.box .faqBox p {padding: 10px 15px; margin: 0;}
#content.box .faqBox p.title {font-size:1.2em; color: #B41302; font-weight:bold; padding:8px; border:1px solid #B41302; color:#B41302; cursor: pointer;}
#content.box .faqBox p.title:before {content: "+"; position: relative; display: inline-block; font-size: 20px; color: #FFF; background:#B41302; margin-right: 10px; text-align:center; width:20px;}
#content.box .faqBox.open p.title:before {content: "-";}
#content.page .faqBox.lotto p.title{border-color:transparent; color:#333;}
#content.page .faqBox.lotto p.title:before {background:#FE0; color: #333}
#content.page .faqBox.lotto-plus p.title{border-color:#FA0; color:#FA0;}
#content.page .faqBox.lotto-plus p.title:before {background:#FA0;}
#content.page .faqBox.powerball p.title{border-color:transparent; color:#333;}
#content.page .faqBox.powerball p.title:before {background:#11A2DC;}
#content.page .faqBox.powerball-plus p.title{border-color:#0070AA; color:#0070AA;}
#content.page .faqBox.powerball-plus p.title:before {background:#0070AA;}
#content.page .faqBox.daily-lotto p.title{border-color:transparent; color:#333;}
#content.page .faqBox.daily-lotto-plus p.title{border-color:transparent; color:#333;}
#content.page .faqBox.daily-lotto p.title:before {background:#ff273e;}
#content.page .faqBox.daily-lotto-plus p.title:before {background:#ba0040;}
#content.page .faqBox.raffle p.title{border-color:transparent; color:#333;}
#content.page .faqBox.raffle p.title:before {background:#840C69;}
#content.page .faqBox.sportstake p.title{border-color:transparent; color:#333;}
#content.page .faqBox.sportstake p.title:before {background:#10A465;}
#content.page .faqBox.pick-3 p.title{border-color:transparent; color:#333;}
#content.box .faqBox.free-lottery p.title{border-color:transparent; color:#333;}
#content.box .faqBox.free-lottery p.title:before {background:#fc4d5d;}
#content.box .faqBox.uk49s p.title{border-color:transparent; color:#333;}
#content.box .faqBox.uk49s p.title:before {background:#c5000d;}
#content.box .faqBox.mega-millions p.title{border-color:transparent; color:#333;}
#content.box .faqBox.mega-millions p.title:before {background:#b12336;}
#content.page .faqBox > div {height: 0; overflow: hidden;}
#content.page .faqBox.open > div {height: auto;}
#content.box .faqBox > div {height: 0; overflow: hidden;}
#content.box .faqBox.open > div {height: auto;}
.faqBox h2 {padding: 15px 15px 0; color: #06E;}
.faqBox h4 {padding: 15px 15px 0; color: #06E;}
.step {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	padding: 20px; border: 1px solid #EEE; margin: 5px; flex: 1; width: 300px; text-align: center;
}
.step img {width: 120px;}

table.scores {width:100%;}
table.scores thead th, table.scores .timeRow th {color:#fff; background:#08824e;}
table.scores thead th.top {background:#10A465; font-size:1.2em; cursor:pointer; position:relative;}
table.scores td {padding:12px;}
table.scores .score {color:#000; padding:0; text-align:center;}
table.scores .score.active span {color:#fff; padding:8px 9px; width:100px; display:inline-block; text-align:center;}
table.scores .timeRow td {background:#064a06; padding: 4px; color: #FFF; text-align:center; text-transform:uppercase; border-radius: 0 !important;}
div.scores {display: inline-block; padding: 1px 5px; text-align: center;}
.scores .score span  {padding: 10px; display:block; color:#fff;}
.scores .blockScore {background: #AAA; position: relative; display: inline-block; color:#fff; width: 18px; height: 18px; text-align: center; line-height: 18px; margin: 10px -2px 5px; font-size:12px; border-radius: 50%;}
.scores .blockScore.large {width: 25px; height: 25px; line-height: 25px; margin-left: -1px; margin-right: -1px; font-size: 14px; border-radius: 4px;}
.scores .d, .voteBlock.inner.draw {background:#ee061a; color: #FFF;}
.scores .h, .voteBlock.inner.home {background:#10a465; color: #FFF;}
.scores .a, .voteBlock.inner.away {background:#00289a; color: #FFF;}
.scores .c {background:#AAA; color: #FFF;}
.scores .blockScore span {position: absolute; top: -16px; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #333; left: 0;}
.scores .blockScore.large span {width: 25px;}
.scoresWrapper {display:inline-block; max-height: 66px; width:100%; overflow:hidden; transition: max-height .5s ease-in-out;}
.scoresWrapper table.scores {border:none; padding:0;}
.scoresWrapper.active {max-height:1000px;}
.scoresWrapper .top:after {content:"+"; position:absolute; width:15px; height:15px; right:20px; background:#fff; border-radius:50%; padding:5px; text-align:center; font-size:20px; line-height:16px; color:#286695;}
.scoresWrapper.active .top:after {content:"-";}
.voteButton {background: transparent; border: 1px solid #AAA; padding: 10px; text-align: center; cursor: pointer; display: inline-block; margin: 5px; text-transform: uppercase; font-size: 12px;}
.voteBlock {padding: 0; vertical-align: top;}
.voteBlock.outer {position: relative; width: 120px; background: #CCC; height: 15px; text-align: left; display: inline-block;}
.voteBlock.inner {position: relative; height: 15px; display: inline-block;}
.voteBlock span {display: inline-block; width: 40px; line-height: 15px; font-size: 12px;}
.voteBlock span:first-child {text-align: right;}
.voteBlock span:last-child {text-align: left;}
table.scores p {padding-bottom:0!important;}

.x-box {display:inline-block; width:100%;}
.x-box h2 {position:relative; border:1px solid #eaeaea; border-radius: 6px; padding:10px 20px; cursor:pointer;}
.x-box h2:hover {background:#eaeaea;}
.x-box h2:after {content:""; background:url(/images/svg/up-arrow.svg) no-repeat; width:20px; height:20px; position:absolute; right:15px;top:10px; background-size:20px 20px;}
.balls-alt{margin:0;padding:0;list-style:none;margin:5px 2px 5px; display:flex; flex-grow:wrap;}
 .balls-alt li{text-align:center;margin:1px;width:28px;height:28px;line-height:28px;font-size:1.2em;border-radius:50%;border:2px solid #fff;}
 .balls-alt li.-bonus{background:#fff;color:#212121;}

.nextBoxAlt {
	background: #1878bd;
	background: -moz-linear-gradient(left,  #1878bd 0%, #b30698 100%);
	background: -webkit-linear-gradient(left,  #1878bd 0%,#b30698 100%);
	background: linear-gradient(to right,  #1878bd 0%,#b30698 100%);
	position: relative; padding: 20px 10px; color: #FFF; margin: 0 0 30px; text-align: center; display:flex; align-items: center; justify-content: space-around;
}
.nextBoxAlt .col {display: inline-block; vertical-align: middle; padding: 0 5px;}
.nextBoxAlt > a {display: inline-block;}
.nextBoxAlt img {position: relative; width: 80px; vertical-align: middle; max-width: 100%;}
.nextBoxAlt .title{color: #FFF; letter-spacing: 0;}
.nextBoxAlt .bigJackpotWhite {font-size: 35px; line-height: 38px; font-weight:700;}
.nextBoxAlt .countdown {font-size:12px;}
.nextBoxAlt .countdown canvas {width: 160px; font-size:12px;}
.nextBoxAlt p.sorry {line-height: 14px; font-size: 13px; padding-bottom: 0; margin-bottom: 0; max-width: 180px;}
.nextBoxAlt .ctaBox {display:flex;flex-direction:column; width:200px;}
.nextBoxAlt .ctaBox .link {color:#fff; text-decoration:underline; font-size: 12px;}
.nextBoxAlt .ctaBox .link:hover {color:#FC0;}
.nextBoxAlt .ctaBox .button-yellow {padding-bottom: 5px; display: inline-block; padding-top: 5px; color: #333 !important;}
.nextBoxAlt .ctaBox .button-yellow:hover {margin-top:2px;}
.nextBoxAlt .ctaBox .jackpotContNext {margin-bottom:10px;}
.nextBoxAlt .sorry {font-size:12px!important; padding:0!important; line-height:14px!important;}
.nextBoxAlt .button {display:inline-block; font-size:14px;}

.notification {width:100%;padding:0; display:flex; margin-top:30px;}
.notification .imgBox {display:inline-block;padding:20px; display:flex; justify-content:center; align-items:center; background:#fb424a;width:56px;}
.notification .imgBox img {width:25px;}
.notification .contentBox {padding:21px 30px 18px 30px;}
.notification.lotto .imgBox {background:#9C0000;}
.notification.lotto-plus .imgBox {background:#600;}
.notification.powerball .imgBox {background:#11A2DC;}
.notification.powerball-plus .imgBox {background:#0070AA;}
.notification.daily-lotto .imgBox {background:#ff273e;}
.notification.daily-lotto-plus .imgBox {background:#ba0040;}
.notification.raffle .imgBox {background:#840C69;}
.notification.sportstake .imgBox {background:#10A465;}
.notification.pick-3 .imgBox {background:#7700DB;}
.notification.health-millions .imgBox {background:#1878DB;}

.rolldown {display:flex; flex-direction:column; width:100%; align-items:center;}
.rolldown .result {justify-content:space-between; width:100%; align-items:center;}
.rolldown .date {font-size:18px;}
.rolldown .date span{font-weight:700; display:block;}
.rolldown .jackpot {text-align:right; font-size:18px; font-weight:700;}
.rolldown .jackpot span {display:block; font-weight:400;}
.rolldown .showHide {display:block; background:#B00020; color:#fff; padding:5px 15px; text-align:center; border-radius:25px; text-decoration:none;}
.rolldown .showHide:hover {background:#4998f4;}
.rolldown .statsBox {width:100%;max-height:0; transition:all .5s ease-in-out; opacity:0; }
.rolldown .statsBox.active {max-height:1000px;visibility:visible; transition:all .5s ease-in-out; opacity:1; margin-top:20px;}
.rolldown .statsBox .innerBox {padding:30px 15px 15px; text-align:center; margin-right:15px; text-transform:uppercase;flex-grow:1; background:#f4f4f4; border:1px solid #d0d0d0;position:relative; margin-top:15px;overflow:hidden;}
.rolldown .statsBox.active .innerBox {overflow:visible;}
.rolldown .statsBox .innerBox:last-child {margin-right:0;}
.rolldown .statsBox .prize {font-size:28px; line-height:28px; font-weight:700; margin-bottom:10px; color:#B41302;}
.rolldown .statsBox li {list-style:none; line-height:21px;}
.rolldown .rolldownText {font-size:18px; display:block; color:#000;}
.rolldown .h4 {background:#B41302; width:105px;height:25px; position:absolute; top:-13px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; color:#fff;}

.sphereBox {display:flex; flex-wrap:wrap; justify-content:center;}
.sphereBox .sphere {width:250px; height:250px; border-radius:50%; color:#fff; display:flex; flex-direction:column;justify-content:center; align-items:center; text-align:center; padding:25px; position:relative; margin:20px;}
.sphereBox .sphere:after {content:"";width:200px; height:25px; border-radius:50%;background:#f4f4f4; position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);z-index:-1}
.sphereBox .h3 {background:#fff;color:#B41302; padding:10px 20px; font-size:24px; border-radius:25px;}
.sphereBox p {font-size:17px;}
.sphereBox.alt .h3 {color:#B00020;}
.sphereBox.alt .sphere {width:200px;height:200px;}

.eventsBox {display:flex;flex-wrap:wrap;}
.eventsBox .box {display:flex;width:48%; margin:0 1% 20px; align-items:center;}
.eventsBox svg {width:80px; margin-right:15px; fill:#B00020;}
.eventsBox.lotto svg {fill:#9C0000;}
.eventsBox.powerball svg {fill:#11A2DC;}
.eventsBox.daily-lotto svg {fill:#ff273e;}
.eventsBox.daily-lotto-plus svg {fill:#ba0040;}
#content.page .eventsBox p {font-size:18px;}
.eventsBox .h2 {margin-bottom:5px;}
.eventsBox .ball {margin:0 25px 0 10px;}
.eventsBox .ball {margin:0 25px 0 10px; width:70px; height:70px; line-height:60px;font-size:24px; font-weight:700; border-width:5px;}

.jackpotCap {display:flex;flex-direction:column;}
.jackpotCap .box {border:2px solid #0e4e96;position:relative; margin-bottom:75px; text-align:center;}
#content.page .jackpotCap .box p {font-size:18px;}
.jackpotCap .box:after {content:"";background:url(/images/svg/down-arrow.svg) no-repeat; width:50px; height:57px; background-size:50px 57px; position:absolute;left:50%; transform:translateX(-50%); bottom:-70px;}
.jackpotCap .box:last-child {margin-bottom:20px;}
.jackpotCap .box:last-child:after {background:none;}
.jDis {font-size: 11px; position: absolute; bottom: 2px; left: 5px; opacity: 0.7; text-transform: none;}

.generic-box {padding:40px; background:#f4f4f4; margin-bottom:20px; clear:both; overflow:hidden; border:1px solid #eaeaea;}
.generic-box-half {padding:40px; background:#f4f4f4; margin-bottom:20px; float:left; overflow:hidden; width:425px; margin-left:20px;border:1px solid #eaeaea;}
.account-box {float:left; width:100%; padding:15px 0 20px 100px; position:relative;}
.account-box img {position:absolute; left:0; top:28px; width:80px;}
.account-box .title {font-weight:800; font-size:14px; float:left; margin:30px 0 0; color:#333;}
.account-box p {float:left; font-size:18px; clear:both; color:#797979; letter-spacing:-0.8px;}
.account-settings .btn {float:left; font-size:18px; margin:20px 20px 0;}
.generic-box .column {width:620px; float:right;}

.scratchcards {display:flex; margin-bottom:30px;}
.scratchcards img {width:100%;}
.scratchcards .button {width:100%; margin-bottom:10px;}
.scratchcards .box {margin:0 15px 0 0;}
.scratchcards .box:last-child {margin-right:0;}