@import url(game-according.css);
@import url(reset.css);
@import url(fontawesome.css);
@import url(animate.css);
@import url(mobile-nav.css);
@import url(w3-animate.css);
@import url(slide-nav.css);
@import url(clock.css);
@import url(game.css);
@font-face {
	font-family: 'Adobe Clean';
	src: url(../../fonts/AdobeClean-BoldIt.eot);
	src: local('../../fonts/AdobeClean-BoldIt'), url(../../fonts/AdobeClean-BoldIt.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-BoldIt.woff2) format('woff2'), url(../../fonts/AdobeClean-BoldIt.woff) format('woff'), url(../../fonts/AdobeClean-BoldIt.ttf) format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean SemiCondensed';
	src: url(../../fonts/AdobeClean-BoldSemiCnIt.eot);
	src: local('../../fonts/AdobeClean-BoldSemiCnIt'), url(../../fonts/AdobeClean-BoldSemiCnIt.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-BoldSemiCnIt.woff2) format('woff2'), url(../../fonts/AdobeClean-BoldSemiCnIt.woff) format('woff'), url(../../fonts/AdobeClean-BoldSemiCnIt.ttf) format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean';
	src: url(../../fonts/AdobeClean-It.eot);
	src: local('../../fonts/AdobeClean-It'), url(../../fonts/AdobeClean-It.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-It.woff2) format('woff2'), url(../../fonts/AdobeClean-It.woff) format('woff'), url(../../fonts/AdobeClean-It.ttf) format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean';
	src: url(../../fonts/AdobeClean-Regular.eot);
	src: local('../../fonts/AdobeClean-Regular'), url(../../fonts/AdobeClean-Regular.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-Regular.woff2) format('woff2'), url(../../fonts/AdobeClean-Regular.woff) format('woff'), url(../../fonts/AdobeClean-Regular.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
unicode-range:U+000-5FF;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean';
	src: url(../../fonts/AdobeClean-Bold.eot);
	src: local('../../fonts/AdobeClean-Bold'), url(../../fonts/AdobeClean-Bold.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-Bold.woff2) format('woff2'), url(../../fonts/AdobeClean-Bold.woff) format('woff'), url(../../fonts/AdobeClean-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean';
	src: url(../../fonts/AdobeClean-Light.eot);
	src: local('../../fonts/AdobeClean-Light'), url(../../fonts/AdobeClean-Light.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-Light.woff2) format('woff2'), url(../../fonts/AdobeClean-Light.woff) format('woff'), url(../../fonts/AdobeClean-Light.ttf) format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean SemiCondensed';
	src: url(../../fonts/AdobeClean-SemiCnIt.eot);
	src: local('../../fonts/AdobeClean-SemiCnIt'), url(../../fonts/AdobeClean-SemiCnIt.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-SemiCnIt.woff2) format('woff2'), url(../../fonts/AdobeClean-SemiCnIt.woff) format('woff'), url(../../fonts/AdobeClean-SemiCnIt.ttf) format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean SemiCondensed';
	src: url(../../fonts/AdobeClean-SemiCn.eot);
	src: local('../../fonts/AdobeClean-SemiCn'), url(../../fonts/AdobeClean-SemiCn.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-SemiCn.woff2) format('woff2'), url(../../fonts/AdobeClean-SemiCn.woff) format('woff'), url(../../fonts/AdobeClean-SemiCn.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean';
	src: url(../../fonts/AdobeClean-LightIt.eot);
	src: local('../../fonts/AdobeClean-LightIt'), url(../../fonts/AdobeClean-LightIt.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-LightIt.woff2) format('woff2'), url(../../fonts/AdobeClean-LightIt.woff) format('woff'), url(../../fonts/AdobeClean-LightIt.ttf) format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
	font-family: 'Adobe Clean SemiCondensed';
	src: url(../../fonts/AdobeClean-BoldSemiCn.eot);
	src: local('../../fonts/AdobeClean-BoldSemiCn'), url(../../fonts/AdobeClean-BoldSemiCn.eot?#iefix) format('embedded-opentype'), url(../../fonts/AdobeClean-BoldSemiCn.woff2) format('woff2'), url(../../fonts/AdobeClean-BoldSemiCn.woff) format('woff'), url(../../fonts/AdobeClean-BoldSemiCn.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
unicode-range:U+000-5FF
}
@font-face {
  font-family: "Flaticon";
  src: url("../../fonts/Flaticon.eot");
  src: url("../../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../../fonts/Flaticon.woff2") format("woff2"),
       url("../../fonts/Flaticon.woff") format("woff"),
       url("../../fonts/Flaticon.ttf") format("truetype"),
       url("../../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
font-size: 28px !important;
    margin-left: 20px;
    margin-right: 5px !important;
}


.flaticon-tickets:before { content: "\f100"; }
.flaticon-cellphone-on-a-right-hand-being-touched-by-a-finger-of-other-right-hand:before { content: "\f101"; }
.flaticon-megaphone:before { content: "\f102"; }
.flaticon-filter:before { content: "\f103"; 
font-size: 20px !important;}

body, html {
	margin: 0;
	height: 100%;
	font-family: 'Adobe Clean';
	line-height: 24px;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}


body, html * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
audio, embed, img, object, video {
	height: auto;
	max-width: 100%
}
ol {
	padding-left: 40px!important
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
input {
	outline: 0
}
td, th {
	text-align: left;
	padding: 10px;
	padding-left: 20px;
}
.Window__WindowComponent-sc-17wvysh-1 a:last-child {
	display: none!important
}
table {
	border-spacing: 0;
	width: 100%;
	border: 0px solid #5cb85c;
	margin-top: 10px;
	-webkit-box-shadow: 0 5px 0 rgb(13,193,82)!important;
	box-shadow: 0 5px 0 rgb(13,193,82)!important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: border .25s, color .25s, -webkit-box-shadow .25s;
	transition: border .25s, color .25s, -webkit-box-shadow .25s;
	-o-transition: border .25s, color .25s, box-shadow .25s;
	transition: border .25s, color .25s, box-shadow .25s;
	transition: border .25s, color .25s, box-shadow .25s, -webkit-box-shadow .25s;
	cursor: pointer;
	margin-bottom: 20px
}
table.banker-table tr {
	background: 0 0
}
table.banker-table td.last {
	background: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}
table tr:first-child {
	background: #5cb85c;
	color: #fff;
	font-weight: 700;
	font-size: 18px
}
.td-headers {
	font-weight: 700;
	vertical-align: top
}
tr:nth-child(even) {
	background-color: #fff;
	border-bottom: solid #e8e8e8 1px
}
tr:nth-child(even) {
	background-color: #e4e4e1 transparent;
	border-bottom: solid #e8e8e8 1px
}
tr:last-child {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}
tr:first-child, tr:last-child {
	border: 0
}
tr:nth-child(even) td {
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd
}
table td a, tr {
	color: #3d3d3d
}
.banker-table tr:nth-child(even) td {
	border-bottom: solid 0 #ddd;
	border-top: solid 0 #ddd
}
table.dataTable.display tbody td {
	border-top: none!important;
	border-bottom: solid 1px #ddd
}
tr.odd {
	font-size: initial!important;
	font-weight: inherit!important;
	color: #3d3d3d!important
}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	text-align: right;
	padding-top: .25em;
	margin-top: 15px!important
}
input.search-input {
	padding: 10px 25px;
	margin-bottom: 18px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border: solid 1px #5cb85c;
	outline: 0;
	font-size: 14px;
	margin-top: 7px;
	width: 230px
}
.table-header {
	background: #2aa8e0!important
}
th {
	color: #fff
}
th:first-child {
	border-top-left-radius: 4px;
	border-right: solid 0 #fff
}
th:last-child {
	border-top-right-radius: 4px;
	border-left: solid 0 #fff
}
table.dataTable thead td, table.dataTable thead th {
	border: none!important
}
table.dataTable.no-footer {
	border-bottom: none!important
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
	background: 0 0!important
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
	background: 0 0!important
}
.site-blocks-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	background-position: center center
}
.site-blocks-cover {
	min-height: 650px;
	height: calc(100vh)
}
.site-blocks-cover::before {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: #31415a;
	opacity: .6
}
.homepage-promo-banner {
	width: 260px;
	height: 250px;
	margin-top: 31px
}
.main-banner {
	overflow: hidden;
	min-height: 650px;
	height: calc(100vh)
}
.banner, .main-banner {
	background-size: cover!important;
	background-position: center!important;
	margin: 0;
	position: relative
}
.main-banner::before {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: #31415a;
	opacity: .7
}
.main-banner {
	padding: 12% 0;
	overflow: hidden
}
.main-banner {
	background-size: cover!important;
	background-position: center!important;
	margin: 0;
	position: relative
}
.home-hero-app {
	text-align: center;
	z-index: 5;
	display: block;
	margin: auto;
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.home-hero-app h1 {
	font-size: 3.5rem;
	font-family: 'Adobe Clean';
	font-weight: 100;
	color: #4eb969;
	letter-spacing: -2px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding-top: 30px
}
.payment-master-box {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, -50%)
}
.app-download-sticky {
	position: absolute;
    bottom: 0px;
	text-align: center;
}

.payment-section-apps {
	line-height: 0;
	width: auto;
	margin: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 0;
	position: relative
}
.payment-section-apps img {
	width: 75px;
	margin: 0 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter: grayscale(1%);
	-webkit-filter: grascale(1%);
	opacity: 1;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.app-download-sticky img {
	width: 550px;
}
.callbacks_container {
	margin-bottom: 0;
	position: relative;
	float: left;
	width: 100%
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0
}
.image-title {
	position: absolute;
	color: #fff;
	margin: calc(60% - 49%);
	margin-left: 0;
	width: 100%
}
.image-title h1 {
	font-weight: 800;
	line-height: 1;
	font-size: 40px;
	letter-spacing: -1.5px;
	margin: 0;
	text-transform: uppercase
}
.image-title h5 {
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 5px;
	margin-top: 0
}
span.brand {
	width: 190px;
	display: block;
	margin: auto;
	height: 190px;
	padding: 13px;
	vertical-align: top;
	position: relative
}
span.brand svg {
	position: relative;
	border: solid 2px #4eb969;
	border-radius: 200%;
	height: 170px;
	padding: 13px;
	width: 170px;
	animation: blinkiblinki 6s 1s infinite linear alternate
}
.js-Carousel {
	overflow: hidden;
	position: relative;
	transform: translate(0, 27%)
}
.js-Carousel>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 9999px
}
.js-Carousel>ul li {
	display: inline-block!important;
	width: 360px;
	transition: margin-left .3s ease;
	padding-bottom: 0!important
}
.js-Carousel>ul li img {
	max-width: 100%
}
.js-Carousel .js-Carousel-arrowNext, .js-Carousel .js-Carousel-arrowPrev {
	background: #fff;
	border: 0;
	color: #4eb969;
	cursor: pointer;
	font-size: 3em;
	height: 60px;
	outline: 0;
	position: absolute;
	bottom: 0;
	width: 60px;
	transition: all .2s ease;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif
}
.js-Carousel .js-Carousel-arrowNext:hover, .js-Carousel .js-Carousel-arrowPrev:hover {
	color: #aaa
}
.js-Carousel .js-Carousel-arrowPrev {
	right: 202px
}
.js-Carousel .js-Carousel-arrowNext {
	right: 0
}
.js-Carousel .js-Carousel-dots {
	display: inline-block;
	margin: auto;
	position: absolute;
	bottom: 1em;
	width: 100%;
	text-align: center
}
.js-Carousel .js-Carousel-dots li {
	background: #bdd73c;
	cursor: pointer;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 .1em;
	transition: all .2s ease
}
.js-Carousel .js-Carousel-dots li.is-active {
	background: 0 0;
	border: 2px solid #fff;
	width: 13px;
	height: 13px
}
.js-Carousel .js-Carousel-dots li:hover {
	background: #f5f5f5
}
.js-Carousel .js-Carousel-btnPlay, .js-Carousel .js-Carousel-btnStop {
	background: #aaa;
	border: 0;
	cursor: pointer;
	height: 2.25em;
	position: absolute;
	bottom: 1em;
	left: 2em;
	text-align: center;
	width: 5em;
	transition: all .2s ease
}
.js-Carousel .js-Carousel-btnPlay:hover, .js-Carousel .js-Carousel-btnStop:hover {
	background: #f5f5f5
}
.js-Carousel .js-Carousel-btnStop {
	left: 100px
}
.js-Carousel article {
	margin-bottom: 80px;
	padding: 23px
}
.results-Carousel {
	background: #4eb969;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	height: 360px;
	width: 360px;
	margin: auto
}
.js-Carousel article .results-circle-no {
	cursor: pointer;
	float: left;
	font-weight: 700;
	height: 55px;
	width: 55px;
	text-align: center
}
.js-Carousel article .results-circle-no>span {
	line-height: 55px
}
.js-Carousel article h4 {
	color: #fff;
	font-weight: 600;
	font-size: 1.8em
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear;
	animation: spin 2s linear
}
[data-aos^=fade][data-aos^=fade] {
	opacity: 1;
	transition-property: opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
	opacity: 1;
	transform: translate(0)
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
	transition-duration: .8s
}
.home-welcome {
	width: 80%;
	text-align: center;
	margin: auto;
	padding: 110px;
	padding-bottom: 0;
	font-family: 'Adobe Clean'
}
.home-welcome h1 {
	font-size: 40px;
	font-weight: 300;
	line-height: 1.5;
	color: #3f4449
}
#deposit {
	display: block
}
#mobile-disable_nav {
	display: none
}
#site-header-app {
	width: 100%;
	background: #5cb85c;
	position: relative;
	z-index: 6;
	padding-bottom: 0
}
#home-page-navigation #site-header-app {
	background: transparent;
	position: absolute
}
#body-app {
	display: table;
	width: 100%;
	position: relative
}
._no_padding {
	padding: 0!important
}
.home-app {
	position: relative;
	z-index: 5;
	align-items: center;
	display: block;
	flex-direction: column;
	justify-content: flex-start;
	align-content: flex-start
}
.data-app {
	margin: auto;
	float: none!important
}
.App-hero {
	position: absolute;
	z-index: 10;
	width: 100%
}
.form {
	background: #f2ede9;
	position: relative;
	padding: 35px
}
nav {
	display: block;
	text-align: right;
	margin-right: 0;
	top: 6px;
	position: relative;
	line-height: 2
}
nav li a {
	font-family: 'Adobe Clean';
	font-weight: 700;
	font-style: normal;
	color: #5cb85c;
	text-decoration: none;
	font-size: 16px;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
nav li a:hover {
	color: #84786e;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
nav li a.active {
	color: #84786e
}
#home-page-navigation nav li a.active {
	color: #bdd73c
}
#home-page-navigation nav {
	text-align: center
}
nav ul li {
	padding-right: 25px;
	display: inline-table
}
nav ul {
	position: relative
}
.fa-calendar {
	position: relative;
	margin-left: -30px;
	color: #5cb85c;
	font-size: 18px
}
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
	line-height: 20px!important
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #bdd73c!important;
	border-color: transparent;
	color: #fff
}
.daterangepicker .calendar-table table {
	box-shadow: none!important
}
.table-condensed table tr:first-child {
	display: none!important
}
.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	margin-top: 0;
	border-top: solid 1px #c9c9c9;
	padding: 10px 0 10px 0;
	background: #f7f7f7;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}
