/* CSS Reset */
html, body, div, span, h1, h2, h3, p, img, ol, ul, li, form, table, tbody, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

body {
	line-height: 1;
	background: #fdfbf3;
}

ol, ul {
	list-style: none;
}

.mobile-navbar {
  display: none !important;
}
.desktop-navbar {
  display: block !important;

}

table {
	border-spacing: 0;
}

/* Main Styles */
body {
	font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color:#797979;
}

.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}


.row {
	margin-left: -15px;
	margin-right: -15px;
}

.background-grey {
	background: #f4f4f4;
}

.clear {
	clear: both;
}

.center {display: block; margin: 0 auto;}

.centred {margin:auto; text-align:center;}

::-webkit-input-placeholder {
   color: #797979;
}

 { /* Firefox 18- */
   color: #797979;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #797979;
}

:-ms-input-placeholder {
   color: #797979;
}

.list {float:left; margin-left:10px;}
.list li {background:url(/images/template/sprite.png) no-repeat 0 -1983px; padding-left:20px; margin-bottom:10px;}
.game-2 .force-right, .t-history .force-right {float:right!important;}
.no-lm {margin-left:0!important;}
.no-rm {margin-right:0!important;}
.no-bm {margin-bottom:0!important;}
.no-tm {margin-top:0!important;}
.no-lp {padding-left:0!important;}
.no-rp {padding-right:0!important;}
.no-bp {padding-bottom:0!important;}
.no-tp {padding-top:0!important;}

.float-right {float:right!important}

.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:430px; float:right;}

