/* Minification failed. Returning unminified contents.
(998,2): run-time error CSS1019: Unexpected token, found '}'
 */
/* GLOBALS AND RESETS */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, ul, li, form, br {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: top;}
html {background: #fff; height: 100%;}
body {background:#fff; position: relative; color: #000; font-family: "Roboto", sans-serif; -webkit-text-size-adjust: none; transition: transform ease .4s;}
sup {padding: 0; margin: 0; font-size: 90%; line-height: normal;}
a {text-decoration: none; color: #5da629;text-decoration:underline;}
a:hover {color: #0e91f5; }
a img {border: none;}
input[type=text], input[type=password], textarea {background: #F3F3F3; border: 1px solid #EEE; padding: 6px 5px; font: normal 1em/16px "Roboto", sans-serif; outline: none; border-radius: 0; transition: .3s all ease-in-out; color: #555; 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;}
hr {border-color:rgba(0, 0, 0, .1); border-bottom:none; margin-bottom:30px;}



/* TYPOGRAPHY */

h1,h2,h3,h4,.title,.h1,.h2,.h3,.h4 {font-weight:700; font-family:"Bebas", sans-serif;}
h1,.h1 {font-size:36px; line-height:32px; margin-bottom:30px;}
h1:after, h2:after {content:""; width:60px; height:2px; display:block; background:#5da629; margin-top:15px;}
.eurojackpotTheme h1:after, .eurojackpotTheme h2:after {background:#efa900;}
.vikingTheme h1:after, .vikingTheme h2:after {background:#112da6;}
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:30px; margin-bottom:20px;}
p.big {font-size:24px; line-height:36px;}
.titleAlt {background:rgba(255,255,255,0.1); display:inline-block; padding:5px 25px; border-radius:25px; color:#fff; font-weight:700; margin-bottom:15px;}
.highlightRed {color:#5da629}
ul.list {margin-bottom:30px;}
ul.list li {margin-bottom:10px;position:relative; padding-left:18px; position:relative;}
ul.list li:before {content:""; background:#5da629; display:inline-block; width:6px;height:6px; margin-right:10px;  border-radius:50%; position:absolute; left:0; top:8px;}
.eurojackpotTheme ul.list li:before {background-color:#efa900;}
.vikingTheme ul.list li:before {background-color:#112da6;}
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;}

ul.list.with-icons li {padding-left:40px;margin-bottom:30px;}
ul.list.with-icons li:before {background:url(/images/svg/green-tick.svg) no-repeat; width:30px; height:30px; top:-4px}
ul.list.with-icons.cross li:before {background-image:url(/images/svg/cross.svg)}

/* LAYOUT */

.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 {width:1170px; margin:0 auto;}
.eqMargin {margin:10px;}
.mBottom {margin-bottom:30px;}
.mTop {margin-top:30px;}
.noBottom {margin-bottom:0;}
.center {text-align:center;}
#main {width:1170px; margin:0 auto;}
.genBox {background:#fff; padding:60px; box-shadow:0 0 50px rgba(0, 0, 0, 0.2); border-top:3px solid #5da629; margin-bottom:30px;}
.eurojackpotTheme .genBox {border-color:#efa900;}
.vikingTheme .genBox {border-color:#112da6;}

.btn, .nextBox .button {/*background:#bd0031;*/ background:#000; padding:4px 20px; color:#fff; font-weight:700; text-transform:uppercase; display:inline-block; transition: all .2s; font-size:21px; text-decoration:none; font-family:"Bebas";}
.btn:hover {/*background-color:#5da629;*/ background-color:#333; color:#fff;transition: all .2s}
.btn.yellow {background:#ffbe00; color:#000; border:none;}
.btn.yellow:hover {background:#ffe25a;transition: all .2s}
.btn.red {background:#d40d12; color:#fff; border:none;}
.btn.red:hover {background:#ff3136;}

header > .logo {display:none;}
header {display:inline-block; width:100%; margin-bottom:30px;}
header .topBar  {background:#5da629; width:100%;}
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 "Bebas", sans-serif; color:#fff; text-decoration:none; transition:all ease .2s; border-right:1px solid #7dbf4a;}
header .topBar ul > li > a:hover {background:#4a7f1d; 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:"Roboto"; font-size:14px;}
header .logo img {width:160px;}
header .headerBox {height:110px; display:flex; align-items:center; box-shadow:2px 0 90px rgba(0, 0, 0, .2);}
header .wrapper {display:flex; align-items:center; justify-content:space-between;}
nav {display:flex;}
nav > ul {display:flex;}
nav > ul > li {display:flex; align-items:center;margin-right:50px; position:relative;}
nav > ul > li > a {font:30px/30px "Bebas", sans-serif; color:#000; text-decoration:none; padding:8px 15px;}
nav > ul > li.sub > a.active {background:#5da629; color:#fff;}
nav > ul > li.sub.eurojackpot > a.active, nav > ul > li.sub.eurojackpot > a:hover {background:#efa900;}
nav > ul > li.sub.viking-lotto > a.active, nav > ul > li.sub.viking-lotto > a:hover {background:#112da6;}

.subNav {background: #FFF; position: absolute; top: 100%; left: 50%; transition: all .2s ease; z-index: 3; box-shadow: rgba(0,0,0,0.2) 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;}
.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:#4a7f1d;transition:all ease .2s;}
nav > ul > li.sub.eurojackpot .subNav li a:hover {background:#efa900;}
nav > ul > li.sub.viking-lotto .subNav li a:hover {background:#112da6;}

#languages {display:flex;}
#languages a , #languages .disabled {border-radius:25px 0 0 25px; border:1px solid #000; padding:10px 15px; text-decoration:none; min-width:80px; text-align:center;text-transform:uppercase; font-size:12px; color:#000;}
#languages a.da { border-right:none;}
#languages a.en, #languages .en.disabled  {border-radius:0 25px 25px 0; border-left:none;}
#languages a:last-child  {margin-right:0;}
#languages.en a.en, #languages.da a.da {background:#5da629; color:#fff; border-color:#5da629;}
#languages a:hover {border-color:#5da629; color:#5da629}
#languages .disabled {opacity:.2;}


/* BREADCRUMBS */
#breadcrumb{display:flex;width:1200px;margin:0;padding:10px;line-height:10px; font-size:14px; align-items:center; margin:-15px 0 10px;}
#breadcrumb li{display:inline-block;background: url(/images/svg/chev.svg) no-repeat 2px 0px;padding-left: 20px;background-size:10px 10px; color:#000; margin-left:5px;}
.eurojackpotTheme #breadcrumb li {background-image:url(/images/svg/chev-yellow.svg);}
.vikingTheme #breadcrumb li {background-image:url(/images/svg/chev-purple.svg);}
#breadcrumb li:first-of-type {background:none;padding:0;}
#breadcrumb a {text-decoration: underline; color: #000; display:inline-block;}
#breadcrumb a:hover {color: #d40d12;}
#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;}

/* HOMEPAGE */
.homeIntro {padding:0; display:flex; flex-direction:column; justify-content:space-between;}
.homeIntro .introBox {padding:60px 60px 30px;}
.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:before {content:""; display:inline-block; width:50px; height:40px; background:url(/images/svg/icon-checker.svg) no-repeat; background-size:40px 40px; margin-right:10px}
.homeIntro .introLinks .title.generator-icon:before {background-image:url(/images/svg/icon-generator.svg);}
.eurojackpotTheme .homeIntro .introLinks .title:before {background-image:url("/images/svg/icon-checker-yellow.svg");}
.vikingTheme .homeIntro .introLinks .title:before {background-image:url("/images/svg/icon-checker-purple.svg");}
.eurojackpotTheme .homeIntro .introLinks .title.generator-icon:before {background-image:url(/images/svg/icon-generator-yellow.svg);}
.vikingTheme .homeIntro .introLinks .title.generator-icon:before {background-image:url(/images/svg/icon-generator-purple.svg);}

.homeJackpot {padding:0; border-top:none; display:flex; flex-direction:column;}
.homeJackpot > div {flex-grow:1;}
.homeJackpot .jackpotBox {background:url(/images/layout/jackpot-bg.jpg) no-repeat bottom; background-color:#5da629; background-size:cover; color:#fff; display:flex; flex-direction:column; align-items:flex-end; font-family:"Bebas", sans-serif; padding:60px 60px 60px;}
.homeJackpot .jackpotBox.bg-2 {background-image:url(/images/layout/jackpot-bg-2.jpg);}
.homeJackpot .jackpotBox.bg-3 {background-image:url(/images/layout/jackpot-bg-3.jpg);}
.homeJackpot .jackpotBox.alt {color:#000;}
.homeJackpot .title {font-size:36px;}
.homeJackpot .title span {color:#ffde20}
.homeJackpot .title span.alt {color:#5da629;}
.homeJackpot .jackpot {font-size:130px; line-height:130px;}

.homeResults {padding:40px 60px; font-family:"Bebas"; background:#fff;}
.homeResults .ctaBox {display:flex;}
.homeResults .ctaBox div:first-child {margin-right:10px;}
.homeResults .date {font-size:24px; display:flex; align-items:center; margin-bottom:10px;}
.homeResults .date:before {content:""; display:inline-block; width:25px; height:25px; background:url(/images/svg/calendar.svg) no-repeat; background-size:25px 25px;margin-right:5px}

.timerBox ul {display:flex; margin-bottom:15px; font-family:"Bebas";}
.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:2px; height:15px; display:inline-block; font-size:30px; line-height:30px; position:absolute; right:0; top:50%; transform:translateY(-90%);}
.timerBox ul li:last-child:after {display:none;}

.lotteryBnr {display:none;}
.lotteryBnr.active{display:block;}

.jackpots {display:flex; font-family:"Bebas"; margin-bottom:30px; width:100%}
.jackpots .box { box-shadow:0 0 50px rgba(0, 0, 0, 0.2);}
.jackpots .jackpotBox {min-height:260px; background-image:url(/images/layout/jackpot-bg-small.jpg); background-repeat:no-repeat; display:flex; background-size:cover; flex-direction:column; align-items:flex-end; padding:60px; color:#fff; justify-content:center;}
.jackpots .jackpotBox.jackpot-bg-2 {background-image:url(/images/layout/jackpot-bg-small-2.jpg);}
.jackpots .jackpotBox.jackpot-bg-3 {background-image:url(/images/layout/jackpot-bg-small-3.jpg);}
.jackpots .jackpotBox .title {font-size:27px;}
.jackpots .jackpotBox .title span {color:#ffde20;}
.jackpots .jackpot {font-size:110px; line-height:110px;}
.jackpots .ctaBox {display:flex; justify-content:center; padding:30px; align-items:center;}
.jackpots .timerBox ul {margin:0 20px 0 0;}
.jackpots .jackpotBox.alt {color:#000;}
.jackpots .jackpotBox.alt .title span {color:#5da629;}
.jackpot-text {font-size:18px; line-height:21px; font-family:"Roboto"; letter-spacing:-1px;}
.jackpot-text .big-text {font-weight:700; background:#000; color:#fff; width:50px; height:50px; line-height:50px; text-align:center;border-radius:50%; display:inline-block; margin-top:-13px; letter-spacing:0px;}

.how-to-steps { padding:100px; text-align:center;}
.how-to-steps .innerBox{display:flex; margin-bottom:30px; flex-direction:column;}
.how-to-steps .row {display:flex;}
.how-to-steps.alt .row {flex-direction:column;}
.how-to-steps .top {margin-bottom:40px;}
.how-to-steps .box {display:flex;padding:50px; flex-grow:1; width:50%;transition:all ease .3s;}
.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:hover {background:#eaeaea; transition:all ease .3s;}
.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; line-height:30px;background:#5da629; border-radius:50%; color:#fff; font-family:"Bebas"; font-size:21px; margin-right:10px; position:relative; text-align:center;}
.eurojackpotTheme .how-to-steps .number {background:#efa900; color:#000}
.vikingTheme .how-to-steps .number {background:#112da6;}
.how-to-steps .title {font-size:24px;}
.how-to-steps img {width:150px;}
.how-to-steps .titleBox {display:flex; align-items:center; margin-bottom:10px;}
.how-to-steps .contentBox {margin-left:30px; text-align:left;}
/*.how-to-steps .line:after {content:"";width:260px;height:2px; position:absolute;top:50%; transform:translateX(-50%);left:180px; background:#5da629;}*/

.appBox {padding:0; display:flex; margin:100px 0 30px}
.appBox .contentBox {padding:60px 120px 60px 60px;width:60%;}
.appBox .phoneBox {background:url(/images/apps/app-bg.jpg) no-repeat top right; position:relative;width:40%;background-size:cover;}
.appBox .phoneBox .innerBox {display:flex; flex-direction:column;justify-content:center; align-items:center; padding:60px 60px 60px 160px;  color:#fff;  margin:auto; text-align:center;}
.appBox .phoneBox .phones {position:absolute;top:50%; transform:translateY(-50%); left:-130px;}
.appBox .icons {display:flex; margin-bottom:15px;}
.appBox .iconsBox {display:flex; flex-direction:column; align-items:center; margin-bottom:40px;}
.appBox .iconsBox .title {font-size:38px; line-height:38px;}
.appBox .icons .device-icon {margin-right:15px;}
.appBox .icons .device-icon:last-child {margin-right:0;}
.appBox .icons img {width:40px;}
.appBox .qrBox .title {font-size:24px;line-height:24px; margin-top:10px;}
.appBox .qrImg img {width:150px;}

.winnersBox {display:flex;padding:0;}
.winnersBox .imgBox {margin-bottom:15px;}
.winnersBox .box {padding:60px 30px; text-align:center; flex-grow:1; flex-basis:0;}
.winnersBox .title {font-size:19px;}
.winnersBox .box .stat {font-size:54px; font-family:"Bebas";}

/* RESULTS  */

.mainResultBox {display:flex; width:100%; flex-direction:column; margin-bottom:30px;}
.mainResult {display:flex; justify-content:space-between; background:#fff; box-shadow: 0 0 50px rgba(0 0 0 / 20%); position:relative;}
.mainResult .multiResult {display:flex; flex-wrap:wrap;}
.mainResult .top {display:flex; align-items:center; margin-bottom:15px;}
.mainResult .date {font-size:24px; display:flex; align-items:center; font-family:"Bebas";}
.mainResult .date:before {content:""; display:inline-block; width:25px; height:25px; background:url(/images/svg/calendar.svg) no-repeat; background-size:25px 25px;margin-right:5px}
.mainResult .result {padding:30px 60px;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; flex-grow:1; background:url(/images/layout/result-info-2.png) no-repeat #5da629; background-size:cover; padding:10px 60px; text-align:right;}
.eurojackpotTheme .mainResult .info .box {background-color:#efa900; color:#000}
.vikingTheme .mainResult .info .box {background-color:#112da6;}
.mainResult .info .inner {position:relative; padding-right:45px;}
.mainResult .info .inner:before {content:""; background:url("/images/svg/star.svg") no-repeat; width:40px; height:40px; background-size:40px 40px; position:absolute;top:12px;right:0;}
.mainResult .info .box:last-child {justify-content:flex-start; background-image:url(/images/layout/result-info-1.png); text-align:left;}
.mainResult .info .box:last-child .inner {padding-right:0; padding-left:45px;}
.mainResult .info .box:last-child .inner:before {background-image:url(/images/svg/trophies.svg); right:auto; left:0;}
.mainResult .info .flagBox {font-size:21px; display:flex; align-items:center;}
.mainResult .info .flagBox:before {content:""; background:url(/images/svg/denmark-flag.svg) no-repeat; width:20px; height:20px; background-size:20px 20px; margin-right:5px;}
.mainResult .info .title {font-size:18px; font-weight:400;}
.mainResult .info .title {font-family:"Roboto";}
.mainResult .info .text {font-weight:700; font-size:36px; line-height:36px; font-family:"Bebas";}
.mainResultBox .bottom {display:flex;box-shadow:0 0 50px rgba(0 0 0 / 20%);}
.mainResultBox .bottom div {flex-grow:1;}
.mainResultBox .bottom a {background:#f4f4f4; padding:20px;display:flex; justify-content:center; align-items:center; font-size:18px; text-decoration:none; color:#000; border-right:1px solid #dbdbdb; transition:all ease .2s;}
.mainResultBox .bottom a:before {content:""; background:url(/images/svg/coins.svg) no-repeat; width:30px; height:30px; background-size:30px 30px; display:inline-block; margin-right:5px;}
.eurojackpotTheme .mainResultBox .bottom a:before {background-image:url(/images/svg/coins-yellow.svg);}
.vikingTheme .mainResultBox .bottom a:before {background-image:url(/images/svg/coins-purple.svg);}
.mainResultBox .bottom a.ticket-icon:before {background-image:url(/images/svg/pick-numbers.svg);}
.mainResultBox .bottom a.how-to-play-icon:before {background-image:url(/images/svg/book.svg);}
.eurojackpotTheme .mainResultBox .bottom a.ticket-icon:before {background-image:url(/images/svg/pick-numbers-yellow.svg);}
.eurojackpotTheme .mainResultBox .bottom a.how-to-play-icon:before {background-image:url(/images/svg/book-yellow.svg);}
.vikingTheme .mainResultBox .bottom a.ticket-icon:before {background-image:url(/images/svg/pick-numbers-purple.svg);}
.vikingTheme .mainResultBox .bottom a.how-to-play-icon:before {background-image:url(/images/svg/book-purple.svg);}
.mainResultBox .bottom a:hover {background:#cdcdcd; transition:all ease .2s;}
.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 {position:absolute; top:0; left:60px; background:#f4f4f4;color:#000; padding:5px 10px;}
.previousResults .mainResult .drawNumber {position:relative; display:block; left:auto; margin-left:15px;}

.previousResults {display:flex;flex-wrap:wrap; margin-bottom:30px;}
.previousResults .mainResultBox {width:555px; margin:15px;}
.previousResults .mainResult {flex-direction:column;}
.previousResults .mainResult .info {flex-direction:row; justify-content:space-between;}
.previousResults .mainResult .result, .mainResult.small .result {min-width:0; align-items:center;}
.previousResults .mainResult .info .box {width:50%; height:auto; padding:10px 20px; flex-grow:1; background-image:none; justify-content:center;}
.previousResults .mainResult .info .box .text {font-size:24px;}
.previousResults .mainResult .info .text {font-size:30px;}
.previousResults .mainResult .info .title {margin-right:5px; font-size:16px;}

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

.scores .top {background:#aa002c;}
table.scores .score.active span {color:#fff; padding:8px 9px; 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:#e71f40; color: #FFF;}
.scores .h, .voteBlock.inner.home {background:#0f9240; color: #FFF;}
.scores .a, .voteBlock.inner.away {background:#192d64; color: #FFF;}

.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;}
.infoBoxes .box { padding:25px;background:#f4f4f4; margin:2%; flex-grow:1;}
.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 {width:30px; 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:#5da629; color:#fff; font-weight:700; border-spacing:0; padding:10px; border:none;}
.eurojackpotTheme table thead th {background-color:#efa900;}
.vikingTheme table thead th {background-color:#112da6;}
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.loadingActive {background:url(/images/layout/loading.gif) no-repeat center; width:100%;height:400px; margin:auto;}
.tableBreakdown .regionWinners {display:flex; width:100%; justify-content:flex-end; font-size:12px; align-items:center;}
.tableBreakdown .regionWinners img {width:16px; margin-right:4px;}

.breakdownExpand {width:100%; background:#bd0031; color:#fff; display:flex; padding:6px 5px 6px 30px; text-decoration:none; font-family:"Bebas"; font-size:24px; justify-content:space-between; align-items:center;}
.breakdownExpand:hover {color:#fff; background:#5da629;}
.breakdownExpand:after {content:"+"; width:50px; height:100%; font-size:48px; line-height:48px; background:rgba(0, 0, 0, .2); text-align:center;}
.breakdownExpand.active:after {content:"-"}

.playBox {display:flex; padding:0; border-top:none;}
.playBox .lotteryInfo {padding:60px;}
.playBox .jackpotBoxTicket {padding:60px; color:#fff; display:flex; flex-direction:column; min-width:480px; align-items:flex-end;background-image:url(/images/layout/ticket-bg-1.png); background-repeat:no-repeat; background-size:cover;}
.playBox .statBoxWrap {display:flex;}
.playBox .statBoxWrap .box {flex-grow:1; display:flex; align-items:center; padding: 5px; min-width: 100px;}
.playBox .statBoxWrap .title {font-size:30px;}
.playBox .imgBox {margin-right:10px;}
.playBox .jackpotBoxTicket .title { font-size:26px; line-height:26px;}
.playBox .jackpotBoxTicket .title span {color:#ffde20;}
.playBox .jackpotBoxTicket .jackpot {font-size:90px; line-height:90px; font-family:"Bebas";}
.playBox .jackpotBoxTicket .title span.alt{color:#5da629;}
.playBox .jackpotBoxTicket.eurojackpot {background-image:url(/images/layout/ticket-bg-2.png);}
.playBox .jackpotBoxTicket.powerball {background-image:url(/images/layout/ticket-bg-3.png);}
.playBox .jackpotBoxTicket.superenalotto {background-image:url(/images/layout/ticket-bg-5.png);}
.playBox .jackpotBoxTicket.mega-millions {background-image:url(/images/layout/ticket-bg-4.png);}
.playBox .jackpotBoxTicket.german-lotto {background-image:url(/images/layout/ticket-bg-6.png);}
.playBox .imgBox img {width:50px;}

/*FAQS*/

.faqBox .title {font-size:26px;}
.question {padding: 20px 20px 20px 50px;margin: 0;position: relative;cursor: pointer;transition: all ease 0.2s; }
.question:before {content: "+";position: absolute;top: 50%;left: 0;transform: translate(0, -50%);font-size: 1.1em;background: #5da629;color: #fff;border-radius: 50%;width: 30px;height: 30px;line-height: 28px;text-align: center;transition: all ease 0.2s; }
.question:hover {background: #f4f4f4;transition: all ease 0.2s;padding-left: 75px;}
.question:hover:before {left: 25px;transition: all ease 0.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 0.2s;margin-bottom: 20px;}
.question.is-active:before {content: "-";line-height: 28px;}
.js-collapsible {height: 0;overflow: hidden;transition: all ease 0.2s;}
.js-collapsible.is-active {height: auto; }

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

/* STATS */

.freqBalls {display:flex; flex-wrap:wrap;}
.freqBalls .ball {margin:0 0 10px 0; padding:0;}
.freqBalls .inner {background:#ededed;border:2px solid #fff; padding:20px 10px; display:flex; flex-direction:column; align-items:center; border-radius:5px; min-width:100px;}
.graphBall {flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:10px;}
.graphBall .ball {margin: 0 10px 0;}
.statsBox {display:flex; margin-bottom:30px;}
.statsBox .box {display:flex; align-items:center; flex-direction:column; margin-right:2px; background:#ededed; text-align:center; padding:15px 10px; flex-grow:1; border-radius:5px;}
.statsBox.cold .box {background:#c3caff;}
.statsBox.hot .box {background:#ffd497;}
.statsBox .freq, .winnersMap .region {display: flex;align-items: center;margin-bottom: 5px;border: 1px solid rgba(0,0,0,.3);border-radius: 25px;padding: 2px 15px 2px 2px;}
.statsBox .freq .title, .winnersMap .region .title {background: rgba(0,0,0,.1);display: inline-block;padding: 5px 15px;border-radius: 25px; margin-right:10px; font-size:12px;}
.statsBox .freq.alt {flex-direction:column; padding:2px; width:100%; border-radius:15px;}
.statsBox .freq.alt .title {margin:0 0 10px 0; border-radius:15px; width:100%;}
.statsBox .box:last-child {margin-right:0;}
.statsBox .ball {margin:0 0 15px 0;}
.statsBox .stat, .winnersMap .winners {font-weight:700;}
.statsBox .freq {margin-bottom:10px;}
.statsBox .ballBox {display:flex;}
.statsBox .ballBox .ball {margin-right:5px;}
.statsBox .ballBox .ball:last-child {margin-right:0;}
.statsBox .twoCol {display:flex; margin-bottom:15px;}
.statsBox .twoCol .textBox:first-child {margin-right:10px; border-right:1px solid #bcbcbc; padding-right:10px;}
.statsBox .box.eqMargin {margin:10px;}
.oddsEven .box {width:23%}


/* GENERATOR */

#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]{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;-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-joker{background:transparent;border:2px solid #5da629;color:#5da629}
.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: #5da629; 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:#5da629}
.eurojackpotTheme .generatorBox.nextBox.alt {background:#efa900}
.vikingTheme .generatorBox.nextBox.alt {background:#112da6;}

/* HOW TO PLAY */

.how-to-play-box {margin-bottom:30px;}
.how-to-play-box .inner {margin-bottom:30px;}
.how-to-play-box .inner:last-child {margin-bottom:0;}
.how-to-play-box .step {padding:30px; margin-right:30px; border:1px solid #dadada; flex-grow:1; flex-basis:0; background:#f4f4f4;}
.how-to-play-box .step:last-child {margin-right:0;}
.how-to-play-box .step .top {display:flex;align-items:center; margin-bottom:20px;}
.how-to-play-box h2, .how-to-play-box .h3 {margin:0 0 0 20px;}

/* CHECKER */

.checkerWrapper {background:url(/images/layout/ticket-checker-bg.png) no-repeat center bottom #5da629;color:#333;overflow:hidden;}
.eurojackpotTheme .checkerWrapper {background-color:#bf8700;}
.vikingTheme .checkerWrapper {background-color:#112da6;}
.checkerWrapper > p {color:#fff;}
#checkerGrid .grid {margin-bottom:20px;}
#checkerGrid .grid .title {font-size:28px; color:#fff}
#checkerGrid .grid ul {display:flex; flex-wrap:wrap; justify-content: center;}
#checkerGrid .grid ul li {margin:10px; cursor:pointer;transition:all ease-in-out .2s; box-shadow:0 0 10px rgba(0, 0, 0, .2);}
#checkerGrid .grid ul li:hover {transform:scale(1.1); transition:all ease-in-out .2s;}
#checkerGrid p {text-align:center; font-size:18px; color:#fff;}
#checkerGrid .grid .ball.powerball:after{content:"";}
#checkerGrid .grid .ball {background: #FFF; color: #5da629;}
.vikingTheme #checkerGrid .grid .ball {background: #FFF; color: #112da6;}
.eurojackpotTheme #checkerGrid .grid .ball {background: #FFF; color: #bf8700;}
#checkerGrid .grid .ball.selected, #checkerGrid .grid .ballselected {background: #FB0; color: #FFF;}
.vikingTheme #checkerGrid .grid .ball.euro.selected, .eurojackpotTheme #checkerGrid .grid .ball.euro.selected {border-color: #FFF; color: #FFF;}
#checkerGrid .errorMessage {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); background:rgba(0,0,0,0.6); color:#000; height:100%;width:100%; border-radius:8px;opacity:0; visibility:hidden; transition:all ease .2s;}
#checkerGrid .errorMessage.active {visibility:visible;opacity:1;transition:all ease .2s;}
#checkerGrid .errorMessageInner {position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);border-radius:8px; padding:15px; background:#fff; display:flex;}
#checkerGrid .errorMessageInner:before {content:""; display:inline-block; vertical-align:middle;background:url(/images/svg/alert.svg) no-repeat; width:50px; height:50px; margin-right:10px;}
#checkerGrid .closeErrorMessage {background:#112f96;color:#fff; position:absolute; top:-10px; right:-10px; border-radius:50%; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer; font-weight:700;}
#checkerGrid .closeErrorMessage:hover{background:#1b43cc;}
#checkerGrid .ball, #checkerGrid .balldisabled, #checkerGrid .ballselected, #checkerGrid .ball.powerball, #checkerGrid .ball.powerballdisabled, #checkerGrid .ball.powerballselected, .eurojackpotdisabled {user-select: none;}
.checkingNumbers .ball, .checkingNumbers .balldisabled, .checkingNumbers .ballselected, .checkingNumbers .ball.powerball, .checkingNumbers .ball.powerballdisabled, .checkingNumbers .ball.powerballselected  {width:40px; height:40px; font-size:21px; line-height:40px;}
.checkedNumbers {background:#f4f4f4; padding:20px; display:flex; justify-content:center;align-items:center;}
.checkedNumbers .col {width: auto; display:flex; flex-direction:column; align-items:center;}
.checkedNumbers .btn {margin-top:10px;}
.checkedNumbers .title {font-size:21px; margin:0 20px 0 0;}
.checkerResult {display:flex; flex-wrap:wrap;}
.checkedNumbers .balls {margin-bottom:0; justify-content:center;}
.checkerResult .mainResult.won {background:#f4f4f4; border:5px solid #f58220}
.checkerResult .mainResult .balls {margin-bottom:10px;}
.checkerResult .mainResult .ball.powerball:after {font-weight:400;font-size:14px;}
.checkerResult .mainResult .ball, .checkerResult .mainResult .balldisabled, .checkerResult .mainResult .ball.powerball, .checkerResult .mainResult .ball.powerballdisabled {width:40px; height:40px; line-height:40px; font-size:21px;}
.checkerResult .mainResult .ball.powerball, .checkerResult .mainResult .ball.powerballdisabled, .checkerResult .mainResult .bonus-balldisabled, .checkerResult .mainResult .ball.bonus-ball, .checkerResult .mainResult .ball.euro {line-height:32px;}
.checkerResult .date {margin-bottom:10px;}
.checkerResult .prize {text-align:center;}
.checkerResult .prize span {display:inline-block; vertical-align:baseline;}
.checkerResult .prize strong {vertical-align:baseline;}
#remainingBalls {width:100%; text-align:center; font-weight:700; margin-bottom:15px;color:#fff;}
#checkResults.active {animation-duration:.2s;animation-name:pop; animation-delay:1s;}
.winnings {background:#f58220; border-radius:25px; font-weight:700; padding:4px 10px;}
#checkerGrid .powerballselected, #checkerGrid .ballselected, #checkerGrid .ball.selected {animation-duration:.2s;animation-name:pop;}
@keyframes pop {0% {transform: scale(1.1);}50% {transform: scale(1.2);}100% {transform: scale(1.1);}}
.jokerBox {text-align: center; padding: 20px;}
.jokerBox span {color: #FFF; display: inline-block; line-height: 30px; font-size: 24px;}
.jokerBox input[type=tel] {text-align: center; font-size: 32px; line-height: 30px; font-weight: 700; width: 240px; border: none; border-radius: 10px;}

.ballsChecked li:last-child{display:none;}
.ballsChecked .ball.viking.viking-ball {line-height:32px;}
.barInfo {display:flex; justify-content:center;  margin-bottom:10px;}
.barInfo p {margin-bottom:0;}
.barInfo .numbersSelected {background:#fff; color:#000!important; padding:0 15px; border-radius:10px; margin-left:10px; line-height:36px;}
.progressBar {display: inline-block;width:100%;height:20px; background:rgba(255,255,255,0.3); border-radius:8px;padding:2px; transition:all ease .2s; margin-bottom:5px;}
.progressBar .barInner {display:inline-block; background:#fff; width:0; height:16px; border-radius:8px; transition: all ease.3s;}

.switch {padding: 10px; margin: 10px 5px 4px; background: #F4F4F4; text-align: center;}
.switch * {vertical-align:middle;display:inline-block;}
.switch img {padding-left:20px;}
.onoffswitch {position: relative;background-color: #FFF;border: 2px solid #DDD;border-radius: 36px;display: inline-block;width: 50px;height: 30px;padding: 0;transition: background-color 0.1s ease-in 0s;cursor:pointer; margin-left: 10px;}
.onoffswitch:before {background: #FFF none repeat scroll 0 0;border-radius: 36px;content:"";display:block;position: absolute;transition: all 0.1s ease-in 0s;height: 25px;width: 25px;left:1px;top:0;cursor:pointer;box-shadow: rgba(0,0,0,0.3) 0 3px 4px;}
.onoffswitch.on {background:#5da629; border-color:#5da629;}
.onoffswitch.on:before {left:20px;}

/* INFORMATION */
.lotteryBox {display:flex; margin-bottom:30px;}
.lotteryBox .imgBox {background: #72c32d;background: radial-gradient(circle, #72c32d 0%, #4a7f1d); width:300px; position:relative; background-size:cover;}
.lotteryBox .imgBox img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:50%;}
.lotteryBox .contentBox {width:870px; padding:30px; background:#f4f4f4;}

/* HISTORY */

.timeline .box{display:flex;}
.timeline .dateBox {width:50%; display:flex;justify-content:flex-end; padding-right:50px; align-items:center; position: relative;}
.timeline .imgBox:after {content:"";height:5px; width:40px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#5da629;}
.timeline .dateBox img {width:100px;}
.timeline .date {margin:0 10px 0 0; text-align:center;}
.timeline .date:after {content:"";height:25px; width:25px; position:absolute; top:50%; right:-15px; transform:translateY(-50%); background:#5da629; border-radius:50%; border:3px solid #fff;}
.timeline .date span{font-weight:700; font-size:68px; display:block; line-height:68px; font-family:"Bebas";}
.timeline .inner {border-left: 5px solid #5da629; width:50%; padding:0 0 50px 30px;}
.timeline {margin: 20px 0; position:relative; display:inline-block;}
.timeline .title {font-size:21px; margin-bottom:15px;}
.timeline .box.alt .dateBox {justify-content:flex-start;padding:0 0 0 50px;border-left: 5px solid #5da629}
.timeline .box.alt .dateBox .imgBox {order:1;}
.timeline .box.alt .dateBox .date {order:2; margin:0 0 0 20px;}
.timeline .box.alt .inner {border-left:0;padding:0 30px 50px 0}
.timeline .box.alt .imgBox:after {right:auto;left:0;}
.timeline .box.alt .date:after {right:auto; left:-15px;}
.timeline .box.alt .dateBox {order:2;}
.timeline p:last-child {margin-bottom:0;}

.pieImg img{display:block; margin:500px; margin:0 auto 50px;}

/* FOOTER */

footer { background:#fff; clear:both; border-top:1px solid #eaeaea}
footer .inner {width:1200px; margin:auto; text-align:center;padding:60px 30px;}
footer ul {display:flex; justify-content:center; margin-bottom:15px;}
footer ul li {margin-right:15px; list-style:square; color:#48ad36;}
footer ul li:first-child {list-style:none;}
footer ul li a {color:#000; margin-right:15px;}
footer .center-off-white {line-height:18px; font-size:12px;}

.appBoxMain {background: rgb(243,5,66);background: linear-gradient(90deg, rgba(243,5,66,1) 0%, rgba(183,0,47,1) 100%); padding:60px 60px; color:#fff; display:flex; position:relative; margin:60px 0 30px;}
.appBoxMain ul.list li {font-size:19px; margin-bottom:20px;}
.appBoxMain ul.list li:before {background-color:#fff;}
.appBoxMain .title {font-size:24px; margin-bottom:20px;}
.appBoxMain .contentBox {padding-right:300px;}
.appBoxMain .imgBox img {position:absolute;top:-30px;right:60px;}

.qrBoxMain {display:flex; margin-bottom:30px;}
.qrBoxMain .box {flex-grow:1; padding:30px; background:#f4f4f4;}
.qrBoxMain .box:last-child {margin-left:30px;}
.qrBoxMain .title {font-size:30px; text-align:center;}
.qrBoxMain img {width:185px; margin-bottom:10px;}
.qrBoxMain .ctaBox {display:flex; flex-direction:column; justify-content:center; align-items:center;}

/* BALLS */

.balls {position: relative; display:flex; margin-bottom:15px; flex-wrap:wrap; font-size:30px; font-family:"Bebas";}
.balls.oneColour .ball.tillaegstal {background:#5da629;}
.balls.lucky-stars {margin-left:10px;}
.ball, .balldisabled, .ballselected{width:50px; height:50px; line-height:50px; text-align:center; background:#5da629; font-weight:700; border-radius:50%; color:#fff; margin-right:5px;}
.ball.tillaegstal, .tillaegstaldisabled, .ball.lucky-star, .ball.mega-ball, .ball.powerball,.bonus-balldisabled, .ball.bonus-ball, .ball.lucky-ball {border:5px solid #5da629; background:none; color:#5da629; line-height:40px;}
.ball.lucky-star:after, .ball.mega-ball:after, .ball.powerball:after, .ball.viking.viking-ball:after, .ball.viking.plus-ball:after, .ball.lucky-ball:after {content:"Lucky Star"; display:block; font-size:11px; line-height:12px; padding-top: 6px;}
.ball.mega-ball:after {content:"Mega Ball"}
.ball.megaplier:after {content:"Mega Plier"}



.ball.viking.plus-ball {display:none;}
.ball:last-child {margin-right:0;}
.ball.medium, .ball.medium.tillaegstal {width:40px;height:40px;line-height:40px; font-size:24px}
.ball.medium.bonus, .ball.medium.tillaegstal, .ball.medium.euro.eurojackpot, .ball.medium.viking.viking-ball, .ball.medium.viking.plus-ball, .ball.medium.super-ball  {line-height:32px!important;}
.ball.extra {background:none;border:1px solid #000; color:#000; font-size:18px; width:25px; height:25px; line-height:24px;}
.balldisabled, .tillaegstaldisabled, .bonus-balldisabled, .ball.disabled {opacity:.3}
.ball.powerball:after {content:"P.Ball"}
.ball.power-play, .ball.megaplier {background:none; color:#5da629; line-height:30px; padding-top:6px; margin-top:4px;}
.ball.power-play:after, .ball.megaplier:after {content:"x";line-height:12px;}
.ball.power-play:before, .ball.megaplier:before {content:"PowerPlay"; font-size:10px;display:block; line-height:10px;}
.ball.megaplier:before {content:"MegaPlier"}
.ball.lucky-ball:after {content:"Lucky Ball"}
.ball.small{width:28px; height:28px; line-height:30px; font-size:13px; margin-right:1px;}.ball.small.eurojackpot.euro {border-width:2px; line-height:26px;}
.ballName {position: absolute; font-size: 14px; font-family: roboto; width: 130px; text-align: center; bottom: -20px; color: #888; transform: translate(264px);}


/* BREAKDOWN SLIDER */
.breakdownSlider {display:flex;}
.breakdownSlider .box {width:100%; padding:25px 50px 0; background:#f4f4f4; display:flex; flex-direction:column; align-items:center;}
.breakdownSlider ul {display:flex; position:relative; justify-content:space-between;}
.breakdownSlider ul:before {content:"";width:100%; height:10px; background:#5da629; position:absolute; border-radius:10px;left:0; top:50%; transform:translateY(-50%);z-index:0;}
.breakdownSlider li {z-index:1; margin-right:16px;}
.breakdownSlider li span {display:block;width:30px; height:30px;border-radius:50%; background:#fff; color:#5da629;text-align:center; line-height:26px; cursor:pointer;border:2px solid #5da629;}
.breakdownSlider li:last-child {margin-right:0;}
.breakdownSlider li span:hover {transform:scale(1.1); transition:all ease-in-out .2s;}
.breakdownSlider li.active span {animation-duration:.2s;animation-name:pop; background:#5da629; color:#fff}
.breakdownSlider .title {font-size:24px; margin-bottom:10px;}
.breakdownSlider .box.el-2 ul {width:230px;}

.prizeBreakdownWrap {background:#f4f4f4;padding:30px 30px 1px; margin-bottom:30px;}
.prizeBreakdownWrap .box {display:none;}
.prizeBreakdownWrap .box.active {display:block;}

/* BACKGROUND EFFECTS */

.red {background-color:#5da629;}
.red.active {background-color:#ff5984; transition:all ease 3s;}
.purple {background-color:#112da6!important;}
.purple.active {background-color:#2247e5!important; transition:all ease 3s;}
.yellow {background-color:#efa900!important;}
.yellow.active {background-color:#ffd164!important; transition:all ease 3s;}
.blue {background-color:#0854ac;}
.green {background-color:#6bc122;}
.red-2 {background-color:#c71c1c;}
.blue-2 {background-color:#1484cf;}
.yellow-2 {background-color:#f5bb20;}

/* GLOABL STYLES */

.withImg .box {display:flex; margin-bottom:30px;}
.withImg .imgBox {margin-right:30px;}
.withImg .imgBox img {width:100px;}
.withImg .box p:last-child {margin-bottom:0;}

/* BANNER STYLES */

.nextBox {display:flex; justify-content:space-around; align-items:center;width:100%; padding:2% 4%; color:#fff; background:url(/images/layout/wide-jackpot-bg.jpg) no-repeat 0 -100px; margin-bottom:15px; border-radius:8px;}
.nextBox.euromillions {background-color:#3b58e9; }
.nextBox.powerball {background-color:#d43333;background-image:url(/images/layout/wide-jackpot-bg-2.jpg);}
.nextBox.megamillions {background-color:#427dee;background-image:url(/images/layout/wide-jackpot-bg-4.jpg);}
.nextBox.rolling-cash {background-color:green;background-image:url(/images/layout/wide-jackpot-bg-5.jpg);}
.nextBox img {width:180px;}
.nextBox .title {font-size:24px;}
.nextBox .bigJackpotWhite {font:64px/66px "Bebas", 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:"Bebas", 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:#5da629; text-decoration:underline;}
.show-hide-text {display:inline;}
.show-hide-text.active {display:none;}

table.schedule tr th {vertical-align:middle; min-width:130px; text-align:center;}
table.schedule tr th:first-child {text-align:left;;}
table.schedule tr td {vertical-align:middle; padding:15px 10px;text-align:center;}
table.schedule tr td:first-child {text-align:left;}
table.schedule td.colour {background:#e9e9e9}

.tri-box {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; flex-grow:1; align-items:stretch; gap:30px;}
.tri-box .genBox {padding:40px; flex-grow:1;}

.double-box {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; flex-grow:1; align-items:stretch; gap:30px;}
.double-box .genBox {padding:40px; flex-grow:1; width:50%;}

.noAfter:after {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:#4a7f1d; 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 8px;border-color: #000 transparent 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 4px;border-color: #fff transparent transparent transparent; bottom:5px;}
	nav > ul > li.sub > a.active:after {border-color:#5da629 transparent transparent transparent;}
	nav > ul > li.sub.eurojackpot > a.active:after {border-color:#efa900 transparent transparent transparent;}
	nav > ul > li.sub.viking-lotto > a.active:after {border-color:#112da6 transparent transparent transparent;}
	nav > ul > li.sub:hover > a:after {border-color:#4a7f1d transparent transparent transparent;transition:all ease .2s;}
	nav > ul > li.sub:hover > a {background:#4a7f1d; color:#fff; transition:all ease .2s;}
	nav > ul > li.sub.eurojackpot:hover > a {background:#efa900;}
	nav > ul > li.sub.viking-lotto:hover > a {background:#112da6;}
	

	.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 20px;border-color: #4eb93b transparent transparent transparent; position:absolute; bottom:-20px;transition:all ease .2s;}	
}

@media (max-width: 1024px) {

	html,body {overflow-x:hidden;}
	header {height:50px; display:flex; align-items:center; padding:15px; margin-bottom:0;}
	header .inner {width:100%; position:static; height:80px;}
	header .logoWrap {height:80px; margin-left:15px;}
	header > .logo {display:block;}
	header > .logo img {width:30%;}
	nav > ul > li.sub > a.active {background:none;}

	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: bold; border: none; background: #FFF; line-height: 16px;}
	table.mobFormat td:first-child {font-weight: bold;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: normal;}
	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: #5da629!important; color: #fff; text-shadow: none; margin:0;}
	table.mobFormat td.colour a {color: #fff;}
	.vikingTheme table.mobFormat td.colour {background:#112da6!important;} 
	.eurojackpotTheme table.mobFormat td.colour {background:#efa900!important;} 
	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;}

	#frequencyGraph {overflow-x:scroll}

	.headerBox .logo {display:none;}
	nav {display:block; width:100%;}
	nav > ul {flex-direction:column; margin:0;position:relative;}
	nav > ul > li {width: 100%;display: flex;margin: 0; position:relative; border-bottom:1px solid rgba(255,255,255,0.2); flex-direction:column;}
	nav > ul > li > a, .linkStyle {height:auto; justify-content:flex-start; align-items:flex-start;border-right:none;color: #fff; padding:15px; display:inline-block; width:100%; flex-grow:1;}
	.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;}
	.topBar .sub > a {height:60px; line-height:60px;}
	.sub.active > .expand:after {content:"-"}
	.navButton {width: 40px;height: 40px;overflow: hidden;position: absolute;right: 15px; top: 0px;transition: all ease 0.5s;z-index: 100; }
	.navButton span {display: inline-block;width: 30px;height: 3px;background: #000;margin: 13px 0 0 10px;transition: all ease 0.5s;}
	.navButton span:before, .navButton span:after {content: "";display: block;width: 30px;height: 3px;background: #000;transition: all ease 0.5s;}
	.navButton span:before {margin-top: 10px;}
	.navButton span:after {margin-top: 7px;}
	.navButton.active span {transform: translateY(-50px);background: #fff;}
	.navButton.active span:before {transform: translateY(50px) rotate(45deg);background: #fff;}
	.navButton.active span:after {transform: translate(0, 40px) rotate(-45deg);background: #fff; }
	.toggle {display:flex; opacity: 1;transition: all ease 0.5s;position: absolute;top: 0;left: 0;background:#000;margin: 0;width: 100%;z-index: 99; transform:translate(1040px,0);  justify-content:flex-start; flex-direction:column;}
	.toggle.active {visibility: visible;opacity: 1;transition: all ease 0.5s; transform:translate(0,0); width:100%;}
	.toggle .navTitle {color: #fff;margin: 14px 0 10px 15px;position: relative; font-family: "Bebas"; font-size:24px;}
	.toggle .navTitle.splitter:after {left: 50%;transform: translateX(-50%);}

	header .wrapper {flex-direction:column; align-items: flex-start; width:auto;}
	header .topBar {background:none;order:2; margin:0 10px; width:auto;}
	header .topBar ul {flex-direction:column; width:100%;}
	header .topBar ul a { border-right:none!important; border-bottom:1px solid #333;}
	header .topBar ul>li>a {font-size:30px; line-height:30px; height:auto;}
	header .headerBox {height:auto;order:1; margin-bottom:15px; display:block; margin:0 10px;}
	header .topBar .highlight {padding:15px 10px; margin-bottom:30px;}

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

	.double-box {flex-direction:column}
	.double-box .genBox {width:100%;}


	.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 0;}
	.subNav .box {border-radius:0;}
	.subNav .title {color:rgba(255,255,255,0.6); 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:100%}
	.mobCol, .appBox,  .noticeBox, .previousResults .mainResult .info, .mainResultBox .bottom, .checkedNumbers,.how-to-play-box .inner, .how-to-steps .row {flex-direction:column;}	
	.how-to-play-box .inner {margin-bottom:0;}
	.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;}
	.homeResults {padding:20px;}
	.jackpots {flex-direction:column;}
	.jackpots .box:first-child{margin-bottom:30px;}
	.jackpots .jackpotBox {padding:20px; min-height: 200px;}
	.homeJackpot .jackpotBox {padding:20px 20px 40px;}
	.homeJackpot .jackpot, .jackpots .jackpot {font-size:70px; line-height:70px;}
	.jackpots .jackpotBox .title {font-size:22px;}
	.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;}

	.tri-box {flex-direction:column; row-gap:0;}

	.appBox .contentBox {width:100%; padding:30px 30px;}
	.appBox .phoneBox {width:100%;}
	.appBox .phoneBox .phones {width:150px; left:10px;}
	.appBox .phoneLinks a:first-child img {margin-bottom:15px;}
	.appBox .qrImg img {width:120px}

	.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 0;}
	.checkedNumbers .title {margin:0 0 0 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 {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:12px;}
   	.how-to-play-box .step {margin:0 0 20px 0}

   	.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 .jackpotBoxTicket {padding:15px; width:calc(100% + 40px); margin-left:-20px; min-width:auto;}
    .playBox .jackpotBoxTicket .jackpot {font-size:76px;}
    .ball.lucky-star:after, .ball.mega-ball:after, .ball.megaplier:after, .ball.powerball:after, .ball.viking.viking-ball:after, .ball.viking.plus-ball:after {line-height: 12px;}

    .nextBox {flex-direction:column; text-align:center; text-shadow:none; background-size:cover;}
    .ball.power-play {line-height:21px; padding-top:10px;}
    .ball.power-play:before {line-height:6px;}
	footer .inner {width:100%;}
	.lotteryBox {flex-direction:column;}
	.lotteryBox .imgBox {min-height:150px;width:100%}
	.lotteryBox .contentBox {width:100%;}

	.statsBox {flex-wrap:wrap;}
	.statsBox .box {margin:2px;}
	.oddsEven .box {width:auto;}

	.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;}
	.homeJackpot .jackpotBox {background-position:0 -200px}
}

@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;}
	
	.timeline {margin: 0; position:relative; display: block;}
	.timeline .box{display:block;}
	.timeline .dateBox {width:auto; display: block; padding: 10px 0; text-align: center; position: relative;}
	.timeline .imgBox, .timeline .date:after {display: none;}
	.timeline .date {margin:0; text-align:center; display: inline-block;}
	.timeline .inner {width: auto; padding: 10px;}
	.timeline .box.alt .dateBox {padding: 10px 0; border-left: none;}
	.timeline .box.alt .dateBox .date {margin:0;}
	.timeline .box.alt .inner {border-left: 5px solid #5da629; padding: 10px;}
	
	.breakdownSlider {flex-direction:column;}
    .breakdownSlider .box, .prizeBreakdownWrap {background:#fff; padding:10px;}
    .breakdownSlider ul {flex-wrap:wrap;justify-content:flex-start;}
    .breakdownSlider .box.el-2 ul {width:auto;}
    .breakdownSlider ul li {margin: 10px 7px 10px 0;}
    .breakdownSlider ul li span {width: 26px; height: 26px; line-height: 22px; font-size: 14px}
    
	.appBoxMain {padding:20px; display: block; margin:20px 0;}
	.appBoxMain ul.list li {font-size:19px; margin-bottom:20px;}
	.appBoxMain ul.list li:before {background-color:#fff;}
	.appBoxMain .title {font-size:24px; margin-bottom:20px;}
	.appBoxMain .contentBox {padding-right:0;}
	.appBoxMain .imgBox img {position:static; width: 160px; display: block; margin: auto;}
	.qrBoxMain {display:block; margin-bottom:20px;}
	.qrBoxMain .box {padding:20px;}
	.qrBoxMain .box:last-child {margin-left:0px;}

	.homeJackpot .jackpotBox {background-position:0 -100px}

	.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 {width:100%;}



}

@media (max-width: 640px) {
	.nextBox { background-position:bottom;  padding:20px; margin:20px 2%; width:96%;}
	.nextBox img {margin-bottom:20px;}
	.nextBox .col:last-child {align-items:center;}
	.nextBox .button {width:100px;}
	.pieImg img{width:100%; margin:0 auto 20px;}
	.homeIntro .introLinks {display: block;}
	.homeIntro .introLinks, .appBox .phoneBox {width:calc(100% + 40px); margin-left:-20px; margin-bottom:-30px;}
	.homeJackpot .jackpotBox {width:calc(100% + 40px); margin-left:-20px; margin-top:-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 0;}
	.appBox {margin-top:0;}
	.jackpot-text {margin-bottom:15px; display:block;}
}

@media (max-width: 576px) {

	.ball {margin-right: 3px;}
	.ball, .ball.medium, .ball.medium.tillaegstal , .balldisabled, .ballselected, .checkerResult .mainResult .ball, .checkerResult .mainResult .balldisabled, .checkerResult .mainResult .ball.powerball, .checkerResult .mainResult .ball.powerballdisabled  {width:40px; height:40px; line-height:40px; font-size:21px;}
	.ball.tillaegstal, .tillaegstaldisabled, .ball.lucky-star, .ball.mega-ball, .ball.megaplier, .ball.powerball, .ball.eurojackpot.euro, .bonus-balldisabled, .ball.bonus-ball, .ball.viking.viking-ball, .ball.viking.plus-ball, .ball.super-ball {border-width:2px; line-height:36px;}
	.ball.medium.bonus, .ball.medium.tillaegstal, .ball.medium.euro.eurojackpot, .ball.medium.viking.viking-ball, .ball.medium.viking.plus-ball  {line-height:26px !important;}
	.ballName {font-size: 12px; font-family: roboto; line-height: 12px; width: 80px; bottom: -16px; transform: translate(82px);}
	.viking .ballName {transform: translate(97px);}
	.homeJackpot .jackpotBox {background-position:-10px}

}

@media (max-width: 414px) {
	
	.homeResults .ctaBox {flex-direction:column;}
	.homeResults .ctaBox a {width:100%; text-align:center;}
	.homeResults .ctaBox div:first-child {margin:0 0 15px 0}
	.checkerResult .result {padding:30px 15px}
	
	.ball.da.lucky-star:after {width:60px; font-size:13px;}

	.mainResult .result {padding:30px 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;}


	
}

@media (max-width: 320px) {
	.ball {margin-right: 3px;}
	.ball, .ball.medium, .ball.medium.tillaegstal , .balldisabled, .ballselected, .checkerResult .mainResult .ball, .checkerResult .mainResult .balldisabled, .checkerResult .mainResult .ball.powerball, .checkerResult .mainResult .ball.powerballdisabled  {width:30px; height:30px; line-height:30px; font-size:16px;}
	.ball.tillaegstal, .tillaegstaldisabled, .ball.lucky-star, .ball.mega-ball, .ball.megaplier, .ball.powerball, .ball.eurojackpot.euro, .bonus-balldisabled, .ball.bonus-ball, .ball.viking.viking-ball, .ball.viking.plus-ball, .ball.super-ball {border-width:2px; line-height:28px;}
	.ball.medium.bonus, .ball.medium.tillaegstal, .ball.medium.euro.eurojackpot, .ball.medium.viking.viking-ball, .ball.medium.viking.plus-ball  {line-height:26px !important;}
	.ballName {font-size: 12px; font-family: roboto; line-height: 12px; width: 80px; bottom: -16px; transform: translate(82px);}
	.viking .ballName {transform: translate(97px);}
	.viking .ballName {transform: translate(97px);}
}}