span.pg-next, span.pg-prev {
	padding: 0 12px 0 12px;
	line-height: 2.4
}
.page-num {
	margin: auto
}
.page-link {
	background: 0 0;
	font-weight: 400;
	display: inline-block
}
.page-link {
	position: relative;
	display: inline-block;
	padding: .25rem .7rem;
	margin-left: -1px;
	line-height: 1.25;
	margin-right: 0;
	color: #000;
	background-color: transparent;
	text-decoration: none
}
.page-link.active {
	color: #fff;
	background: #17366a;
	background: -moz-linear-gradient(90deg, rgba(23,54,106,1) 0, rgba(42,168,224,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(23,54,106,1) 0, rgba(42,168,224,1) 100%);
	background: linear-gradient(90deg, rgba(23,54,106,1) 0, rgba(42,168,224,1) 100%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
#first-last a {
	background: #fff;
	border: solid 1px #e4e4e1;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	padding: .4rem .7rem;
	margin-left: -1px;
	line-height: 1.25;
	margin-right: 0;
	color: #000;
	text-decoration: none
}
#App-Section {
	width: 100%;
	display: table
}
.Application-Clicks {
	display: none
}
.social-app {
	display: inline-table;
	position: absolute;
	top: 0
}
.social-app .ig {
	fill: #fff
}
.social-app svg {
	height: 50px
}
.logo-brand {
	position: relative;
	top: -5px;
	display: block
}
.logo-brand svg {
	width: 90px;
	height: auto;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
#site-header-app .col-9-12 {
	width: 66%
}
.home-app .bet-app {
	background: rgba(255,255,255,.5)
}
.home-app .bet-app .checkmark {
	border: #fff solid 2px
}
.bet-app {
	background: rgba(244,244,244,1);
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-transform: uppercase;
	position: relative;
	display: block;
	margin:0;
	padding-bottom: 20px
}
.bet-app input {
	font-family: 'Adobe Clean'
}
.bet-app div:first-child {
	margin-bottom: 9xp;
	line-height: 1
}
.bet-app input[type=tel] {
	background: #fff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 9999px;
	padding: 15px 12px 12px 51px;
	font-size: 14px;
	color: #222;
	width: 100%;
	border: #fff none;
	border: solid 1px #d8d8d8;
	position: relative
}
.networks-Box {
	width: 540px;
	display: block;
	float: left
}
.customers-digits {
	width: 281px;
	display: inline-block;
	margin-left: 10px;
	position: relative
}
.digits-error {
	color: #fff;
	background: rgba(212,0,1,1);
	position: absolute;
	width: 88%;
	left: 10px;
	font-size: 13px;
	text-transform: initial;
	text-align: center;
	z-index: 1;
	padding: 3px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	bottom: -32px
}
.digits-error::before {
	content: "";
	position: absolute;
	top: -4px;
	border: solid 5px rgba(212,0,1,1);
	transform: rotate(46deg);
	z-index: -1
}
.amount-error::before {
	content: "";
	position: absolute;
	top: -4px;
	left: 24px;
	border: solid 5px rgba(212,0,1,1);
	transform: rotate(46deg);
	z-index: -1
}
.amount-error {
	color: #fff!important;
	background: rgba(212,0,1,1);
	position: absolute;
	right: -36px;
	font-size: 13px;
	text-transform: initial;
	text-align: center;
	z-index: 1;
	padding: 3px 12px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	bottom: -47px
}
.customers-digits i {
    position: absolute;
    z-index: 1;
    left: 27px;
    font-size: 30px!important;
    top: 8px;
}
.customers-digits h4 {
	margin: 0;
	font-style: normal;
	text-transform: none
}
.Ct-f-gh {
	border-radius: 29px;
	height: 35px;
	line-height: 56px;
	border: solid 1px #bdd73c;
	padding: 5px;
	width: 35px;
	overflow: hidden;
	background-size: cover;
	display: inline-block;
	margin-left: 5px
}
img.jKR4Ec {
	border-radius: 29px;
	vertical-align: top;
	display: inline-block;
	height: 100%
}
.submit_btn {
	background: #1178b9;
	width: 100%;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	padding: 10px 11px 7px 12px;
	text-align: center;
	color: #fff;
	outline: 0;
	font-family: TwCenMT-Bold!important;
	text-transform: uppercase;
	font-size: 22px;
	border: solid 0;
	moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
input.submit_btn {
	outline: 0
}
input.submit_btn:hover {
	cursor: pointer;
	background: #f15a2c;
	moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.modal-wrapper {
	position: fixed;
	z-index: 9999;
	top: 6em;
	left: 55%;
	width: 25em;
	margin-left: -16em
}
.bet-app label.app-l {
	position: absolute;
	left: 10px;
	margin: 0;
	padding: 9px 12px 0 0;
	font-size: 16px;
	color: #000
}
.bet-app input.deposit-amount {
	padding: 11px 12px 12px 44px!important;
	text-align: left!important
}
.bet-app input[type=number] {
	width: 32.4%;
	padding: 13px;
	text-align: center;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border: #fff none;
	font-size: 15px;
	box-shadow: 0 0 9px -5px #222
}
input.deposit-amount {
	width: 100%!important
}
.bet-app div h5 {
	margin: 0;
	font-family: 'VAG Rounded';
	color: #5d5d5d
}
.ac-gn-link-hero {
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-image: url(../svg/home-hero.svg);
	background-position: center center;
	background-origin: content-box;
	background-size: cover;
	width: 33.14286em;
	max-width: 366.8px;
	text-indent: -999px;
	height: 70px
}
.home-summary {
	color: #5b3624;
	font-family: Nunito-Regular;
	margin: 20px 0 0 18px
}
a.go-linked {
	padding: 12px;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	text-transform: uppercase;
	text-decoration: none;
	color: #5b3624;
	font-size: 13px;
	position: relative;
	padding-right: 28px;
	font-family: 'VAG Rounded';
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	background: 0 0;
	border: solid 2px #5b3624
}
a.go-linked::after {
	position: absolute;
	content: '';
	background: url(../svg/next.svg) no-repeat;
	background-size: 14px;
	padding: 18px;
	padding-left: 0;
	right: 5px;
	top: 13px
}
a.go-linked:hover {
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	background: rgba(255,255,255,.6);
	border-color: transparent
}
.intro-section {
	margin: auto;
	text-align: center;
	float: none!important;
	position: relative;
	margin-bottom: 50px;
	position: absolute;
	top: -31px;
	z-index: 5
}
.dialup-app {
	text-align: center;
	width: 100%;
	position: relative
}
.dialup-app p {
	background: #fff;
	box-shadow: 0 0 9px -5px #222
}
.short-code-app {
	width: 100%;
	display: table;
	position: absolute;
	top: -1px;
	background: #fff;
	box-shadow: 0 0 9px -5px #222
}
.ghana_select {
	text-align: center;
	margin: auto;
	width: 80%;
	padding: 20px 0;
	color: #5d5d5d;
	line-height: 23px;
	font-size: 14px;
	position: relative
}
.ghana_select p {
	padding-top: 30px;
	margin: 0
}
.ghana_select div.intro-summary::before {
	border-top: solid 5px #1178b9;
	content: "";
	position: absolute;
	width: 110px;
	margin: 0;
	display: block;
	text-align: center;
	margin-left: calc(50% - 65px);
	top: -2px
}
.money-hero {
	width: 70%;
	display: block;
	margin: auto
}
.money-hero em {
	position: relative;
	bottom: -30px;
	font-style: normal;
	font-size: 50px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px
}
.Site-App-Body {
	width: 100%;
	display: table;
	position: relative
}
.section-three-app {
	width: 100%;
	display: table;
	background: #eee;
	padding: 9em 0;
	overflow: hidden;
	background-image: url(../images/hero2a.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center
}
.section-three-app:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-linear-gradient(320deg, #5cb85c 25%, transparent 0, transparent 50%, #5cb85c 0, #5cb85c 75%, transparent 0, transparent);
	background-image: -moz-linear-gradient(320deg, #5cb85c 25%, transparent 25%, transparent 50%, #5cb85c 50%, #5cb85c 75%, transparent 75%, transparent 100%);
	background-image: -o-linear-gradient(320deg, #5cb85c 25%, transparent 25%, transparent 50%, #5cb85c 50%, #5cb85c 75%, transparent 75%, transparent 100%);
	background-image: linear-gradient(130deg, #5cb85c 25%, transparent 0, transparent 50%, #5cb85c 0, #5cb85c 75%, transparent 0, transparent);
	background-size: 3.22px 4.22px;
	opacity: .2;
	z-index: 2
}
section.home-intro-hero {
	background: 0 0;
	width: 100%;
	display: block
}
.section-three-app-agent {
	width: 100%;
	display: table;
	background: #fff;
	padding: 4em 0;
	position: relative
}
.nla-content {
	width: 70%;
	display: table;
	margin: auto;
	text-align: center;
	color: #fff
}
.nla-content p {
	font-size: 3.5rem;
	text-transform: uppercase;
	margin: 0;
	line-height: 1;
	font-weight: 300
}
.select-3-numbers {
	display: block;
	position: relative;
	padding-top: 15px;
	text-align: center;
	width: 35%;
	margin: auto
}
.social-icons span {
	padding-left: 5px;
	vertical-align: super;
	color: #fff;
	font-size: 13px;
	position: relative;
	top: -3px
}
.dial-me-app {
	margin: auto;
	background: #fff;
	z-index: 1111;
	box-shadow: 0 5px 17px 0 #c1c6d3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 640px;
	display: table;
	position: initial;
	position: absolute;
	top: -2%;
	margin-left: 233px;
	margin-right: 233px
}
.dial-me-app div {
	padding: 15px;
	text-align: center
}
.dial-me-app div h2, h1, h3 {
	margin: 0
}
.dial-me-app div h2, h3 {
	font-size: 22px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #565656
}

.dial-me-app div h1 {
	font-size: 28px;
	text-transform: uppercase
}
.dial-me-app div h2 {
	margin-top: 5px
}
.dial-me-app div h1 {
	margin-bottom: 3px;
	margin-top: 3px
}
.dial-987 {
	padding: 0;
	background: url(../images/dia-987.png) left no-repeat;
	background-size: 71px;
	padding-bottom: 60px!important
}
.dial-987 h5 {
	margin: 0;
	font-size: 20px;
	text-align: center;
	width: 220px
}
.dial-987 h5 p {
	margin: 0;
	font-family: 'VAG Rounded';
	font-size: 37px;
	color: #1178b9;
	top: 19px;
	position: relative
}
.dial-987 h5 em {
	font-size: 16px;
	text-transform: uppercase;
	font-style: normal;
	font-family: VAGRoundedStd-Thin;
	font-weight: lighter;
	position: relative;
	top: 17px
}
h1.locaion-area {
	background-image: url(../images/location-area.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 300px;
	height: 88px;
	margin: auto;
	width: 70%;
	text-indent: -999px
}
.win-week-div {
	padding: 16px
}
section.site-wrapper-app {
	width: 100%;
	display: flex;
	padding: 50px 0
}
.hero-page-name {
	display: block;
	width: 35%
}
ul.sub-nav li {
	display: block;
	background: #fff;
	border: solid 1px #eaeced;
	font-size: 15px;
	font-family: 'VAG Rounded'
}
ul.sub-nav li:last-child {
	border-top: none
}
ul.sub-nav li:nth-child(2) {
	border-bottom: none
}
ul.sub-nav li a {
	text-decoration: none;
	padding: 10px;
	display: block;
	color: #383838;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	font-family: VAGRoundedStd-Thin;
	font-weight: 700
}
ul.sub-nav li a:hover {
	color: #2aa8e0;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
ul.sub-nav li.selected {
	background: #eaeced;
	border-left: solid 1px #2aa8e0;
	border-bottom: 0;
	border-top: 0
}
h4.header-text {
	color: #1178b9;
	margin: 0;
	padding-bottom: 10px;
	font-family: 'VAG Rounded';
	font-size: 35px;
	line-height: 1
}
.page-section-flu {
	width: 100%;
	display: table
}
.page-content {
	padding-left: 40px;
	color: #5d5d5d;
	line-height: 25px;
	font-size: 16px
}
.conact-app {
	padding-left: 0
}
.clearFix {
	width: 100%;
	display: block;
	height: 30px
}
.faq {
	width: 80%;
	border: 0 solid #222
}
.faqitem .header {
	padding: 15px;
	background: #fff;
	color: #5b5b5b;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	margin-bottom: 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.faq h1 {
	margin-bottom: 10px;
	font-size: 70px;
	font-weight: 100;
	display: block;
	line-height: 1
}
.faqitem .header h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 300
}
.faqitem .header i {
	color: #999
}
.faqitem .header .fa.fa-minus {
	display: none
}
.faqitem.jquery-accordion-active .fa.fa-minus {
	display: block
}
.faqitem.jquery-accordion-active .fa.fa-plus {
	display: none
}
.faqitem .content {
	padding: 15px;
	display: none;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 1px;
	font-size: .947368421052632rem;
	color: #333;
	line-height: 1.55263157894737rem
}
.c-tabs {
	margin: 0 0 10px 0;
	display: -ms-flexbox;
	display: block;
	-ms-flex-flow: column;
	flex-flow: column;
	position: relative;
	box-sizing: border-box;
	top: 0
}
.c-tabs .c-tab--navigation {
	display: -ms-flexbox;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 10;
	width: 100%;
	padding: 0;
	margin: 0
}
.c-tab--content p {
	margin: 0
}
.c-tabs .c-tab--navigation .c-tab--item {
	text-align: left;
	display: block;
	margin-bottom: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-right: 0
}
.c-tabs .c-tab--navigation .c-tab--item a {
	color: #5b5b5b;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: .7em;
	position: relative;
	overflow: hidden;
	transition: box-shadow 150ms ease-in-out;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 15px
}
.c-tab--content.active {
	background: #fff
}
.c-tab--content {
	padding: 14px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.c-tabs .c-tab--navigation .c-tab--item a.tab--disabled {
	color: #ccc;
	pointer-events: none
}
.c-tabs .c-tab--navigation .c-tab--item a.active {
	font-weight: 700;
	color: #fff!important;
	background: #bdd73c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.c-tab--content {
	display: none
}
.c-tab--content.active {
	display: block
}
.c-tab--scroll-left {
	padding: 1.25em;
	display: none;
	align-items: center;
	justify-content: center;
	background: #f4f4f4
}
.c-tab--scroll-left.scroll-enabled {
	display: block
}
.c-tab--scroll-right {
	padding: 1.25em;
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	background: #f4f4f4;
	z-index: 10
}
.c-tab--scroll-right.scroll-enabled {
	display: block
}
.c-tab--slider {
	height: 5px;
	min-width: 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0
}
.c-tab-indicator {
	min-height: 5px;
	min-width: 5px;
	background-color: #2e3145;
	position: absolute;
	transition: all ease-out .3s;
	bottom: 0
}
.-ripple {
	position: absolute;
	border-radius: 50%;
	background: rgba(0,0,0,.03);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	height: 1em;
	width: 1em;
	pointer-events: none;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	top: 0;
	left: 0;
	-webkit-animation: rippleDrop .8s ease-out;
	animation: rippleDrop .8s ease-out
}
@-webkit-keyframes rippleDrop {
100% {
-webkit-transform:scale(20);
transform:scale(20);
opacity:0
}
}
@keyframes rippleDrop {
100% {
-webkit-transform:scale(20);
transform:scale(20);
opacity:0
}
}
.tabs-container {
	display: flex;
	flex-direction: row;
	padding: 1em .75em
}
.tab-slider--nav {
	width: 275px
}
ul.tab-slider--tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: 15px;
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 16px 24px 2px rgba(0,0,0,.05), 0 6px 20px 0 rgba(0,0,0,.012), 0 8px 10px -7px rgba(0,0,0,.05)!important
}
ul.tab-slider--tabs li {
	padding: 1em;
	text-align: right;
	border-bottom: 1px solid #eee;
	color: #2e3145;
	font-weight: 500;
	cursor: pointer
}
li.tab-slider--trigger.active {
	font-weight: 800;
	background: #f0f0f0
}
.tab-slider--container {
	padding: 0 .25em;
	max-width: 80%;
	width: 100%
}
.tab-slider--body {
	width: 100%
}
.form {
	background: #e1eac7;
	position: relative;
	padding: 35px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.form label {
	color: #b7b3ae;
	font-size: 18px
}
.form p {
	margin-top: 0
}
.call-info h5, .form h5 {
	font-weight: lighter;
	color: #0d8944;
	font-size: 25px;
	margin: 0 0 30px
}
.call-info h5 {
	color: #fff;
	margin: 0 0 50px
}
.stacks-icons {
	background: url(../images/locator.png) no-repeat top left;
	padding-left: 40px;
	display: block;
	background-size: 25px;
	margin-bottom: 30px
}
.stacks-icons-mobile {
	background: url(../images/mobile.png) no-repeat top left;
	padding-left: 40px;
	display: block;
	background-size: 25px;
	margin-bottom: 30px
}
.stacks-icons-email {
	background: url(../images/email.png) no-repeat left;
	padding-left: 40px;
	display: block;
	background-size: 25px;
	margin-bottom: 30px
}
.stacks-icons, .stacks-icons-email, .stacks-icons-mobile {
	color: #747474;
	font-size: 15px
}
.form button, .form input {
	width: 100%;
	background: 0 0;
	outline: 0;
	border: none;
	border-bottom: solid 1px #bab9b9;
	color: #5d5d5d;
	font-size: 18px;
	padding-bottom: 5px
}
.form textarea {
	width: 100%;
	background: 0 0;
	outline: 0;
	border: none;
	border-bottom: solid 1px #bab9b9;
	color: #5d5d5d;
	font-size: 18px;
	padding-bottom: 5px;
	min-height: 80px;
	overflow-x: hidden;
	overflow-y: hidden
}
p.input-message {
	margin-bottom: 0
}
.conact-app .col-1-2:first-child {
	padding-right: 0
}
.email-notification {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	color: #0d8944
}
.form textarea {
	padding-bottom: 0;
	padding-left: 0
}
.submit-post {
	background: #0d8944!important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 14px!important;
	color: #fff!important;
	cursor: pointer;
	margin-top: 10px;
	border: none!important
}
.submit:hover {
	opacity: .8;
	cursor: pointer
}
.call-info {
	background: url(../images/card-bg.png) right bottom no-repeat #0c3e70;
	position: relative;
	padding: 35px;
	background-size: 140px;
	min-height: 498px
}
.message-icon {
	position: absolute;
	right: 35px;
	top: 37px
}
.pg-next em, .pg-prev em {
	font-style: normal;
	padding-right: 3px;
	padding-left: 3px
}
span.pg-next a, span.pg-prev a {
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: 'VAG Rounded';
	text-decoration: none;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
span.pg-next a:hover, span.pg-prev a:hover {
	color: #727a7c;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.app-side-bar {
	position: fixed;
	right: 8px;
	bottom: 85px;
	height: 230px;
	z-index: 10;
	display: none
}
.app-side-bar li+li {
	margin-top: 6px
}
.app-side-bar li {
	height: 39px;
	overflow: hidden;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #fff;
	text-align: center;
	line-height: 36px;
	width: 41px;
	background: #4eb969;
	background: -moz-linear-gradient(90deg, rgba(78,185,105,1) 0, rgba(189,215,60,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(78,185,105,1) 0, rgba(189,215,60,1) 100%);
	background: linear-gradient(90deg, rgba(78,185,105,1) 0, rgba(189,215,60,1) 100%);
	position: absolute;
	right: 0;
	top: 11px;
	transition: all .2s linear
}
.app-side-bar li a span {
	position: absolute;
	top: 19%;
	left: 35%;
	display: block;
	background: url(../images/app-side-bar.png) no-repeat;
	background-size: 16px;
	width: 18px;
	height: 25px
}
.play-button {
	position: absolute;
	top: 89%;
	z-index: 5;
	margin-left: -91px;
	left: 70%
}
.prize-number {
	background: #00a0d2;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	height: 48px;
	line-height: 48px;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	width: 48px
}
.number-tables tr:nth-child(odd) {
	background-color: #e9f6ff
}
table.number-tables {
	border-bottom: solid 1px #e8e8e8
}
.networks {
	background: #ffce00;
	display: table;
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px;
	text-align: center
}
.networks img {
	max-width: 25%;
	text-align: center;
	margin-right: 0
}
#deposit .networks img {
	width: 100%!important;
	max-width: 100%
}
#deposit .networks {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 1
}
.networks.airtel {
	background: #1c3d79
}
.networks.voda {
	background: #e91a1a
}
.hero-big #deposit {
	display: none
}
table.number-tables tr td:first-child {
	text-align: center
}
table.number-tables tr td:last-child {
	text-align: left
}
.winners-mobile-ads {
	margin: auto;
	text-align: center;
	width: 100%;
	display: none
}
.winners-mobile-ads h1.show-header {
	display: block;
	opacity: 1;
	font-family: VAGRoundedStd-Thin;
	font-weight: lighter;
	font-size: 1.5rem;
	color: #fff;
	display: block;
	background: #f25d2e;
	padding: 20px 0;
	text-align: center
}
.winners-mobile-ads img {
	width: 100%;
	height: auto
}
.jackpot {
	padding: 70px 0;
	width: 80%;
	text-align: center;
	margin: auto;
	color: #5d5d5d;
	font-family: VAGRounded-Light;
	line-height: 23px;
	font-size: 14px
}
.jackpot-show-app {
	padding-top: 45px
}
.jackpot-show-app iframe {
	width: 100%;
	height: auto
}
img.prize {
	width: 60%;
	border: solid 0 #eee;
	padding: 30px;
	margin: 25px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.bottom-play-app {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px
}
.bottom-play-app a {
	position: relative;
	top: 0;
	margin: 0;
	left: auto;
	display: inline-block;
	text-align: center
}
.no-show-app-desktop {
	display: none
}
.jackpot-show-app h1 {
	margin: 0;
	font-family: VAGRoundedStd-Thin;
	font-weight: lighter;
	font-size: 50px;
	line-height: 1;
	text-transform: uppercase;
	color: #e26109
}
.video-thumbnail {
	background: #e26109;
	display: block;
	color: #fff
}
.video-thumbnail p {
	margin: 0;
	padding: 5px 10px 10px
}
ul.home-bullets {
	list-style-type: none;
	padding-top: 20px;
	padding-left: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: dashed 1px #1178b9
}
ul.home-bullets li {
	padding-left: 2rem;
	background-position: 65px 14px;
	background-size: 4px;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	border-bottom: dashed 1px #d9deda;
	padding: 7px;
	margin-bottom: 1px;
	color: #1178b9
}
.intro-summary {
	position: relative;
	margin-top: 10px
}
ul.home-bullets li:last-child {
	border: 0
}
ul.home-bullets li:first-child {
	padding-top: 0
}
.stacks-icons-mobile h6 {
	margin: 0 0 8px;
	font-size: 18px;
	font-family: VAGRoundedStd-Thin;
	font-weight: lighter
}
.sign-in-register-box {
	display: block;
	font-family: 'Adobe Clean';
	font-weight: 700;
	font-size: 14px;
	border: solid 0 #84786e;
	width: max-content;
	padding: 5px 15px;
	position: relative;
	margin-top: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 2;
	z-index: 2
}
.sign-in-register-box i {
	margin-left: 3px
}
.sign-in-register-box a {
	color: #bdd73c;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500
}
.sign-in-register-box a:hover {
	color: #5cb85c
}
.sign-in-register-box span::before {
	position: absolute;
	content: " ";
	height: 50%;
	width: 1px;
	background: #2d2d2d;
	margin-left: 5px;
	top: 10px
}
.sign-in-register-box a.login-pin {
	padding: 0 0 0 10px
}
div.panel {
	width: 50%;
	height: 100px;
	display: none;
	background: #000
}
.show-signup-box {
	background: #fff;
	border: 1px solid #cecece;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	padding: 35px 15px 15px;
	width: 240px;
	position: absolute;
	z-index: 100;
	display: flex;
	flex-direction: column;
	line-height: normal
}
.users-access {
	padding-top: 0
}
.users-access p {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 16px;
	color: #505050
}
.Route p a {
	color: #5cb85c;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500
}
.Route .form {
	background: transparent;
	padding: 0;
}
.show-signup-box {
	z-index: 0
}
.show-signup-box form {
	margin-top: 10px
}
.show-signup-box input[type=email], .show-signup-box input[type=password], .show-signup-box input[type=tel] {
	border: solid 1px #5cb85c;
	padding: 6px 5px;
	background: #fff;
	width: 100%;
	margin-bottom: 10px;
	outline: 0;
	font-size: 13px;
	color: #878787
}
.show-signup-box input[type=submit] {
	background: #5cb85c;
	padding: 8px 10px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	font-family: 'Adobe Clean';
	font-weight: 700;
	font-size: 12px;
	cursor: pointer
}
.lower-credentials-box {
	margin-top: 20px;
	display: inline-block;
	line-height: 30px;
	width: 100%
}
.lower-credentials {
	display: inline-block;
	float: right
}
.lower-credentials a {
	text-decoration: none;
	font-size: 11px;
	color: #118a44
}
.lower-credentials a:last-child {
	border-left: solid 0 #118a44;
	padding-left: 5px
}
.signup-button {
	float: left
}
.sign-in-register-box a:last-child {
	border: solid 1px #bdd73c;
	padding-left: 7px;
	margin-left: 7px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding: 7px 15px;
	color: #ccc
}
.my-login {
	display: flex;
	justify-content: flex-end;
	margin-left: auto
}
#lean_overlay {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	display: none
}
.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center
}
.button {
	font-size: 1em;
	padding: 10px;
	color: #fff;
	border: 2px solid #06d85f;
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all .3s ease-out
}
.button:hover {
	background: #06d85f
}
.overlay-2 {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.7);
	transition: opacity .5s;
	visibility: hidden;
	opacity: 0
}
.overlay-2:target {
	visibility: visible;
	opacity: 1
}
.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out
}
.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all .2s;
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	color: #333
}
.popup .close:hover {
	color: #06d85f
}
.popup .content {
	max-height: 30%;
	overflow: auto
}
.results-Box {
	position: relative;
	top: 271px;
	background: #fedb1b;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	float: right
}
.results-Box article {
	padding: 30px;
	display: inline-block;
	text-align: center
}
.results-Box article h4 {
	margin: 0;
	font-size: 30px;
	font-weight: lighter;
	margin-bottom: 20px
}
.results-date {
	position: relative;
	top: -4px;
	background: #fff;
	padding: 20px 26px;
	font-size: 50px;
	text-align: center;
	font-weight: lighter;
	line-height: 1;
	width: 100%;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px
}
.results-date span {
	display: block;
	font-size: 13px;
	font-family: 'Adobe Clean'
}
.results-circle-no {
	margin: 3px 3px 5px;
	font-family: 'Adobe Clean';
	border: solid 2px #000;
	color: #000;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.r-img-circle {
	border-radius: 50%
}
.results-circle-no {
	cursor: pointer;
	float: left;
	font-weight: 700;
	height: 35px;
	width: 35px;
	text-align: center
}
.results-circle-no>span {
	display: block;
	font-size: 19px;
	font-weight: 700;
	line-height: 35px
}

@media screen and (max-width:700px) {
.box {
	width: 70%
}
.popup {
	width: 70%
}
}
.Route {
	height: 100%
}
.CardLayout {
	background: #fff;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
	position: relative
}
.Card-Box header {
	display: block
}
.Card-Box header h1 {
	font-size: 2.5rem;
	font-family: 'Adobe Clean SemiCondensed';
	font-weight: 700;
	line-height: 1;
	letter-spacing: -2.4px;
	margin-bottom: 25px;
	margin-bottom: 0
}
.Card-Box header p.first-child {
	color: #959595;
	font-size: 14px;
	font-weight: 400;
	line-height: 27px;
	margin: 10px 0 4px
}
.CardLayout {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 56px
}
.Card-Box {
	box-sizing: border-box;
	min-height: 100%;
	padding: 56px;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column
}
.Card-App {
	min-height: 630px;
	display: block;
	background: #fff;
	border-radius: 4px;
	color: #505050
}
.Canvas-Grid::after, .Canvas-Grid::before {
	content: " ";
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 50px;
	min-height: 80px
}
.Context-Container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100vh;
	width: 512px;
	position: relative;
	top: 0;
	z-index: 1;
}
.Context {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}
.form button, .form input {
	border-bottom: solid 1px #ccc;
	padding: 8px 0;
	background: 0 0;
	display: block;
	margin-bottom: 15px;
	font-family: 'Adobe Clean';
	font-weight: 700;
	font-size: 15px;
	outline: 0;
	position: relative
}
.select-ui {
	font-weight: 400;
	color: #5d5d5d;
	font-size: 12px;
	line-height: 1.3;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #fff 0, #fff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	border-bottom: solid 1px #ccc;
	border-radius: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
	outline: 0
}
select {
	outline: 0
}
.select-ui::-ms-expand {
display:none
}
.select-ui:hover {
	border-color: #888
}
.select-ui:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59,153,252,.7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: 0
}
.select-ui option {
	font-weight: 400
}
span.flag-gh {
	position: absolute;
	box-sizing: border-box;
	display: inline-block;
	top: 30px;
	font-size: 15px;
	font-weight: 700;
	color: #5d5d5d;
	left: 0
}
span.flag-gh .tl {
	background: #0b6a45;
	border-top: 34px #fcb931 solid;
	border-bottom: 34px #c02a32 solid
}
input.tel {
	padding-left: 40px
}
.form input:focus {
	background: 0 0
}
.form label {
	font-size: 14px;
	color: #747474;
	padding: 12px 0 0;
	font-weight: 400;
	font-family: 'Adobe Clean'
}
input.submit-login {
	background: #5cb85c;
	border: solid 1px #5cb85c;
	cursor: pointer;
	color: #fff;
	font-family: 'Adobe Clean';
	font-weight: 700;
	font-size: 20px
}
.Context__copy {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	margin: 0;
	font-family: 'Adobe Clean';
	font-weight: 300
}
.creator-brand {
	display: block;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
	z-index: 9
}
.creator-brand svg {
	width: 130px
}
p.account-new-user {
	font-family: 'Adobe Clean';
	font-weight: 400;
	margin: 0;
	text-align: left;
	display: inline-block
}
p.account-new-user a {
	text-decoration: none;
	color: #118a44;
	font-size: 13px
}
p.account-new-user a>span {
	font-weight: 700
}
p.forgot-psw {
	font-family: 'Adobe Clean';
	font-weight: 400;
	margin: 0;
	text-align: right;
	display: inline-block;
	float: right
}
p.forgot-psw a {
	text-decoration: underline;
	color: #118a44;
	font-size: 13px
}
p.forgot-psw a:hover {
	text-decoration: none
}
.my-account-create {
	text-align: right;
	margin-bottom: 20px
}
.my-account-create button {
	background: 0 0;
	border-radius: 23px;
	background: #5cb85c;
	border: none;
	padding: 3px 16px;
	color: #fff;
	font-family: 'Adobe Clean';
	font-weight: 700;
	font-size: 15px;
	line-height: 32px;
	outline: 0;
	cursor: pointer
}
.form input[type=checkbox]:before {
	position: relative;
	display: block;
	left: -8px;
	top: -20px;
	width: 30px;
	height: 30px;
	content: ""
}
.form input[type=checkbox]:after {
	position: relative;
	display: block;
	left: -4px;
	top: -40px;
	width: 30px;
	height: 30px;
	content: "";
	background: url(../svg/password-eye.svg) #fff;
	background-repeat: no-repeat;
	background-position: center
}
.form input[type=checkbox]:checked:after {
	background-image: url(../svg/password-eye.svg)
}
.form div {
	position: relative
}
.form span.password-checked-box {
	position: absolute;
	right: 0;
	top: 34px
}
.password-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 50px
}
.fa-fw {
	color: #5cb85c;
	font-size: 25px!important
}
.created {
	padding-top: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px
}
.ussd-banner {
	position: fixed;
	top: 0;
	margin-left: 50px;
	animation: blinkiblinki 6s 1s infinite linear alternate;
	z-index: 5
}
.ussd-banner svg {
	enable-background: new 0 0 234 285.1;
	width: auto;
	height: 130px
}
.game-date {
	font-size: 18px;
	font-weight: 800
}
.game-status {
	padding-bottom: 5px
}
.game-close-clock {
	font-size: 18px;
	margin-right: 3px
}
.results-search {
	border: solid 1px #bdd73c;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.top-play-game-btn {
	position: relative;
	width: auto;
	display: block;
	margin-top: 30px
}
.top-play-game-btn a {
	border: solid 1px #fff;
	padding: 1rem 1.5rem .8rem;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	border-radius: 50px;
	text-align: center;
	white-space: normal;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	cursor: pointer
}
.top-play-game-btn a:hover {
	background: #fff;
	color: #000;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	cursor: pointer
}
.telcos-payment {
	width: 100%;
	text-align: right;
	display: inline-table
}
.telcos-payment img {
	text-align: right;
	width: 60%;
	display: inline-block
}
fieldset h5 {
	font-size: 15px;
	margin: 0;
	padding: 7px;
	font-weight: 700;
	color: #4eb969
}
fieldset {
	border: solid 1px #4eb969!important;
	padding: 3px
}
.telcos-brands {
	margin: 18px;
	text-align: center
}
.payment-section-apps fieldset legend {
	text-align: center
}
.user-info {
	background: 0 0;
	border-radius: 7px;
	padding:0;
	text-align: left
}
.user-image {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px
}
.user-image img {
	border: solid 2px #fff;
	background: #fff;
	padding: 3px;
	border-radius: 50px
}
.user-name {
	display: inline-block;
	position: relative;
	font-size: 26px;
	font-weight: 300;
	top: -18px;
	color: #fff;
	padding-left: 0px
}
.user-name span {
	font-weight: 700
}
.results-panel .results-Box {
	top: 0;
	left: 0;
	float: none
}
.results-panel .results-Box article {
	padding: 25px
}
.results-Box article h4 {
	text-align: left
}
.user-ticket-number {
	display: inline-block;
	position: relative;
	top: -20px;
	margin-left: 50px
}
.user-ticket-number>span {
	font-size: 13px;
	font-weight: 500;
	padding: 4px 10px;
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px
}
.game-type-select {
	font-style: normal;
	color: #5cb85c
}
.user-ticket-number table {
	font-family: 'Adobe Clean'
}
.user-ticket-box tr {
	background: #4eb969
}
.user-ticket-box tr:nth-child(even) {
	background-color: #bdd73c
}
.user-ticket-box tr:nth-child(odd) {
	background-color: #0dc152
}
.user-ticket-box th {
	border-top-left-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -1.2px;
	text-transform: none;
	line-height: 30px
}
.user-ticket-box tr:first-child td {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -1.2px;
	text-transform: none;
	color: #fff
}
.user-ticket-box th:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 5px
}
.user-ticket-box tr:first-child {
	background: #0dc152
}
.user-ticket-box td.data {
	font-size: 15px;
	line-height: 1.1
}
.user-ticket-box h2 {
	color: #fff;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 20px
}
.selected-results .results-circle-no {
	background: #000;
	color: #fff
}
td.data i {
	color: #e00018;
	font-size: 20px;
	cursor: pointer
}
.mrk-info {
	font-size: 15px;
	text-align: left;
	line-height: 1
}
.mrk-info>span {
	color: #dfe89a;
	font-weight: 700
}
.mrk-info>span:last-child {
	margin-left: 10px
}
.confirm-purchase-app {
	display: block;
	position: relative;
	margin: 20px 0;
	background: #bdd73c;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px
}
.confirm-purchase-app h6 {
	margin: 10px 0;
	font-size: 20px;
	font-weight: 300;
	border-bottom: solid 1px #b3c624;
	padding-bottom: 5px
}
.total-label {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	text-align: left
}
.total-count {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	text-align: right;
	position: absolute;
	right: 20px
}
#users-purchase-info button {
	float: right
}
#home-page-navigation .logo-brand, .dashboard-app .my-login, .dashboard-app .ussd-banner {
	display: none
}
.my-account-box {
	margin-bottom: 10rem;
	display: block;
	margin-top: 40px;
}
.results-panel {
	margin: 192px 0 30px 0;
	position: relative;
}
aside.off-margin {
	margin: 117px 0 30px 0
}
td.delete-data {
	text-align: center
}
button.btn-lemon {
	background: #0dc152;
	border: none;
	padding: 13px 19px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: 'Adobe Clean';
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	outline: 0;
	float: right;
	cursor: pointer
}
button.btn-lemon:hover {
	background: #bdd73c;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	cursor: pointer
}
.quick-navbar-right {
	text-align: right;
	display: block;
	margin-bottom: 20px
}
.quick-navbar-right button {
	border: solid 2px #fff;
	background: 0 0;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding: 10px;
	font-family: 'Adobe Clean';
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	outline: 0;
	margin-right: 5px;
	cursor: pointer;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.quick-navbar-right button:hover {
	background: #fff;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	color: #444
}
.quick-navbar-right button.q-deposit a {
	color: #fff;
	text-decoration: none
}
.quick-navbar-right button a {
	color: #fff;
	text-decoration: none
}
.quick-navbar-right button a:hover {
	color: #000
}
.selection-alert {
	background: #fff;
	padding: 15px;
	border-radius: 50%;
	position: relative
}
a.signOut {
	border: solid 2px #fff;
	background: 0 0;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding: 10px;
	font-family: 'Adobe Clean';
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	outline: 0;
	margin-right: 5px;
	cursor: pointer;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	text-decoration: none
}
a.myAccount {
	background: #0dc152!important;
	border: solid 2px #0dc152!important;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding: 10px;
	font-family: 'Adobe Clean';
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	outline: 0;
	margin-right: 5px;
	cursor: pointer;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	text-decoration: none
}
.alert-indicated::before {
	background: red;
	width: 10px;
	height: 10px;
	position: absolute;
	content: " ";
	border-radius: 200px;
	top: 10px;
	right: 12px;
	border: solid 1px #fff
}
.selection-alert i {
	padding: 0
}
a.signout {
	color: #fff;
	font-weight: 500
}
.signout {
	position: absolute;
	right: 29px;
	top: 27px;
	background: #fff;
	border-radius: 5px;
	padding: 6px 10px
}
.my-account-btn {
	background: #4eb969!important;
	border: solid 2px #4eb969!important
}
.q-deposit {
	background: #0dc152!important;
	border: solid 2px #0dc152!important
}
.my-account-control-app {
	display: flex;
	margin-bottom: 20px;
	margin-top: 10px
}
.my-account-control-app a {
	background: #bdd73c;
	text-decoration: none;
	color: #118a44;
	padding: 12px 20px;
	margin-right: 1px;
	cursor: pointer;
	font-size: 20px;
	font-weight: 300;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	text-align: center
}
.my-account-control-app a:hover {
	background: #fff;
	cursor: pointer;
	color: #4eb969;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.my-account-control-app a.active {
	background: #fff;
	color: #4eb969
}
.my-account-control-app a:last-child {
	background: #0dc152
}
.my-account-control-app a.active:last-child {
	background: #fff;
	color: #118a44
}
.my-account-control-app a:last-child:hover {
	background: #fff;
	color: #4eb969
}
.my-account-control-app a:first-child {
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px
}
.my-account-control-app a:last-child {
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	color: #fff
}
span.cedi {
	content: "\20B5";
	padding-left: 5px
}
.wallet-box {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	padding-left: 63px
}
.wallet-box i {
	background: url(../images/wallet-ico.png) no-repeat;
	color: #35589c;
	float: left;
	height: 23px;
	margin-top: -1px;
	width: 23px;
	margin-right: 6px
}
.deposit-app p {
	margin: 0;
	font-size: 16px;
	font-weight: 500
}
.deposit-app h1 {
	font-size: 30px;
	font-weight: 700;
	color: #0dc152;
	margin: 0 0 15px 0
}
.page-disclaimer {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin-top: 20px
}
.page-disclaimer p {
	margin: 0;
	color: #2d2d2d;
	margin-bottom: 7px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300
}
.my-account-edit .user-name {
	top: 0
}
.my-account-edit {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #5cb85c;
	margin-bottom: 30px
}
.my-account-edit input {
	width: 400px;
	background: #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding: 12px;
	border: none;
	display: inline-block;
	margin-bottom: 10px
}
.my-account-edit input:focus {
	background: #fff
}
.my-account-edit label {
	color: #bdd73c;
	width: 140px;
	display: inline-block;
	font-size: 18px;
	font-weight: 300
}
.my-account-edit .my-account-create {
	text-align: left;
	margin-top: 20px;
	padding-left: 145px
}
.my-account-edit button {
	padding: 7px 16px;
	margin-right: 5px
}
#users-purchase-info {
	display: inline-block;
	width: 100%
}
.promo-box {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 20px
}
.homepage-wrapper {
	width: 70%;
	margin: auto;
	text-align: center;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #4b4b4b;
	padding-top: 40px
}
.homepage-wrapper h2 {
	font-size: 2.8rem;
	line-height: 2.25rem;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 10px
}
h6.payment-plan-label {
	margin-top: 5px;
	color: #4eb969;
	font-weight: 500;
	line-height: 1.95rem;
	font-size: .9875rem
}
.home-game-results-data {
	text-align: center;
	display: inline-block
}
.home-results-date {
	font-size: 1.2rem;
	padding-bottom: 10px
}
.home-game-results-data .results-circle-no {
	cursor: pointer;
	float: left;
	font-weight: 700;
	height: 65px;
	width: 65px;
	text-align: center
}
.home-game-results-data .results-circle-no>span {
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 65px;
}
.home-game-results-data .results-circle-no {
	color: #fff;
	border: solid 2px #fff
}
.home-game-results-data h4 {
	margin: 5px 0 8px 0;
	font-size: 20px
}
.game-events-id {
	margin: 0 0 15px;
	background: #fff;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 50px;
	line-height: 17px
}
.restrict .ussd-banner {
	display: none
}
.content-box {
	margin-top: 1rem!important;
	margin-bottom: 3rem!important
}
.content-box-page {
	background: #f2f2f2;
	height: auto
}
.content-box-page .ussd-banner {
	display: none
}
.content-box-page ._site-header {
	background: #fff
}
.content-box-page #main-top span.menu-bars {
	background: #444
}
.dashboard-app #main-top span.menu-bars {
	background: #fff
}
.concept-inner {
	padding: 40px 0;
	color: #333;
	border: solid 0 #ccc;
	background: 0 0;
	border-radius: 5px;
	float: left;
	width: 100%
}
.section-title {
	font-size: 2.541176470588236rem;
	line-height: 2.5rem;
	font-weight: 300;
	display: block;
	text-transform: normal
}
.concept-inner__separator {
	width: 7.352941176470588rem;
	height: 3px;
	background-color: #bdd73c;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	margin-top: 2rem;
	margin-bottom: 2.547058823529412rem
}
.concept-inner__description {
	font-size: .947368421052632rem;
	line-height: 1.55263157894737rem;
	font-weight: 400;
	padding: 0 0 20px 0
}
.concept-inner__description ul li {
	display: block;
	list-style: inside;
	list-style-type: disc;
	padding-bottom: 10px;
	line-height: 22px
}
.concept-img-footer-1 {
	bottom: 0!important
}
.concept-img-footer {
	position: absolute;
	right: 0;
	margin-bottom: 0;
	background-size: contain;
	background-position-y: bottom
}
.concept-img-footer-tcs {
	position: fixed
}
.concept-inner__description h2 {
	margin-bottom: 0;
	font-size: 30px;
	line-height: 1;
	display: inline-block;
	margin-left: 10px;
	vertical-align: super;
	margin-top: 0;
	font-weight: 400
}
.bet-app div {
	margin-bottom: 0;
	position: relative;
	text-align: center
}
.concept-img-footer img {
	margin-bottom: -8px
}
.content-box-page #main-top i {
	display: block!important
}
.content-box-page .logo-brand {
	position: absolute;
	top: -19px;
	display: inline-block!important;
	left: 45px
}
.content-box {
	position: relative
}
.on-Web {
	display: inline-block;
	position: relative
}
.on-Web svg {
	width: 80px
}
.on-ussd svg {
	height: 60px;
	text-align: left;
	width: auto
}
.payment-platforms-brand {
	width: 100%;
	line-height: 0;
	font-size: 0;
	display: inline-block
}
.payment-platforms-brand a {
	text-decoration: underline
}
.payment-platforms-brand a:hover {
	text-decoration: none
}
h5.payment-method-title {
	margin: 0 0 20px 0;
	text-align: left;
	font-size: 13px;
	font-weight: 700;
	float: left
}
.payment-platforms-brand img {
	display: inline-block;
	width: 60px;
	padding: 0;
	float: left;
	margin-left: 2px;
	margin-bottom: 2px
}
.payment-platforms-brand img {
	border-radius: 3px
}
.year-created {
	font-size: 14px;
	font-weight: 400;
	text-align: left
}
.year-created a {
	padding-right: 5px;
	font-size: 14px
}
.game-play-steps {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 60px
}
.button-step {
	display: inline-block;
	width: 110px;
	height: 110px;
	margin-right: 17px
}
.button-step .svg-icon-step {
	border-width: 2px;
	border-style: solid;
	border-image: initial;
	border-color: #fdeed4;
	border-radius: 10000rem;
	height: 100%;
	text-align: center;
	background-color: #fdf9f2;
	cursor: pointer
}
.button-step span {
	color: #737273;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	display: inline-block
}
.htp-step {
	display: block;
	padding: 23px;
	border-radius: 10000rem;
	width: 90px;
	text-align: center;
	height: 90px;
	margin-right: 5px;
	background-color: #bdd73c
}
.steps-box {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-bottom: 10px
}
.steps-box span {
	display: block;
	width: 100px;
	font-size: 14px;
	line-height: 18px;
	margin-top: 12px;
	font-weight: 300
}
svg.game-sel {
	fill: #fff
}
.numbers-icon {
	fill: #bdd73c
}
.wallet {
	fill: #fff;
	stroke: #fff;
	stroke-width: 7;
	stroke-miterlimit: 10
}
.my-social-app {
	padding: 32px;
	font-weight: 300
}
.my-social-app a {
	display: inline-block!important;
	padding: 0!important
}
.my-social-app a i {
	font-size: 25px;
	margin-left: 5px;
	color: #444
}
.bottomMenu {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	border-top: 1px solid #000;
	background: red;
	z-index: 1
}
.game-slip-box {
	position: relative;
	color: #fff;
	width: auto;
	margin-top: 31px;
	min-width: 200px;
	text-align: center
}
.all-market-container::before {
	content: "";
	position: absolute;
	left: -4px;
	top: -30px;
	border: solid 10px #5cb85c;
	transform: rotate(50deg);
	z-index: -1
}
.all-market-container {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: solid 1px #5cb85c;
	background: #fff
}
.add-market {
	padding: 10px;
	border-bottom: solid 1px #5cb85c
}
.add-market .circle-no {
	margin: 3px 3px 5px;
	font-family: 'Adobe Clean';
	border: solid 1px #666;
	color: #666;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	cursor: pointer
}
.add-market .circle-no {
	cursor: pointer;
	float: left;
	font-weight: 700;
	height: 30px;
	width: 30px
}
.add-market .img-circle {
	border-radius: 50%
}
.add-market .img-circle {
	margin: 4px;
	text-align: center
}
.add-market .circle-no span {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px
}
.add-market .pickNum {
	margin: 0
}
.game-slip-box table td {
	padding: 0;
	font-family: 'Adobe Clean';
	color: #fff;
	text-align-last: center
}
.add-market h3 {
	text-transform: none;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Adobe Clean';
	color: #5cb85c
}
.add-market label {
	font-size: .8rem;
	background: #5cb85c;
	background: -moz-linear-gradient(122deg, rgba(92,184,92,1) 0, rgba(243,211,58,1) 100%);
	background: -webkit-linear-gradient(122deg, rgba(92,184,92,1) 0, rgba(243,211,58,1) 100%);
	background: linear-gradient(122deg, rgba(92,184,92,1) 0, rgba(243,211,58,1) 100%);
	padding: 3px 10px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 15px 0 5px 0;
	font-weight: 700
}
.game-slip-box h1 {
	background: #5cb85c;
	background: -moz-linear-gradient(122deg, rgba(92,184,92,1) 0, rgba(243,211,58,1) 100%);
	background: -webkit-linear-gradient(122deg, rgba(92,184,92,1) 0, rgba(243,211,58,1) 100%);
	background: linear-gradient(122deg, rgba(92,184,92,1) 0, rgba(243,211,58,1) 100%);
	display: block;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 1.2em;
	line-height: 23px;
	font-weight: 800
}
a.confirm-btn {
	background: #5cb85c;
	padding: 8px;
	display: inline-block;
	margin: 15px auto;
	text-align: center;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-decoration: none;
	color: #fff;
	font-size: .9375rem;
	font-weight: 700;
	padding: 8px 15px;
	cursor: pointer;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
a:hover.confirm-btn {
	background: #f3d33a;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	color: #5cb85c
}
.dice-five svg {
	width: auto;
	height: 16px;
	position: relative;
	top: 2px;
	margin-right: 2px
}
.dice-five-1 {
	fill: #fff
}
span.empty-slip {
	font-size: 1.6rem;
	font-weight: 100;
	color: #999;
	display: inline-block;
	line-height: 27px;
	padding: 10px
}
footer {
	text-align: center;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #2d2d2d;
	font-size: 12px;
	background: #bdd73c;
	border-top: solid 0 #a1adbf;
	position: relative;
	z-index: 1
}
.grecaptcha-badge {
	right: -261px!important
}
footer p img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.secure {
	font-size: 18px;
	color: #2d2d2d;
	font-weight: 300
}
footer p {
	margin: 15px 0 15px;
	text-align: left
}
.footer-logo-keed {
	display: table;
	width: 160px
}
.footer-logo-keed img {
	width: 60%;
	height: auto;
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
ol, ul {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0
}
ul li {
	display: inline;
	list-style: outside none
}
.footer-linked li {
	display: inline;
	list-style: outside none;
	padding-right: 15px
}
.footer-linked li:last-child {
	padding-right: 0
}
footer {
	font-weight: 700;
	padding: 40px 0
}
footer ul {
	padding-bottom: 10px;
	text-align: left
}
footer ul li {
	position: relative
}
footer a {
	font-size: 13px;
	color: #2d2d2d;
	font-weight: 400;
	text-decoration: none;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	font-synthesis: none;
	-moz-font-feature-settings: 'kern';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
	padding-right: 30px
}
footer a.active {
	color: #fff
}
.footer-linked a:hover {
	color: #f89520;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	text-decoration: underline
}
.footer-linked {
	font-size: 12px;
	color: #fff;
	font-family: VAGRounded-Light;
	text-align: right;
	-moz-font-feature-settings: 'kern';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
	margin-top: 10px
}
.footer-linked li.copyright {
	color: #f89520
}
.footer-stars {
	fill: #f89520
}
.footer-stars-app svg {
	width: 50px;
	height: auto
}
.footer-stars-app {
	display: block;
	text-align: right
}
._site-header .grid {
	max-width: 1280px;
}

.grid:after, [class*=col-], [class*=grid], [class*=mobile-] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
[class*=col-] {
	float: left;
	min-height: 1px;
	padding-right: 20px
}
[class*=col-] [class*=col-]:last-child {
	padding-right: 0
}
.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 748px;
	margin: 0 auto;
	overflow: hidden
}
.grid:after {
	content: "";
	display: table;
	clear: both
}
.grid-pad {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0
}
.push-right {
	float: right
}
.col-1-1 {
	width: 100%
}
.col-2-3, .col-8-12 {
	width: 66.66%
}
.col-1-2, .col-6-12 {
	width: 50%
}
.col-1-3, .col-4-12 {
	width: 33.33%
}
.col-1-4, .col-3-12 {
	width: 25%
}
.col-1-5 {
	width: 20%
}
.col-1-6, .col-2-12 {
	width: 16.667%
}
.col-1-7 {
	width: 14.28%
}
.col-1-8 {
	width: 12.5%
}
.col-1-9 {
	width: 11.1%
}
.col-1-10 {
	width: 10%
}
.col-1-11 {
	width: 9.09%
}
.col-1-12 {
	width: 8.33%
}
.col-11-12 {
	width: 91.66%
}
.col-10-12 {
	width: 83.333%
}
.col-9-12 {
	width: 75%
}
.col-5-12 {
	width: 41.66%
}
.col-7-12 {
	width: 58.33%
}
.push-2-3, .push-8-12 {
	margin-left: 66.66%
}
.push-1-2, .push-6-12 {
	margin-left: 50%
}
.push-1-3, .push-4-12 {
	margin-left: 33.33%
}
.push-1-4, .push-3-12 {
	margin-left: 25%
}
.push-1-5 {
	margin-left: 20%
}
.push-1-6, .push-2-12 {
	margin-left: 16.667%
}
.push-1-7 {
	margin-left: 14.28%
}
.push-1-8 {
	margin-left: 12.5%
}
.push-1-9 {
	margin-left: 11.1%
}
.push-1-10 {
	margin-left: 10%
}
.push-1-11 {
	margin-left: 9.09%
}
.push-1-12 {
	margin-left: 8.33%
}
.content {
	padding-top: 0;
	padding-bottom: 10px
}

@media handheld, only screen and (max-width:767px) {
.grid {
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	padding-right: 10px
}
[class*=col-] {
	width: auto;
	float: none;
	margin: 10px 0;
	padding-left: 0;
	padding-right: 10px
}
[class*=col-] [class*=col-] {
	padding-right: 0
}
[class*=mobile-col-] {
	float: left;
	margin: 0 0 10px;
	padding-left: 0;
	padding-right: 10px;
	padding-bottom: 0
}
.mobile-col-1-1 {
	width: 100%
}
.mobile-col-2-3, .mobile-col-8-12 {
	width: 66.66%
}
.mobile-col-1-2, .mobile-col-6-12 {
	width: 50%
}
.mobile-col-1-3, .mobile-col-4-12 {
	width: 33.33%
}
.mobile-col-1-4, .mobile-col-3-12 {
	width: 25%
}
.mobile-col-1-5 {
	width: 20%
}
.mobile-col-1-6, .mobile-col-2-12 {
	width: 16.667%
}
.mobile-col-1-7 {
	width: 14.28%
}
.mobile-col-1-8 {
	width: 12.5%
}
.mobile-col-1-9 {
	width: 11.1%
}
.mobile-col-1-10 {
	width: 10%
}
.mobile-col-1-11 {
	width: 9.09%
}
.mobile-col-1-12 {
	width: 8.33%
}
.mobile-col-11-12 {
	width: 91.66%
}
.mobile-col-10-12 {
	width: 83.333%
}
.mobile-col-9-12 {
	width: 75%
}
.mobile-col-5-12 {
	width: 41.66%
}
.mobile-col-7-12 {
	width: 58.33%
}
.hide-on-mobile {
	display: none!important;
	width: 0;
	height: 0
}
.footer-logo-keed {
	margin: auto
}
.footer-logo-keed {
	text-align: center
}
.footer-logo-keed img {
	width: 85px;
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.widget-App {
	display: none
}
.hero-big {
	width: 84%;
	padding: 10px 0
}
.select-3-numbers {
	width: 50%
}
.dial-me-app div h1 {
	font-size: 27px
}
.dial-me-app div {
	text-align: center
}
.dial-me-app {
	display: none
}
.money-hero img {
	width: 70%
}
.hero-big div.intro-summary::before {
	margin-left: calc(54% - 65px)
}
.nla-content p {
	font-size: 35px
}
h4.header-text {
	padding-top: 20px
}
.footer-linked, .footer-stars-app {
	text-align: center
}
footer .social-icons {
	text-align: center!important
}
section.site-wrapper-app {
	padding: 0
}
.page-section-flu {
	padding: 0
}
.home-app {
	display: none
}
.Application-Clicks {
	display: block;
	width: 100%;
	text-align: center;
	margin: auto;
	top: -64px;
	margin-top: -22px;
	position: relative
}
.logo-brand {
	top: -20px
}
.hero-mbl {
	font-family: 'VAG Rounded';
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	text-shadow: 1px 2px 3px #5b3624;
	padding-bottom: 10px;
	width: 100%
}
.Application-Clicks h2.home-hero-mbl {
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-image: url(../svg/home-hero-mobile.svg);
	background-position: center center;
	background-origin: content-box;
	background-size: cover;
	width: 33.14286em;
	max-width: 366.8px;
	text-indent: -999px;
	height: 70px
}
#deposit .networks img {
	max-width: 74%
}
#deposit .networks {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.play-button {
	top: 100%;
	right: 0
}
img.prize {
	width: 100%
}
.jackpot {
	padding: 20px 0
}
.jackpot .money-hero img {
	width: 90%
}
h4.header-text {
	font-size: 25px
}
.logo-brand svg {
	width: 100px;
	margin-bottom: 10px
}
.jackpot-show-app h1 {
	font-size: 30px
}
.bottom-play-app a {
	width: 100%
}
.hero-big #deposit {
	display: block;
	margin-bottom: 30px
}
.momo-users img {
	width: 40%!important;
	text-align: center
}
.momo-users {
	text-align: center
}
.w3-bar {
	text-align: center;
	margin-bottom: 0!important;
	padding-bottom: 2px!important;
	margin-top: 20px!important
}
.w3-bar button img {
	width: 80px!important
}
.payment-app-section {
	padding-top: 20px!important;
	margin-top: 5px!important
}
.Context-Container {
	height: auto;
	width: auto;
	text-align: center;
	display: block
}
.home-hero-app {
	top: 40%;
	width: 90%
}
#users-purchase-info button {
	float: none;
	width: 100%
}
.results-panel {
	margin-top: 30px
}
.results-Box article h4 {
	text-align: center
}
.results-Box article {
	width: 100%
}
.my-account-box {
	margin-bottom: 0
}
.ussd-banner {
	display: none
}
.Canvas-Grid::before {
	min-height: 0;
	height: 0
}
.concept-img-footer {
	position: relative;
	margin-bottom: 0
}
span.brand {
	width: 170px;
	height: 170px;
	top: 20px
}
span.brand svg {
	width: 140px;
	height: 140px
}
.home-hero-app h1 {
	font-size: 2.2rem
}
.payment-section-apps {
	margin-top: 40px
}
.section-title {
	font-size: 2.2rem
}
.content-box {
	margin-top: 0!important
}
.ghana_select {
	width: 95%
}
#game2 div a {
	min-width: 73px!important;
	padding: 8px!important
}
.homepage-wrapper {
	width: 100%;
	padding: 0
}
.payment-master-box {
	width: 85%;
	bottom: 0
}
.nla-content {
	width: 100%
}
.home-game-results-data .results-circle-no {
	width: 55px;
	height: 55px;
	display: inline-block;
	float: none!important
}
.home-game-results-data .results-circle-no>span {
	line-height: 55px
}
.homepage-wrapper h2 {
	font-size: 2em;
	margin-bottom: 10px
}
.check-reset img {
	width: 18%
}
.networks-Box {
	width: 100%;
	float: none;
	margin: auto
}
.telcos-brands {
	margin: 12px 5px;
	text-align: center
}
.image-title {
	margin: 0;
	left: 0
}
.image-title h5 {
	display: none
}
.concept-inner__separator {
	display: none
}
.image-title h1 {
	font-size: 24px;
	text-transform: none
}
footer {
	padding: 10px 0
}
footer a {
	font-size: 16px
}
table.dataTable thead td, table.dataTable thead th {
	padding: 10px 7px!important
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
	font-size: 14px!important
}
table.dataTable tbody td, table.dataTable tbody th {
	padding: 0 10px!important
}
.concept-inner__description {
	text-align: center
}
.disable-header {
	display: none
}
.play_Btn-Box {
	margin-top: 0
}
button.btn-lemon {
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px
}
.concept-inner {
	padding: 0
}
.game-play-steps {
	text-align: center
}
.game-play-steps {
	text-align: center
}
.steps-box {
	width: 90px
}
.htp-step {
	width: 80px;
	height: 80px
}
.on-Web svg {
	width: 50px
}
.on-ussd svg {
	height: 50px
}
.js-Carousel>ul li {
	width: 291px
}
.results-Carousel {
	height: 291px;
	width: 291px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.js-Carousel {
	transform: translate(0)
}
.js-Carousel .js-Carousel-dots {
	bottom: 4em
}
.faq {
	width: 100%
}
.circle-no:hover {
	-moz-transition: all none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}
.circle-no {
	-moz-transition: all none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}
.profile-edit-flu input {
	width: 100% !important;
}
.profile-edit-flu {
	width: 100% !important;
}
	#home-page-navigation #site-header-app {
		position: relative;
	}