.account-settings .edit-icon-small {display:block; float:right;font-size:18px; font-weight:800; color:#fff; background:url(/images/template/sprite.png) no-repeat 15px -378px #fe4e5b;	padding:10px 10px 10px 45px; border-radius:5px;}
.account-settings .edit-icon-small:hover {color:#3a66ab; text-decoration:none; background-position: -524px -378px; background-color:#f3cc08;}
.account-settings .password-change {display:block; float:left; width:425px; margin:0 0 20px 20px; background:url(/images/template/password-bg.png) no-repeat; padding:60px 0 30px 130px; overflow:hidden; color:#fe4e5b; font-size:22px; font-weight:800; height:126px;border:1px solid #eaeaea;}
.account-settings .password-change:hover {background-color:#fe4e5b; text-decoration:none;}
.account-box .edit-icon {float:left; display:block; background:url(/images/template/sprite.png) no-repeat 0 -325px; padding-left: 20px; margin-top:5px; clear:both;}
.account-box .edit-icon:hover {background-position:-540px -325px; color:#fe4e5b; text-decoration:none;}
.account-settings .small-link {text-align:center; width:100%; padding:20px 0 0 0; clear:both; overflow:hidden; margin-bottom:0; display:block;}
.account-box .alert {float:left; clear:both; font-size:12px; font-weight:800;}
.account-settings .status-updated p {color:#3a66ab;	padding:10px 10px 10px 50px; font-family:14px; font-weight:800; background:url(/images/template/sprite.png) no-repeat 20px -546px #ffdc00;}

.acc-notify {background:#ffefb3; overflow:hidden; margin:-40px 0 40px; padding:40px 0;}
.acc-notify .title { color:#3a66ab; font-weight:800; font-size:30px; width:100%; text-align:center; margin-bottom:20px;}
.acc-notify p { width:600px; font-size:16px; text-align:center; margin:0 auto 40px;}
.acc-notify img {display:block; margin:20px auto 40px;}
.acc-notify .btn {font-size:18px; padding:10px; margin:0 auto; width:260px; display:block; text-align:center;}

/* Typograhpy */
h1, h2, h3, h4, h5, h6 {
	font-weight: 800;color:#3a66ab;
}

h1 {
	font-size: 40px;
	line-height: 36px;
	margin-bottom:20px;
	letter-spacing:-2px;
	margin-top: 40px;
}

h2 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom:15px;
	letter-spacing:-1px;
}

h3 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom:15px;
}

p {
	margin: 0 0 20px 0;
	line-height:24px;
}
p.big {font-size:22px; line-height:30px; color:#333;}

.medium {font-size:16px;}

.navbar-wrapper h1 {
	letter-spacing: -2px;
}

.navbar-wrapper h2 {
	letter-spacing: -5px;
}

.navbar-wrapper .navbar a {
	letter-spacing: -1px;
}

.featured-lower p {
	letter-spacing: -1px;
}

a {
	background: transparent;
	color: #428bca;
	text-decoration: none;
}

a:active, a:hover {
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

b, strong {
	font-weight: 800;
}

.nowrap {white-space: nowrap;}

ul.example li{margin: 5px 0 5px 15px; position: relative; list-style: circle; }
ul.example {padding-left: 20px;}
/* ********************** */
/* ******* HEADER ******* */
/* ********************** */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	margin: 20px auto;
	width: 700px;
	border-top: 1px solid #d2d2d2;
	clear: both;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inputhelp {display:inline-block; padding: 10px; margin:0 0 8px 0; visibility:hidden;}
input:focus~.inputhelp, .importantmessage {
display:inline-block;
visibility: visible;
background: #3a66ab;
padding: 10px;
position:relative;
top:-4px;
color: #fff;
}
/* *************** */
/* *** Footer **** */
/* *************** */
.footer {
	height: 120px;
	min-width: 1200px;
	background: #f0f0f0;
	padding-top: 40px;

}

.footer h3 {
	color: #555555;
	letter-spacing: -0.5px;
}

.footer h3 span {
	color: #3a66ab;
}

.footer p {
	text-align: center;
	color: #a8a8a8;
}

.footer hr {
	margin-bottom: 20px;
}

.footer .small-section {
	width: 900px;
	margin: 0 auto 10px;
	font-size: 14px;
	color: #a8a8a8;
	line-height: 28px;
}

.footer .col-1 a, .footer .col-2 a, .footer .col-3 a {
	color: #797979;
	line-height: 28px;
	font-size: 14px;
}

.footer-col {
	float: left;
	width: 180px;
	height: 100px;
	margin: 10px 30px;
}
.footer .col-4 .title {text-align:center;}
.footer-col .title {font-size:16px; color:#555; font-weight:800; margin-bottom:15px;}
.footer-col .title span {color:#3a66ab;}

.footer-crumbs {
	display: block;
	margin: 0 auto;
	width: 600px;
	height:32px;
}

.footer-crumbs .cookie-policy, .footer-crumbs .privacy, .footer-crumbs .disclaimer,.footer-crumbs .terms {
	float: left;
	margin: 0 15px;
	background: url(/images/template/sprite.png) no-repeat;
	padding-left: 28px;
	height: 25px;
}

.footer-crumbs .privacy {
	background-position: 0 -262px;
}

.footer-crumbs .cookie-policy {
	background-position: 0 -262px;
}

.footer-crumbs .disclaimer {
	background-position: 0 -262px;
}

.footer-crumbs .terms {
	background-position: 0 -262px;
}

.footer-crumbs a {
	color: #797979;
	font-size: 12px;
	line-height: 24px;
}

.col-4 {
	width: 380px;
	height: 205px;
	padding: 40px 25px;
	margin-top: 0px!important;
	margin-right: 10px;
	background: #eaeaea;
}

.col-4 h3 {
	text-align: center;
	line-height: 26px;
	letter-spacing: -1px;
}

.footer .social {
	margin-top: 20px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	float: left;
	width: 160px;
	height: 80px;
	padding: 12px 0 0 60px;
	line-height: 1.10;
}

.facebook {
	background:url(/images/template/sprite.png) no-repeat -539px -936px;
}

.twitter {
	background:url(/images/template/sprite.png) no-repeat 0 -936px;
}

.facebook span {
	color: #3b5998;
	font-weight: 800;
}

.twitter span {
	color: #55acee;
	font-weight: 800;
}

.featured-lower {
	padding-top: 26px;
	height: 210px;
	min-width: 1200px;
	background:url(/images/template/featured-image-1.jpg) no-repeat;
	border-bottom: #013c74 1px solid;
	background-size:cover;
}

.featured-lower p {
	padding-top: 28px;
	float: left;
	width: 770px;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.22;
	color: #fff;
}

.featured-lower p span {
	color: #ffd10f;
}

.featured-lower a {
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-weight: 800;
	display: block;
	margin: 40px 100px 0 0;
	float: right;
}

.featured-lower a:hover {
	background: #ffdf3e;
	color: #3a66ab;
	text-decoration: none;
}

.register-free {
	display: block;
	float: right;
	padding: 25px 10px 10px 10px;
	width: 500px;
	height: 160px;
	background-color: #fe4e5b;
	border: #fe4e5b 1px solid;
	border-radius: 6px;
}

.register-details .username, .register-details .register-details .password {
	width: 356px;
	float: left;
}

.register-details .name {
	width: 230px;
	float: left;
	margin-right: 8px;
}

.register-button {
	width: 110px;
	float: left;
	margin-left: 8px;
	margin-top: -40px;
}

.btn {
	padding: 5px 10px;
	background: #fe4e5b;
	font-size: 12px;
	font: inherit;
	line-height: 1.33;
	border-radius: 5px;
	color:#fff;
	font-weight:800;
	border:none;
}

.btn:hover, .forgotten-password .send-reminder:hover, .more-info .resend-verification:hover, .submit-btn:hover, p.btn:hover, .ticket .game .btn:hover { background: #ffdf3e;color: #3a66ab;text-decoration: none;}
.btn:focus {
	outline:none;
}
.btn-alt {
	padding: 5px 10px;
	background: #ffdf3e;
	font-size: 12px;
	font: inherit;
	line-height: 1.33;
	border-radius: 6px;
}

.btn-featured-lower {
	padding: 5px 0px;
	width: 103px;
	font-size: 18px;
	line-height: 1.33;
	border: 8px solid;
	border-radius: 6px;
}

.btn-default {
	color: #3a66ab;
	font-weight: 800;
	background-color: #ffdf3e;
	border-color: #ffdf3e;
	letter-spacing: -0.56px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
	color: #fff;
	background-color: #3a66ab;
	border-color: #f3cc08;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border:1px solid #ddd;
	border-radius: 4px;

	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus, #DOBDay:focus, #DOBMonth:focus, #DOBYear:focus, textarea:focus {
	border-color:#bacbe5!important;
}


.form-control:-ms-input-placeholder {
	color: #777777;
}

.form-control::-webkit-input-placeholder {
	color: #777777;
}

.forminput {
	margin-bottom: 5px;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
	content: " ";
	display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
	clear: both;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.pull-right {
	float: right!important;
}

.pull-left {
	float: left!important;
}

.hide {
	display: none!important;
}

.show {
	display: block!important;
}

.invisible {
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.hidden {
	display: none!important;
	visibility: hidden!important;
}

.affix {
	position: fixed;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* ******************** */
/* *** Login panel *** */
/* ******************* */
#login-panel {
	height: 124px;
	min-width: 1200px;
	padding-top: 35px;
	background-color: #fe4e5b;
}

.panel-button {
	position:absolute;
	top: 88px;
	right:0;
	width: 90px;
	height: 34px;
	color: #fff;
	background: #fe4e5b;
	padding: 4px 12px!important;
	margin:0;

	border-top: none!important;
	border-right: none!important;
	border-bottom: none!important;
	border-left: none!important;

	border-top-right-radius: none;
	border-top-left-radius: none;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;

	font-size: 14px!important;
	font-weight: 800!important;
	text-decoration: none!important;
	letter-spacing: 0.25px;
	z-index:99;
	font-family: "Open Sans", san-serif;
	overflow:hidden !important;
}


.panel-button:hover, .panel-button:active, .panel-button:focus  {
	outline:none;
}

#panel-close {
	position: absolute;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	right: 22px;
	top: -30px;
	text-decoration: none;
	color: #ffb8bd;
}
.join a {
	color: #fff;
}
.join a:hover {
	text-decoration: none;
	color: #ffdf3e;
}

.horizontal-login .username, .horizontal-login .password, .horizontal-login .submit {
	width: 220px;
	padding: 5px;
	float: left;
}

.horizontal-login {
	color: #fff;
}

.horizontal-login span a {
	font-weight: 800;
	color: #fff;
}

.horizontal-login span a:hover {
	text-decoration: none;
	color: #ffdf3e;
}

.horizontal-login input[type=checkbox] {
	float: left;
	margin: 5px 5px 0 15px;
}

.horizontal-login .submit {
	width: 140px;
	padding: 2px;
}

.button-submit {
	width: 100px;
	height: 35px;
	margin-left: 15px;
	margin-top: 2px;
	padding: 4px 10px!important;
	font-size: 14px!important;
	border: none;
}

#login-panel .join {
	width: 400px;
	float: right;
	font-size: 24px;
	color: #fff;
	margin:10px 115px 0 0;
	line-height: 24px;
}

#login-panel .join span {
	font-size: 30px;
	font-weight: 800;
	line-height: 30px;
}

.signup a {position:absolute; right:100px; top:93px; font-size:14px; width:140px; padding:2px 12px 3px; background:#ffdf3e; border-radius:0 0 6px 6px; text-align:center; font-weight:800; z-index:99;color:#3a66ab;}
.signup a:hover {background:#fe4e5b; color:#fff;}
.register-box {position:absolute; bottom:40px; font-size:24px;}
.register-box span {font-weight:800;}

/* *************** */
/* *** Nav Bar *** */
/* *************** */
.navbar-wrapper {
	height: 480px;
	background:url(/images/template/featured-image.jpg) no-repeat top center;
	min-width: 1200px;
	background-size: cover;
	border-top: #fe4e5b 5px solid;
	text-align: center;
}

.navinner-wrapper {
	height: 160px;
	background: transparent;
	min-width: 1200px;
	background-size: cover;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 0;
	// margin-bottom:40px;
	position:relative;
}

.navinner-wrapper .nav-inner {
	margin-top: 49px;
}

.profile-menu {
	width: 350px;
	height: 52px;
	position:absolute;
	top:-20px;
	right:240px;
}

.profile-menu .settings {position:absolute;right:-130px; top:0;}

.nav-inner .sub-menu {float:left; background:#f4f4f4; display:block; position:absolute; left: 423px; top:34px;padding:0; z-index:99; visibility:hidden;}
.nav-inner .sub-menu li {float:none; margin:0;}
.nav-inner .sub-menu li a { background:#f4f4f4!important; display:block; width:100%; color:#215ca1!important;}
.nav-inner .sub-menu li a:hover {background:#fe4e5b!important; color:#fff!important;}
.nav-inner .sub-menu li a:hover .extra-menu {background:#fe4e5b!important;}
.nav-inner .extra-menu:hover .sub-menu {visibility:visible;}

.profile-menu .inner {float:right;}

.avatar {
	width: 32px;
	height: 32px;
	padding: 10px 0px;
	float: left;
}
/*
.settings {
	width: 100%;
	height: 50px;
	padding: 24px 0 0 5px;
	position:absolute;
	right:-140px;

}
*/
.friendly-name {
	font-size: 14px;
	color: #fff;
	margin-left:10px;
	float: left;
	letter-spacing: -0.36px;
	text-align:left;
	padding-top:5px;
	font-weight:800;
}

.friendly-name-guest {color:#ffdf3e;}
.friendly-name span {display:block; clear:both; margin-top:-5px; font-size:18px; font-weight:normal;}

/*.settings ul {position:absolute;overflow:hidden;width:180px; border-radius:5px;  visibility:hidden; left:-40px; z-index:99; border:1px solid #bebebe;background:#f4f4f4;}
.settings ul li {text-align:left;}
.settings ul li a{padding:10px 20px;background:#f4f4f4;width:180px; display:block; color:#797979;}
.settings ul li a:hover {text-decoration:none; background:#fe4e5b; color:#fff;}
.settings:hover ul {visibility: visible}*/

.settings ul {float:right; margin-top:5px;}
.settings ul li { float:right;}
.settings ul li a{color:#91bde6; font-size:11px; background:url(/images/template/sprite.png) no-repeat 0 -1279px; padding-left:20px; display:block;}
.settings ul li a:hover {background-position:-539px -1279px; text-decoration:none; color:#ffd10f;}




.login .btn {float:right; padding:10px 20px; font-size:18px; margin-top:38px;}

.featured-1 {
	position: absolute;
	background-image: url("../images/template/featured-image-1.jpg");
	width: 100%;
	height: 581px;
	min-width: 1200px;
	background-size: cover;
}

.not-featured {
	height: 160px;
	 border-top: 5px solid #fe4e5b;
	 overflow:hidden;
	 margin-top:123px;
}

.logo {
	float: left;
	position: relative;
	top: 20px;
}

/* ****************** */
/* *** Navigation *** */
/* ****************** */
.navbar {
	float: right;
	width: 87%;
}

.navbar ul {
	// float: left;
	// display: block;
	// margin: 49px 0 0 32px;
	margin-top: 49px;
	display: flex;
	justify-content: space-between;
}

.navbar li.active a {
	background: #ffdf3e;
	padding: 10px 15px;
	color: #3a66ab;
}

.navbar a {
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -1px;
	padding: 10px 15px;
	display:block;

}

.navbar a:hover {
	color: #fff!important;
	text-decoration: none;
	background: #fe4e5b!important;
	padding: 10px 15px;
}

.nav {
	// float: left;
	margin-top: 22px;
	width: 100%;
}

.nav li {
	// float: left;
	// margin-left: 20px;
}

.nav li.winners a {width:140px;}
.nav li.results a {width:120px;}

.premium a {
	color: #FCC315;
}

/* .nav li{display:block;float:left;padding:0 12px;background:#FEF39D;margin:0 8px;text-align:center;border-radius:4px;}
.navbar a{display:block;color:#888;font-size:18px;font-weight:bold;text-align:center;padding:2px 0;}
*/
.navbar-wrapper .container {
	position: relative;
	margin-top: 20px;
}

.navbar-wrapper h1 {
	color: #fff;
	font-size: 42px;
	font-weight: 800;
	margin-top: 50px;
}

.navbar-wrapper h1 span {
	display: block;
	color: #ffdf3e;
	font-size: 138px;
	font-weight: 800;
	line-height:136px;
	letter-spacing: -4px;
}

.navbar-wrapper p {
	font-size: 20px;
	color: #fff;
}
.dropbtn {cursor: pointer;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none; position: absolute; top: 41px;background-color:#ffdf3e;width: 100%; box-shadow: 0px 3px 12px 0px rgba(120,120,120,0.2); z-index:999;}
.dropdown-content a {color: #3a66ab; padding: 10px 0;text-decoration: none; display: block; text-align: center; border-top: 1px solid #3a66ab; font-size: 16px;}
.dropdown-content a:hover {background-color: #fe4e5b;color: #fff; padding: 10px 0;text-decoration: none; display: block; text-align: center;}
.dropdown-content a:active {background-color: #fe4e5b;color: #fff; padding: 10px 0;text-decoration: none; display: block; text-align: center;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn { background-color:#ffdf3e; color: #3a66ab;}

/* ***************** */
/* *** Homepage **** */
/* ***************** */


.featured-text {
	width: 900px;
	margin:0 auto;
	text-align: center;
}

.featured-text blockquote {
	font-size: 30px;
	line-height: 1.33;
	letter-spacing: -1px;
	color: #3a66ab;
	font-weight: 800;
	float: left;
	margin: 20px	0 0 200px;
}

.featured-text h2, .featured-text h1 {
	font-size: 48px;
	line-height: 1.33;
	letter-spacing: -3px;
	color: #3a66ab;
}

.featured-text h2 {margin-top:50px;}

.featured-text p {
	font-size: 21px;
	width: 860px;
	color: #797979;
	margin: 0 auto 40px;
	line-height:30px;
}

.featured-text p strong {color:#555;}

.featured-text hr {
	width: 370px;
	margin-bottom: 40px;
}

.featured-3 hr {border-color:#6a9aba;}

.featured-2 {
	height: 558px;
	width: 1170px;
	background: #fdfcf3;
	margin-bottom: 140px;
}

.featured-2 .box {
	width: 370px;
	height: 175px;
	float: left;
	margin: 9px 258px 29px 0;
}


.featured-2 .box .title {
	width: 225px;
	height: 48px;
}

.daily-draw-box {
	margin: 86px 5px 29px 800px!important;
}

.weekly-draw-box {
	margin: -127px 52px 29px 65px !important;
}

.monthly-draw-box {
	margin: 62px 130px 29px 730px!important;
}

.box .title {
	background-color: #88ba36;
	text-align: center;
	line-height: 48px;
	font-size: 28px;
	font-weight: 800;
	color: #fff;
}

.box .links a {
	float:left;
	padding-right:20px;
	padding-left: 20px;
	margin: 0;
	background: url(/images/template/sprite.png) no-repeat 0 -1983px;
	padding-left: 15px;
	color: #333;
	line-height: 18px;
	font-size: 14px;
}

.box .details p {
	color: #797979;
	margin: 10px auto 20px;
}

.box .btn {float:right; margin-top:-5px; width:90px; text-align:center; cursor:pointer;}

.weekly-draw-box .title {
	background-color: #e1a227;
}

.monthly-draw-box .title {
	background-color: #da5757;
}

.featured-3 {
	height: 787px;
	min-width: 1200px;
	background:url(/images/template/featured-image-1.jpg) no-repeat top center;
	background-size: cover;
}

.featured-3 .featured-text h2 {
	color: #ffdf3e;
}

.featured-3 .featured-text p {
	color: #fff;
}

.feature-3-box-container {
	float: left;
	margin: 0 auto 90px;
}

.feature-3-box-container img {
	padding: 0 29px;
}

.feature-3-box-container .title {
	text-align: center;
	line-height: 48px;
	font-size: 22.5px;
	font-weight: 800;
	color: #ffdf3e;
}

.feature-3-box-container .details p {
	color: #555;
	text-align: center;
}

.box-1, .box-2, .box-3 {
	width: 260px;
	height: 379px;
	margin: 0 65px;
	float: left;
}

.featured-3-footer {
	height: 216px;
	min-width: 1200px;
	margin-top: -74px;
	background: url("../images/template/footer-banner.png") no-repeat center 0;
	padding-top:70px;

}

.featured-3-footer .featured-text h3 {
	float: left;
	color: #3965ab;
	margin-top: -20px;
	font-size: 36px!important;
	letter-spacing: -1.2px;
	margin-left: 160px;
}

.featured-3-footer .featured-text blockquote {
	float: left;
	color: #3965ab;
	margin-top: 35px;
	font-size: 28px!important;
	letter-spacing: -1.2px;
	margin-left: 230px;
}

.featured-3-footer .featured-text span {
	color: #fe4e5b;
}

.play-now-btn {
	float: right;
	margin: 30px 0px 0 0;
	height: 60px;
	color: #fff;
	background: #fe4e5b;
	padding: 12px 25px!important;
	border-radius: 5px;
	font-size: 25px!important;
	text-decoration: none!important;
}

.play-now-btn:hover {background: #3a66ab;color: #fff;text-decoration: none; border:none;}

.info-box {background:  #fe4e5b;  padding: 5px; height: 41px; margin-top: 40px;}
.info-box .center {position: relative; width: 1200px; display: block;  margin: 0px auto !important; } 
.info-box a { color: #fff; text-decoration: none;text-align: center; padding:5px 20px 20px; float: left; font-size: 15px; }
.info-box img { float: left; width: 30px; margin-left: 80px;}
/* ************************ */
/* ******* REGISTER/LOGIN AND FORM STYLING ******* */
/* ************************ */
.alert {
	color: #fe4e5b;
}

.register-content .text-alert {display:block; float:left; margin:-10px 0 15px; width:100%; color:#fe4e5b;}
.register-content .text-alert.alt {margin-top: 0 !important;}

/* Register */
.register {
	margin-bottom: 195px;
}

.register-content {
	width: 806px;
	min-height: 443px;
	background: #fff;
	float: left;
	margin: 0px auto;
	padding: 50px;
}

.submit-btn {
	float: right;
	margin: 5px 0;
	width: 122px;
	height: 44px;
	color: #fff;
	background: #fe4e5b;
	padding: 5px 12px!important;
	border: none!important;
	border-radius: 6px;
	font-size: 18px!important;
	font-weight: 800!important;
	text-decoration: none!important;
	letter-spacing: 0.25px;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
}

.register-content h2 {
	font-size: 30px;
	color: #3a66ab;
	letter-spacing: -0.5px;
	margin-bottom: 30px;
}

.register-content h2 span {
	color: #fe4e5b;
}

.register-content p {
	color: #797979;
}

.register-content .resizedTextbox {
	width: 300px;
	margin-bottom: 15px;
	border: #dddddd 1px solid;
}

.register-jackpot {
	width: 364px;
	position:relative;
	float: left;
	height: 443px;
	margin: 0;
	padding: 0 15px;
	background: url("../images/template/register-right-background.jpg");
}

.register-jackpot .jackpot-amount {
	position: absolute;
	top: 115px;
	width: 100%;
	left: 0;
	font-weight: 800;
	text-align: center;
	color: #ffdf3e;
	font-size: 48px;
	line-height: 50px;
	text-shadow: rgba(60,0,0,0.5) 0 0 10px;
}

.register-jackpot .counters {
	width: 364px;
	position: absolute;
	top: 180px;
	left: 88px;
	margin: 0;
}

.register-jackpot .counters .title {
	margin: 0 11px;
	width: 364px;
	color: #fff;
}

.register-jackpot .counters .numbers, .register-jackpot .counters span {
	color: #fff;
}

.register-jackpot .call-to-act {
	position: absolute;
	top: 300px;
	font-size: 38px;
	font-weight: 800;
	text-align: center;
	line-height: 40px;
	color: #fff;
}

.fifty-percent {
	width: 45%;
}

#form label {
	font-size: 14px;
	color: #696969;
	font-weight:800;
}

.big-text {
	text-align: center;
	color: #fff;
	font-weight: 800;
	letter-spacing: -1.5px;
	font-size: 42px;
	line-height: 46px;
	margin-bottom: 70px;
}

.big-text span {
	color: #ffdf3e;
}

.register-background {
	position: absolute;
	background-image: url("../images/template/register-background.jpg");
	width: 100%;
	height: 998px;
	min-width: 1200px;
	background-size: cover;
	 border-top: 5px solid #fe4e5b;
	 top:0;
}

.n-box-1 { margin:0 auto ; width:90%;}
.n-box-1 .big-text-2 {background:url(/images/template/x-icon.png) no-repeat; float:left; font-size:36px; color:#555; font-weight:800; min-height:124px; padding:20px 0 0 150px; line-height:36px;}
.n-box-1 .big-text-link {background:url(/images/template/sprite.png) no-repeat; padding-left:15px; display:block; float:left; margin-left:150px; color:#333;}
.big-text-2 p {font-size:16px; font-weight:normal; line-height:24px; margin-top:20px;}

.alt-icon1 {background:url(/images/template/mail-icon.png) no-repeat!important;}
.alt-icon2 {background:url(/images/template/warning-icon.png) 35px 12px no-repeat !important; font-weight: normal !important; font-size: 18px !important; line-height: 24px !important; color: #C00 !important;}
.account-settings form {position:relative; width:100%;}
.account-settings .generic-box p {}
.account-settings #Salutation, #DOBDay, #DOBMonth, #DOBYear {display: block;width: 80px;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555555;background-color: #ffffff;background-image: none;border: none;border-radius: 4px; margin-bottom:10px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.cite {display:block;width: 0;height: 0;border-style: solid;border-width:10px 10px 0 10px;border-color:#3a66ab  transparent transparent ; position:absolute; bottom:-10px; left:20px;}
#DOBDay {float:left; margin: 0 10px 30px 0;}
#DOBMonth {float:left; margin:0 10px 30px 0; width:145px}
#DOBYear {float:left;}
.account-settings .form-control {margin:0 0 30px 2px; width:91%; float:left;}
.account-settings form .note {position:relative;float:right; margin-top:5px;}
.account-settings form .note img {cursor:pointer;}
.account-settings form .note p {position:absolute; visibility:hidden; background:#3a66ab; padding:10px; width:300px; color:#fff; left:-270px; top: -80px; z-index:99;}
.account-settings form .note:hover p { visibility:visible;}
.account-settings form .note p .cite {left:270px;}
.account-settings form .note-alt {float:left; margin: 0 0 0 5px}
.account-settings form .note-alt p, .account-settings form .note-alt p .cite {left:0; left:10px;}
.account-settings form .note-alt p {width:650px; left:-10px;}
.account-settings form label {display:block; clear:both; margin-bottom:5px;}
.account-settings .bottom-text, .login-container .bottom-text {clear:both; float:right;}

.account-settings form .r-buttons {margin:0 0 15px; display:block; clear:both; float:left;}
.account-settings form .r-buttons li {float:left; margin-left:10px;}
.account-settings form .btn, .login-container form .btn {border:none; float:right; padding:10px 20px; clear:both; margin:20px 0;}
.account-settings form .text-alert, .text-alert-2 {position:relative;float:left; clear:both; margin-bottom:20px; background:url(/images/template/sprite.png) no-repeat 14px -742px #e98336; padding:10px 10px 10px 45px; color:#fff;}
.text-alert-2 {float:none; display:inline-block;}
.account-settings form .text-alert .cite {border-color: transparent transparent #e98336;}
.small-b-margin {margin-bottom:5px!important;}
.more-info {clear:both;padding: 0px 0 0 150px;}
.more-info .but {font-size: 36px;text-align: center;font-weight: 800;letter-spacing: -1.5px;font-size: 30px;}
.more-info .resend-verification{width:350px;margin:10px 0 0 0;float:left; font-family:"Open Sans", Helvetica, Arial, sans-serif}
.login-container {background:#fff; padding:40px 80px; width:850px;	margin:40px 100px; border:1px solid #eaeaea; overflow:hidden; position:relative;}

.login-container form .btn {float:left;}
.login-container .form-control {margin-bottom:15px; width:400px;}
.login-container .pull-left {width:100%;}
.alert-3 {background-color:#3a66ab;}
.alert-3 a {color:#ffd10f;}
.alert-3 a:hover {color:#fe4e5b;}
.login-container .captcha {width:50px;}
.login-container .alert {float:left; clear:both;}
.login-container .alert-4 {margin-top:-10px; float:left; clear:both; color:#f00;  margin-bottom:15px; width:100%;}
.login-container .bottom-link {position:absolute; display:block; bottom:90px; left:200px;}
.login-container h1 {color:#3a66ab;}
.login-container p {margin-bottom:0;}
.login-notverified p {margin-bottom:15px;}

.forgotten-password {margin-bottom: 240px;}
.forgotten-password .send-reminder {width:300px;float:left; font-family:"Open Sans", Helvetica, Arial, sans-serif;}

.verify {margin-bottom: 240px;}
.verify .resend-verification{width:300px;float:left;}


/* **************************** */
/* ******* RESULTS .... ******* */
/* **************************** */
.container-latest-results .latest-results:nth-child(4) h1 span {
	color: #fff;
}


.container-latest-results .latest-results {
	background: #f4f4f4;
}

.latest-results {height:400px;}
.latest-result {width:100%; margin:0 auto ; padding:10px;}
.latest-results img {float:left;}
.latest-results h1 { float:left; color:#fff; margin:32px 0 40px 40px; font-size:48px; letter-spacing:-1px;}
.latest-results h1 span {color:#88ba36;}
.latest-results .col_d {float:left; margin-left:40px;}
.latest-results .draw-date {font-weight:800;color:#fff; font-size:24px; margin-bottom:15px;}
.latest-results .numbers {float:left;}
.latest-results .numbers div	{width:75px;height:75px; background:#88ba36;float:left;border-radius: 5px;font-weight:800;line-height: 75px;font-size: 48px;color:#fff; text-align:center; margin-right:10px;}
.latest-results ul {float:left; width:300px; margin:10px 0 0 240px; clear:both;}
.latest-results ul li, .result-block ul li {float:left; margin-left:20px; background:url(/images/template/sprite.png) no-repeat 0 -1983px; padding-left:15px;}
.latest-results ul li a {color:#fff;}
.main .outer-container .latest-result {width:100%;}
.main .outer-container .latest-result img {float: left; }
.main .outer-container .latest-result .draw-date {font-weight: 800;color: #fff;font-size: 24px;margin-bottom: 15px;}
.main .outer-container .latest-result .numbers {margin: 0 auto;width: 446px;height: 64px;clear: both;}
.main .outer-container .latest-result .numbers div {width: 64px;height: 64px;background: #3a66ab;float: left;border-radius:5px;font-weight: 800;line-height: 64px; font-size: 40px;color: #fff;text-align: center; margin-right: 10px;}
.main .outer-container {float:left; padding:30px; background:#f4f4f4; margin-bottom:20px; position:relative; width:100%; border:1px solid #eaeaea;}
.main .outer-container .result-block {float:left; margin:0px 0 0 20px; width:400px;}
.main .outer-container h2 {margin-bottom:30px; font-size:32px; }
.main .outer-container h2 span {color:#88ba36;}
.main .outer-container .money h2 {margin-top:10px; font-size:36px; color:#555; font-weight: 600; margin-bottom: 0; margin-left: 2px;}
.main .outer-container .winners p {display: inline; padding-top:20px; font-size:20px; color:#555; font-weight: 300; padding-left: 5px;}
.main .outer-container .winners span {color:#88ba36;}
.main .outer-container .winners img {width: 11%; margin-top: -8px;}
.main .outer-container .winners {padding-top:25px; margin-left: 0;}
.main .outer-container .result-block .draw-date {font-size:18px; margin-bottom:10px; color:#555; font-weight:normal; line-height:24px;}
.main .outer-container .result-block .draw-date span {font-weight:800; width:100%; display:block; font-size:24px;}
.main .second-results .ball {background:#e1a227;}
.main .second-results .result-block h2 span {color:#e1a227!important;}
.main .second-results .result-block .winners span {color:#e8323e!important;}
.main .second-results .latest-result h2 span{color:#e1a227!important;}
.main .third-results .ball {background:#ef3e2c;}
.main .third-results .result-block h2 span {color:#e8323e!important;}
.result-block ul {float:left; margin:10px 0 0 0;}
.result-block ul li {margin-left:0; margin-right:20px;}

/* ul{float:left;width:300px;margin:10px 0 0 240px;clear:both;
	li{float:left;margin-left:20px;background:url(/images/template/sprite.png) no-repeat;padding-left:20px;
		a{color:#fff;}
	}
}
}
*/

.draw-number {background:url(/images/template/sprite.png) no-repeat -4px -1464px; width:120px; height:74px; position:absolute; top:40px; right:-8px; color:#fff; text-align:center; padding: 10px 5px 10px 10px; font-size:14px; font-weight:normal;}
.draw-number span {font-size:24px; font-weight:800; width:100%; display:block;}

.small-results {
	padding-bottom: 50px;
}

.col_d {width: 410px;float: left;background: #f4f4f4;padding: 20px 30px;margin: 10px;position:relative;}
.col_d .draw-number {background:none; top:10px; color:#3a66ab; line-height:18px;}
.col_d .draw-number span {font-size:18px;}
.col_d .draw-date span {width:100%; display:block; font-weight:800; font-size:18px;}
.col_d .draw-date {font-weight:normal!important;}

.small-results .draw-date, .archive-results .draw-date {
	font-size: 14px;
	font-weight: 800;
	float: left;
	color: #555;
	margin-bottom: 10px;
}

.small-results .numbers, .archive-results .draw-date {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.small-results  .col_inner .numbers  {width:88%; margin: 0 0 10px 24px;}

.daily-draw-archive-page  .col_d .numbers, .weekly-draw-archive-page .col_d .numbers, .monthly-draw-archive-page .col_d .numbers {margin-left: 10px; display:inline-block;}

.small-results .numbers div, .archive-results .numbers div {
	width: 45px;
	height: 45px;
	background: #3a66ab;
	float: left;
	border-radius: 5px;
	font-weight: 800;
	line-height: 45px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-right: 6px;
}

.small-results ul {
	float: right;
	clear: both;
}

.small-results ul li {
	float: left;
	background: url(/images/template/sprite.png) no-repeat 0 -2px;
	padding-left: 15px;
	margin-left: 15px;
}

.small-results ul li a {
	color: #333;
}

.container-archive, .container-statistics {
	margin-top: 50px;
}

.container-md {
	margin-top: 20px;
	margin-bottom: 20px;
}

.content {
	width: 850px;
	float: left;
	background: green;
}

.latest-result {
	display: inline-block;
}

.result-block {
	float: right;
	width: 500px;
	margin: 48px 0;
}

.previous-results {	clear:both; width:200px; padding:40px 10px 10px;}

/* *********************** */
/* *** Sidebar Style *** */
/* *********************** */
aside {
	width: 310px;
	float: left;
	margin-left:20px;
}

.sidebar-panel-head  .title {
	background: #3a66ab;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	padding: 3px;
}
.sidebar-panel-head {
background: #3a66ab;
padding: 20px;
}

.sidebar-panel {
	background: #f4f4f4;
	margin-bottom: 20px;
	clear: both;
}

.sidebar-panel.fixed {
	width: 300px;
	overflow: hidden;
	background: #fdfbf3;
	display: inline-block;
	margin: 0;
	height: 170px;
	border: 1px solid #CCC;
}

/*.sidebar-panel .btn {
	width: 70px!important;
	padding:0!important;
	line-height:30px!important;
	text-align: center!important;
	margin:0;
	bottom:20px;
	right:15px;
	height:30px;
	position:absolute;
	z-index:99;

}*/

.sidebar-panel .btn {
	width: auto;
	max-width: 100px;
	padding: 8px 10px;
	line-height:16px;
	text-align: center!important;
	margin:0;
	bottom:20px;
	right:15px;
	position:absolute;
	z-index:99;
}

.sidepanel-games {
	padding-left:10px;
	width:194px;
	float:right;
	display:block;
	color:#fff;
	margin-top:15px;
}
.sidepanel-games .sub-title{
	font-size:14px;
}
.sidepanel-games .sub-title span{
	font-size: 14px;
	line-height: 12px;
}

.sidebar-panel .jackpot-date {
	position:absolute; 
	text-align: left;
	color:#fff;
	font-weight:800; 
	font-size:13px; 
	z-index:99; 
	bottom:25px; 
	left:15px;
}

.sidepanel-games .jackpot{
	font-size: 26px;
	line-height: 20px;
	margin-bottom: 15px;
	font-weight: 800;
	color: #ffdc00;
}
.sidepanel-games p{
	font-size:14px;
	color:#797979;
}
.sidepanel-body {
	margin:0 auto 10px;
	height:168px;
	padding:20px 15px;
	position:relative;
	background:url(/images/template/jp-bg-1.jpg) no-repeat;
}

.sidepanel-body img {position:absolute; top:0; left:0; z-index:1;}

.sidebar-panel .bg-1 {background:url(/images/template/jp-bg-2.jpg) no-repeat;}
.sidebar-panel .bg-2 {background:url(/images/template/jp-bg-3.jpg) no-repeat;}

.sidebar-panel.fixed .sidepanel-body {
	margin: 0 !important;
	height:170px;
	background-size: cover;
}
.sidebar-panel.fixed .comparison {color: #FFF; clear: both; width: 90%; margin: auto; padding-top: 20px; font-size: 20px; line-height: 22px;}
.sidebar-panel.fixed .multiplier {color: #FC0; font-size: 32px; font-weight: 800;}

.sidepanel-body.emPromo {margin: 0;}
.promoMsg {background: #FC0; padding: 10px; margin-bottom: 10px; color: #3a66ab; font-size: 13px;}
.promoMsg p {line-height: 18px; padding: 0; margin: 0;}
.promoMsg p span {color: #F00; font-weight: bold;}
.promoMsg span.terms {font-size: 10px; color: rgba(0,0,0,0.5);}

.message-promo {background: #fe4e5b; color: #FFF; padding: 20px; border-radius: 10px; margin-bottom: 20px; text-align: left; transition: all .1s ease-in-out; overflow: hidden;}
.message-promo h2 {color: #FFF; margin: 0;}
.message-promo p {margin: 10px 0 0 0;}
.message-promo strong {font-size: 1.2em;}
.message-promo a {color: #FF0;}
.message-promo span {color: #FF0; font-size: 16px; font-weight: bold;}
.message-promo .btn-alt {display: inline-block; font-weight: bold; padding: 10px 20px; font-size: 16px; float: right; color: #3a66ab;}
.message-promo .btn-alt:hover {text-decoration: none; background: #FFF;}

.aside-ads{background:none;}

 .promo img {display:block;  margin: 0 5px !important;}


/* Game Styles */

.main {float:left; width:870px;}
.main.central {text-align: center; float: none; width: auto;}

.side {float:left; width:310px;}
.ticket .game {float:left; padding:30px 30px 50px; overflow:hidden; background:#f4f4f4; margin-bottom:20px; position:relative; width:100%; border:1px solid #eaeaea;}
.ticket .game .first-col {float:left; width:36%;overflow:hidden;}
.ticket .game .second-col {float:right; width:64%;}
.ticket .stats {width:100%; clear:both; overflow:hidden; margin-bottom:20px;}
.ticket .stats img {float:left; margin-right:20px;}
.ticket .game h2 {color:#88ba36; float:left;}
.ticket .game p {margin-bottom:30px; clear:both; min-height:128px;}
.ticket .stats .box {position:relative; float:left; background: #3a66ab; padding:15px 10px 10px 10px; width:320px; color:#fff; margin:15px 0 20px; clear:none;}
.ticket .stats .box:before {background:url(/images/template/point.png) no-repeat;  content:""; position:absolute; left:-9px; top:30px; height:30px; width:30px;}
.ticket .game .box span {font-size:16px; font-weight:800; float:left; width:100%;}
.ticket .game .prize span {display:block; font-size:18px; font-weight:normal; color:#333; width:60px; margin-bottom:5px;}
.ticket .game .prize {float:right;font-size:42px;color:#3a66ab; font-weight:800; margin: 0 -1px 30px 0;}
.game .links {position:absolute; bottom:40px;}
.counters {width:300px; float:left; color:#3a66ab;}
.counters .title {font-size:12px; font-weight:800; letter-spacing:-0.5px; float:left; margin-right:10px; line-height:30px;}
.counters .numbers {width:65px; float:left; margin:0 2px;}
.counters ul {display:block; width:100%; float:right;}
.counters ul li { height:35px; width:45px; line-height:35px; text-align:center; font-weight:800; color:#3a66ab; background:#ebebeb; font-size:24px; border-radius:4px; float:left; margin:0 1px;border:1px solid #d0d0d0;}
.game-2 .counters .first-elem {margin-left:45px;}
.counters span {float:left; display:block; width:45px; text-align:center; font-size:12px; line-height:20px; color:#3a66ab; font-weight:normal;}
.ticket .game .btn {width:186px; padding:10px 0; text-align:center; background:#fe4e5b; position:absolute; color:#fff; font-size:14px; font-weight:800; bottom:30px; right:30px; min-height:auto;}
.ticket .game .btn-inactive, .ticket .game .btn-inactive:hover {background:#dbdbdb; margin:0; color:#9c9c9c;}
input[disabled=disabled], input:disabled {background:#dbdbdb; margin:0; color:#9c9c9c;}
input[disabled=disabled]:hover, input:disabled:hover {background:#e0e0e0; margin:0; color:#9c9c9c;}
.overlay-link {display:block;position:absolute; width:100%; height:100%; z-index:99; top:0; left:0; text-align:center; line-height:300px; font-size:24px; color:#fff; font-weight:800; opacity:0;}
.overlay-link:hover {display:block;position:absolute; width:100%; height:100%; background:#000; z-index:99; top:0; left:0; text-align:center; line-height:350px; opacity:0.7; font-size:24px; color:#fff; font-weight:800; text-decoration:none;}
.overlay-link:hover span {opacity:1;}
/*.game {padding:30px!important;}*/
.game .ticket-box {font-family: "Courier", san-serif; color:#000; background:#fceeb4; padding:10px; overflow:hidden; width:270px; height:300px; position:relative;}
.game .ticket-logo {margin-right:10px!important;}
.game .ticket-box .draw-title {font-size:18px; border-bottom:2px dashed #000; float:left; padding-bottom:5x;  margin:0 0 10px; width:100%;}
.game .ticket-box .draw-date {float:right; width:70px; margin:20px 10px 30px 0;}
.game .ticket-box .date {font-size:38px; font-weight:normal; text-transform:uppercase;}
.game .ticket-box .date span {font-size:18px; clear:both;}
.game .ticket-head {width:100%; border-bottom:2px dashed #000; clear:both; overflow:hidden; padding-bottom:10px; margin:0 0 10px; float:left;}
.game .ticket-head .title {float:left;}
.game .ticket-id {float:right;}
.game .numbers {width:100%; clear:both; font-size:24px; border-bottom:2px dashed #000; overflow:hidden; padding-bottom:5px; margin-bottom:5px}
.game .numbers li {float:left;height:38px; width:41px; text-align:center; line-height:38px;}
.game img.ticket-code {display:block; position:absolute; bottom:10px; left:20px; float:none!important; margin:0;}
.game p {/*width:300px;*/ float:left; font-size:24px; line-height:31px; color:#555; letter-spacing:-1px;}
/*.game .counters {float:right; width:190px;}
.game .first-col {width:36%!important;}
.game .second-col {width:64%!important;}*/
.game .links {position:absolute; display:block; bottom:40px;}
.game .links li {float:left; background:url(/images/template/sprite.png) no-repeat 0 -1983px; padding-left:15px; margin-right:30px;}
.game .message {position:absolute; bottom:40px; right:40px; font-size:28px; line-height:28px; font-weight:800; color:#3a66ab; letter-spacing:-1px;}
.matched {background:url(/images/template/sprite.png) no-repeat -539px -106px;}
.game .prize-m {width:100%; text-align:center;}

.promo-box {position:relative;width:100%; background:url(/images/template/jackpot-bg.png) no-repeat; height:224px; padding:20px 30px;font-weight:800; margin-bottom:20px;}
.promo-box .jackpot-title {font-size:18px; float:left; color:#fff; letter-spacing:-1px;}
.promo-box .jackpot-amount {float:left; clear:both; font-size:72px; line-height:72px; color:#ffd10f; margin-bottom:10px;}
.promo-box .counters {clear:both;}
.promo-box .counters .title, .promo-box .counters span {color:#fff;}
.promo-box .counters li {background:#fff; border:none;}
.promo-box a {position:absolute;padding:11px 30px;bottom:30px;right:30px;}
/* Choosing Numbers */

.ticket .select-numbers {}
.ticket .select-numbers .counters {position:relative; float:right; top:0; left:0; width:auto; margin-bottom:40px;}
.ticket .select-numbers .lower {float:left; width:100%;}
.ticket .select-numbers .row-1 {float:left; width:870px; background:#fdfbf3; margin-bottom:40px;}
.ticket .select-numbers .row-1  h2 {color:#3a66ab;margin:15px 0;}
.ticket .select-numbers .row-1 ul.sub-menu {float:left; margin:25px 0 0 80px;}
.ticket .select-numbers .row-1 ul li {float:left; background:url(/images/template/sprite.png) no-repeat; margin-right:90px; padding-left:15px;}
.ticket .select-numbers .row-1 ul a {font-size:14px; color:#fff;}
.ticket .select-numbers .x-box {float:right; width:200px; margin-bottom:0; color:#fff; cursor:pointer; clear:none; height:70px; border-radius:0; line-height:70px; padding:0 0 0 25px; position:relative; text-align:left;}
.ticket .select-numbers .x-box span {background:url(/images/template/sprite.png) no-repeat -539px -670px; position:absolute; width:20px; height:20px; display:block; right:30px; top:25px;}
.ticket .select-numbers .x-box:hover {background:#ffd10f; color:#3a66ab;}
.ticket .select-numbers .x-box:hover span {background-position:-539px -731px;}
.ticket .select-numbers .row-2 {background:#e6e6e6;  width:870px; clear:both; margin:0; overflow:hidden; padding:40px;}
.ticket .select-numbers .row-2 .top {border-bottom:1px solid #cacaca; height:70px; margin-bottom:30px}
.ticket .select-numbers .row-2 .top .btn {float:left; width:110px; padding:8px; margin-bottom:0; color:#fff; cursor:pointer; clear:none; text-align:center;}
.ticket .select-numbers .row-2 .top .btn:hover {color:#3a66ab;}
.ticket .select-numbers .row-2 .top .title {float:right; font-size:18px; color:#797979; margin:10px 0 0;}
.ticket .select-numbers .row-2 .middle a {float:left; width:40px; height:40px; font-size:18px; text-align:center; line-height:40px; margin:0 12px 12px 0; background:; border-radius:5px; color:#797979; border:1px solid #a9a9a9; text-decoration:none;-webkit-transition: all 50ms ease-in-out;-moz-transition: all 50ms ease-in-out;-ms-transition: all 50ms ease-in-out;-o-transition: all 50ms ease-in-out;transition: all 50ms ease-in-out;}
.ticket .select-numbers .row-2 .middle a:hover {text-decoration:none; background:#d4d4d4;-webkit-transition: all 50ms ease-in-out;-moz-transition: all 50ms ease-in-out;-ms-transition: all 50ms ease-in-out;-o-transition: all 50ms ease-in-out;transition: all 50ms ease-in-out;}
.ticket .select-numbers .ballSelected {background:#3a66ab!important; color:#fff!important; border-color:#3a66ab!important; text-decoration:none!important; outline:none;-webkit-transition: all 50ms ease-in-out;-moz-transition: all 50ms ease-in-out;-ms-transition: all 50ms ease-in-out;-o-transition: all 50ms ease-in-out;transition: all 50ms ease-in-out;}
.ticket .select-numbers .ballDisabled {border:1px solid #cecece!important; color:cecece!important; -webkit-transition: all 50ms ease-in-out;-moz-transition: all 50ms ease-in-out;-ms-transition: all 50ms ease-in-out;-o-transition: all 50ms ease-in-out;transition: all 50ms ease-in-out;}
.ticket .select-numbers .row-2 .middle .btn {float:left; width:110px; padding:8px; margin-top:20px;}
.ticket .select-numbers .row-2 .middle input[type="checkbox"] {float:right; color:#fff;font-size:14px; margin-top:10px;}
.ticket .select-numbers .row-2 .middle input[type="submit"] {border:none; margin-right:5px;}
.ticket .select-numbers .row-2 .bottom {float:left; clear:both; margin-top:50px; width:100%;}
.ticket .select-numbers .row-2 .bottom .title {font-size:18px; color:#797979;}
.ticket .select-numbers .row-2 .bottom ul {float:left; margin-top:15px;}
.ticket .select-numbers .row-2 .bottom li {background:#3a66ab; width:60px; height:60px; font-size:40px; line-height:60px; text-align:center; padding:0; font-weight:800; color:#fff; margin-right:10px; border-radius:5px;}
.ticket .select-numbers .row-2 .bottom .btn {float:right; width:210px; height:60px; padding:12px 8px; margin-top:15px; clear:none;}

/* Numbers Chosen */

.ticket .numbers-chosen .counters {position:relative; float:right; top:0; left:0; width:auto; margin-bottom:40px;}
.ticket .numbers-chosen .lower {float:left; width:100%; background:#3a66ab; padding:40px; color:#fff; position:relative;}
.ticket .numbers-chosen .lower .first {float:left; width:490px;}
.ticket .numbers-chosen .lower .first .title,.ticket .numbers-chosen .lower .second .title{float:left; font-size:18px; font-weight:800; margin-bottom:10px;}
.ticket .numbers-chosen .lower .first ul {clear:both; float:left; margin-bottom:10px;}
.ticket .numbers-chosen .lower .first li {background:#fbdf55; width:60px; height:60px; font-size:40px; line-height:60px; text-align:center; padding:0; font-weight:800; color:#4d83d9; margin-right:10px; border-radius:5px; float:left;}
.ticket .numbers-chosen .lower .first .date {font-size:14px; float:left; clear:both;}
.ticket .numbers-chosen .lower .first .date span {float:left; clear:both; font-size:18px; font-weight:800;}
.ticket .numbers-chosen .lower .second {float:left}
.ticket .numbers-chosen .lower .second .ammount {font-weight:800; font-size:46px; line-height:46px;}
.ticket .numbers-chosen .lower .links {position:absolute; right:0; bottom:40px;}
.ticket .numbers-chosen .links {float:left; margin-top:15px;}
.ticket .numbers-chosen .links li {float:left; background:url(/images/template/bullets-left.png) no-repeat; margin-right:40px; padding-left:25px;}
.ticket .numbers-chosen .links a {font-size:14px; color:#fff;}


/* Statistics */

.main .sub-menu {float:left; background:#3a66ab; width:100%; height:45px; margin:100px 0 20px; position:relative;}
.main .sub-menu .title {font-size:18px; font-weight:800; float:left; color:#fff; margin:12px 0 0 20px;}
.main .sub-menu ul {float:left; height:100%; overflow:hidden; margin:0 0 0 130px; width:540px;}
.main .sub-menu ul li {float:left;}
.main .sub-menu ul li a {font-size:18px; text-align:center; width:180px; height:45px; color:#fff; display:block; line-height:45px; border-right:1px solid #6185bc;}
.main .sub-menu ul li:last-child a {border-right:0;}
.main .sub-menu ul li .active:before, .main .sub-menu ul li a:hover:before{content:""; background:url(/images/template/statistics-header.png) no-repeat -37px 0; width:113px; height:120px; position:absolute; top:-120px; left:360px;}
.main .sub-menu .stats-weekly .active:before, .main .sub-menu .stats-weekly a:hover:before {left:545px; background-position: -265px 2px;}
.main .sub-menu .stats-monthly .active:before, .main .sub-menu .stats-monthly a:hover:before {left:725px; background-position: -484px 4px;}
.main .sub-menu ul li a:before{content:""; background:url(/images/template/statistics-header.png) no-repeat -37px -204px; width:113px; height:120px; position:absolute; top:-120px; left:360px;}
.main .sub-menu .stats-weekly a:before {left:545px; background-position: -265px -202px;}
.main .sub-menu .stats-monthly a:before {left:725px; background-position: -484px -200px;}
.main .sub-menu ul li a:hover {background:#fe4e5b; text-decoration:none; border-right:1px solid #fe4e5b; color:#fff}
.main .sub-menu .active:after {content:""; position:absolute; width:33px; height:17px; bottom:-10px; left:400px; background:url(/images/template/yellow-down.png) no-repeat;}
.main .sub-menu .stats-weekly .active:after, .main .sub-menu .stats-weekly .active:hover:after {left:580px;}
.main .sub-menu .stats-monthly .active:after, .main .sub-menu .stats-monthly .active:hover:after {left:760px;}
.main .sub-menu .active:hover:after {content:""; position:absolute; width:33px; height:17px; bottom:-10px; left:400px; background:url(/images/template/red-down.png) no-repeat;}
.statistics .switch-menu {float:left; clear:both; width:250px; height:35px; margin-bottom:30px;}
.statistics .switch-menu li {float:left; width:50%; height:35px;}
.statistics .switch-menu li a {width:100%; height:35px; text-align:center; color:#fff; font-size:18px; font-weight:800; background:#bebebe; float:left; display:block; line-height:35px;border-radius:5px 0 0 5px;}
.statistics .switch-menu li a:hover {background:#fe4e5b;text-decoration:none; color:#fff;}
.statistics .switch-menu li:last-child a {border-radius:0 5px 5px 0}
.statistics .switch-menu .active, .main .sub-menu .active {background:#ffd10f; color:#3a66ab;}
.statistics #frequency-table .grid-row {float:left;border-bottom:1px solid #dedede; width:100%; margin:20px 0 0; overflow:hidden; clear:both; padding-bottom:20px;}
.statistics #frequency-table .last {border-bottom:none;  margin:20px 0 0; padding-bottom:0;}
.statistics #frequency-table .cell {float:left; margin:0 17px 0 0;}
.statistics #frequency-table .first-elem, .statistics .stats .ball {float:left; height:45px; width:45px; background:#3a66ab; text-align:center; line-height:45px; font-weight:800; font-size:28px; color:#fff; border-radius:5px; margin-right:2px;}
.statistics #frequency-table .sub-elem {float:left; font-size:24px; margin:5px 0 0 4px; color:#797979; width:30px; text-align:center}
.statistics #frequency-table .sub-elem span {display:block; clear:both; font-weight:normal; font-size:12px; color:#979797;}
.statistics .stats {width:425px; background:#e5e5e5; margin-left:-40px; padding:40px;}
.statistics .stats th {border-bottom:1px solid #cdcdcd; height:60px; color:#555; font-weight:800; font-size:14px; text-align:left;}
.statistics .stats td {height:80px;border-bottom:1px solid #cdcdcd;}
.statistics .stats .big {font-size:26px; color:#797979; float:left;}
.statistics .stats .small {float:left; clear:both; color:#777;}
table .move-right {text-align:right!important;}
.statistics .stats .last-elem span {float:right;}
.statistics .t-wider {width:870px;}
table .center {text-align:center!important;}
.statistics td span {text-align:center!important; width:100%;}
.statistics .t-wider .ball {margin:0 auto; display:block; float:none;}

/* How it works */

.how-it-works .info-g {float:left; margin:0 40px 40px 0;}
.how-it-works section p {font-size:14px; color:#797979;}
.how-it-works .info {float:left; width:100%; padding:30px; background:#e3e3e3; border-left:5px solid #9e9e9e;}
.how-it-works .big-text {float:left; margin:30px 0 0; color:#3a66ab; font-size:30px;}
.how-it-works .big-text span {color:#fe4e5b;}
.how-it-works #step-1 .btn {float:right; font-size:18px; margin-top:30px;}
.how-it-works .main img {padding: 10px; margin-top: 10px;}

.steps-box a {display:inline-block; margin:0 3px 15px;font-size:20px; background:none; color:#3a66ab;line-height:30px; text-align:center;outline:0;}
.steps-box img {display:block; background:#f4f4f4;border: 5px solid #3a66ab; border-radius:50%;}
.steps-box a:hover {text-decoration:none;color:#ff4d5b;}
.steps-box a:hover img {border-color:#ff4d5b;}
/* FAQ */

#faq-menu {background:url(/images/template/blue-bg.jpg) no-repeat top #3a66ab; color:#fff;}
#faq-menu h2 {color:#fff; margin-bottom:30px; border-bottom:1px solid #537ab6; padding-bottom:10px;}
#faq-menu ul li {float:left; font-size:16px; clear:both; margin-bottom:20px;}
#faq-menu ul li a {color:#fff;}
.faq .top {float:left;background:url(/images/template/sprite.png) no-repeat -540px -204px; padding-left:30px; height:25px; display:block; font-size:14px; font-weight:800; color:#013c74; line-height:25px;}
.faq .top:hover {color:#fe4e5b; background-position:-540px -262px; text-decoration:none;}

/* Contact */

.contact-page .first-elem {float:left; width:50%;}
.contact-page ul, .contact-page .first-elem img {display:block; margin-bottom:40px;}
.contact-page .second-elem {float:right; width:50%;}
.contact-page .title {font-size:18px; color:#3a66ab; font-weight:800; margin-bottom:10px;}
.contact-page form input {margin-bottom:20px;}
.contact-page form .enquiry {height:150px; display:block; width:100%; border:1px solid #ddd; padding:20px; font-family:inherit; border-radius:5px; font-size:14px; margin-bottom:20px;}
.contact-page .social a {background:url(/images/template/sprite.png) no-repeat -539px -936px; padding-left:60px; height:54px; float:left; line-height:54px; margin-right:20px;}
.contact-page .social .twitter {background-position: 0 -936px;}

/* Archives */

.archive-header{background:#e6e6e6;height:112px; padding:0 40px; margin-bottom:20px;clear:both; margin-top:-20px; float:left; width:100%;}
.archive-header .title{color:#555;font-size:24px;width:380px;float:left;font-weight:800;line-height:112px;}
.archive-results {padding-bottom: 50px;}
.archive-results .col_d{width: 374px;float: left;background: #e6e6e6;padding: 25px;margin: 0 20px 20px 0; border:1px solid #d7d7d7;}
.archive-results .sub-menu ul {margin: 0 0 0 107px;}
.archive-results .sub-menu .title {margin-left:20px;}

/* -- Select Box Styles */

.styled-select {height: 29px;overflow: hidden;float:left;background: #fff url(/images/template/select-btn.png) no-repeat right center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:relative;}
.styled-select label {position:absolute; left:0; top:-30px;}
.styled-select:hover { background: #fff url(/images/template/select-btn.png) no-repeat right center;}
.styled-select:focus { outline:none; }
.styled-select select {background: transparent;border: 1px solid transparent;font-size: 14px;height: 29px;padding: 5px; /* If you add too much padding here, the options won't show in IE */color: #777; appearance: none;}
.archive-results .first-elem, .archive-results .second-elem {float:left; width:160px; margin:30px 20px 0 0;}
.archive-results .second-elem {width:128px;}
.archive-results label {font-weight:800; color:#555;}
.year-select label, .month-select label{margin:20px 0;color:#000;z-index:999;}
.year-select{width:100px;}
.month-select{width:160px;}
.year-select select{width:128px;}
.month-select select{width:188px;}
.archive-btn{margin:48px 0 0 0;height:32px;width:100px;}

/* Loader */
.loading {position:relative; width:100%; overflow:hidden;}
.loading svg {display:block; margin:0 auto;}
.loading p {text-align:center; font-size:18px;}
svg path,svg rect{fill: #3a66ab;}
.loading .countdown {position:absolute; top:65px; left:400px;}

/* Success Box */

.success-box {background:#ffefb3; overflow:hidden; margin:-40px 0 40px; padding:40px 0; text-align:center;}
.success-box img {display:block; margin:0 auto 20px;}
.success-box .title {font-size:36px; font-weight:800; color:#3a66ab; margin-bottom:20px;}
.success-box p {font-size:16px; width:740px; margin: 0 auto;}


/* Ticket History */

.t-history {width:100%; background:#e7e7e7; padding:20px 20px 0; margin-bottom:40px;}
.t-history .t-logo {width:100px;}
.t-history .t-logo img {display:block;}
.t-history th {border-bottom:1px solid #cdcdcd; height:60px; color:#555; font-weight:800; font-size:14px; text-align:left;}
.t-history .center {text-align:center;}
.t-history .right {text-align:right;}
.t-history td {border-bottom:1px solid #cdcdcd;  padding:30px 0;}
.t-history tbody:last-child td {border-bottom:none;}
.t-history .date .icon-1, .t-history .date .icon-2 {background:url(/images/template/sprite.png) no-repeat 0 -1084px; padding-left:30px; display:block;}
.t-history .date .icon-2 {background-position:0 -1131px; margin-bottom:0;}
.t-history .date strong {font-size:18px; color:#333;}
.t-history .balls ul {height:40px; border-top:1px dashed #000; border-bottom:1px dashed #000; padding:12px 0; width:180px;}
.t-history .balls ul li {width: 30px;height: 20px;float: left;border-radius:5px;font-weight: 800;line-height: 20px; font-size: 16px;color: #000;text-align: center; font-family: "Courier", monospace, san-serif;}
.t-history .counters {float:right; width:200px;}
.t-history .counters .first-elem {margin-left:60px!important;}
.t-history .counters ul {float:right; margin:0 0 0 0; clear:both; width:auto!important;}
.t-history .counters .title {margin-top:-20px; margin-left:10px;}
.t-history .counters ul li {background:#ebebeb; color:#3a66ab; width:45px; height:30px; font-size:16px; line-height:30px;}
.t-history .counters span {text-align:center; font-size:10px;}
.t-history p {width:100%; margin:0 auto; text-align:right; clear:both;}
.t-history .balls strong {color:#333;}
.t-history .balls3 {width:162px; display:block; float:right;}
.t-history .balls3 li {float:left; height:25px; width:25px; background:#3a66ab; text-align:center; line-height:25px; font-weight:800; font-size:18px; color:#fff; border-radius:5px; margin-right:2px;}
.t-history .balls3 .matched {background:#fe4e5b;}
.t-history .draw-date {width:140px;}


/* 404 Page */
.error-page img {float:left; clear:left; margin:0 20px 20px 0;}
.error-page .title {font-size:24px; margin-bottom:20px;}

.social-side {position:fixed; top:290px; left:0; z-index: 9999;}
.social-side a {background:url(/images/template/sprite.png) no-repeat -540px -936px #3b5998; width:53px; height:54px; display:block;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; outline:none;}
.social-side .twitter a {background-position: 0 -936px; background-color:#55acee;}
.social-side .twitter a:hover {background-position:25px -936px;}
.social-side .instagram a {background-position: -947px -936px; background-color:#1d597f;}
.social-side .instagram a:hover {background-position:-922px -936px;}
.social-side a:hover {width:80px; background-position:-515px -936px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; outline:none;}


/* HOME QUICK PICK & SIGN UP */

#quickPick {background:url(/images/template/featured-image-1.jpg) no-repeat; min-width: 1200px; border-bottom: #013c74 1px solid; background-size: cover; padding-bottom: 80px;}
#quickPick h2 {color: #FFF !important; padding-top: 30px;}
#quickPick .row-1, #quickPick .row-2 {background: none !important; width: 802px !important; padding-top: 10px !important;}
#quickPick p, #quickPick .title {color: #FFF !important;}
#quickPick a.ball {background: #FFF !important; color: #3764ad !important; border: none !important; margin: 5px !important; transition: all .1s ease-in-out !important;}
#quickPick a.ballDisabled {color: #AAA !important;}
#quickPick a.ball:hover {background: #ff5159 !important; color: #FFF !important;}
#quickPick a.ballSelected, #quickPick a.ballDisabled {margin: 5px !important;}
#quickPick .middle {overflow: hidden; padding: 10px; border: 1px solid rgba(255,255,255,0.2); background: #888 !important; background: rgba(255,255,255,0.1) !important; border-radius: 3px;}
#quickPick .ballSelected {border: 1px solid #FB0 !important; background-color: #FB0 !important; color: #039 !important;}
#quickPick ul li {background-color: transparent !important; color: #FFF !important; border: 1px solid #FFF;}
#quickPick .main {width: 810px !important;}
#quickPick a.btn {color: #FFF; font-size: 14px; line-height: 36px; border: none; height: 36px; padding: 0 10px;}
#quickPick a.btn:hover {background: #FF0; color: #3764ad;}
#quickPick .container {display: block; margin: 0 auto; width: 1200px;}
#quickPick .container img{position: relative; display: inline-block; float: right; clear: both; margin-top: -660px; margin-right: -370px;}


#signUp {float: right; width: 340px; padding: 24px 10px; display: none;}
#signUp label {color: #FFF;}
#signUp p a {color: #FC0; text-decoration: underline;}
#signUp p a:hover {color: #FF0;}

.socialMediaIcons {padding: 40px; text-indent: 30px;}
.socialMediaIcons img {margin-left: 20px; width: 60px; height: auto;}

/* COMPETITIONS */

#viewBtn {clear:both;}
.comp-img {float:left; margin:0 30px 30px 0}
.competitions .lower {clear:both;}
.competitions .col-wide{width:500px;}
.competitions .generic-box .sub-elem { font-size:18px; color:#333;}
.competitions .winners-alt .column {width:570px;}
.competitions h3 {letter-spacing:-1px;}
.competitions blockquote {font-size:21px; color:#333; letter-spacing:-1px; padding:20px 20px 20px 50px; border:1px solid #e4e4e4; background:#ebebeb; position:relative;}
.competitions blockquote span {display:block; width:100%; font-size:14px; color:#797979; margin-top:5px;}
.competitions blockquote:before {content:""; background:url(/images/competitions/quotes.png) no-repeat; width:68px; height:68px; position:absolute; top:10px; left:-30px;}

/* WINNERS */
.winners blockquote {font-size:21px; color:#333; letter-spacing:-1px; padding:20px 20px 20px 50px; border:1px solid #e4e4e4; background:#ebebeb; position:relative;}
.winners blockquote span {display:block; width:100%; font-size:14px; color:#797979; margin-top:5px;}
.winners blockquote:before {content:""; background:url(/images/competitions/quotes.png) no-repeat; width:68px; height:68px; position:absolute; top:10px; left:-30px;}
.winnerBox {background: #ff4c57; padding: 20px; color: #FFF; font-size: 16px; text-align: center; margin-bottom: 20px;}
.winnerBox strong {font-size: 22px;}
.winnerBox p {padding: 10px 0 0 0; margin: 0;}
.winnerBox a {color: #FD0;}


/* Promo */

.mega-promo {background:url(/images/promo/banner-logged-in-euromillions.jpg) no-repeat;display:flex; flex-wrap: wrap; flex-direction: row; width:870px; height:224px; position:relative; color:#3a66ab; margin:0 auto 20px;}
.mega-promo .col {flex-grow:1;}
.mega-promo img {display:block; margin:15px 0 0 35px;}
.mega-promo .title {font-size:16px;}
.mega-promo .col-2, .mega-promo .col-5 {margin-top:55px;}
.mega-promo .jackpot {font-size:56px; font-weight:700;letter-spacing:-2px;line-height:50px;}
.mega-promo #counters3, .big-promo #counters4  {display:inline-block;}
.mega-promo #counters3 li,.big-promo #counters4 li {list-style:none; width:50px; height:50px; line-height:35px; display:inline-block; background:#fff; border-radius:4px; margin:3px; color:#bf0000;  text-align:center; font-size:24px; font-weight:800;padding:0;}
.mega-promo .button {margin-top:38px;padding:0 30px 0 10px!important;}
.mega-promo #counters3 li:after, .big-promo #counters4 li:after {content:"Days"; display:block; width:100%; font-size:10px; line-height:0; ,margin-bottom:-10px;}
.mega-promo #counters3 li:nth-child(2):after, .big-promo #counters4 li:nth-child(2):after {content:"Hrs"}
.mega-promo #counters3 li:nth-child(3):after, .big-promo #counters4 li:nth-child(3):after {content:"Mins"}
.mega-promo #counters3 li:nth-child(4):after, .big-promo #counters4 li:nth-child(4):after {content:"Secs"}
.mega-promo:hover {text-decoration:none;}


.sidebar-panel.big-promo .sidepanel-body {background-size:cover; height: auto;}
.sidebar-panel.big-promo .sidepanel-games {font-size:24px; font-weight:800; margin-top:25px;}
.sidebar-panel.big-promo .jackpot-box {width:100%; display:inline-block; text-align:center; color:#fff; margin:40px auto 10px;}
.sidebar-panel.big-promo .sub-title {font-size:16px;}
.sidebar-panel.big-promo .jackpot {color:#ffdc00; font-size:46px; font-weight:800; line-height:46px;}
.sidebar-panel.big-promo .counter-box {width:100%; text-align:center; display:inline-block; margin-bottom:20px; color:#fff; font-size:16px;}
.sidebar-panel.big-promo .btn {position:relative; width:200px!important; font-size:18px; display:block; margin:10px auto 0;right:auto;bottom:auto;}

/* BREADCRUMBS */
.breadcrumbs {background: #eee;}
.breadcrumb {padding: 0 10px; }
.breadcrumb li {text-transform: capitalize; display: inline-block; padding-right: 10px; margin-right: 10px; font-size: .9em; opacity: .75; position: relative; transition: opacity .2s ease-in-out; }
.breadcrumb li:hover {opacity: 1; }
.breadcrumb li:after {content: ">"; position: absolute; top: 50%; right: -8px; font-size: .8em; transform: translate(-50%,-50%); pointer-events: none; }
.breadcrumb li:last-child:after {display: none; }
.breadcrumb span {display: none; }
.breadcrumb li:first-child a {display: inline-block; width: 12px; height: 12px; background: url(/images/svg/icon--house.svg); background-size: 100% auto; background-repeat: no-repeat; }

@media screen and (max-width: 768px) {
html,body,div,span,h1,h2,h3,p,img,ol,ul,li,form,table,tbody,thead,tr,th,td,hr {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit
}

body {
    line-height: 1;
    background: #fdfbf3;
    -webkit-text-size-adjust: none;
    transition: all .5s ease-in-out
}

body.side {
    transform: translate(250px)
}

ol,ul {
    list-style: none
}

table {
    border-spacing: 0
}

body {
    font: 13px/21px "Open Sans",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    color: #797979;
    position: relative
}

body.noScroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.background-grey {
    background: #f4f4f4
}

.clear {
    clear: both
}

.fluidimg {
    width: 60%;
    display: block;
    margin: 0 auto
}

.center {
    margin: 0 auto
}

.list {
    float: left;
    margin-left: 10px;
    list-style-image: url(/images/template/sprite.png) left top
}

.list li {
    background: url(/images/template/sprite.png) no-repeat 0 -1983px;
    padding-left: 20px;
    margin-bottom: 10px
}

.no-lm {
    margin-left: 0!important
}

.no-rm {
    margin-right: 0!important
}

.no-bm {
    margin-bottom: 0!important
}

.no-tm {
    margin-top: 0!important
}

.no-lp {
    padding-left: 0!important
}

.no-rp {
    padding-right: 0!important
}

.no-bp {
    padding-bottom: 0!important
}

.no-tp {
    padding-top: 0!important
}

.float-right {
    float: right!important
}

.generic-box {
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
    border: 1px solid #eaeaea
}

.generic-box-half {
    padding: 20px;
    background: #f4f4f4;
    margin-bottom: 20px;
    float: left;
    overflow: hidden;
    width: 100%;
    border: 1px solid #eaeaea
}

.generic-box p,.generic-box-half p {
    padding: 0
}

.account-box {
    float: left;
    width: 100%;
    padding: 0 0 0 60px;
    position: relative
}

.account-box img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 40px
}

.account-box .title {
    font-weight: 800;
    font-size: 14px;
    float: left;
    margin: 20px 0 0;
    color: #333
}

.account-box p {
    float: left;
    font-size: 18px;
    clear: both;
    color: #797979;
    letter-spacing: -.8px
}

.account-settings .btn {
    float: left;
    font-size: 18px;
    margin: 20px 20px 0
}

.account-settings .edit-icon-small {
    display: block;
    float: right;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: url(/images/template/sprite.png) no-repeat 15px -378px #fe4e5b;
    padding: 10px 10px 10px 45px;
    border-radius: 5px
}

.account-settings .edit-icon-small:hover {
    color: #3a66ab;
    text-decoration: none;
    background-position: -524px -378px;
    background-color: #f3cc08
}

.account-settings .password-change {
    display: block;
    width: 240px;
    margin: 0 auto 20px;
    background: url(/images/mobile/pass-bg.png) no-repeat;
    padding: 20px 0 30px 100px;
    overflow: hidden;
    color: #fe4e5b;
    font-size: 18px;
    font-weight: 800;
    height: 83px;
    border: 1px solid #eaeaea
}

.account-settings .password-change:hover {
    background-color: #fe4e5b;
    text-decoration: none
}

.account-box .edit-icon {
    float: left;
    display: block;
    background: url(/images/template/sprite.png) no-repeat 0 -325px;
    padding-left: 20px;
    margin-top: 5px;
    clear: both
}

.account-box .edit-icon:hover {
    background-position: -540px -325px;
    color: #fe4e5b;
    text-decoration: none
}

.account-settings .small-link {
    text-align: center;
    width: 100%;
    padding: 20px 0 0 0;
    clear: both;
    overflow: hidden;
    margin-bottom: 0;
    display: block
}

.account-box .alert {
    float: left;
    clear: both;
    font-size: 12px;
    font-weight: 800
}

.account-settings .status-updated p {
    color: #3a66ab;
    padding: 10px 10px 10px 50px;
    font-family: 14px;
    font-weight: 800;
    background: url(/images/template/sprite.png) no-repeat 20px -546px #ffdc00
}

.acc-notify {
    background: #ffefb3;
    margin: -40px 0 40px;
    padding: 20px 0
}

.acc-notify .title {
    color: #3a66ab;
    font-weight: 800;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.acc-notify p {
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 20px;
    padding: 10px
}

.acc-notify img {
    display: block;
    margin: 20px auto 30px;
    width: 220px
}

.acc-notify .btn {
    font-size: 18px;
    padding: 10px;
    margin: 0 auto;
    width: 260px;
    display: block;
    text-align: center
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 800;
    color: #3a66ab;
    padding: 10px
}

h1 {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 10px;
    letter-spacing: -2px
}

.main h1 {
    padding: 0 10px
}

h2 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    letter-spacing: -1px
}

h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px
}

p {
    margin: 0 0 20px 0;
    line-height: 24px;
    padding: 0 10px
}

.navbar-wrapper h1 {
    letter-spacing: -1px
}

.navbar-wrapper h2 {
    letter-spacing: -1px
}

.featured-lower p {
    letter-spacing: -1px
}

a {
    background: transparent;
    color: #428bca;
    text-decoration: none
}

a:active,a:hover {
    outline: 0
}

a:hover,a:focus {
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

b,strong {
    font-weight: 800
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 20px auto;
    width: 700px;
    border-top: 1px solid #d2d2d2;
    clear: both
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bnr {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bnr p {
    color: #fff;
    font-size: 12px!important;
    font-weight: 600;
    display: inline-block;
    padding: 0 10px!important;
    margin-bottom: 0!important;
    line-height: 18px!important
}

.bnr a {
    display: inline-block;
    padding-left: 10px
}

.bnr a img {
    text-decoration: none;
    border-radius: 8px
}

.bnr>img {
    display: inline-block;
    vertical-align: top
}

.bnr .money {
    display: inline-block;
    color: #ffdf3e;
    font-size: 21px!important;
    font-weight: 800;
    line-height: 18px!important;
    margin-top: 0!important
}

.bnr-euromillions {
    background: url(/images/mobile/euromillions-banner.jpg) no-repeat;
    background-size: cover
}

.bnr-mega-millions {
    background: url(/images/mobile/megamillions-banner.jpg) no-repeat;
    background-size: cover
}

.bnr-navidad {
    background: url(/images/mobile/navidad-banner.jpg) no-repeat;
    background-size: cover
}

.bnr-el-nino {
    background: url(/images/mobile/el-nino-banner.jpg) no-repeat;
    background-size: cover
}

.bnr-superenalotto {
    background: url(/images/mobile/superenalotto-banner.jpg) no-repeat;
    background-size: cover
}

.bnr-lotto-india {
    background: url(/images/mobile/lotto-india-banner.jpg) no-repeat;
    background-size: cover
}

.bnr-powerball {
    background: url(/images/mobile/powerball-banner.jpg) no-repeat;
    background-size: cover
}

ul.example li {
    margin: 5px 0 5px 15px;
    position: relative;
    list-style: circle
}

ul.example {
    padding-left: 20px
}

.footer {
    width: 100%;
    background: #f0f0f0;
    padding: 20px 0
}

.footer h3 {
    color: #555;
    letter-spacing: -.5px
}

.footer h3 span {
    color: #3a66ab
}

.footer p {
    text-align: center;
    color: #a8a8a8
}

.footer hr {
    margin-bottom: 10px;
    width: 50%
}

.footer .small-section {
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    padding: 20px
}

.footer .col-1 a,.footer .col-2 a,.footer .col-3 a {
    color: #797979;
    line-height: 21px;
    width: 100%;
    display: block;
    margin-bottom: 10px
}

.footer .col-1 {
    padding: 20px
}

.footer .col-1 li {
    width: 46%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top
}

.footer .col-2,.footer .col-3 {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 10px;
    padding: 20px
}

.footer .col-4 .title {
    text-align: center
}

.footer-col .title {
    font-size: 16px;
    color: #555;
    font-weight: 800;
    margin-bottom: 15px;
    width: 100%
}

.footer-col .title span {
    color: #3a66ab
}

.footer-crumbs {
    display: block;
    margin: 0 auto;
    width: 96%;
    text-align: center
}

.footer-crumbs li {
    display: inline-block;
    margin: 4px 10px;
    padding-left: 0;
    height: 25px;
    width: 80px
}

.footer-crumbs a {
    color: #797979;
    font-size: 12px;
    line-height: 24px
}

.col-4 {
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden
}

.footer .social {
    margin: 10px 5px 0 5px;
    font-size: 13px;
    font-weight: normal;
    float: left;
    width: 130px;
    height: 55px;
    padding: 12px 0 0 60px;
    line-height: 1.1
}

.facebook {
    background: url(/images/template/sprite.png) no-repeat -539px -936px
}

.twitter {
    background: url(/images/template/sprite.png) no-repeat 0 -936px
}

.facebook span {
    color: #3b5998;
    font-weight: 800
}

.twitter span {
    color: #55acee;
    font-weight: 800
}

.featured-lower {
    padding-top: 15px;
    height: 180px;
    min-width: 100%;
    background: #2c4e82;
    background-size: cover
}

.featured-lower p {
    padding-top: 10px;
    width: 770px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.22;
    color: #fff;
    width: 100%;
    text-align: center
}

.featured-lower p span {
    color: #ffd10f
}

.featured-lower a {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-weight: 800;
    display: block;
    margin: 10px auto;
    width: 180px
}

.featured-lower a:hover {
    background: #ffdf3e;
    color: #3a66ab;
    text-decoration: none
}

.register-free {
    display: block;
    float: right;
    padding: 25px 10px 10px 10px;
    width: 500px;
    height: 160px;
    background-color: #fe4e5b;
    border: #fe4e5b 1px solid;
    border-radius: 6px
}

.register-box {
    text-align: center;
    width: 100%;
    margin: 30px 0;
    font-size: 24px;
    clear: both;
    padding-top: 20px;
    line-height: 24px
}

.register-box span {
    font-weight: 800
}

.register-details .username,.register-details .register-details .password {
    width: 356px;
    float: left
}

.register-details .name {
    width: 230px;
    float: left;
    margin-right: 8px
}

.register-button {
    width: 110px;
    float: left;
    margin-left: 8px;
    margin-top: -40px
}

.btn {
    padding: 5px 10px;
    background: #fe4e5b;
    font-size: 12px;
    font: inherit;
    line-height: 1.33;
    border-radius: 5px;
    color: #fff;
    font-weight: 800;
    border: none
}

.btn:hover,.forgotten-password .send-reminder:hover,.more-info .resend-verification:hover,.submit-btn:hover,p.btn:hover,.ticket .game .btn:hover {
    background: #ffdf3e;
    color: #3a66ab;
    text-decoration: none
}

.btn:focus {
    outline: none
}

.btn-alt {
    padding: 5px 10px;
    background: #ffdf3e;
    font-size: 12px;
    font: inherit;
    line-height: 1.33;
    border-radius: 6px
}

.btn-featured-lower {
    padding: 5px 0;
    width: 103px;
    font-size: 18px;
    line-height: 1.33;
    border: 8px solid;
    border-radius: 6px
}

.btn-default {
    color: #3a66ab;
    font-weight: 800;
    background-color: #ffdf3e;
    border-color: #ffdf3e;
    letter-spacing: -.56px
}

.btn-default:hover,.btn-default:focus,.btn-default:active {
    color: #fff;
    background-color: #3a66ab;
    border-color: #f3cc08
}

.m-btn {
    width: auto;
    max-width: 90px
}

p.btn-inactive {
    background: #dbdbdb;
    color: #9c9c9c
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus,#DOBDay:focus,#DOBMonth:focus,#DOBYear:focus,textarea:focus {
    border-color: #bacbe5!important
}

.form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #777
}

.form-control::-webkit-input-placeholder {
    color: #777
}

.forminput {
    margin-bottom: 5px
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {
    content: " ";
    display: table
}

.clearfix:after,.container:after,.container-fluid:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#login-panel {
    height: 124px;
    min-width: 100%;
    padding-top: 35px;
    background-color: #fe4e5b
}

.panel-button {
    position: absolute;
    top: 87px;
    right: 0;
    width: 90px;
    height: 40px;
    color: #fff;
    background: #fe4e5b;
    padding: 5px 12px!important;
    border: none!important;
    border-radius: 6px;
    font-size: 16px!important;
    font-weight: 800!important;
    text-decoration: none!important;
    letter-spacing: .25px;
    z-index: 99;
    font-family: "Open Sans",san-serif
}

#panel-close {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    right: 15px;
    top: -30px;
    text-decoration: none;
    color: #ffb8bd
}

.join a {
    color: #fff
}

.join a:hover {
    text-decoration: none;
    color: #ffdf3e
}

.horizontal-login .username,.horizontal-login .password,.horizontal-login .submit {
    width: 220px;
    padding: 5px;
    float: left
}

.horizontal-login {
    color: #fff
}

.horizontal-login span a {
    font-weight: 800;
    color: #fff
}

.horizontal-login span a:hover {
    text-decoration: none;
    color: #ffdf3e
}

.horizontal-login input[type=checkbox] {
    float: left;
    margin: 5px 5px 0 15px
}

.horizontal-login .submit {
    width: 140px;
    padding: 2px
}

.button-submit {
    width: 100px;
    height: 35px;
    margin-left: 15px;
    margin-top: 2px;
    padding: 4px 10px!important;
    font-size: 14px!important;
    border: none
}

#login-panel .join {
    width: 400px;
    float: right;
    font-size: 24px;
    color: #fff;
    margin: 10px 115px 0 0;
    line-height: 24px
}

#login-panel .join span {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px
}

#sidebarLeft {
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 55px;
    z-index: 999
}

.sideMenu {
    background: #2684bc;
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.menuOpen {
    position: absolute;
    width: 55px;
    height: 55px;
    top: -55px;
    left: 0;
    padding: 10px 20px 10px 10px;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: background .3s;
    transition: background .3s
}

.menuOpen span {
    background: #fff;
    position: absolute;
    display: block;
    top: 46%;
    left: 12px;
    right: 15px;
    height: 4px
}

.menuOpen span:before,.menuOpen span:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff
}

.menuOpen span:before {
    top: -10px
}

.menuOpen span:after {
    bottom: -10px
}

.menuOpen span {
    -webkit-transition: background 0s linear .3s;
    transition: background 0s linear .3s
}

.menuOpen span:before {
    -webkit-transition: margin-top .3s linear .3s,-webkit-transform .3s linear 0s;
    transition: margin-top .3s linear .3s,transform .3s linear 0s
}

.menuOpen span:after {
    -webkit-transition: margin-bottom .3s linear .3s,-webkit-transform .3s linear 0s;
    transition: margin-bottom .3s linear .3s,transform .3s linear 0s
}

.side .menuOpen span {
    background: none
}

.side .menuOpen span:before {
    margin-top: 10px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transition-delay: 0s,.3s;
    transition-delay: 0s,.3s
}

.side .menuOpen span:after {
    margin-bottom: 10px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transition-delay: 0s,.3s;
    transition-delay: 0s,.3s
}

.sideMenu li:first-child {
    font-size: 18px;
    padding: 10px 0;
    font-weight: bold;
    background: #2990cd
}

.subMenu li:first-child {
    padding: 0
}

.sideMenu li {
    position: relative;
    display: block
}

.sideMenu li a {
    background-color: #2684bc;
    position: relative;
    display: block;
    border-bottom: 1px solid #2990cd;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    height: 34px;
    width: 100%;
    line-height: 34px
}

.sideMenu li a:hover {
    background-color: #fff;
    color: #0158a2
}

.subMenu {
    position: relative;
    width: 100%;
    max-height: 0;
    display: block;
    overflow: hidden;
    transition: all ease .3s
}

.subMenu li a {
    background: #ffdf3e;
    border-bottom: 1px solid #fff;
    color: #3a66ab
}

.subMenu.opened {
    max-height: 500px
}

.expander {
    background: rgba(255,255,255,.1);
    width: 40px;
    height: 100%;
    color: #fff;
    font: bold 20px/34px "Open Sans",sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

.signin {
    position: absolute;
    right: 10px;
    top: 10px
}

.navbar-wrapper {
    height: 280px;
    background: url(/images/mobile/feature-1.jpg) no-repeat top center;
    min-width: 100%;
    background-size: cover;
    text-align: center;
    position: relative
}

.navinner-wrapper {
    width: 100%;
    background-size: cover;
    text-align: center;
    padding-bottom: 0
}

.navinner-wrapper .nav-inner {
    margin-top: 49px
}

.profile-menu {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px
}

.nav-inner .sub-menu {
    float: left;
    background: #f4f4f4;
    display: block;
    position: absolute;
    left: 423px;
    top: 34px;
    padding: 0;
    z-index: 99;
    visibility: hidden
}

.nav-inner .sub-menu li {
    float: none;
    margin: 0
}

.nav-inner .sub-menu li a {
    background: #f4f4f4!important;
    display: block;
    width: 100%;
    color: #215ca1!important
}

.nav-inner .sub-menu li a:hover {
    background: #fe4e5b!important;
    color: #fff!important
}

.nav-inner .sub-menu li a:hover .extra-menu {
    background: #fe4e5b!important
}

.nav-inner .extra-menu:hover .sub-menu {
    visibility: visible
}

.profile-menu .inner {
    float: right
}

.avatar {
    width: 32px;
    height: 32px;
    padding: 10px 0;
    float: left
}

.settings {
    width: 20px;
    height: 30px;
    float: left;
    position: relative
}

.friendly-name {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    float: left;
    letter-spacing: -.36px;
    text-align: left;
    padding-top: 5px;
    font-weight: 800
}

.friendly-name-guest {
    color: #ffdf3e
}

.friendly-name span {
    display: block;
    clear: both;
    margin-top: -5px;
    font-size: 18px;
    font-weight: normal
}

.settings ul {
    position: absolute;
    width: 150px;
    border: 1px solid #d7d7d7;
    visibility: hidden;
    left: -120px;
    z-index: 99;
    top: 40px
}

.settings ul:before {
    content: "";
    background: url(/images/mobile/point-up-light.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -13px;
    right: 18px;
    z-index: 10
}

.settings ul li {
    text-align: left
}

.settings ul li a {
    padding: 10px 20px;
    background: #f4f4f4;
    width: 150px;
    display: block;
    color: #797979
}

.settings ul li a:hover {
    text-decoration: none;
    background: #fe4e5b;
    color: #fff
}

.settings:hover ul {
    visibility: visible
}

.login .btn {
    float: right;
    padding: 10px 20px;
    font-size: 18px;
    margin-top: 38px
}

.featured-1 {
    position: absolute;
    background: url(/images/mobile/feature-1.jpg) no-repeat top center #2c99dc;
    width: 100%;
    height: 581px;
    width: 100%;
    background-size: cover
}

.not-featured {
    height: 55px;
    overflow: hidden
}

.logo {
    width: 130px;
    position: relative;
    margin: 10px auto 0
}

.logo img {
    width: 70px
}

.navbar ul {
    float: left;
    display: block;
    margin: 49px 0 0 32px
}

.navbar li.active a {
    background: #ffdf3e;
    padding: 10px;
    color: #3a66ab
}

.navbar a {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -1px;
    padding: 10px
}

.navbar a:hover {
    color: #fff!important;
    text-decoration: none;
    background: #fe4e5b!important;
    padding: 10px
}

.nav {
    float: left;
    margin-top: 22px
}

.nav li {
    float: left;
    margin-left: 30px
}

.premium a {
    color: #fcc315
}

.navbar-wrapper .container {
    position: relative
}

.navbar-wrapper h1 {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin-top: 20px
}

.navbar-wrapper h1 span {
    display: block;
    color: #ffdf3e;
    font-size: 42px;
    font-weight: 800;
    margin-top: 10px;
    letter-spacing: -1px
}

.navbar-wrapper p {
    font-size: 20px;
    color: #fff
}

.info-box {
    background: #fe4e5b;
    padding: 5px;
    height: auto;
    margin-top: 30px
}

.info-box .center {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto!important
}

.info-box a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: -10px 5px 0;
    font-size: 14px
}

.info-box img {
    width: 25px;
    vertical-align: central
}

.featured-text {
    width: 94%;
    margin: 0 auto 10px;
    text-align: center
}

.featured-text blockquote {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -1px;
    color: #3a66ab;
    font-weight: 800;
    width: 100%;
    display: block;
    margin: 20px 0
}

.featured-text h2,.featured-text h1 {
    font-size: 22px;
    line-height: 1.33;
    letter-spacing: -1px;
    color: #3a66ab
}

.featured-text h2 {
    margin-top: 20px
}

.featured-text p {
    font-size: 11px;
    width: 100%;
    color: #797979;
    margin: 0 auto 20px;
    line-height: 22px
}

.featured-text p strong {
    color: #555
}

.featured-text hr {
    width: 50%;
    margin-bottom: 10px
}

.featured-2 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px
}

.featured-2 .box {
    width: 90%;
    margin: 10px auto 20px;
    background: #f4f4f4;
    overflow: hidden;
    padding: 20px 10px
}

.featured-2 .box img {
    width: 180px;
    display: block;
    margin: 0 auto
}

.featured-2 .box .title {
    width: 170px;
    height: 30px;
    margin: 0 auto
}

.box .title {
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    font-weight: 800;
    color: #88ba36
}

.box .links {
    display: block;
    width: 300px;
    margin: 0 auto
}

.box a {
    float: left;
    padding-right: 10px;
    padding-left: 15px;
    margin: 0;
    background: url(/images/template/sprite.png) no-repeat 0 -1984px;
    color: #333;
    line-height: 18px;
    font-size: 12px
}

.box .details p {
    color: #797979;
    margin: 10px auto 20px;
    text-align: center
}

.weekly-draw-box .title {
    color: #e1a227
}

.monthly-draw-box .title {
    color: #da5757
}

.featured-3 {
    width: 100%;
    background: #4276a5
}

.featured-3 .featured-text h2 {
    color: #ffdf3e
}

.featured-3 .featured-text p {
    color: #fff
}

.feature-3-box-container {
    margin: 20px auto
}

.feature-3-box-container img {
    padding: 0 29px
}

.feature-3-box-container .title {
    text-align: center;
    line-height: 48px;
    font-size: 23px;
    font-weight: 800;
    color: #ffdf3e
}

.feature-3-box-container .details p {
    color: #fff;
    text-align: center
}

.box-1,.box-2,.box-3 {
    width: 260px;
    margin: 0 auto
}

.featured-3-footer {
    min-width: 100%;
    background: #ffd10f;
    padding-bottom: 20px
}

.featured-3-footer .featured-text h3 {
    float: left;
    color: #3965ab;
    margin-top: -20px;
    font-size: 36px!important;
    letter-spacing: -1.2px;
    margin-left: 160px
}

.featured-3-footer .featured-text span {
    color: #fe4e5b
}

.play-now-btn {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-weight: 800;
    display: block;
    margin: 10px auto;
    width: 180px
}

.play-now-btn:hover {
    background: #3a66ab;
    color: #fff;
    text-decoration: none;
    border: none
}

#submit_ticket {
    transition: all .5s ease;
    opacity: 1;
    display: block
}

#submit_ticket.fadeOut {
    opacity: 0
}

#submit_ticket.fadedOut {
    display: none
}

#signUp {
    transition: all .5s ease;
    opacity: 0;
    display: none
}

#signUp.fadeIn {
    display: block
}

#signUp.fadedIn {
    opacity: 1
}

.alert {
    color: #fe4e5b
}

.register-content .text-alert {
    display: block;
    float: left;
    margin: -10px 0 15px;
    width: 100%;
    color: #fe4e5b
}

.register-content .text-alert.alt {
    margin-top: 0!important
}

.register-content {
    width: 100%;
    background: #fff;
    float: left;
    margin: 0 auto;
    padding: 20px
}

.submit-btn {
    display: block;
    margin: 0 auto 20px;
    width: 122px;
    height: 44px;
    color: #fff;
    background: #fe4e5b;
    padding: 5px 12px!important;
    border: none!important;
    border-radius: 6px;
    font-size: 18px!important;
    font-weight: 800!important;
    text-decoration: none!important;
    letter-spacing: .25px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif
}

.register-content h2 {
    font-size: 20px;
    color: #3a66ab;
    letter-spacing: -.5px;
    margin-bottom: 30px;
    text-align: center
}

.register-content h2 span {
    color: #fe4e5b
}

.register-content p {
    color: #797979;
    text-align: center
}

.register-content .resizedTextbox {
    margin-bottom: 15px;
    border: #ddd 1px solid
}

.register-jackpot {
    width: 364px;
    float: left;
    height: 443px;
    margin: 0 auto;
    padding: 0 15px;
    background: url("/images/template/register-right-background.jpg")
}

.register-jackpot .jackpot-amount {
    position: absolute;
    top: 260px;
    left: 840px;
    font-weight: 800;
    text-align: center;
    color: #ffdf3e;
    font-size: 48px;
    line-height: 50px
}

.register-jackpot .counters {
    width: 364px!important;
    position: absolute!important;
    top: 328px!important;
    left: 800px!important;
    margin: 0 80px
}

.register-jackpot .counters .title {
    margin: 0 11px;
    width: 364px;
    color: #fff
}

.register-jackpot .counters .numbers {
    color: #fff
}

.register-jackpot .call-to-act {
    position: absolute;
    top: 450px;
    left: 780px;
    font-size: 38px;
    font-weight: 800;
    text-align: center;
    line-height: 40px;
    color: #fff
}

#form label {
    font-size: 14px;
    color: #696969;
    font-weight: 800
}

.big-text {
    text-align: center;
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px
}

.big-text span {
    color: #fe4e5b
}

.register-background {
    position: absolute;
    background: url(/images/mobile/feature-1.jpg) no-repeat;
    width: 100%;
    height: 55px;
    background-size: cover;
    top: 0
}

.n-box-1 {
    margin: 0 auto;
    width: 100%
}

.n-box-1 .big-text-2 {
    background: url(/images/template/x-icon.png) no-repeat 50% 0;
    float: left;
    font-size: 36px;
    color: #555;
    font-weight: 800;
    min-height: 124px;
    padding: 140px 0 0 0;
    line-height: 36px;
    text-align: center
}

.n-box-1 .big-text-link {
    background: url(/images/template/sprite.png) no-repeat;
    padding-left: 15px;
    display: block;
    float: left;
    margin-left: 150px;
    color: #333
}

.big-text-2 p {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 20px
}

.alt-icon1 {
    background: url(/images/template/mail-icon.png) no-repeat 50% 0!important
}

.account-settings form {
    position: relative;
    width: 100%
}

.account-settings .generic-box p {
    overflow: hidden
}

.account-settings #Salutation,#DOBDay,#DOBMonth,#DOBYear {
    display: block;
    width: 60px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.cite {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #3a66ab;
    position: absolute;
    top: -5px;
    left: 20px
}

#DOBDay {
    float: left;
    margin: 0 10px 30px 0
}

#DOBMonth {
    float: left;
    margin: 0 10px 30px 0;
    width: 115px
}

#DOBYear {
    float: left
}

.account-settings .form-control {
    margin: 0 0 30px 2px;
    width: 88%;
    float: left
}

.account-settings form .note {
    position: relative;
    float: left;
    margin: 5px 0 0 5px
}

.account-settings form .note img {
    cursor: pointer
}

.account-settings form .note p {
    position: absolute;
    visibility: hidden;
    background: #3a66ab;
    padding: 10px;
    width: 300px;
    color: #fff;
    left: -270px;
    z-index: 99
}

.account-settings form .note:hover p {
    visibility: visible
}

.account-settings form .note p .cite {
    left: 270px
}

.account-settings form .note-alt {
    float: left;
    margin: 0 0 0 5px
}

.account-settings form .note-alt p,.account-settings form .note-alt p .cite {
    left: 0
}

.account-settings form .note-alt p {
    width: 250px
}

.account-settings form label {
    display: block;
    clear: both;
    margin-bottom: 5px
}

.account-settings .bottom-text,.login-container .bottom-text {
    clear: both;
    float: left;
    margin-top: 10px
}

.account-settings form .r-buttons {
    margin-bottom: 20px;
    overflow: hidden;
    float: left
}

.account-settings form .r-buttons li {
    float: left;
    margin-left: 10px
}

.account-settings form .btn,.login-container form .btn {
    border: none;
    float: left;
    padding: 10px 20px;
    clear: both;
    margin: 10px 0
}

.account-settings form .text-alert,.text-alert-2 {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 20px;
    background: url(/images/template/sprite.png) no-repeat 14px -745px #e98336;
    padding: 10px 10px 0 45px;
    color: #fff
}

.text-alert-2 {
    float: none;
    display: inline-block
}

.account-settings form .text-alert .cite {
    border-color: transparent transparent #e73424
}

.small-b-margin {
    margin-bottom: 10px!important
}

.more-info {
    clear: both
}

.more-info .but {
    font-size: 36px;
    text-align: center;
    font-weight: 800;
    letter-spacing: -1.5px;
    font-size: 30px
}

.more-info .resend-verification {
    width: 240px;
    margin: 0 auto;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px!important
}

.login-container {
    background: #fff;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.login-container form .btn {
    float: left;
    clear: left
}

.login-container .form-control {
    margin-bottom: 15px
}

.login-container .pull-left {
    width: 100%
}

.alert-3 {
    background-color: #3a66ab
}

.alert-3 a {
    color: #ffd10f
}

.alert-3 a:hover {
    color: #fe4e5b
}

.login-container .captcha {
    width: 50px
}

.login-container .alert {
    float: left;
    clear: both
}

.login-container .alert-4 {
    margin-top: -10px;
    float: left;
    clear: both;
    color: red;
    margin-bottom: 15px;
    width: 100%
}

.login-container .bottom-link {
    display: block;
    float: right;
    margin-top: 20px
}

.login-container h1 {
    color: #3a66ab
}

.forgotten-password .send-reminder {
    width: 230px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px!important;
    display: block;
    margin: 0 auto 10px
}

.verify .submit-btn {
    width: 240px;
    font-size: 14px!important
}

.container-latest-results .latest-results:nth-child(4) h1 span {
    color: #fff
}

.container-latest-results .latest-results {
    background: #f4f4f4
}

.latest-results {
    height: 400px
}

.latest-result {
    width: 100%;
    margin: 0 auto;
    padding: 10px
}

.latest-results img {
    float: left
}

.latest-results h1 {
    float: left;
    color: #fff;
    margin: 32px 0 40px 40px;
    font-size: 48px;
    letter-spacing: -1px
}

.latest-results h1 span {
    color: #88ba36
}

.latest-results .col_d {
    float: left;
    margin-left: 40px
}

.latest-results .draw-date {
    font-weight: 800;
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px
}

.latest-results .numbers {
    float: left
}

.latest-results .numbers div {
    width: 75px;
    height: 75px;
    background: #88ba36;
    float: left;
    border-radius: 5px;
    font-weight: 800;
    line-height: 75px;
    font-size: 48px;
    color: #fff;
    text-align: center;
    margin-right: 10px
}

.latest-results ul {
    float: left;
    width: 300px;
    margin: 10px 0 0 240px;
    clear: both
}

.latest-results ul li,.result-block ul li {
    float: left;
    margin-left: 20px;
    background: url(/images/template/sprite.png) no-repeat 0 -1984px;
    padding-left: 15px
}

.latest-results ul li a {
    color: #fff
}

.main .outer-container .latest-result {
    width: 100%
}

.main .outer-container .latest-result img {
    display: block;
    width: 180px;
    margin: 0 auto
}

.main .outer-container .latest-result .draw-date {
    font-weight: 800;
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px
}

.main .outer-container .latest-result .numbers {
    margin: 0 auto;
    width: 260px;
    height: 35px;
    clear: both
}

.main .outer-container .latest-result .numbers div {
    width: 35px;
    height: 35px;
    background: #3a66ab;
    float: left;
    border-radius: 5px;
    font-weight: 800;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 0 0 10px
}

.main .outer-container .numbers div:first-child,.main .col_d .numbers div:first-child {
    margin-left: 0!important
}

.main .outer-container {
    float: left;
    padding: 10px;
    overflow: hidden;
    background: #f4f4f4;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    border: 1px solid #eaeaea
}

.main .outer-container .result-block {
    float: left;
    margin: 10px 0 0 0;
    width: 100%
}

.main .outer-container h2 span {
    color: #88ba36
}

.main .outer-container h2 {
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px
}

.main .outer-container .money h2 {
    margin-top: 10px;
    font-size: 26px;
    color: #555;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 2px
}

.main .outer-container .winners p {
    font-size: 18px;
    color: #555;
    font-weight: 300;
    text-align: center;
    padding-top: 5px
}

.main .outer-container .winners span {
    color: #88ba36
}

.main .outer-container .winners img {
    width: 13%
}

.main .outer-container .winners {
    margin: 10px auto;
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 0!important
}

.main .second-results .result-block .winners span {
    color: #e1a227!important
}

.main .second-results .latest-result h2 span {
    color: #e1a227!important
}

.main .outer-container .result-block .draw-date {
    font-size: 14px;
    margin-bottom: 5px;
    color: #555;
    text-align: center;
    width: 100%
}

.main .second-results .ball {
    background: #e1a227
}

.main .third-results .ball {
    background: #ef3e2c
}

.main .third-results .result-block h2 span {
    color: #ef3e2c!important
}

.result-block ul {
    display: block;
    margin: 20px auto 0;
    width: 225px
}

.result-block ul li {
    margin-left: 0;
    margin-right: 20px
}

.draw-number {
    width: 200px;
    font-size: 14px;
    font-weight: normal;
    color: #3a66ab;
    margin: 0 auto;
    text-align: center;
    clear: both;
    padding-top: 10px
}

.draw-number span {
    font-size: 24px;
    font-weight: 800
}

.small-results {
    padding-bottom: 50px
}

.col_d {
    width: 100%;
    background: #f4f4f4;
    padding: 10px 10px 20px;
    margin: 10px auto;
    overflow: hidden;
    position: relative
}

.col_d .draw-number span,.col_d .draw-number {
    font-size: 14px
}

.small-results .draw-date,.archive-results .draw-date {
    font-size: 14px;
    font-weight: 800;
    float: left;
    color: #555;
    margin-bottom: 10px;
    width: 100%;
    text-align: center
}

.small-results .numbers,.col_d .numbers {
    width: 260px;
    margin: 0 auto 10px
}

.archive-results .draw-date {
    margin: 0 auto
}

.small-results .numbers div,.col_d .numbers div {
    width: 35px;
    height: 35px;
    background: #3a66ab;
    float: left;
    border-radius: 5px;
    font-weight: 800;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 0 0 10px
}

.small-results ul {
    float: right;
    clear: both
}

.small-results ul li {
    float: left;
    background: url(/images/template/sprite.png) no-repeat 0 -2px;
    padding-left: 15px;
    margin-left: 15px
}

.small-results ul li a {
    color: #333
}

.container-archive,.container-statistics {
    margin-top: 50px
}

.container-md {
    margin-top: 20px;
    margin-bottom: 20px
}

.content {
    width: 850px;
    float: left;
    background: green
}

.latest-result {
    display: inline-block
}

.result-block {
    float: right;
    width: 500px;
    margin: 48px 0
}

.previous-results {
    clear: both;
    width: 200px;
    padding: 20px 10px 0
}

aside {
    width: 310px;
    float: left;
    margin-left: 20px
}

aside h2 {
    background: #3a66ab;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    padding: 3px
}

.sidebar-panel-head {
    background: #3a66ab;
    padding: 20px
}

.sidebar-panel {
    background: #f4f4f4;
    margin-bottom: 22px;
    clear: both
}

.sidebar-panel .btn {
    float: right;
    width: 82px!important;
    padding: 0!important;
    line-height: 30px!important;
    text-align: center!important;
    margin: 0 0 20px 0;
    height: 30px
}

.sidepanel-games {
    padding-left: 10px;
    width: 194px;
    float: right;
    display: block
}

.sidepanel-games p {
    font-size: 14px;
    color: #797979
}

.sidepanel-body {
    margin: 30px auto;
    height: 150px;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 15px
}

.aside-ads {
    background: none
}

.aside-social {
    height: 330px;
    text-align: center;
    background: #ebebeb;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(0%,#f3f3f3),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#fff 0%,#f3f3f3 0%,#ddd 100%);
    background: -o-linear-gradient(top,#fff 0%,#f3f3f3 0%,#ddd 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f3f3f3 0%,#ddd 100%);
    background: linear-gradient(to bottom,#fff 0%,#f3f3f3 0%,#ddd 100%)
}

.aside-social h3 {
    color: #555;
    padding: 46px 40px 20px;
    font-size: 20px
}

.aside-social h3 span {
    color: #3a66ab
}

.aside-social a {
    font-size: 16px;
    text-decoration: none;
    float: left;
    width: 110px;
    height: 100px;
    padding-top: 90px;
    line-height: 1.1;
    text-align: center
}

.aside-social-twitter span {
    color: #55acee;
    font-weight: 800
}

.aside-social-facebook span {
    color: #3b5998;
    font-weight: 800
}

.aside-social-twitter {
    background: url(/images/sidebar/twitter.png) center no-repeat
}

.aside-social-facebook {
    background: url(/images/sidebar/facebook.png) center no-repeat
}

.aside-social-body {
    margin: 0 auto;
    display: block;
    width: 220px
}

.sidepanel-games .sub-title span {
    font-size: 14px;
    line-height: 12px
}

.sidebar-panel.fixed .sidepanel-games {
    padding-top: 20px
}

.sidebar-panel.fixed .jackpot-date {
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    z-index: 99;
    bottom: 60px;
    width: 100%;
    left: 0
}

.sidebar-panel.fixed .sidepanel-games .jackpot {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 800;
    color: #ffdc00
}

.sidebar-panel.fixed {
    width: 280px;
    height: 160px;
    margin: auto;
    padding: 0;
    position: relative;
    color: #fff;
    text-align: center
}

.sidebar-panel.fixed img {
    position: absolute;
    width: 240px;
    left: 0;
    top: 0
}

.sidebar-panel.fixed .sidepanel-body {
    background: url(/images/template/jp-bg-1.jpg) no-repeat;
    background-size: cover;
    height: 100%
}

.sidebar-panel.fixed .comparison {
    color: #fff;
    clear: both;
    width: 90%;
    margin: auto;
    padding-top: 20px;
    font-size: 20px;
    line-height: 22px;
    text-align: center
}

.sidebar-panel.fixed .multiplier {
    color: #fc0;
    font-size: 32px;
    font-weight: 800
}

.sidebar-panel.fixed a.btn {
    position: relative;
    float: none;
    display: inline-block;
    top: 40px
}

.sidepanel-body.emPromo {
    margin: 0
}

.promoMsg {
    background: #fc0;
    padding: 5px;
    color: #3a66ab;
    font-size: 12px;
    letter-spacing: -.5px
}

.promoMsg p {
    line-height: 16px;
    padding: 0;
    margin: 0
}

.promoMsg p span {
    color: red;
    font-weight: bold
}

.promoMsg span.terms {
    font-size: 10px;
    color: rgba(0,0,0,.3);
    font-weight: normal
}

.message-promo {
    background: #fe4e5b;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: left;
    transition: all .1s ease-in-out;
    margin: 10px 0
}

.message-promo h2 {
    color: #fff;
    margin: 0
}

.message-promo p {
    margin: 10px 0 0 0
}

.message-promo strong {
    font-size: 1.2em
}

.message-promo a {
    color: #ff0
}

.message-promo span {
    color: #ff0;
    font-size: 16px;
    font-weight: bold
}

.message-promo .btn-alt {
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    font-size: 16px;
    float: right;
    color: #3a66ab
}

.message-promo .btn-alt:hover {
    text-decoration: none;
    background: #fff
}

.main {
    float: left;
    width: 100%;
    padding-top: 15px
}

.side {
    float: left;
    width: 310px
}

.ticket .game {
    float: left;
    padding: 10px;
    overflow: hidden;
    background: #f4f4f4;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    border: 1px solid #eaeaea
}

.ticket .stats {
    width: 100%;
    clear: both;
    overflow: hidden
}

.ticket .stats img {
    display: block;
    margin: 0 auto
}

.ticket .game h2 {
    color: #88ba36
}

.ticket .game p {
    clear: both
}

.ticket .stats .box {
    position: relative;
    background: #3a66ab;
    padding: 15px 10px 10px 10px;
    width: 100%;
    color: #fff;
    margin: 10px 0;
    clear: none;
    border-radius: 5px
}

.ticket .stats .box:before {
    background: url(/images/mobile/point-up.png) no-repeat;
    content: "";
    position: absolute;
    left: 48%;
    top: -10px;
    height: 30px;
    width: 30px
}

.ticket .game .box span {
    font-size: 16px;
    font-weight: 800;
    float: left;
    width: 100%
}

.ticket .game .prize {
    line-height: 24px;
    float: left;
    margin: 35px 0 20px;
    font-weight: 800;
    font-size: 24px;
    color: #3a66ab;
    width: 140px
}

.ticket .game .prize span {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    width: 60px;
    margin-bottom: 10px;
    margin: 0;
    text-align: left
}

.ticket .game .prize .amount {
    font-size: 24px;
    color: #3a66ab;
    font-weight: 800;
    margin-bottom: 10px;
    float: left
}

.counters {
    width: 300px;
    float: left;
    color: #3a66ab
}

.counters .title {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -.5px;
    float: left;
    margin-right: 10px;
    line-height: 30px
}

.counters .numbers {
    width: 65px;
    float: left;
    margin: 0 2px
}

.counters ul {
    display: block;
    width: 100%;
    float: right
}

.counters ul li {
    height: 35px;
    width: 45px;
    line-height: 35px;
    text-align: center;
    font-weight: 800;
    color: #3a66ab;
    background: #ebebeb;
    font-size: 24px;
    border-radius: 4px;
    float: left;
    margin: 0 1px;
    border: 1px solid #d0d0d0
}

.counters ul .first-elem {
    margin-left: 25px
}

.counters span {
    float: left;
    display: block;
    width: 45px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #3a66ab;
    font-weight: normal
}

.ticket .game .btn {
    width: 120px;
    padding: 10px 0;
    text-align: center;
    background: #fe4e5b;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    margin: 20px auto 10px;
    clear: both;
    display: block
}

.ticket .game .btn-inactive,.ticket .game .btn-inactive:hover {
    background: #dbdbdb;
    color: #9c9c9c
}

.overlay-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 480px;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    opacity: 0
}

.overlay-link:hover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 24px;
    opacity: .7;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    padding-top: 150px
}

.overlay-link:hover span {
    opacity: 1
}

.game {
    padding: 20px!important
}

.game .ticket-box {
    font-family: "Courier",san-serif;
    color: #000;
    background: #fceeb4;
    padding: 10px;
    overflow: hidden;
    width: 270px;
    height: 300px;
    position: relative;
    margin: 0 auto
}

.game .ticket-logo {
    margin-right: 10px!important
}

.game .ticket-box .draw-title {
    font-size: 18px;
    border-bottom: 2px dashed #000;
    float: left;
    padding-bottom: 5x;
    margin: 0 0 10px;
    width: 100%
}

.game .ticket-box .draw-date {
    float: right;
    width: 70px;
    margin: 20px 10px 30px 0
}

.game .ticket-box .date {
    font-size: 38px;
    font-weight: normal;
    text-transform: uppercase
}

.game .ticket-box .date span {
    font-size: 18px;
    clear: both
}

.game .ticket-head {
    width: 100%;
    border-bottom: 2px dashed #000;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
    margin: 0 0 10px;
    float: left
}

.game .ticket-head .title {
    float: left
}

.game .ticket-id {
    float: right
}

.game .numbers {
    width: 100%;
    clear: both;
    font-size: 24px;
    border-bottom: 2px dashed #000;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.game .numbers li {
    float: left;
    height: 38px;
    width: 41px;
    text-align: center;
    line-height: 38px
}

.game img.ticket-code {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 20px;
    float: none!important;
    margin: 0
}

.game p {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 31px;
    color: #555;
    letter-spacing: -1px
}

.game .counters {
    width: 190px;
    height: 90px;
    clear: both;
    margin: 0 auto;
    float: none
}

.game .counters ul {
    width: 190px;
    display: block;
    margin: 0 auto
}

.game .links {
    clear: both;
    width: 225px;
    overflow: hidden;
    margin: 20px 0;
    display: block;
    float: left
}

.game .counters .title {
    width: 100%;
    text-align: center
}

.game .links li {
    float: left;
    background: url(/images/template/sprite.png) no-repeat 0 -1987px;
    padding-left: 15px;
    margin-right: 30px
}

.game .message {
    width: 100%;
    clear: both;
    font-size: 28px;
    line-height: 28px;
    font-weight: 800;
    color: #3a66ab;
    letter-spacing: -1px;
    text-align: center
}

.game .matched {
    background: url(/images/template/sprite.png) no-repeat -539px -106px
}

.game .prize-m {
    width: 100%;
    text-align: center
}

.draw-logo {
    width: 140px;
    display: block;
    float: left;
    margin: 0 15px 20px 0
}

.promo-box {
    width: 100%;
    background: url(/images/mobile/promo-1.jpg) no-repeat -50px 0 #299ade;
    height: 210px;
    padding: 20px 30px;
    font-weight: 800;
    margin-bottom: 20px;
    position: relative
}

.promo-box .jackpot-title {
    font-size: 18px;
    float: left;
    color: #fff;
    letter-spacing: -1px
}

.promo-box .jackpot-amount {
    float: left;
    clear: both;
    font-size: 44px;
    line-height: 40px;
    color: #ffd10f;
    margin-bottom: 10px
}

.promo-box .counters {
    clear: both;
    width: 250px
}

.promo-box .counters .title,.promo-box .counters span {
    color: #fff
}

.promo-box .counters li {
    background: #fff;
    border: none
}

.promo-box .btn {
    position: absolute;
    bottom: 53px;
    left: 230px;
    width: 60px;
    text-align: center;
    line-height: 13px
}

.ticket .select-numbers .counters {
    position: relative;
    float: right;
    top: 0;
    left: 0;
    width: auto;
    margin-bottom: 40px
}

.ticket .select-numbers .lower {
    float: left;
    width: 100%
}

.ticket .select-numbers .row-1 {
    float: left;
    width: 100%;
    background: #fdfbf3;
    margin-bottom: 40px
}

.ticket .select-numbers .row-1 h2 {
    color: #3a66ab;
    margin: 15px 0
}

.ticket .select-numbers .row-1 ul.sub-menu {
    float: left;
    margin: 25px 0 0 80px
}

.ticket .select-numbers .row-1 ul li {
    float: left;
    background: url(/images/template/sprite.png) no-repeat;
    margin-right: 90px;
    padding-left: 15px
}

.ticket .select-numbers .row-1 ul a {
    font-size: 14px;
    color: #fff
}

.ticket .select-numbers .x-box {
    float: right;
    width: 200px;
    margin-bottom: 0;
    color: #fff;
    cursor: pointer;
    clear: none;
    height: 70px;
    border-radius: 0;
    line-height: 70px;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left
}

.ticket .select-numbers .x-box span {
    background: url(/images/template/sprite.png) no-repeat -539px -670px;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    right: 30px;
    top: 25px
}

.ticket .select-numbers .x-box:hover {
    background: #ffd10f;
    color: #3a66ab
}

.ticket .select-numbers .x-box:hover span {
    background-position: -539px -731px
}

.ticket .select-numbers .row-2 {
    background: #e6e6e6;
    width: 100%;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 20px 10px
}

.ticket .select-numbers .row-2 .top {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px
}

.ticket .select-numbers .row-2 .top .btn {
    float: left;
    width: 110px;
    padding: 8px;
    margin-bottom: 20px;
    color: #fff;
    cursor: pointer;
    clear: none;
    text-align: center
}

.ticket .select-numbers .row-2 .top .btn:hover {
    color: #3a66ab
}

.ticket .select-numbers .row-2 .top .title {
    float: left;
    font-size: 18px;
    color: #797979;
    clear: both;
    margin: 0 0 10px 0
}

.ticket .select-numbers .row-2 .middle a {
    display: inline-block;
    width: 45px;
    height: 45px;
    font-size: 21px;
    text-align: center;
    line-height: 45px;
    margin: 0 10px 14px 0;
    border-radius: 5px;
    color: #797979;
    border: 1px solid #a9a9a9;
    text-decoration: none;
    -webkit-transition: all 50ms ease-in-out;
    -moz-transition: all 50ms ease-in-out;
    -ms-transition: all 50ms ease-in-out;
    -o-transition: all 50ms ease-in-out;
    transition: all 50ms ease-in-out
}

.ticket .select-numbers .row-2 .middle {
    width: 98%;
    margin: 0 auto
}

.ticket .select-numbers .row-2 .middle a:hover {
    text-decoration: none;
    background: #d4d4d4;
    -webkit-transition: all 50ms ease-in-out;
    -moz-transition: all 50ms ease-in-out;
    -ms-transition: all 50ms ease-in-out;
    -o-transition: all 50ms ease-in-out;
    transition: all 50ms ease-in-out
}

.ticket .select-numbers .ballSelected {
    background: #3a66ab!important;
    color: #fff!important;
    border-color: #3a66ab!important;
    text-decoration: none!important;
    outline: none;
    -webkit-transition: all 50ms ease-in-out;
    -moz-transition: all 50ms ease-in-out;
    -ms-transition: all 50ms ease-in-out;
    -o-transition: all 50ms ease-in-out;
    transition: all 50ms ease-in-out
}

.ticket .select-numbers .ballDisabled {
    border: 1px solid #cecece!important;
    color: cecece!important;
    -webkit-transition: all 50ms ease-in-out;
    -moz-transition: all 50ms ease-in-out;
    -ms-transition: all 50ms ease-in-out;
    -o-transition: all 50ms ease-in-out;
    transition: all 50ms ease-in-out
}

.ticket .select-numbers .row-2 .middle .btn {
    width: 110px;
    padding: 8px;
    margin-top: 20px;
    clear: both;
    display: block
}

.ticket .select-numbers .row-2 .middle input[type="checkbox"] {
    float: right;
    color: #fff;
    font-size: 14px;
    margin-top: 10px
}

.ticket .select-numbers .row-2 .middle input[type="submit"] {
    border: none;
    margin-right: 5px
}

.ticket .select-numbers .row-2 .bottom {
    float: left;
    clear: both;
    margin-top: 20px;
    width: 100%
}

.ticket .select-numbers .row-2 .bottom .title {
    font-size: 14px;
    color: #797979
}

.ticket .select-numbers .row-2 .bottom ul {
    float: left;
    margin-top: 15px
}

.ticket .select-numbers .row-2 .bottom li {
    background: #3a66ab;
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-weight: 800;
    color: #fff;
    margin-right: 8px;
    border-radius: 5px
}

.ticket .select-numbers .row-2 .bottom .btn {
    float: right;
    width: 110px;
    padding: 12px 8px;
    margin-top: 35px;
    clear: none
}

.ticket .numbers-chosen .counters {
    position: relative;
    float: right;
    top: 0;
    left: 0;
    width: auto;
    margin-bottom: 40px
}

.ticket .numbers-chosen .lower {
    float: left;
    width: 100%;
    background: #3a66ab;
    padding: 40px;
    color: #fff;
    position: relative
}

.ticket .numbers-chosen .lower .first {
    float: left;
    width: 490px
}

.ticket .numbers-chosen .lower .first .title,.ticket .numbers-chosen .lower .second .title {
    float: left;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px
}

.ticket .numbers-chosen .lower .first ul {
    clear: both;
    float: left;
    margin-bottom: 10px
}

.ticket .numbers-chosen .lower .first li {
    background: #fbdf55;
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    padding: 0;
    font-weight: 800;
    color: #4d83d9;
    margin-right: 10px;
    border-radius: 5px;
    float: left
}

.ticket .numbers-chosen .lower .first .date {
    font-size: 14px;
    float: left;
    clear: both
}

.ticket .numbers-chosen .lower .first .date span {
    float: left;
    clear: both;
    font-size: 18px;
    font-weight: 800
}

.ticket .numbers-chosen .lower .second {
    float: left
}

.ticket .numbers-chosen .lower .second .ammount {
    font-weight: 800;
    font-size: 46px;
    line-height: 46px
}

.ticket .numbers-chosen .lower .links {
    position: absolute;
    right: 0;
    bottom: 40px
}

.ticket .numbers-chosen .links {
    float: left;
    margin-top: 15px
}

.ticket .numbers-chosen .links li {
    float: left;
    background: url(/images/template/bullets-left.png) no-repeat;
    margin-right: 40px;
    padding-left: 25px
}

.ticket .numbers-chosen .links a {
    font-size: 14px;
    color: #fff
}

.main .sub-menu {
    float: left;
    background: #3a66ab;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px
}

.main .sub-menu .title {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.main .sub-menu ul {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.main .sub-menu ul li a {
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 45px;
    color: #fff;
    display: block;
    line-height: 45px
}

.main .sub-menu ul li a:hover {
    background: #fe4e5b;
    text-decoration: none;
    border-right: 1px solid #fe4e5b;
    color: #fff
}

.statistics .switch-menu {
    float: left;
    clear: both;
    width: 250px;
    height: 35px;
    margin-bottom: 30px
}

.statistics .switch-menu li {
    float: left;
    width: 50%;
    height: 35px
}

.statistics .switch-menu li a {
    width: 100%;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    background: #bebebe;
    float: left;
    display: block;
    line-height: 35px;
    border-radius: 5px 0 0 5px
}

.statistics .switch-menu li a:hover {
    background: #fe4e5b;
    text-decoration: none;
    color: #fff
}

.statistics .switch-menu li:last-child a {
    border-radius: 0 5px 5px 0
}

.statistics .switch-menu .active,.statistics .sub-menu .active,.main .sub-menu .active {
    background: #ffd10f;
    color: #3a66ab
}

.statistics #frequency-table .grid-row {
    width: 94%;
    margin: 0 auto
}

.statistics #frequency-table .last {
    border-bottom: none;
    padding-bottom: 0
}

.statistics #frequency-table .cell {
    float: left;
    margin: 0 5px 0 0;
    width: 90px
}

.statistics #frequency-table .first-elem,.statistics .stats .ball {
    float: left;
    height: 45px;
    width: 45px;
    background: #3a66ab;
    text-align: center;
    line-height: 45px;
    font-weight: 800;
    font-size: 24px;
    color: #fff;
    border-radius: 5px;
    margin: 0 2px 10px 0
}

.statistics #frequency-table .sub-elem {
    float: left;
    font-size: 24px;
    margin-top: 5px;
    color: #797979;
    text-align: center
}

.statistics #frequency-table .sub-elem span {
    display: block;
    clear: both;
    font-weight: normal;
    font-size: 12px;
    color: #979797
}

.statistics .stats {
    background: #e5e5e5;
    padding: 40px;
    width: 425px
}

.statistics .stats th {
    border-bottom: 1px solid #cdcdcd;
    height: 60px;
    color: #555;
    font-weight: 800;
    font-size: 14px;
    text-align: left
}

.statistics .stats td span {
    text-align: center!important;
    width: 100%
}

.statistics .stats td {
    height: 80px;
    border-bottom: 1px solid #cdcdcd
}

.statistics .stats .big {
    font-size: 26px;
    color: #797979;
    float: left
}

.statistics .stats .small {
    float: left;
    clear: both;
    color: #777
}

table .move-right {
    text-align: right!important
}

.statistics .stats .last-elem span {
    float: right
}

.statistics .t-wider {
    width: 870px
}

.statistics .t-wider td span {
    text-align: center!important;
    width: 100%
}

.statistics .t-wider .ball {
    margin: 0 auto;
    display: block;
    float: none
}

.mobTableContainer {
    position: relative;
    width: 100%;
    _overflow: auto;
    overflow-x: auto;
    overflow-y: hidden
}

.mobTableContainer:before {
    content: 'Slide to View';
    background: url(/images/mobile/scroll-arrows.png) rgba(0,0,0,.7) center no-repeat;
    background-size: 200px 40px;
    position: absolute;
    font: bold 16px/60px arial,sans-serif;
    color: #fff;
    top: 80px;
    left: 16%;
    width: 80%;
    padding: 10px 5%;
    transition: .5s all ease-in-out;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
    z-index: 9
}

.mobTableContainer.trans:before {
    opacity: 0;
    z-index: -1
}

.mobTableContainer.topper:before {
    top: 20px!important
}

.how-it-works .info-g {
    display: block;
    margin: 10px auto
}

.how-it-works section p {
    color: #797979
}

.how-it-works .info {
    width: 100%;
    padding: 30px;
    background: #e3e3e3;
    border-left: 5px solid #9e9e9e;
    overflow: hidden
}

.how-it-works .big-text {
    margin: 20px auto;
    color: #3a66ab;
    font-size: 30px;
    clear: both;
    line-height: 30px
}

.how-it-works .big-text span {
    color: #fe4e5b
}

.how-it-works #step-1 .btn {
    font-size: 18px;
    margin: 0 auto;
    display: block;
    width: 180px
}

.steps-box {
    margin: auto;
    text-align: center
}

.steps-box a {
    display: inline-block;
    margin: 0 10px 15px;
    font-size: 16px;
    background: none;
    color: #3a66ab;
    line-height: 30px;
    text-align: center;
    outline: 0
}

.steps-box img {
    display: block;
    background: #f4f4f4;
    border: 5px solid #3a66ab;
    border-radius: 50%;
    width: 120px
}

.steps-box a:hover {
    text-decoration: none;
    color: #ff4d5b
}

.steps-box a:hover img {
    border-color: #ff4d5b
}

#faq-menu {
    background: url(/images/template/blue-bg.jpg) no-repeat top #3a66ab;
    color: #fff
}

#faq-menu h2 {
    color: #fff;
    margin-bottom: 30px;
    border-bottom: 1px solid #537ab6;
    padding-bottom: 10px
}

#faq-menu ul li {
    float: left;
    font-size: 14px;
    clear: both;
    margin-bottom: 20px
}

#faq-menu ul li a {
    color: #fff
}

.faq .top {
    float: left;
    background: url(/images/template/sprite.png) no-repeat -540px -204px;
    padding-left: 30px;
    height: 25px;
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #013c74;
    line-height: 25px
}

.faq .top:hover {
    color: #fe4e5b;
    background-position: -540px -262px;
    text-decoration: none
}

.contact-page .first-elem {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden
}

.contact-page ul,.contact-page .first-elem img {
    display: block;
    margin-bottom: 40px
}

.contact-page .second-elem {
    float: left;
    width: 100%;
    clear: both
}

.contact-page .title {
    font-size: 16px;
    color: #3a66ab;
    font-weight: 800;
    margin-bottom: 10px
}

.contact-page form input {
    margin-bottom: 20px
}

.contact-page form .enquiry {
    height: 150px;
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 20px;
    font-family: inherit;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 20px
}

.contact-page .social a {
    background: url(/images/template/sprite.png) no-repeat -539px -936px;
    padding-left: 60px;
    height: 54px;
    float: left;
    line-height: 54px;
    margin-right: 20px
}

.contact-page .social .twitter {
    background-position: 0 -936px
}

.archive-header {
    background: #88ba36;
    padding: 20px 10px;
    margin-bottom: 20px;
    clear: both
}

.archive-header .title {
    color: #fff;
    font-size: 24px;
    width: 100%;
    font-weight: 800;
    line-height: 24px;
    text-align: center
}

.archive-results {
    padding-bottom: 50px
}

.archive-results .col_d {
    width: 100%;
    background: #e6e6e6;
    padding: 10px;
    margin: 20px auto
}

.styled-select {
    height: 29px;
    overflow: hidden;
    float: left;
    background: #fff url(/images/template/select-btn.png) no-repeat right center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative
}

.styled-select label {
    position: absolute;
    left: 0;
    top: -30px
}

.styled-select:hover {
    background: #fff url(/images/template/select-btn.png) no-repeat right center
}

.styled-select:focus {
    outline: none
}

.styled-select select {
    background: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    height: 29px;
    padding: 5px;
    color: #777;
    appearance: none
}

.archive-results .first-elem,.archive-results .second-elem {
    float: left;
    width: 140px;
    margin: 10px 6px 0 6px
}

.archive-results .second-elem {
    width: 128px
}

.archive-results label {
    font-weight: 800;
    color: #fff
}

.year-select label,.month-select label {
    margin: 20px 0;
    color: #000;
    z-index: 999
}

.year-select {
    width: 100px
}

.month-select {
    width: 140px
}

.year-select select {
    width: 128px
}

.month-select select {
    width: 188px
}

.archive-btn {
    margin: 15px 0 0 0;
    height: 32px;
    width: 100px;
    display: block;
    clear: both
}

.archive-header form {
    width: 290px;
    margin: 0 auto
}

.archive-header .Error {
    clear: both
}

.loading {
    position: relative;
    width: 280px;
    overflow: hidden;
    margin: 0 auto
}

.loading svg {
    display: block;
    margin: 0 auto
}

.loading p {
    text-align: center;
    font-size: 18px
}

svg path,svg rect {
    fill: #3a66ab
}

.loading .countdown {
    position: absolute;
    top: 65px;
    left: 105px
}

.success-box {
    background: #ffefb3;
    overflow: hidden;
    margin: -40px 0 40px;
    padding: 40px 0;
    text-align: center
}

.success-box img {
    display: block;
    margin: 0 auto 20px;
    width: 60px
}

.success-box .title {
    font-size: 20px;
    font-weight: 800;
    color: #3a66ab;
    margin-bottom: 20px
}

.success-box p {
    font-size: 14px;
    width: 96%;
    margin: 0 auto
}

.t-history {
    width: 900px;
    background: #e7e7e7;
    padding: 20px 20px 0;
    margin-bottom: 40px
}

.t-history .t-logo {
    width: 100px
}

.t-history .t-logo img {
    display: block
}

.t-history th {
    border-bottom: 1px solid #cdcdcd;
    height: 60px;
    color: #555;
    font-weight: 800;
    font-size: 14px;
    text-align: left
}

.t-history .center {
    text-align: center
}

.t-history .right {
    text-align: right
}

.t-history td {
    border-bottom: 1px solid #cdcdcd;
    padding: 30px 0
}

.t-history tbody:last-child td {
    border-bottom: none
}

.t-history .date .icon-1,.t-history .date .icon-2 {
    background: url(/images/template/sprite.png) no-repeat 0 -1084px;
    padding-left: 30px;
    display: block
}

.t-history .date .icon-2 {
    background-position: 0 -1131px;
    margin-bottom: 0
}

.t-history .date strong {
    font-size: 18px;
    color: #333
}

.t-history .balls ul {
    height: 40px;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
    padding: 12px 0;
    width: 180px
}

.t-history .balls ul li {
    width: 30px;
    height: 20px;
    float: left;
    border-radius: 5px;
    font-weight: 800;
    line-height: 20px;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-family: "Courier",monospace,san-serif
}

.t-history .counters {
    float: right;
    width: 200px
}

.t-history .counters ul {
    float: right;
    margin: 0 0 0 0;
    clear: both;
    width: auto!important
}

.t-history .counters .title {
    margin-top: -20px
}

.t-history .counters ul li {
    background: #ebebeb;
    color: #3a66ab;
    width: 45px;
    height: 30px;
    font-size: 16px;
    line-height: 30px
}

.t-history .counters span {
    text-align: center;
    font-size: 10px
}

.t-history p {
    width: 100%;
    margin: 0 auto;
    text-align: right;
    clear: both
}

.t-history .balls strong {
    color: #333
}

.t-history .balls3 {
    width: 162px;
    display: block;
    float: right
}

.t-history .balls3 li {
    float: left;
    height: 25px;
    width: 25px;
    background: #3a66ab;
    text-align: center;
    line-height: 25px;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    margin-right: 2px
}

.t-history .balls3 .matched {
    background: #fe4e5b
}

.t-history .draw-date {
    width: 140px
}

.error-page img {
    display: block;
    margin: 0 auto;
    width: 180px
}

.error-page .title {
    font-size: 24px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    line-height: 28px
}

.error-page p {
    width: 100%;
    text-align: center
}

#quickPick {
    background: -moz-linear-gradient(top,#1e4077 0%,#31689b 100%);
    background: -webkit-linear-gradient(top,#1e4077 0%,#31689b 100%);
    background: linear-gradient(to bottom,#1e4077 0%,#31689b 100%);
    border-bottom: #013c74 1px solid
}

#quickPick h2 {
    color: #fff!important;
    padding-top: 30px
}

#quickPick .row-1,#quickPick .row-2 {
    background: none!important
}

#quickPick p,#quickPick .title {
    color: #fff!important
}

#quickPick a.ball {
    background: #fff!important;
    color: #3764ad!important;
    border: none!important;
    margin: 3px!important;
    transition: all .1s ease-in-out!important
}

#quickPick a.ballDisabled {
    color: #aaa!important
}

#quickPick a.ball:hover {
    background: #ff5159!important;
    color: #fff!important
}

#quickPick a.ballSelected,#quickPick a.ballDisabled {
    margin: 3px!important
}

#quickPick .middle {
    overflow: hidden;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.2);
    background: #888!important;
    background: rgba(255,255,255,.1)!important;
    border-radius: 3px
}

#quickPick .ballSelected {
    border: 1px solid #fb0!important;
    background-color: #fb0!important;
    color: #039!important
}

#quickPick ul li {
    background-color: transparent!important;
    color: #fff!important;
    border: 1px solid #fff
}

#quickPick #submit_ticket {
    width: auto
}

#quickPick .submit-btn {
    float: left!important
}

#quickPick .btn {
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    border: none;
    height: 36px;
    padding: 0 10px;
    display: inline-block
}

#quickPick .btn:hover {
    background: #ff0;
    color: #3764ad
}

#signUp {
    width: 94%;
    padding: 50px 2%;
    margin: auto;
    display: none
}

#signUp label {
    color: #fff
}

#signUp p a {
    color: #fc0;
    text-decoration: underline
}

#signUp p a:hover {
    color: #ff0
}

.alt-icon2 {
    background: url(/images/template/warning-icon.png) top no-repeat!important;
    font-weight: normal!important;
    font-size: 18px!important;
    line-height: 24px!important;
    color: #c00!important;
    padding: 60px 0 0!important
}

.socialMediaIcons {
    text-align: center
}

.socialMediaIcons img {
    margin: 10px
}

.competitions .lower {
    clear: both
}

.competitions .generic-box .sub-elem {
    font-size: 18px;
    color: #333;
    padding-left: 10px
}

.competitions blockquote {
    font-size: 21px;
    color: #333;
    letter-spacing: -1px;
    padding: 20px 20px 20px 50px;
    border: 1px solid #e4e4e4;
    background: #ebebeb;
    position: relative
}

.competitions blockquote span {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #797979;
    margin-top: 5px
}

.competitions blockquote:before {
    content: "";
    background: url(/images/competitions/quotes.png) no-repeat;
    width: 68px;
    height: 68px;
    position: absolute;
    top: 10px;
    left: -30px
}

.winners blockquote {
    font-size: 21px;
    color: #333;
    letter-spacing: -1px;
    padding: 20px 20px 20px 50px;
    border: 1px solid #e4e4e4;
    background: #ebebeb;
    position: relative
}

.winners blockquote span {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #797979;
    margin-top: 5px
}

.winners blockquote:before {
    content: "";
    background: url(/images/competitions/quotes.png) no-repeat;
    width: 68px;
    height: 68px;
    position: absolute;
    top: 10px;
    left: -30px
}

.winnerBox {
    background: #ff4c57;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
}

.winnerBox strong {
    font-size: 22px
}

.winnerBox p {
    padding: 10px 0 0 0;
    margin: 0
}

.winnerBox a {
    color: #fd0
}

.sidebar-panel.big-promo {
    height: auto;
    background: url(/images/template/jp-bg-3.jpg) no-repeat;
    position: relative;
    background-size: cover;
    overflow: hidden
}

.sidebar-panel.big-promo .sidepanel-body {
    border-left: 5px solid #2061ad;
    border-top: 5px solid #2061ad;
    padding: 20px 15px;
    overflow: hidden;
    height: 100%;
    margin: 0
}

.sidebar-panel.big-promo .sidepanel-body img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.sidebar-panel.big-promo .sidepanel-games {
    font-size: 24px;
    font-weight: 800;
    margin-top: 25px;
    color: #fff
}

.sidebar-panel.big-promo .jackpot-box {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 12px auto 10px
}

.sidebar-panel.big-promo .sub-title {
    font-size: 16px
}

.sidebar-panel.big-promo .jackpot {
    color: #ffdc00;
    font-size: 36px;
    font-weight: 800;
    line-height: 36px
}

.sidebar-panel.big-promo .counter-box {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 16px
}

.sidebar-panel.big-promo .sidepanel-body .btn {
    position: relative;
    width: 200px!important;
    font-size: 18px;
    display: block;
    margin: 10px auto 0;
    right: auto;
    bottom: auto;
    float: none
}

.sidebar-panel.big-promo .col-2 {
    display: flex
}

.breadcrumbs {
    background: #eee
}

#breadcrumb {
    padding: 0 10px
}

#breadcrumb li {
    text-transform: capitalize;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    font-size: .9em;
    opacity: .75;
    position: relative;
    transition: opacity .2s ease-in-out
}

#breadcrumb li:hover {
    opacity: 1
}

#breadcrumb li:after {
    content: ">";
    position: absolute;
    top: 50%;
    right: -8px;
    font-size: .8em;
    transform: translate(-50%,-50%);
    pointer-events: none
}

#breadcrumb li:last-child:after {
    display: none
}

#breadcrumb li:first-child a {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/images/svg/icon--house.svg);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#breadcrumb li:first-child span {
    display: none
}

#jackpotPromo {
    transition: all .6s ease
}

#jackpotPromo.popped {
    opacity: 1!important;
    bottom: 0!important
}

#jackpotPromo.hidden {
    opacity: 0!important
}

.checker .ball span,.checker__close span,.checker__grid .ball span,.checker__results .ball span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.checker__numbers {
    background: linear-gradient(to bottom,#2ba2d9 0,#1d5eb1 100%)
}

.checker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    position: relative;
    overflow: visible;
    z-index: 999;
    width: 100%
}

.checker.fixed {
    position: fixed;
    top: 0
}

.checker__status {
    color: #3a66ab;
    font-size: 1.5em
}

.checker__status span {
    display: block;
    font-size: .75em
}

.checker__balls {
    display: -ms-flexbox;
    display: flex
}

.checker .ball {
    width: 60px;
    height: 60px;
    margin-left: 10px;
    border-radius: 5px;
    background: #3a66ab;
    color: #fff;
    position: relative;
    font-size: 2.2em;
    font-weight: 800
}

.checker__numbers {
    padding: 40px;
    margin-bottom: 40px
}

.checker__grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.checker__grid .ball {
    background: #fff;
    width: calc(100%/17);
    height: 47px;
    border-radius: 3px;
    margin: 0 2px 5px 2px;
    position: relative;
    font-size: 1.4em;
    transition: all .2s ease-in-out
}

.checker__grid .ball.Selected {
    background: #ffdf3e;
    font-weight: 800
}

.checker__grid .ball.Disabled {
    opacity: .5
}

.checker__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.checker__buttons .btn {
    padding: 10px
}

.checker__close {
    width: 35px;
    height: 35px;
    background: #fe4e5b;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    top: -18px;
    right: 10px;
    cursor: pointer
}

.checker__results {
    margin-bottom: 20px;
    display: none
}

.checker__results.is-active {
    display: block
}

.checker__results__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #3a66ab;
    padding: 5px 20px;
    color: #fff;
    text-align: center
}

.checker__results__header div:first-child {
    width: 25%
}

.checker__results__header div:last-child {
    width: 20%
}

.checker__results .balls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center
}

.checker__results .ball {
    width: 48px;
    height: 48px;
    margin-left: 10px;
    border-radius: 5px;
    background: #fe4e5b;
    color: #fff;
    position: relative;
    font-size: 1.75em;
    font-weight: 800
}

.checker__results .ball.Disabled {
    background: #dcdcdd
}

.checker__result {
    margin: 5px 0;
    padding: 15px;
    background: #f4f4f4;
    border: 1px solid #eaeaea;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.checker__result.jackpot {
    background: #ffdf3e
}

.checker__date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
    line-height: 1em
}

.checker__date .icon {
    width: 25px;
    margin-right: 10px
}

.checker__date img {
    width: 100%
}

.checker__date span {
    display: block;
    font-weight: 700
}

.checker__win {
    width: 20%;
    text-align: center;
    color: #3a66ab
}

.checker__win span {
    display: block
}

.checker__win span:first-child {
    font-size: 1.4em;
    font-weight: 700
}

.checker__win span.nomatch {
    font-size: 1em;
    font-weight: 100
}

.checker__jackpot {
    color: #fe4e5b;
    font-size: 1.3em;
    line-height: 1.5em
}

.btn__reset {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 800;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.btn__reset:hover {
    text-decoration: none;
    background: #fe4e5b
}

.btn__reset img {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.checker__tabs {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.checker__tab {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #dcdcdd;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transition: all .2s ease-in-out
}

.checker__tab h2 {
    margin: 0;
    color: #3a66ab
}

.checker__tab.is-active {
    background: rgba(58,102,171,.9)
}

.checker__tab.is-active h2 {
    color: #fff
}

@media(max-width: 767px) {
    .checker {
        -ms-flex-pack:center;
        justify-content: center
    }

    .checker__status {
        margin-bottom: 10px;
        font-size: 1.2em;
        text-align: center
    }

    .checker .ball {
        font-size: 1.5em;
        width: 38px;
        height: 38px
    }

    .checker__grid .ball {
        width: calc(100%/6);
        height: 38px
    }

    .checker__results .balls {
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0
    }

    .checker__results .ball {
        width: 32px;
        height: 32px;
        font-size: 1.3em
    }

    .checker__result {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .checker__result:nth-child(odd) {
        background: #fff
    }

    .checker__date {
        width: 60%;
        -ms-flex-order: 1;
        order: 1
    }

    .checker__win {
        width: 40%;
        text-align: right;
        -ms-flex-order: 1;
        order: 1
    }

    .checker__tab h2 {
        font-size: 1.3em;
        padding: 5px
    }

    .checker__tab img {
        width: 50px
    }

    .checker__tab {
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px;
        border-radius: 7px 7px 0 0
    }
}

}

#submit_ticket {
  display: inline-block !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

#signUp {
  display: none;
}