* {
margin: 0;
padding: 0; }

.form-control {
outline: none; }

.container {
width: 100%;
max-width: 1170px;
position: relative; 
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: 600; }

h1.title {
color: #26ACC9;
font-size: 20px;
padding-bottom: 15px; }

h2.title {
color: #26ACC9;
font-size: 20px;
padding-bottom: 15px; }

h3.title {
color: #26ACC9;
font-size: 16px;
padding-bottom: 15px; }

h4.title2 {
color: #0c92af;
padding-bottom: 15px;
font-size: 15px; }

html, body {
width: 100%;
height: 100%; }

img {
max-width: 100%; }

body {
font-family: 'Open Sans', sans-serif; }

.fjalla, .banner-img .draw-details > div.amount {
font-family: 'Fjalla One', sans-serif; }

p {
line-height: 1.6; }

.logo {
padding: 10px 0;
display: inline-block; }

.btn {
padding: 8px 15px;
text-transform: uppercase;
font-weight: 600;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px; }
.btn.btn-secondary {
background: #0c92af;
color: #fff; }
.btn.btn-secondary:hover{
background: #26ACC9;
color: #fff; }

.blue-bar {
background: #0c92af;
color: #fff;
padding: 0px;
text-align: center;
width: 100%;
z-index: 3; }

.top-links {
padding: 0;
margin: 0;
list-style: none; }
.top-links ul {
margin: 0;
padding: 0; }
.top-links li {
display: inline-block;
padding: 0 5px; }
.top-links li a {
color: #fff;
padding: 5px;
display: block;
text-transform: uppercase;
font-weight: 600;
text-decoration: none; }
.top-links li a .fa {
margin-right: 8px; }
.top-links li.account-settings a {
font-weight: 400;
text-transform: none;
background: url(assets/images/settings.png) no-repeat 10px center;
background-size: 20px;
padding-left: 40px; }
.top-links li:hover a, .top-links li.active a {
background-color: rgba(255, 255, 255, 0.3); }

.banner {
padding: 20px 0 20px;
background: #f4f6f7;
border-bottom: 1px solid #bdc3c7; }
.banner .site-logo {
margin: 0 auto 15px; }
.banner .site-logo img {
width: 60%; }

.navbar {
position: absolute;
top: 12px;
margin: 0;
border-radius: 0;
width: 100%;
background: none;
border: none;
z-index: 3; }
.navbar .navbar-toggle {
float: left;
background-color: transparent;
border: none; }
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
background-color: transparent; }
.navbar ul li {
border-bottom: 1px solid #26ACC9; }
.navbar ul li a {
color: #fff;
font-weight: 600; }
.navbar ul li a:focus {
background-color: transparent; }
.navbar ul li:hover a, .navbar ul li:focus a, .navbar ul li.active a {
background: #26ACC9; }
.navbar ul li i.fa {
margin-right: 8px; }
.navbar .open .dropdown-menu {
padding: 15px;
background: #fff; }
.navbar .open .dropdown-menu ul li a {
background: none; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background: #26ACC9;
border-color: #26ACC9; }

.menu-block h3 {
color: #26ACC9;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
padding: 15px 0 15px; }
.menu-block h4 {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
color: #0c92af;
padding: 15px 0; }
.menu-block ul li {
list-style: none;
color: #0c92af;
border: none; }
.menu-block ul li a {
color: #333333;
font-weight: 300;
display: block;
line-height: 1.5;
padding-bottom: 3px;
text-decoration: none; }
.menu-block ul li a:hover {
background: none; }
.menu-block ul li a:before {
content: "\f105";
font-family: 'fontAwesome';
color: #26ACC9;
margin-right: 6px; }

.navbar .navbar-toggle .icon-bar {
background: #fff; }

.navbar-collapse {
background: #0c92af; }

.navbar-nav.navbar-right {
background: #26ACC9; }
.navbar-nav.navbar-right li {
border-bottom-color: #fd8715; }
.navbar-nav.navbar-right li:hover, .navbar-nav.navbar-right li:focus {
border-bottom-color: #fd8715;
background: #fd8715; }
.navbar-nav.navbar-right li em {
font-style: normal; }

.subscribe-wrapper {
text-align: center;
margin-bottom: 15px;
max-width: 320px;
margin: 0 auto 20px; }
.subscribe-wrapper img {
width: 120px;
margin-bottom: 20px; }
.subscribe-wrapper p {
text-align: left;
margin: 0 0 15px; }
.subscribe-wrapper .input-group {
border: none; }
.subscribe-wrapper .input-group .form-control {
border-color: #bdc3c7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
box-shadow: none; }
.subscribe-wrapper .input-group-addon {
background: #0c92af;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: 600; }
.subscribe-wrapper .input-group-addon:hover {
background: #26ACC9;
cursor: pointer; }

.banner-img {
padding: 0;
background: url(assets/images/lottery-luxuries/lottery-luxuries-2.png) no-repeat center;
background-size: cover; }
.banner-img .img-text {
padding: 20px;
text-align: center; }
.banner-img .img-text .lottery-name {
text-align: center; }
.banner-img .img-text .lottery-name img {
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.banner-img .img-text .lottery-name h3 {
display: inline-block;
color: #f5f7f8;
text-shadow: 1px 1px 1px #0c92af;
font-size: 22px;
font-weight: 600;
vertical-align: middle;
line-height: 1.3;
text-transform: uppercase;
transition: all 0.3s; }
.banner-img .img-text .lottery-name h3 span {
font-size: 0.5em;
display: block; }
.banner-img .draw-details {
text-align: center;
margin-bottom: 20px; }
.banner-img .draw-details > div {
display: inline-block;
vertical-align: middle;
color: #f5f7f8;
text-shadow: 1px 1px 1px #0c92af;
text-transform: uppercase; }
.banner-img .draw-details > div.amount {
font-size: 80px;
font-weight: bold;
margin-right: 10px; }
.banner-img .draw-details > div.date {
text-align: left; }
.banner-img .draw-details > div.date h3 {
font-size: 44px;
line-height: 1;
font-weight: 800; }
.banner-img .draw-details > div.date h3 span {
display: block;
font-size: 0.34em; }
.banner-img .play-now {
display: inline-block;
padding: 10px 40px;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
background: #0c92af;
font-weight: 700;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.banner-img .play-now:hover {
background: #26ACC9; }

.highlights {
padding: 15px 0;
transition: all 0.3s; }
.highlights ul {
display: table; }
.highlights ul li {
display: table-row; }
.highlights ul li > div {
display: table-cell;
white-space: nowrap; }
.highlights ul li img {
display: inline-block;
vertical-align: middle;
width: 30px;
transition: all 0.3s; }
.highlights ul li p {
display: inline-block;
vertical-align: middle;
white-space: normal;
padding: 10px;
font-weight: 600;
font-size: 12px;
color: #0c92af;
max-width: 250px;
transition: all 0.3s; }

.lottery-list {
border-top: 1px solid #bdc3c7; }

.block {
border-bottom: 1px dotted #bdc3c7;
padding: 10px 0; }
.block .type {
color: #26ACC9;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
display: inline-block; }
.block .amount {
text-transform: uppercase;
font-weight: 600;
display: inline-block; }
.block .cost {
text-transform: uppercase;
font-weight: 600;
display: inline-block; }
.block .time {
padding: 8px;
font-weight: 600; }
.block .time span {
display: inline-block;
vertical-align: middle;
background: #0c92af;
color: #fff;
padding: 4px 8px;
width: 35px; }

.lottery-draw-block.title-bar {
display: none; }

.lottery-draw-block {
border-top: 1px solid #bdc3c7;
padding: 10px 0;
text-align: center; }
.lottery-draw-block:nth-child(even) {
background: #f8fafa; }
.lottery-draw-block h4 {
color: #26ACC9;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
padding-bottom: 15px; }
.lottery-draw-block .lottery-name {
padding-bottom: 15px; }
.lottery-draw-block .lottery-name img {
width: 100px; }

.footer3, .footer2 {
background: #313131;
color: #fff;
padding: 20px 0; }
.footer3 h3, .footer3 h4, .footer2 h3, .footer2 h4 {
color: #0c92af;
font-size: 16px;
font-weight: 600;
padding-bottom: 10px; }

.footer2 {
background: #000000; }

.footer {
background: #fff;
text-align: center;
padding: 20px 0;
font-size: 12px; }
.footer p {
margin: 0; }
.footer a {
display: inline-block;
padding: 5px;
color: #000;
text-decoration: none;
font-size: 1.2em; }
.footer a:hover {
text-decoration: underline; }

.news-item {
display: table;
margin-top: 20px; }
.news-item > div {
display: table-cell;
vertical-align: top; }
.news-item > div.text {
padding: 0 0 10px 10px; }
.news-item > div.text h4 {
font-size: 14px; }

.follow {
padding: 20px 0 0; }
.follow ul {
list-style: none; }
.follow ul li {
display: inline-block; }
.follow ul li a {
display: block;
width: 35px;
height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #26ACC9;
line-height: 35px;
text-align: center;
color: #000;
font-size: 18px; }
.follow ul li a:hover {
background: #fd8715; }

.support p a {
color: #fff;
text-decoration: none; }

/* ---------- Results page ------------ */
.lottery-name {
padding: 15px 0; }
.lottery-name img {
width: 60px;
margin-right: 10px;
display: inline-block; }
.lottery-name h2 {
font-size: 14px;
display: inline-block;
vertical-align: middle;
color: #26ACC9;
font-weight: 600;
text-transform: uppercase; }
.lottery-name h1 {
font-size: 14px;
display: inline-block;
vertical-align: middle;
color: #26ACC9;
font-weight: 600;
text-transform: uppercase; }

.panel-group {
padding: 0 10px; }
.panel-group .panel {
border-radius: 0; }

.panel {
border: 1px solid #bdc3c7;
border-radius: 0; }
.panel .panel-heading {
border-radius: 0;
position: relative; }
.panel .panel-heading h4 {
color: #34495e;
text-transform: uppercase;
font-size: 12px;
font-weight: 600; }
.panel .panel-heading i.fa {
color: #0c92af;
margin-right: 5px; }
.panel .panel-heading .icon {
width: 27px;
height: 27px;
display: block;
background: url(assets/images/icon2.png) no-repeat;
background-position: 0 0;
position: absolute;
right: 5px;
top: 4px;
transform: scale(0.7); }
.panel .panel-heading .icon.plus {
display: none; }
.panel .panel-heading .icon.minus {
background-position: 0 -27px;
display: block; }
.panel .panel-heading a {
text-decoration: none; }
.panel .panel-heading a.collapsed .icon.plus {
display: block; }
.panel .panel-heading a.collapsed icon.minus {
display: none; }
.panel .panel-body h3 {
font-size: 13px;
font-weight: 600;
padding: 0 0 10px;
text-transform: uppercase;
display: inline-block; }
.panel .panel-body .tkt-number {
display: inline-block;
float: right; }

.number {
width: 30px;
height: 30px;
margin: 7px 0;
letter-spacing: 1px;
line-height: 25px;
text-align: center;
border: 2px solid transparent;
border-radius: 50%;
display: inline-block;
font-family: 'Oswald', sans-serif; }
.number.box {
border-radius: 4px; }
.number.fade-numb {
opacity: 0; }
.number.green {
border-color: #15bb21;
background: #d5fad7;
color: #0b5f11; }
.number.red {
border-color: #ff1616;
background: #ffe2e2;
color: #af0000; }
.number.blue {
border-color: #0c92af;
background: #90e5f7;
color: #054250; }
.number input {
border: none;
background: none;
text-align: center;
width: 100%;
padding: 0; }

.winning-numbers, .bonus-number {
display: inline-block;
padding-bottom: 15px; }
.winning-numbers p, .bonus-number p {
text-transform: uppercase; }

.bonus-number {
padding-left: 10px; }

.table-view {
width: 100%;
overflow: auto;
clear: both; }
.table-view table {
background: #eff1f2;
width: 100%; }
.table-view table thead {
background: #0c92af;
color: #fff;
text-transform: uppercase;
font-weight: 600; }
.table-view table tr td {
padding: 8px 10px;
border-bottom: 1px solid #99a4ae;
white-space: nowrap; }
.table-view table tr:nth-child(even) {
background: #e1e4e7; }

.talbe-view2 {
background: #f4f6f7;
border: solid #bdc3c7;
border-width: 1px 0; }
.talbe-view2 table {
width: 100%; }
.talbe-view2 td {
color: #26ACC9;
font-size: 1.2em;
padding: 5px 10px;
font-weight: 600;
white-space: nowrap; }

.table-view3 {
border-bottom: 1px solid #bdc3c7; }
.table-view3 h3 {
font-size: 16px;
font-weight: 600;
color: #26ACC9;
padding: 15px 10px 10px;
text-transform: none; }
.table-view3 table {
width: 100%;
border-top: 1px dotted #bdc3c7; }
.table-view3 table thead {
text-transform: uppercase;
font-weight: 600; }
.table-view3 td {
padding: 8px 10px;
white-space: nowrap;
border-bottom: 1px dotted #bdc3c7; }
.table-view3 td.orange {
font-weight: 600;
color: #26ACC9; }

.table-view3 .tbl-blue {
color: #0c92af;
font-size: 16px;
width: 100%;
border: none; }
.table-view3 .tbl-blue td {
font-weight: 600; }

#tabCheckout {
overflow: auto;
padding: 0 15px; }
#tabCheckout .checkout-wrap {
min-width: 550px;
padding: 0 0 15px; }

.amt-summary {
max-width: 300px;
margin: 0 auto;
padding: 20px 0; }
.amt-summary p {
font-weight: 600; }
.amt-summary p span {
float: right; }
.amt-summary a.btn {
display: block; }

/* -------- Slots ------- */
.page-content {
padding: 30px 0; }

.banner2 {
background: #f4f6f7;
border-bottom: 1px solid #b9c6cc;
padding: 20px 0; }
.banner2 h3 {
font-size: 16px;
padding: 0 0 10px;
color: #26ACC9; }
.banner2 h4 {
font-size: 14px;
padding-bottom: 10px;
color: #0c92af; }

.game-card.thumb {
position: relative;
-webkit-box-shadow: 0 0 1px 1px #cccccc;
-moz-box-shadow: 0 0 1px 1px #cccccc;
-ms-box-shadow: 0 0 1px 1px #cccccc;
-o-box-shadow: 0 0 1px 1px #cccccc;
box-shadow: 0 0 1px 1px #cccccc;
overflow: hidden;
max-width: 450px;
margin: 0 auto 30px;
padding: 0; }
.game-card.thumb img {
width: 100%;
position: relative; }
.game-card.thumb .thumb-overlay {
position: absolute;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
text-align: center;
text-transform: uppercase;
font-weight: 700; }
.game-card.thumb .thumb-overlay h3 {
color: #fff;
font-size: 16px;
padding: 50px 0  30px; }
.game-card.thumb .thumb-overlay .btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700; }
.game-card.thumb .thumb-overlay > div {
position: absolute;
width: 100%;
bottom: 20px; }

.game-status {
display: inline-block;
background: #fff;
border: 1px solid #cccccc;
margin: 20px 20px 0 0;
width: 230px; }
.game-status span {
display: inline-block;
padding: 8px 15px;
position: relative;
font-weight: 600;
text-transform: uppercase; }
.game-status span.text {
opacity: 0.8;
padding: 0 25px;
line-height: 36px; }
.game-status span.count {
background: #26ACC9;
color: #fff;
float: right; }
.game-status span.count:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #26ACC9;
left: -4px;
top: 50%;
margin-top: -4px; }

/* game-status */
.download-links {
padding: 20px 0 0;
font-weight: 600; }
.download-links p {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
padding: 8px 0;
margin: 0 0 15px; }
.download-links a {
display: inline-block;
background: #fff;
padding: 8px 15px;
vertical-align: middle;
margin: 0 20px 15px 0;
color: gray;
text-transform: uppercase;
border: 1px solid #cccccc;
text-decoration: none;
width: 200px;
text-align: center; }
.download-links a:hover {
background: #e6e6e6; }
.download-links a .fa {
margin-right: 10px;
font-size: 1.5em;
color: #0c92af;
float: left; }

/*download links */
.poker-menu {
padding-bottom: 20px;
width: 100%;
float: left; }
.poker-menu li {
background: #fff;
border: solid #cccccc;
border-width: 1px;
text-align: center;
list-style-type: none; }
.poker-menu li:first-child {
border-left-width: 1px; }
.poker-menu li a {
display: block;
padding: 15px 0;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #0c92af;
position: relative;
font-size: 14px; }
.poker-menu li:hover a, .poker-menu li.active a {
color: #26ACC9; }
.poker-menu li:hover a:before, .poker-menu li.active a:before {
content: "";
position: absolute;
width: 100%;
height: 5px;
background: #26ACC9;
left: 0;
bottom: 0; }

/* poker-menu */
.p-hands {
display: table;
width: 100%;
border: 1px solid #cccccc;
margin: 6px auto;
max-width: 400px; }
.p-hands span {
display: table-cell;
padding: 8px;
vertical-align: middle;
position: relative;
background: #fff; }
.p-hands span.img {
border-right: 1px solid #cccccc;
text-align: center;
width: 45%; }
.p-hands span.img img {
max-height: 52px; }
.p-hands span.text {
text-transform: uppercase;
font-weight: 600;
text-align: center;
color: #0c92af; }
.p-hands span.text:after {
width: 15px;
height: 15px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
left: -7px;
top: 50%;
margin-top: -7px;
border: solid #cccccc;
border-width: 1px 1px 0 0; }

/* p-hands */
.card-details {
background: #fff;
margin: 30px 0; }
.card-details .row {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #b3b3b3; }
.card-details .row > div {
padding: 0  15px;
margin: 0; }
.card-details .header {
background: #f4f6f7;
font-weight: 600;
color: #26ACC9;
border-top: 1px solid #b3b3b3;
text-transform: uppercase;
padding: 0;
margin: 0; }
.card-details .header > div {
padding-top: 8px;
padding-bottom: 8px; }
.card-details h3 {
color: #0c92af;
font-size: 15px; }
.card-details img {
max-width: 100%; }

/* card-details */
.app-links a {
color: #26ACC9;
font-size: 30px;
display: inline-block;
margin-right: 20px; }

.poker-content h3, .poker-content h4 {
text-transform: capitalize;
font-size: 20px; }
.poker-content hr {
border-color: #bdc3c7; }
.poker-content .download-links {
display: inline-block; }
.poker-content .game-status span.count {
background: #0c92af; }
.poker-content .game-status span.count:before {
background: #0c92af; }
.poker-content ul {
padding-left: 15px; }
.poker-content ul li {
margin-bottom: 10px; }

@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300,400);

.font-roboto {
font-family: 'roboto condensed';
}

* {
box-sizing: border-box;
}

body {
.font-roboto();
}

.tab-section .nav.nav-tabs {
display: table;
width: 100%; }
.tab-section .nav.nav-tabs li {
display: table-cell;
float: none;
width: 33.33%;
border-bottom: 3px solid #26ACC9; }
.tab-section .nav.nav-tabs li a {
padding: 6px 10px;
border-radius: 0;
margin-right: 1px;
display: block;
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
text-align: center;
background: #0c92af;
border-color: #0c92af;
color: #fff; }
.tab-section .nav.nav-tabs li.active a {
background: #26ACC9;
border-color: #26ACC9; }
.tab-section .tab-content {
padding: 10px; }
.tab-section .lottery-img {
width: 80px;
text-align: center;
margin: 0 auto 15px; }

.ticket-header {
font-size: 18px;
background: #f4f6f7;
margin: -10px;
padding: 15px 0; }
.ticket-header h3 {
color: #26ACC9;
font-size: 1em;
text-align: center; }
.ticket-header h4 {
color: #0c92af;
font-size: 0.7em;
text-align: center;
padding-bottom: 20px; }

.form-content {
padding-bottom: 10px;
max-width: 360px;
margin: 0 auto; }
.form-content p {
margin: 0;
padding: 6px 0 0;
font-size: 0.7em; }
.form-content .form-control {
font-size: 0.7em;
padding: 3px;
height: auto; }
.form-content .form-control.bold {
text-transform: uppercase;
font-weight: 600; }

.number-table-wrap {
padding: 20px 0;
max-width: 280px;
margin: 0 auto; }
.number-table-wrap .row {
margin-bottom: 15px; }

.number-table-wrap p {
line-height: 1.3;
font-size: 12px; }

.number-table-wrap .number {
background: none;
font-weight: 600;
line-height: 26px;
color: #333333;
margin: 6px; }
.number-table-wrap .number.bonus {
margin-left: 56px; }

.close-grey {
display: inline-block;
vertical-align: middle;
transform: scale(0.7); }

.quick-links a, .quick-links2 a {
display: block;
text-align: center;
max-width: 300px;
margin: 0 auto 10px; }
.quick-links a span, .quick-links2 a span {
font-size: 1.2em;
display: inline-block;
margin-right: 4px; }

.legends p {
margin: 10px 0 0; }

.summary-tbl {
width: 100%;
max-width: 300px;
margin: 15px auto; }
.summary-tbl tr td {
padding: 4px 0;
font-weight: 600; }
.summary-tbl tr td:last-child {
text-align: right; }
.summary-tbl tr.total {
font-size: 1.2em;
color: #26ACC9; }

.iframe-wrap {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 50;
display: none; }
.iframe-wrap iframe {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
bottom: 0px;
border: none; }
.iframe-wrap .frame-header, .iframe-wrap .frame-footer {
background: #0c92af; }
.iframe-wrap .frame-header {
padding: 0 10px; }
.iframe-wrap .frame-header ul {
padding: 5px 0 10px;
margin: 0; }
.iframe-wrap .frame-header ul li {
display: inline-block; }
.iframe-wrap .frame-header ul li a {
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding: 0 2px;
font-size: 12px; }
.iframe-wrap .frame-footer {
position: absolute;
bottom: 0;
width: 100%;
padding: 0px; }
.iframe-wrap .frame-footer p {
margin: 0;
color: #fff;
font-weight: 600;
font-size: 11px; }
.iframe-wrap .cls-btn {
position: absolute;
z-index: 2;
border: 2px solid #000;
border-radius: 50%;
color: #000;
font-size: 14px;
padding-left: 6px;
width: 30px;
height: 30px;
line-height: 28px;
right: 20px;
top: 8px;
cursor: pointer;
background: #d3d3d3;
}
.iframe-wrap .cls-btn img {
width: 100%; }
.iframe-wrap .cls-btn:hover {
opacity: 1; }

/*  new Home page styles  */
.layout2 {
padding-top: 30px; }
.layout2 h2.title {
color: #26ACC9;
font-size: 18px;
padding-bottom: 15px; }
.layout2 .lottery-draw-block {
background: #f4f6f7;
padding: 0;
border: 1px solid #bdc3c7;
margin-bottom: 15px; }
.layout2 .lottery-draw-block .heading {
display: table;
width: 100%; }
.layout2 .lottery-draw-block .heading > div {
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 5px 10px; }
.layout2 .lottery-draw-block .heading > div.thumb {
width: 70px; }
.layout2 .lottery-draw-block .heading > div h4 {
margin: 10px 0 0px;
font-size: 18px;
padding: 0; }
.layout2 .lottery-draw-block .heading > div p {
color: #0c92af;
font-size: 14px;
font-weight: 600; }
.layout2 .lottery-draw-block table {
border-top: 1px dotted #999;
background: #f9fafb;
width: 100%;
font-size: 12px; }
.layout2 .lottery-draw-block table tr td {
padding: 7px;
border-bottom: 1px dotted #999;
text-align: left; }
.layout2 .lottery-draw-block table tr td a {
padding: 3px 10px;
font-size: 10px; }
.layout2 .lottery-draw-block table tr td.type {
color: #0c92af;
font-weight: 600;
text-transform: uppercase; }
.layout2 .lottery-draw-block .draw-time {
display: block;
text-align: left;
font-size: 12px;
padding: 7px 10px; }
.layout2 .lottery-draw-block .draw-time .fa {
color: #0c92af; }
.layout2 .game-list .game-card {
box-shadow: none;
border: none; }
.layout2 .ad {
position: relative;
text-align: center;
max-width: 300px;
margin: 0 auto 15px; }
.layout2 .ad .ad-text {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
color: #fff;
background: rgba(0, 0, 0, 0.6);
padding: 10px; }
.layout2 .ad .ad-text h2 {
font-size: 22px;
margin: 0 0 10px;
color: #fff; }
.layout2 .ad .ad-text .bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.layout2 .ad .ad-text .bottom h4 {
display: inline-block;
font-size: 12px;
float: left;
padding: 10px 8px; }
.layout2 .ad .ad-text .bottom h4:last-child {
float: right; }
.layout2 .ad .ad-text .bottom h4 a {
color: #fff; }

.home-sidebar {
text-align: left; }
.home-sidebar h2 {
margin: 20px 0 10px;
font-size: 16px;
color: #0c92af; }
.home-sidebar .game-card {
max-width: 300px; }
.home-sidebar .game-card .thumb-overlay > div {
padding-top: 70px; }
.home-sidebar .game-list {
max-width: 300px;
margin: 0 auto; }
.home-sidebar .game-list .game-card {
margin-bottom: 10px; }
.home-sidebar .game-list .game-card .thumb-overlay > div {
bottom: 10px; }
.home-sidebar .game-list .game-card .thumb-overlay > div .btn {
padding: 2px 10px;
margin-bottom: 2px;
width: 90%;
font-size: 11px; }
.home-sidebar .game-list .row {
margin: 0 -5px; }
.home-sidebar .game-list .row .col-xs-6 {
padding: 0 5px; }

.store-link a {
display: inline-block;
padding: 5px 12px;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
color: #fff;
background: #12bbf6;
border-radius: 3px;
margin: 2px; }
.store-link a .fa {
font-size: 1.6em;
margin-right: 10px; }
.store-link a.mac {
background: #4086cd; }

@media (min-width: 767px) {
.banner {
padding: 20px 0; }

.banner-img .img-text {
padding: 15px; }
.banner-img .img-text .lottery-name {
text-align: center;
padding: 0 0 10px; }
.banner-img .img-text .lottery-name h3 {
font-size: 22px; }
.banner-img .draw-details {
margin-bottom: 10px;
line-height: 1; }
.banner-img .draw-details > div.amount {
font-size: 70px; }
.banner-img .play-now {
display: inline-block;
padding: 14px 40px;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
background: #0c92af;
font-weight: 700;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.banner-img .play-now:hover {
background: #26ACC9; }

.banner.inner-page-banner .site-logo {
float: left;
margin: 0;
width: 80px; }
.banner.inner-page-banner .subscribe-wrapper {
float: right; }
.banner.inner-page-banner .subscribe-wrapper p {
min-height: 0; }

.subscribe-wrapper {
margin: 0 auto; }
.subscribe-wrapper p {
min-height: 60px; }

.blue-bar {
text-align: left; }

.top-links {
padding: 0;
text-align: right; }
.top-links li {
padding: 0; }
.top-links li a {
padding: 18px 10px; }
.top-links li.account-settings a {
background-size: 30px;
padding-left: 55px; }

.navbar {
position: relative;
background: #0c92af;
top: 0; }
.navbar .container {
padding: 0; }
.navbar ul li {
border: none;
position: static; }
.navbar ul li a {
padding: 15px 8px;
font-size: 12px;
border-bottom: 3px solid transparent; }
.navbar ul li a span {
display: none; }
.navbar ul li:hover a, .navbar ul li.active a {
border-bottom-color: #26ACC9; }
.navbar ul li i.fa {
margin-right: 4px; }
.navbar ul li .dropdown-menu {
left: 15px;
right: 15px;
border-color: #26ACC9; }

.navbar .mega-menu-content {
display: table;
padding: 30px 0; }
.navbar .menu-block {
min-width: 220px;
padding: 0px 30px;
display: table-cell;
vertical-align: top;
border-right: 1px solid #ccc; }
.navbar .menu-block:last-child {
border: none; }
.navbar .menu-block ul li a {
padding: 4px 8px 4px 0;
border: none;
font-weight: 600;
font-size: 12px; }
.navbar .menu-block ul li a:hover {
color: #26ACC9; }
.navbar .menu-block h4, .navbar .menu-block h3 {
padding: 0 0 8px; }
.navbar .menu-block .child ul {
padding-bottom: 8px; }

.navbar-right {
margin-right: 0; }

.highlights {
padding: 10px 0; }
.highlights ul {
margin: 0; }
.highlights ul li {
display: table-cell; }
.highlights ul li > div {
display: block;
white-space: normal;
text-align: center; }
.highlights ul li p {
font-size: 10px;
line-height: 1.2;
padding: 4px; }

.data-icon {
font-size: 10em;
color: #0c92af;
}

.lottery-draw-block.title-bar {
display: table;
border: none;
padding: 0; }
.lottery-draw-block.title-bar .block {
border: none;
color: #0c92af; }

.lottery-draw-block {
display: table;
width: 100%; }
.lottery-draw-block > div {
display: table-cell; }
.lottery-draw-block > div.lottery-name {
padding: 0;
width: 150px; }

.block {
display: table;
width: 100%;
padding: 0; }
.block > div {
display: table-cell;
text-align: left;
min-width: 100px; }
.block > div.type {
min-width: 80px;
display: table-cell; }
.block > div.amount {
display: table-cell;
min-width: 120px; }
.block > div.cost {
min-width: 80px; }

.follow, .support {
display: inline-block;
padding: 0 15px;
vertical-align: top; }

.lottery-name img {
width: 80px; }
.lottery-name h2 {
font-size: 24px; }

.panel .panel-heading h4 {
font-size: 18px; }
.panel .panel-heading .icon {
right: 10px;
top: 4px;
transform: scale(1); }
.panel .panel-body h3 {
font-size: 16px;
padding-top: 12px; }
.panel .panel-body .tkt-number p, .panel .panel-body .tkt-number .number-group {
display: inline-block;
vertical-align: middle; }

.poker-menu li {
float: left;
width: 25%;
border-left-width: 0; }

.poker-content .download-links p, .poker-content .download-links a {
margin-bottom: 0; }

.number-table-wrap {
max-width: 100%; }
.number-table-wrap .row {
margin-bottom: 0; }
.number-table-wrap .number {
line-height: 36px;
width: 40px;
height: 40px; }
.number-table-wrap .number.bonus {
margin-left: 0px;
margin-right: 80px; }

.close-grey {
transform: scale(1); }

.quick-links a {
display: inline-block; }

.iframe-wrap .cls-btn {
top: 10px; }
.iframe-wrap .frame-header ul {
padding: 20px 50px 0px 0;
float: right; }
.iframe-wrap iframe {
top: 0px;
height: 100%; }

.game-card.thumb .thumb-overlay {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }
.game-card.thumb:hover .thumb-overlay {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }

.layout2 .lottery-draw-block .draw-time {
font-size: 13px;
padding: 10px 10px; } }
@media (min-width: 991px) {
.banner-img .img-text .lottery-name h3 {
font-size: 30px; }

.navbar ul li a {
padding: 15px;
font-size: 14px; }
.navbar ul li a span {
display: inline-block; }
.navbar ul li i.fa {
margin-right: 4px; }

.highlights {
padding: 15px 0; }
.highlights ul li > div {
display: table;
white-space: normal;
text-align: center; }
.highlights ul li > div img {
display: table-cell;
width: 36px; }
.highlights ul li p {
text-align: left;
padding: 0 8px;
line-height: 1.5;
font-size: 12px;
display: table-cell; } }