.creator-brand svg {
    width: 110px;
}
.Card-Box {
    padding: 20px;
	}
.Card-Box header h1 {
    font-size: 2rem;
}
	.page #site-header-app {
		position: absolute !important;
	}
	.modal-content {
		    width: 90% !important;
	}
	.modal iframe {
    height: 220px !important;
}
}

@media handheld, only screen and (max-width:360px) {
.hero-big div.intro-summary::before {
	margin-left: calc(54% - 65px)
}
.click-play-btn {
	padding: 10px 30px 10px 30px!important
}
.hero-mbl {
	padding-bottom: 2px
}
.click-play-btn {
	border: 8px
}
.my-account-control-app a {
	padding: 7px 13px;
	font-size: 16px;
	display: inline-block;
	line-height: 1.2
}
.grid {
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-right: 10px
}
.grid-pad {
	padding-top: 20px;
	padding-left: 11px;
	padding-right: 0
}
.my-account-control-app a {
	color: #118a44;
	font-weight: 700
}
.results-circle-no {
	margin: 3px 3px 3px;
	height: 45px!important;
	width: 45px!important
}
.user-image {
	display: none
}
.wallet-box {
	padding-left: 0
}
.my-account-edit input {
	width: 100%
}
.my-account-edit .my-account-create {
	padding-left: 0
}
.results-Box article h4 {
	text-align: center
}
.results-Box article {
	width: 100%
}
.nla-content {
	width: 80%
}
.home-game-results-data .results-circle-no>span {
	line-height: 45px
}
.ussd-banner {
	display: none
}
.content-box-page {
	height: 100%
}
}

@media handheld, only screen and (max-width:991px) {
.section-three-app {
	padding-top: 20px!important;
	padding-bottom: 50px;
	padding: 0
}
.money-hero em {
	bottom: -7px;
	font-size: 30px;
	margin-bottom: 0
}
.hero-big {
	margin-top: 0
}
.dial-me-app {
	top: 0;
	position: relative;
	width: 63%;
	margin: auto!important;
	margin-left: 160px
}
.col-1-2 {
	padding-left: 0!important
}
.dial-me-app div h1 {
	font-size: 25px
}
.bet-app input[type=number] {
	width: 31.4%
}
.hero-page-name {
	width: 40%
}
._no_margin.col-1-2 {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0
}
.section.site-wrapper-app {
	padding: 0
}
.social-icons {
	top: 15px;
	right: 72px;
	position: absolute!important
}
.footer-linked, .footer-linked a {
	font-size: 16px
}
.footer-linked li {
	display: block
}
.bet-app {
	display: block
}
.Application-Clicks {
	margin-top: 0
}
.bet-app input[type=number], .bet-app input[type=tel] {
	border: #c9c7c1 solid 1px
}
.modal-wrapper {
	left: 65%
}
.click-play-btn {
	padding: 17px 30px 14px 30px!important
}
.winners-mobile-ads {
	display: block
}
.no-show-app {
	display: none
}
.no-show-app-desktop {
	display: block
}
.jackpot-show-app iframe {
	height: 220px;
	width: 100%
}
.jackpot {
	width: 100%
}
.results-Box {
	right: 0
}
.payment-section-apps {
	width: 100%
}
.payment-section-apps img {
	width: 30%
}
	.app-download-sticky img {
	width: 100%;
}
.content-box-page {
	height: auto
}
.payment-platforms-brand img {
	border-radius: 5px;
	margin-left: 5px;
	float: none
}
.payment-platforms-brand {
	padding-bottom: 5px;
	text-align: left
}
h5.payment-method-title {
	text-align: left
}
footer ul li {
	padding-bottom: 10px;
	display: block
}
.customers-digits {
	margin-top: 20px;
	width: 100%;
	margin-left: 0
}
.checkmark {
	top: -9px
}
.networks-Box {
	margin: auto;
	float: none
}
button.btn-lemon {
	width: 100%
}
	.main-desktop-navigation {
		display: none;
	}
}

@media (max-width:1440px) and (min-width:1025px) {
.app-side-bar {
	bottom: 64px
}
.checkmark {
	left: 5px!important
}
.check-reset img {
	width: 12%!important
}
}
.Canvas.Canvas--background-EliseMesner8456 {
	background-image: url(../images/signup-bg.jpg)
}
.Canvas {
	background: #f4f4f4;
	background-position: 50%;
	background-size: cover
}
.Canvas {
	height: 100vh;
	position: relative;
	width: 100%
}
.Canvas {
	background: #f4f4f4;
	background-position: center;
	background-size: cover
}
.Canvas-Background {
	background: rgba(0,0,0,.5);
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto
}

@media screen and (min-width:1280px) {
.Canvas-Grid .Canvas-Item {
	float: left;
	clear: none;
	text-align: inherit;
	width: 39.8%;
	margin-left: 0;
	margin-right: 3.2%
}
.Canvas-Grid .Canvas-Item.Canvas-Panel {
	position: relative;
	left: 51.5%
}
}

@media screen and (min-width:768px) {
.Canvas-Grid .Canvas-Item {
	float: left;
	clear: none;
	text-align: inherit;
	width: 65.667%;
	margin-left: 0;
	margin-right: 3%;
	position: relative;
	left: 17.167%
}
.Canvas-Grid .Canvas-Item {
	padding: 0 24px
}
.CardLayout {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 630px;
	padding: 56px
}
}

@media screen and (max-width:1279px) and (min-width:1024px) {
.Canvas-Grid .Canvas-Item {
	float: left;
	clear: none;
	text-align: inherit;
	width: 48.85%;
	margin-left: 0;
	margin-right: 2.3%
}
.results-Box {
	right: 0
}
	.modal-content {
		    width: 90%;
	}
}
.page {
	height: 100vh;
	position: fixed;
	width: 100%;
	overflow-y: scroll
}

/*V2 UI*/

.stack-fixed-home-flue {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    padding: 0 0 20px 0;
    text-align: center;
}
.site-upper-nav {
	float: left;
}
.main-desktop-navigation {
	padding-left: 10%;
	text-align: center;
}
.main-desktop-navigation a {
    color: #fff;
    text-decoration: none;
    margin-right: 35px;
    font-weight: 400;
}
.content-box-page .main-desktop-navigation a {
	color: #000;
}

#home-page-navigation #hide-it {
	display: none;
}

.stack-fixed-home-flue a {
	color: #fff;
	text-decoration: none;
    margin-top: 3px;
    position: relative;
    display: inline-flex;
}
.promo-banners {
    width: 728px;
    margin: auto;
    text-align: center;
}
.media_space {
	width: 100%;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
}
.media_space img {
	width: 100%;
}
.operator-header {
    color: #fff;
    background-color: #5cb85c;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
 .operator-header h4 {
    margin: 0;
    padding: 9px 15px;
    font-family: 'Adobe Clean';
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.7px;
}
.more-results {
    position: relative;
    z-index: 5;
    text-align: center;
    margin-top: 120px;
}
.more-results a {
    background: #0dc152;
    border-radius: 30px;
    padding: 15px 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    -moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.more-results a:hover {
	background: #fff;
	color: #0dc152;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.media_space a {
	text-decoration: none;
}

h5.news-header {
    font-size: 22px;
    font-weight: lighter;
    color: #565656;
    letter-spacing: -0.7px;
    margin: 0;
}
#enter-in a {
	float: left;
	margin-left: 10px;
	line-height: 2;
}
#enter-in a.auth {
	border: solid 1px #bdd73c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	text-decoration: none;
	padding: 0 10px;
	color: #bdd73c;
	font-size: 14px;
	margin-top: 2px;
}
#enter-in a.auth:hover {
	text-decoration: none;
}

.signup-2 {
	background: #bdd73c;
	color: #000 !important;
}
a.auth:hover {
	background: #fff;
	color: #5cb85c !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border: solid 1px #fff !important;
}
.signin-auth .login-auth {
	display: none;
}

.account-auth .signup-2 {
	display: none;
}
.game-type-results-media {
    position: absolute;
    background: #fff;
    padding: 15px 12px;
    text-align: center;
    left: 30px;
    -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
line-height: 0;
}
.game-type-results-media img {
	width: 80px;
}
.edit-profile-txt-header {
	font-size: 30px !important;
	}
.profile-edit-flu input {
    outline: 0;
    padding: 12px;
    border-radius: 5px;
    border: none;
    margin-left: 0px;
    width: 100%;
}
.profile-edit-flu {
	width: 400px;
}
.profile-edit-flu div {
	margin-bottom: 3px;
	font-size: 13px;
}
.profile-edit-flu label {
    margin-right: 10px;
    width: 80px;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
}
.profile-edit-flu .save-file {
    background: #bdd73c;
    color: #000;
    margin-top: 10px;
    padding: 15px 25px;
    cursor: pointer;
    width: auto;
    font-size: 18px;
}
.profile-edit-flu .save-file:hover {
	background: #fff;
	color: #000;
}
.promo-tcs h4 {
    margin: 0 0 20px 0;
    font-size: 27px;
}
.promo-tcs a {
	color: #00563b;
	text-decoration: underline;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.promo-tcs a:hover {
	color: #00563b;
	text-decoration: none;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.back-facebook {
	display: block;
	margin: 30px 0;
}
.back-facebook a {
    background-color: rgb(24, 119, 242);
    color: #fff;
    padding: 12px;
    text-decoration: none;
    border-radius: 5px;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.back-facebook a:hover {
	background: #4267b2;
	color: #fff;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}
.back-facebook i {
    padding-right: 5px;
}

.galleery-box {
    display: block;
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
}

section > button {
  background:#000;
  display:block;
  margin:0 auto;
  margin-bottom:20px;
  width:200px;
  font-size: 16.996px;
  line-height: 20px;
  padding: 12px 18px 13px;
  color:#fff;
  cursor:pointer;
}

section > button:hover {
  opacity:0.8;
}

.pop {
  display:none;
  position:fixed;
  top:10.3%;
  left:10.3%;
  width:80%;
  height:80%;
  background:#fff;
  outline:10px solid rgba(0, 0, 0, .1);  
}

.pop > h1 {
  padding:30px 30px 10px 30px;
  color:#000;
  font-size:100%;
}

.pop > p {
  padding-left:30px;
  font-size:100%;
  color:#777;
}

.pop > span {
  cursor:pointer;
  position:absolute;
  top:4%;
  right:4%;
  -webkit-border-radius:100px;
     -moz-border-radius:100px;
          border-radius:100px;
  background:#ddd;
  color:#444;
  padding:6px 0px 0px 9px;
  width:30px;
  height:30px;
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* The Modal (background) */
.modal-2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content-2 {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}


/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close2 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.modal iframe, .modal-2 iframe {
	
    width: 100%;
    height: 360px;
}

#myModal{
		display: none;
	}



::-webkit-scrollbar {
width:8px;
background-color:#f5f5f5
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#5cb85c
}
::-webkit-scrollbar-track {
background-color:#dee6f0
}