/* =============================================
   EPICBET DESIGN SYSTEM — CSS Variables
   ============================================= */
:root {
    --eb-bg:        #181A20;
    --eb-surface:   #181A20;
    --eb-panel:     #181A20;
    --eb-card:      #181A20;
    --eb-border:    #2A2D3A;
    --eb-orange:    #FF8A00;
    --eb-orange-dk: #D97200;
    --eb-text:      #FFFFFF;
    --eb-text-dim:  #6B7280;
    --eb-white:     #FFFFFF;
}

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	box-sizing: border-box;
}

html {
	min-height: 100%
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */

::-webkit-scrollbar-track {
	background: #1A1C26;
}


/* Handle */

::-webkit-scrollbar-thumb {
	background: #FF8A00;
	border-radius: 4px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #D97200;
}

@font-face {
	font-family: 'Verdana';
	src: url('../fonts/Verdana.eot');
	src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'), url('../fonts/Verdana.woff2') format('woff2'), url('../fonts/Verdana.woff') format('woff'), url('../fonts/Verdana.svg#Verdana') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #111;
	overflow-x: hidden;
	position: relative;
	font: normal 13px 'Verdana', Arial, Helvetica, sans-serif;
}

.backtop {
	display: none;
}

a {
	text-decoration: none;
	color: #acacac;
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both
}

h1,
h2,
h3,
h4,
h5,
.h,
.h1,
.h2,
.h3,
.h4,
.h5 {
	font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
	line-height: 1.1;
	text-transform: uppercase;
}

input[type="checkbox"] {
	display: none
}

.btn,
button {
	display: inline-block;
	color: #fff;
	text-align: center;
	font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 2px;
	cursor: pointer;
}


/* Front end Header Design */

header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
	background-color: #FF8A00;
	padding: 10px 28px;
	height: 66px;
}

.header-logo {
	margin: 15px 0;
	float: left;
	width: 15%;
}

.header-logo a {
	display: inline-block;
}

.header-logo img {
	width: 160px;
}

#main-menu {
	float: left;
	width: 65%;
}

.primary-menu {
	margin-left: 15px;
}

#main-menu ul li {
	float: left;
	list-style: none
}

#main-menu ul li a {
	display: block;
	padding: 18px 12px;
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
}

#main-menu ul li a:hover {
	color: #F7D146;
	border-bottom: 1px solid #FFE418;
}

#main-menu ul li.active a {
	background: -webkit-linear-gradient(#72a8d9, #2d6dac);
	background: -o-linear-gradient(#72a8d9, #2d6dac);
	background: -moz-linear-gradient(#72a8d9, #2d6dac);
	background: linear-gradient(#72a8d9, #2d6dac)
}

#login-form,
#reg-form {
	float: right;
	width: 20%;
	text-align: right;
}

#signin-button {
	color: #000;
	background: linear-gradient(-180deg, #34d058, #28a745 90%);
}

#login-form a {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
}

.form-inputs1,
.form-inputs2 {
	float: left;
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	width: 40%;
	margin: 0 2px;
	text-align: left;
}

.top-reg,
.form-inputs2 a {
	color: #ffdf1b;
	font-size: 11px;
	text-transform: capitalize;
	padding: 0;
}

.form-inputs2 a {
	float: right;
}

.form-submit {
	float: left;
}

.login-input {
	padding: 3.5px 10px;
	margin-bottom: 3px;
	width: 100%;
	background: #127052;
	color: #4acfa5;
	border: 1px solid #127052;
}

#btn-login {
	background: #ddd;
	color: #FF8A00;
	padding: 6px;
}

.btn_header_login,
.btn-signup {
	color: #000;
	background: transparent;
}

#login-form label,
#reg-form label {
	color: #fff;
	display: block;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#reg-form .rem-box label {
	display: inline;
}

.rem-txt {
	float: right;
	width: 86%;
	margin-top: 8px;
	color: #000;
}

#reg-form input {
	border-radius: 0px;
}

#signin-button:hover {
	background-color: rgba(225, 225, 225, 0.5);
}

.btn-signup {
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	width: auto;
}

.btn-signup:hover {
	border-color: #fff;
	background-color: #fff;
	color: #000;
}

.btn-login-register {
	border: 2px solid #fff;
	color: #fff;
	padding: 12px 18px 11px;
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	cursor: pointer;
	border-radius: 0;
}

.icon-user {
	background: #fff url(../img/user-icon.png) no-repeat scroll 8px 10px
}

.icon-pass {
	background: #fff url(../img/pass-icon.png) no-repeat scroll 8px 10px
}

.form-inputs1 input[type="checkbox"]+label span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 2px 4px 0 0;
	vertical-align: top;
	background: transparent url(../img/ch1.png) no-repeat scroll 0 0;
	cursor: pointer
}

.form-inputs1 input[type="checkbox"]:checked+label span {
	background: transparent url(../img/ch2.png) no-repeat scroll 0 0
}

.btn-silver {
	display: inline-block;
	font: 500 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #000;
	background: -webkit-linear-gradient(#fff, #c2c2c2);
	background: -o-linear-gradient(#fff, #c2c2c2);
	background: -moz-linear-gradient(#fff, #c2c2c2);
	background: linear-gradient(#fff, #c2c2c2);
	padding: 8px 16px;
	border-radius: 5px;
	margin: 0 8px 0 0;
	cursor: pointer
}

.btn-silver:hover {
	background: #ededed
}

.btn-blue {
	display: inline-block;
	font: 400 16px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #FF8A00;
	padding: 8px 16px;
	border-radius: 5px;
	cursor: pointer
}

.btn-blue:hover {
	background: #528cc3
}

#loged {
	float: right;
	margin: -7px 0 0;
	background: transparent;
	padding: 0px;
	border-radius: 6px;
	color: #fff;
	width: 20%;
	max-width: 250px;
}

.usr-pl {
	float: left;
	background: transparent url(../img/prof-usr.png) no-repeat scroll 0 0;
	padding: 2px 0 2px 20px;
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 6px 20px 0 0
}

.usr-pl a,
.usr-mo a {
	color: #fff
}

.usr-pl a:hover,
.usr-mo a:hover {
	color: #ccc
}

.usr-mo {
	float: left;
	background: transparent url(../img/prof-mon.png) no-repeat scroll 0 0;
	padding: 2px 0 2px 26px;
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 6px 10px 0 0
}

.usr-btn {
	color: #fff;
	padding: 7px 18px;
	width: auto;
	max-width: 100%;
	cursor: pointer;
	background-color: transparent;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	text-align: center;
	font-size: 13px;
	font-family: 'Verdana';
	line-height: 1;
	text-transform: uppercase;
}

.usr-btn:hover {
	background: rgba(225, 225, 225, 0.5);
}


/* ===============================Sub-Menu====================== */

#sub-menu {
	background: #FF8A00;
	border-top: 1px solid #189970;
	border-bottom: 1px solid #267059;
	position: relative;
}

.search-box-row {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px;
	width: calc(100% - 274px);
	z-index: 99;
	background: #FF8A00;
}

.search-box {
	border-radius: 0px;
	background: transparent;
	padding: 4px;
	position: relative;
	border-right: 1px solid #189970;
}

.search-close {
	position: absolute;
	top: 0px;
	right: 11px;
	height: 30px;
	width: 40px;
	text-align: center;
	padding: 9px;
	color: #fff;
	cursor: pointer;
}

.srch-inp {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	float: left;
	padding: 4px;
	width: 100%;
	color: #fff;
}

.srch-inp::placeholder {
	color: #fff;
}

.search-col {
	float: left;
	width: 30%;
	padding: 0 20px;
}

button.search {
	padding: 10px;
	width: 280px;
	cursor: text;
	position: relative;
	color: #fff;
	font-size: 12px;
}

button.search:before {
	position: absolute;
	left: 10px;
	top: 10px;
	content: "\f002";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
	color: #fff;
}

#lang_nav {
	width: 66%;
	float: right;
	margin: 0px 25px 0 14px;
}

#lang_nav ul {
	list-style: none;
	position: relative;
	float: right;
	margin: 0;
	display: block
}

#lang_nav ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 8px 0;
}

#lang_nav ul li a {
	padding: 2px 10px;
	color: #4acfa5;
	text-transform: capitalize;
}

#lang_nav ul li a:hover {
	color: #fff;
}

#lang_nav ul li:last-child a {
	border-right: none;
}

#lang_nav ul li a img {
	display: inline-block;
	width: 32px;
	height: 12px;
}

#lang_nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	background: #E4E4E4;
	padding: 0;
	margin: 0;
	border-radius: 0;
	z-index: 1;
	min-width: 160px;
}

#lang_nav ul li:hover>ul {
	display: block
}

#lang_nav ul ul li {
	float: none;
	background: #ddd;
	border: 1px solid #ccc;
}

#lang_nav ul ul li a {
	color: #333;
}

#lang_nav ul ul li:hover {
	background: #ccc;
}

#lang_nav ul li .time {
	color: #fff;
}

#lang_nav ul li ul li span {
	margin-left: 8px;
	color: #000;
}


/* =================Main body design =================*/

#main {
	position: relative;
}

section#main .container {
	width: 100%;
}

.content-main,
.intro-main-content {
	position: relative;
}


/* ====================Sidebar Design======================= */

.sidebar-default {
	float: left;
	width: 20%;
	background-color: #111;
	min-height: 1500px;
}

.content-main-default {
	float: left;
	width: 58%;
	margin: 0 .45% 0 .45%;
	background: #fff;
	min-height: 1500px;
}

.content-main-default h5 {
	background: #f0f0f0;
	height: 34px;
	color: #585858;
	padding: 5px 0;
	font-size: 16px;
}

.content-main-default p {
	color: #585858;
	font-size: 12px;
	font-weight: 400;
}

.sidebar2-default {
	float: left;
	width: 20%;
	background-color: #111;
	min-height: 1500px;
}

.content-main-live {
	float: left;
	width: 78%;
	margin: 0 .9% 0 0;
	background: #111;
	padding-left: 20px;
}

.sidebar-live {
	float: left;
	width: 20%;
	background-color: #111;
	min-height: 1500px;
}

.sidebar {
	float: left;
	width: 12%;
	background-color: #111;
	min-height: 1500px;
}

.content-main {
	width: 40%;
	float: left;
}

.sidebar2 {
	float: left;
	width: 20%;
	background-color: #474747;
	min-height: 1500px;
}

.sidebar3 {
	float: left;
	width: 28%;
	background-color: #474747;
	min-height: 1500px;
}

.top-coupons {
	margin: 3px;
}

.top-coupons h2 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	clear: both;
	background-color: #FF8A00;
	font-size: 14px;
	line-height: 29px;
	min-height: 29px;
	color: #e4e4e4;
	padding: 0 10px;
	cursor: default;
	border-bottom: 1px solid #116b4f;
}

.top-coupons ul li {
	float: left;
	width: 50%;
	height: 30px;
	background-color: #111;
	border-bottom: 1px solid #757575;
	border-right: 1px solid #757575;
	white-space: nowrap;
	padding: 5px;
}

.top-coupons ul li:hover {
	background: #707070;
}

.top-coupons ul li a img {
	display: inline-block;
	width: 20px;
	margin-right: 7px;
}

.top-coupons ul li a {
	color: #ddd;
	font-weight: 500;
	display: block;
	position: relative;
}

.top-coupons ul li a:after {
	position: absolute;
	top: 3px;
	right: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #bbb;
}

.top-coupons ul li:hover a:after {
	color: #F7D146;
}

.sidebar2-inside {
	background: #474747;
	border-radius: 0px;
	padding: 4px
}

.sidebar2-inside h2 {
	font: normal 16px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 14px 30px;
	background: #FF8A00;
}

.ico-slip {
	background: transparent url(../img/icon-side1.png) no-repeat scroll 5px 14px
}

#bet-slip-container .loading {
	position: absolute;
	display: none;
	width: 242px;
	height: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40);
	background-color: #FFFFff;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 55%;
}

.bl-box {
	border-radius: 0px;
	background: #111;
}

.bl-box .nav-tabs {
	float: left
}

.bl-box .nav-tabs>li {
	float: left;
	margin: 0 5px 5px 0;
	list-style: none
}

.bl-box .nav-tabs>li>a {
	font: normal 11px 'Verdana', Arial, Helvetica, sans-serif;
	display: block;
	background: #90B1D0;
	border-radius: 3px;
	padding: 5px;
	color: #000
}

.bl-box .nav-tabs>li.active>a,
.bl-box .nav-tabs>li.active>a:hover,
.bl-box .nav-tabs>li.active>a:focus {
	cursor: default;
	background: #fff
}

.bl-box .tab-content>.tab-pane {
	display: none
}

.bl-box .tab-content>.active {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	background: transparent;
	border-radius: 0 0 4px 0
}

.bl-box .tab-content {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif
}

.rell {
	display: block;
	float: right;
	background: transparent url(../img/icon-bucket.png) no-repeat scroll 0 0;
	width: 16px;
	height: 20px;
	margin: 2px 4px 0 0
}

.stake {
	border-radius: 0px;
	background: #111;
	padding: 7px;
	margin: 0 0 4px;
	border-top: 2px solid #FF8A00;
	border-bottom: 2px solid #FF8A00;
	color: #bbb;
}

.stake-top {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #626262;
	color: #bbb;
	padding: 3px 0
}

.remove {
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(../img/close.png) no-repeat scroll 0 0;
	margin: 0 0 0 4px
}

.stake a {
	font: normal 12px/20px 'Verdana', Arial, Helvetica, sans-serif;
	color: #FFE418;
}

.stake h3 {
	font: bold 12px/20px 'Verdana', Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff;
	padding: 4px 0 0
}

.stake h4 {
	font: normal 12px/20px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 4px 0 0;
	color: #000;
}

.stake h4 span {
	color: #2D6EAC
}

.stake-input {
	font: normal 13px 'Verdana', Arial, Helvetica, sans-serif;
	float: right;
	padding: 4px;
	background: #fff;
	border: 1px solid #B7B7B7;
	border-radius: 4px;
	width: 40px;
	text-align: center
}

.stake-no {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	float: left;
	padding: 5px;
	background: #2D6EAC;
	border-radius: 4px;
	width: 40px;
	text-align: center;
	color: #fff
}

.error-log {
	font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #D34F4F;
	text-align: center;
	padding: 4px 0 0
}

.total {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 1px solid #757575;
	padding: 4px;
}

.stake-total {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	float: right;
	background: #757575;
	color: #fff;
	padding: 4px;
	border-radius: 4px;
	width: 60px;
	text-align: center
}

.winings {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	border-top: 1px solid transparent;
	padding: 4px;
}

.side-btn-silver {
	width: 100%;
	font: bold 20px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	cursor: pointer;
	color: #fcfcfc;
	background: -webkit-linear-gradient(#72a8d9, #2d6dac);
	background: -o-linear-gradient(#72a8d9, #2d6dac);
	background: -moz-linear-gradient(#72a8d9, #2d6dac);
	background: linear-gradient(#72a8d9, #2d6dac);
	border-radius: 4px;
	margin: 6px 0 0
}

.side-btn-silver:hover {
	background: #72a8d9
}

.side-btn-blue {
	width: 100%;
	font: normal 17px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	cursor: pointer;
	color: #000;
	background: -webkit-linear-gradient(#fff, #c2c2c2);
	background: -o-linear-gradient(#fff, #c2c2c2);
	background: -moz-linear-gradient(#fff, #c2c2c2);
	background: linear-gradient(#fff, #c2c2c2);
	border-radius: 4px;
	margin: 6px 0 0
}

.side-btn-blue:hover,
.side-btn-blue.disabled {
	background: #fff
}

.ico-login {
	background: transparent url(../img/icon-side2.png) no-repeat scroll 5px 14px
}

.side-log-user {
	width: 100%;
	font: 19px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 30px;
	border-radius: 4px;
	background: #fff url(../img/side-login.png) no-repeat scroll 3px 4px
}

.side-log-pass {
	width: 100%;
	font: 19px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 30px;
	border-radius: 4px;
	margin: 6px 0 0;
	background: #fff url(../img/side-login.png) no-repeat scroll 3px -36px
}

.live-dealer-ImageBannersModule {
	display: table;
	width: 100%;
	height: 60px;
	font-size: 0;
	border-top: 2px solid #FF8A00;
	border-bottom: 2px solid #FF8A00;
	background-color: #111;
	cursor: pointer;
	color: #a7a7a7;
}

.live-dealer-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	width: 49%;
}

.live-dealer-image {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 51%;
}

.live-dealer-image img {
	max-width: 140px;
}

.instant-play a.casino-fi {
	background: #111;
}

.live-dealer-header h3 {
	margin-bottom: 5px;
	font-weight: bold;
}

.live-dealer-header a {
	padding: 12px 0;
	color: #bbb;
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize;
}

.live-dealer-ImageBannersModule:hover a,
.live-dealer-ImageBannersModule:hover .live-dealer-header a:after {
	color: #F7D146;
}

.live-dealer-game-part .live-dealer-header a {
	font-size: 13px;
	margin-left: -30px;
	position: relative;
	display: block;
	font-weight: bold;
}

.live-dealer-game-part .live-dealer-header a:after {
	position: absolute;
	top: 12px;
	right: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #bbb;
}

.live-dealer-game-part .live-dealer-ImageBannersModule {
	border-top: none;
	border-bottom: 1px solid #757575;
	height: 50px;
	background: #111;
}


/* ======================Sports list================ */

.sports-list {
	list-style: none
}

.sports-list li {
	border-radius: 0px;
	background: #111;
}

.sports-list li:first-child {
	border-top: none
}

.sports-list li:last-child {
	border-bottom: none
}

.sports-list li a {
	font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #bbb;
	display: block;
	padding: 10px;
	text-transform: uppercase;
	position: relative;
	border-bottom: 1px solid #404040;
	box-shadow: inset -2px 1px 5px 0 rgba(0, 0, 0, .05);
}

.sports-list li a:after {
	position: absolute;
	top: 10px;
	right: 10px;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #F7D146;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sports-list li a span {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
}

.sports-list li a:hover:after {
	visibility: visible;
	opacity: 1;
}

.sports-list li a.active:after {
	position: absolute;
	top: 10px;
	right: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f005";
	color: #F7D146;
}

.sports-list li .filter-box a.active:after {
	content: none;
	font-weight: initial;
}


/* .icon-sportFootball {
  background: transparent url(../img/sports-menu/soccer.png) no-repeat scroll 4px 8px
}

.icon-sportTennis {
  background: transparent url(../img/sports-menu/tennis.png) no-repeat scroll 4px 8px;
}

.icon-sportFormula1 {
  background: transparent url(../img/sports-menu/car.png) no-repeat scroll 4px 8px
}

.icon-sportBasketball {
  background: transparent url(../img/sports-menu/basketball.png) no-repeat scroll 4px 8px
}

.icon-sportRugbyUnion {
  background: transparent url(../img/sports-menu/rugby.png) no-repeat scroll 4px 8px
}

.icon-sportCycling {
  background: transparent url(../img/sports-menu/cycling.png) no-repeat scroll 4px 8px
}

.icon-sportGolf {
  background: transparent url(../img/sports-menu/golf.png) no-repeat scroll 4px 8px
}

.icon-sportVolleyball {
  background: transparent url(../img/sports-menu/volleyball.png) no-repeat scroll 4px 8px
}

.icon-sportHandball {
  background: transparent url(../img/sports-menu/handball.png) no-repeat scroll 4px 8px
}

.icon-sportCricket {
  background: transparent url(../img/sports-menu/cricket.png) no-repeat scroll 4px 8px
}

.icon-sportIceHockey {
  background: transparent url(../img/sports-menu/ice-hockey.png) no-repeat scroll 4px 8px
}

.icon-sportAmericanFootball {
  background: transparent url(../img/sports-menu/american-football.png) no-repeat scroll 4px 8px
}

.icon-sportMotorcycling {
  background: transparent url(../img/sports-menu/motor-cycling.png) no-repeat scroll 4px 8px
}

.icon-sportBoxing {
  background: transparent url(../img/sports-menu/boxing.png) no-repeat scroll 4px 8px
}

.icon-sportRally {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportBaseball {
  background: transparent url(../img/sports-menu/baseball.png) no-repeat scroll 4px 8px
}

.icon-sportDarts {
  background: transparent url(../img/sports-menu/dartboard.png) no-repeat scroll 4px 8px
}

.icon-sportSnooker {
  background: transparent url(../img/sports-menu/snooker.png) no-repeat scroll 4px 8px
}

.icon-sportSpeedway {
  background: transparent url(../img/sports-menu/motor-cycling) no-repeat scroll 4px 8px
}

.icon-sportFutsal {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportCurling {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportAustralianRules {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportOlympicAthletics {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportFloorball {
  background: transparent url(../img/sports-menu/floorball.png) no-repeat scroll 4px 8px
}

.icon-sportTableTennis {
  background: transparent url(../img/sports-menu/table-tennis.png) no-repeat scroll 4px 8px
}

.icon-sportRugbyLeague {
  background: transparent url(../img/sports-menu/rugby.png) no-repeat scroll 4px 8px
}

.icon-sportBeachVolley {
  background: transparent url(../img/sports-menu/volleyball.png) no-repeat scroll 4px 8px
}

.icon-sportBeachSoccer {
  background: transparent url(../img/sports-menu/soccer.png) no-repeat scroll 4px 8px
}

.icon-sportNascar {
  background: transparent url(../img/sports-menu/nascar.png) no-repeat scroll 4px 8px
}

.icon-sportBadminton {
  background: transparent url(../img/sports-menu/badminton.png) no-repeat scroll 4px 8px
}

.icon-sportMartialArts {
  background: transparent url(../img/sports-menu/karate-fighter.png) no-repeat scroll 4px 8px
}

.icon-sportRinkHockey {
  background: transparent url(../img/sports-menu/hockey.png) no-repeat scroll 4px 8px
}

.icon-sportPesapallo {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportSwimming {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportIndycar {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportFieldHockey {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportEnduranceRacing {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportWaterpolo {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportAthletics {
  background: transparent url(../img/icons/sports/athletics-grey.png) no-repeat scroll 4px 8px
}

.icon-sportOlympicSwimming {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportSailing {
  background: transparent url(../img/sports-menu/boat.png) no-repeat scroll 4px 8px
}

.icon-sportJudo {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportRowing {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportDiving {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportArchery {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportRhythmicGymnastics {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportTaekwondo {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportWeightlifting {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportOlympicSpecials {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportFootballSpecials {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportFencing {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportCanoe-KayakFlatwater {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportCanoe-KayakSlalom {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportEquestrian {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportArtisticGymnastics {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportTrampolining {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportModernPentathlon {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportShooting {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportTriathlon {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportWrestling {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportSynchronisedSwimming {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportBandy {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sportAlpineSkiing {
  background: transparent url(../img/sports-menu/skiing.png) no-repeat scroll 4px 8px
}

.icon-sportBiathlon {
  background: transparent url(../img/sports-menu/biathlon.png) no-repeat scroll 4px 8px
}

.icon-sportSkiJumping {
  background: transparent url(../img/sports-menu/ski-jumping.png) no-repeat scroll 4px 8px
}

.icon-sportCross-CountrySkiing {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport1 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport2 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport3 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport4 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport5 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport6 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport7 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport8 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport9 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport10 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport11 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport12 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport13 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport14 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport15 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport16 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport17 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport18 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport19 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport20 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport21 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport22 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport23 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport24 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport25 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport26 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport32 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport27 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport28 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport29 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport30 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport31 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport33 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport34 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport35 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport36 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport37 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport38 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport39 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport40 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport41 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport42 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport43 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport44 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport45 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport46 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport47 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport48 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport49 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport50 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport51 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport52 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport53 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport54 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport55 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport56 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport57 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport58 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport59 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport60 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport61 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport62 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport63 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport64 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport65 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}

.icon-sport66 {
  background: transparent url(../img/sports-menu/default.png) no-repeat scroll 4px 8px
}
 */

.soccer_league {
	color: #F7D146;
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
	padding: 10px;
}

.soccer_league img {
	float: right;
	display: inline-block;
	margin-left: 6px;
}

.primier-div-sports li {
	list-style: none;
	display: block;
	border-bottom: 1px solid #404040;
}

.primier-div-sports li a {
	color: #bbb;
	font-size: 13px;
	display: block;
	line-height: 2;
	padding: 8px;
	position: relative;
}

.primier-div-sports li a:after {
	position: absolute;
	top: 10px;
	right: 10px;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #bbb;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.primier-div-sports li a:hover:after {
	visibility: visible;
	opacity: 1;
}

.menco {
	display: inline-block;
	height: 28px;
	vertical-align: baseline
}

.m-ico1 {
	background: transparent url(../img/menu-icon1.png) no-repeat;
	width: 16px
}

.m-ico2 {
	background: transparent url(../img/menu-icon2.png) no-repeat;
	width: 28px
}

.m-ico3 {
	background: transparent url(../img/menu-icon3.png) no-repeat;
	width: 34px
}

.m-ico4 {
	background: transparent url(../img/menu-icon4.png) no-repeat;
	width: 25px
}

.m-ico5 {
	background: transparent url(../img/menu-icon7.png) no-repeat;
	width: 29px
}

.m-ico6 {
	background: transparent url(../img/menu-icon6.png) no-repeat;
	width: 29px
}

.primier-sports-league {
	margin: 0 auto;
}

.icon-support {
	width: 23px;
	height: 23px;
	background: transparent url(../img/icon-support.png) no-repeat scroll 0 0
}


.icon-call {
	background: transparent url(../img/sha1.png) no-repeat scroll 0 0
}

.icon-contact {
	background: transparent url(../img/sha1.png) no-repeat scroll 0 -58px
}

.icon-faq {
	background: transparent url(../img/sha1.png) no-repeat scroll 0 -114px
}

.icon-other {
	background: transparent url(../img/sha1.png) no-repeat scroll 0 -170px
}

.icon-man {
	background: transparent url(../img/icon-man.png) no-repeat scroll 0 0
}

.white-in ul li a {
	color: #3288d9
}

.white-in ul li:last-child {
	border-bottom: none
}

.white-in ul li:first-child {
	border-top: none
}

.login-top {
	border-bottom: 1px solid #dadada;
	padding: 12px 0;
	color: #5F5F5F
}

.info-box {
	font: 16px/20px 'Verdana', Arial, Helvetica, sans-serif;
	color: #5F5F5F;
	display: block;
	width: 80%;
	margin: 0 auto 12px;
	padding: 6px;
	text-align: center;
	border: 1px solid #CFCFCF;
	background: #dfe6ee;
	border-radius: 4px
}

.info-box a {
	font: 500 16px/20px 'Verdana', Arial, Helvetica, sans-serif;
	color: #2D6EAC
}

.info-box a:hover {
	text-decoration: underline
}

.form-login {
	width: 50%;
	margin: 0 auto
}

.form-input {
	width: 288px;
	border-radius: 0px;
	padding: 8px;
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-weight: 400;
	font-size: 13px;
}

.icon-user-w {
	background: #fff url(../img/user-icon-w.png) no-repeat scroll 8px 10px;
	padding: 8px 8px 8px 30px
}

.icon-pass-w {
	background: #fff url(../img/pass-icon-w.png) no-repeat scroll 8px 10px;
	padding: 8px 8px 8px 30px
}

.quest {
	display: block;
	float: left;
	width: 48px;
	height: 38px;
	background-image: url(../img/q.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E5E5E5));
	background-image: url(../img/q.png), -webkit-linear-gradient(top, #fff, #E5E5E5);
	background-image: url(../img/q.png), -moz-linear-gradient(top, #fff, #E5E5E5);
	background-image: url(../img/q.png), -ms-linear-gradient(top, #fff, #E5E5E5);
	background-image: url(../img/q.png), -o-linear-gradient(top, #fff, #E5E5E5);
	background-image: url(../img/q.png), linear-gradient(top, #fff, #E5E5E5);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #DADADA;
	position: relative
}

.forg {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	margin: 0 20px;
	color: #5F5F5F
}

.forg:hover {
	color: #2D6EAC
}

a.tooltip span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: -30px;
	margin-left: 28px;
	width: 300px;
	line-height: 16px
}

a.tooltip:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0
}

.callout {
	z-index: 20;
	position: absolute;
	top: 30px;
	border: 0;
	left: -12px
}

a.tooltip span {
	border-radius: 4px;
	box-shadow: 5px 5px 8px #CCC
}

.white-in input[type="checkbox"]+label span {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 2px 4px 0 0;
	vertical-align: top;
	background: transparent url(../img/ch4.png) no-repeat scroll 0 0;
	cursor: pointer;
	vertical-align: -7px
}

.white-in input[type="checkbox"]:checked+label span {
	background: transparent url(../img/ch3.png) no-repeat scroll 0 0
}

.login-bottom {
	border-top: 1px solid #fff;
	padding: 12px 0
}

.login-btn {
	margin: 0 auto;
	width: 50%
}

.login-btn .btn-blue {
	border: 1px solid #2E6DAC
}

.login-btn .btn-silver {
	border: 1px solid #C2C2C2
}

.login-btn .btn-blue,
.login-btn .btn-silver {
	width: 160px;
	padding: 6px 20px
}

.col4 {
	width: 24.4%;
	float: left;
	margin: 0 .3%;
}

.col3 {
	width: 32.7%;
	float: left;
	margin: 0 .3%
}

.user-content {
	padding: 40px 0;
	background: #F2F2F2;
}

.user-registration,
.user-reset {
	width: 780px;
	margin: 0 auto;
}

.user-registration .label-txt,
.user-reset .label-txt {
	color: #666;
	float: none;
	display: inline-block;
	width: 15%;
}

.user-registration h3 {
	padding-bottom: 5.5px;
	font-size: 12px;
	color: #777;
	text-align: center;
	margin-bottom: 20px;
}

.user-registration p {
	display: block;
	overflow: hidden;
	margin: 20px 0;
	text-align: center;
	color: #777;
}

.country h5,
.personal-info h5,
.contact-info h5,
.create-login h5,
.address h5 {
	position: relative;
	font-size: 30px;
	z-index: 1;
	overflow: hidden;
	text-align: left;
}

.country h5 span,
.personal-info h5 span,
.contact-info h5 span,
.create-login h5 span,
.address h5 span {
	text-align: left;
	padding: 0 11px 0 0;
	font-size: 13px!important;
	color: #666;
}

.user-registration i {
	color: #d1d1d1;
}

.country h5:after,
.personal-info h5:after,
.contact-info h5:after,
.create-login h5:after,
.address h5:after {
	position: absolute;
	top: 60%;
	overflow: hidden;
	width: 100%;
	height: 1px;
	content: '\a0';
	background-color: #ccc;
}

.rem-box input[type="checkbox"]+label span {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 2px 4px 0 0;
	vertical-align: top;
	background: transparent url(../img/ch4.png) no-repeat scroll 0 0;
	cursor: pointer;
	vertical-align: -7px;
}

.form-inp,
select {
	width: 288px;
	border-radius: 0px;
	padding: 8px;
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-weight: 400;
	font-size: 13px;
}

select {
	overflow: hidden;
	width: 280px;
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/select.png) no-repeat scroll right bottom;
	color: #777;
}

.sm3 {
	float: none;
	width: 12%;
	margin: 0;
}

.form-nav {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 4px;
	border-radius: 3px;
	background: #f3f3f3;
	margin: 4px .3% 0;
	text-align: center;
}

.btn-regs {
	font: 500 12px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 9px 25px;
	cursor: pointer;
	color: #fff;
	background: #158A41;
	cursor: pointer;
	margin: 20px 0 30px 0;
	display: inline-block;
	width: 288px;
	margin-left: 16%;
}

.btn-regs:hover {
	background: #528cc3
}

.label-txt {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	display: block;
	padding: 10px 0;
	color: #fff;
}

.error-label {
	color: #E65858
}

.error-label span {
	font: normal 13px 'Verdana', Arial, Helvetica, sans-serif;
	margin: 0 0 0 30px
}

.form-sides {
	float: left;
	width: 40%;
	margin: 6px 0 6px 6px
}

option {
	padding: 5px
}

.sm4 {
	float: right;
	width: 66%
}

.rem-box {
	margin: 10px 0 0
}

.rem-txt {
	float: right;
	width: 88%;
	margin-top: 8px;
}

.rem-txt a {
	font: bold 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #2D6EAC
}

input[type=radio]:not(old) {
	width: 25px;
	opacity: 0;
	vertical-align: middle
}

input[type=radio]:not(old)+label {
	display: inline-block;
	margin-left: -28px;
	padding-left: 28px;
	background: url(../img/ch4.png) no-repeat 0 0;
	line-height: 25px
}

input[type=radio]:not(old):checked+label {
	background: url(../img/ch3.png) no-repeat 0 0
}

.qwe {
	display: inline;
	vertical-align: middle;
	margin: 0 0 0 4px
}

#sidebar-events {
	padding: 0 3px;
}

#sidebar-events .item {
	border-top: 2px solid #FF8A00;
	border-right: 1px solid #757575;
	border-left: 1px solid #757575;
}

#sidebar-events .item:last-child {
	border-bottom: 2px solid #FF8A00;
}

#sidebar-events .item img {
	width: 100%;
}

.slider-box {
	padding-top: 7px;
}

.slider-box h1 {
	font-size: 14px;
	color: #bbb;
	margin: 5px;
	display: inline-block;
	float: left;
	width: 60%;
}

.tstamp {
	/*background: transparent url(../img/time.png) no-repeat scroll left center;*/
	padding: 4px;
	color: #A8A8A8;
	font-size: 13px;
	line-height: 1.2;
	display: inline-block;
	float: left;
	width: 38%;
}

.fcRed {
	color: #c00;
	margin-right: 6px;
}

.user-reset h5 {
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #545454;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	margin-bottom: 30px;
}

.user-reset h6 {
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	color: #545454;
	padding-bottom: 10px;
	border-bottom: 1px solid #B7CFC8;
	margin-bottom: 30px;
}

.user-reset p {
	font-size: 11px;
	color: #545454;
	line-height: 1.7;
}

.carousel-caption .btn {
	text-shadow: none
}

.btn-more {
	display: block;
	width: 20%;
	font: bold 17px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fcfcfc;
	background: -webkit-linear-gradient(#72a8d9, #2d6dac);
	background: -o-linear-gradient(#72a8d9, #2d6dac);
	background: -moz-linear-gradient(#72a8d9, #2d6dac);
	background: linear-gradient(#72a8d9, #2d6dac);
	border-radius: 4px;
	padding: 10px;
	border: 1px solid #2d6dac;
	margin: 30px auto 6px
}

.btn-more:hover {
	background: #2d6dac
}

.glyphicon {
	display: block;
	width: 28px;
	height: 48px
}

.glyphicon-chevron-left {
	background: transparent url(../img/slider-arrow1.png) no-repeat
}

.glyphicon-chevron-right {
	background: transparent url(../img/slider-arrow2.png) no-repeat
}

.spa-top {
	margin: 10px 0
}

#content {
	background: #000;
	padding: 30px 0
}

.top-head,
.mid-head {
	text-align: center;
	font: bold 18px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 30px
}

.mid-head {
	margin: 30px 0
}

.mid-head span {
	color: #538DC5
}

.big-tbl {
	width: 90%;
	margin: 0 auto
}

.big-tbl td {
	font: 14px/22px 'Verdana', Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	padding: 20px;
	background: #212121;
	color: #6D6D6D;
	vertical-align: middle
}

.big-tbl td a,
.small-tbl td a {
	color: #6D6D6D
}

.big-tbl td.l-corn {
	background: #161616;
	border-radius: 4px 0 0 4px;
	background-clip: padding-box;
	text-align: center;
	color: #6D6D6D;
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.big-tbl td.r-corn {
	background: #161616;
	border-radius: 0 4px 4px 0;
	background-clip: padding-box;
	text-align: center;
	color: #6D6D6D;
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.big-tbl td span {
	float: right;
	color: #fff;
	font: bold 22px/22px 'Verdana', Arial, Helvetica, sans-serif;
	vertical-align: middle
}

.tbl-cell1 {
	float: right;
	width: 49%
}

.tbl-cell2 {
	float: left;
	width: 49%
}

.small-tbl {
	width: 100%
}

.small-tbl td {
	font: 11px/13px 'Verdana', Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	padding: 8px;
	background: #111;
	color: #bbb;
	vertical-align: middle
}

.small-tbl td.l-corn {
	background: #161616;
	border-radius: 4px 0 0 4px;
	background-clip: padding-box;
	text-align: center;
	color: #6D6D6D;
	font: 11px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.small-tbl td.r-corn {
	background: #FF8A00;
	border-radius: 0;
	background-clip: padding-box;
	text-align: center;
	color: #bbb;
	font: 11px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.small-tbl td span {
	float: right;
	color: #fff;
	font: bold 13px/13px 'Verdana', Arial, Helvetica, sans-serif;
	vertical-align: middle
}

.small-tbl td span a,
.big-tbl td span a {
	color: #fff
}

.small-tbl td span a:hover,
.big-tbl td span a:hover,
.big-tbl td a:hover,
.small-tbl td a:hover {
	color: #538dc5
}

.front-user-body {
	background: #ddd;
	padding-bottom: 50px;
}

.faq-list {
	background: #0A825F;
	padding-top: 4px;
	border-top: 1px solid #269979;
}

.faq-list ul {
	list-style: none;
	padding: 0;
}

.faq-list li {
	display: inline-block;
	background: #EAEAEA;
	font-size: 0;
	margin-left: -2px;
	margin-right: -1px;
}

.faq-list li a {
	font: bold 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #06855f;
	display: block;
	padding: 10px 10px 10px 40px;
	text-transform: uppercase
}

.faq-list li a:hover,
.faq-list li a.active {
	background: #f2f2f2;
	color: #000;
	border-bottom: 1px solid #f2f2f2;
}


/* .icon-faq1 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 2px
}

.icon-faq2 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -38px
}

.icon-faq3 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -79px
}

.icon-faq4 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -123px
}

.icon-faq5 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -166px
}

.icon-faq6 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -208px
}

.icon-faq7 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -250px
}

.icon-faq8 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -294px
}

.icon-faq9 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -336px
}

.icon-faq10 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -380px
}

.icon-faq11 {
  background: transparent url(../img/faq.png) no-repeat scroll 0 -424px
}

.icon-faq1:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 2px
}

.icon-faq2:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -38px
}

.icon-faq3:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -79px
}

.icon-faq4:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -123px
}

.icon-faq5:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -166px
}

.icon-faq6:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -208px
}

.icon-faq7:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -250px
}

.icon-faq8:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -294px
}

.icon-faq9:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -336px
}

.icon-faq10:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -380px
}

.icon-faq11:hover {
  background: transparent url(../img/faq1.png) no-repeat scroll 0 -424px
}

.icon-faqw {
  background: transparent url(../img/icon-faq.png) no-repeat scroll 0 0
} */

.tgl {
	font: bold 17px/17px 'Verdana', Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	padding: 14px;
	text-transform: uppercase;
	cursor: pointer;
	background: #bbb;
	background: url(../img/toggle-up.png) no-repeat scroll center right, -moz-linear-gradient(top, #dadada 0%, #bbb 100%);
	background: url(../img/toggle-up.png) no-repeat scroll center right, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dadada), to(#bbb));
	background: url(../img/toggle-up.png) no-repeat scroll center right, -o-linear-gradient(top, #dadada 0%, #bbb 100%);
	background: url(../img/toggle-up.png) no-repeat scroll center right, -ms-linear-gradient(top, #dadada 0%, #bbb 100%);
	background: url(../img/toggle-up.png) no-repeat scroll center right, linear-gradient(top, #dadada 0%, #bbb 100%)
}

.tgl-first {
	border-radius: 4px 4px 0 0
}

.tgl-last {
	border-radius: 0 0 4px 4px
}

.opened {
	background: #cacaca url(../img/toggle-down.png) no-repeat scroll center right
}

.tgl-last.opened {
	border-radius: 0
}

.tgl-content {
	font: 13px/22px 'Verdana', Arial, Helvetica, sans-serif;
	color: #bbb;
	display: none;
	padding: 14px;
	padding: 10px;
}

.table-cnt {
	font: 13px/22px 'Verdana', Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	display: none;
	border-radius: 0 0 4px 4px;
}

.tgl-content p {
	padding: 0 0 10px
}

.tgl-content>a {
	font: bold 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #2b6aa6
}

.resp-img {
	margin: 14px 0;
	width: 100%;
	border-radius: 4px
}

.tgl-content h1,
.tgl-content h2,
.tgl-content h3,
.tgl-content h4 {
	color: #262626;
	text-transform: uppercase;
	margin: 0 0 10px
}

.tgl-content h1 {
	font: 25px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

.tgl-content h2 {
	font: 16px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

.tgl-content h3 {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

.tgl-content h4 {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
}

.justify {
	text-align: justify
}

.tgl-content ul {
	list-style: none;
	margin: 0 0 10px
}

.tgl-content ul li {
	border: none;
	padding: 4px 4px 4px 20px;
	background: transparent url(../img/dot.png) no-repeat scroll 0 7px
}

.img-left {
	float: left;
	margin: 0 20px 0 0;
	border-radius: 4px
}

.faq-tt {
	display: inline-block;
	background: transparent url(../img/qb.png) no-repeat scroll 0 0;
	width: 15px;
	height: 15px;
	vertical-align: -1px
}

.tgl-content blockquote {
	font: 16px/22px 'Verdana', Arial, Helvetica, sans-serif;
	color: #5F5F5F;
	background: #EAEAEA;
	border: 1px solid #D9D9D9;
	padding: 14px;
	border-radius: 7px;
	text-align: center
}

blockquote>a {
	font: bold 16px 'Verdana', Arial, Helvetica, sans-serif;
	color: #2b6aa6
}

blockquote>a:hover {
	text-decoration: underline
}

.loged-user-top {
	text-align: center;
}

.main-content.user-loged {
	margin: 0 auto;
	width: 90%;
	background: #f2f2f2;
	padding: 20px;
}

.content-main.user-loged .blue-box {
	background: transparent;
}

.content-main.user-loged .blue-in {
	background: transparent;
	padding: 20px;
}

.content-main.user-loged .white-in {
	color: #fff;
	padding: 10px;
	border-radius: 3px;
	background: transparent;
	-webkit-box-shadow: 0 0px 5px #161212;
	-moz-box-shadow: 0 0px 5px #161212;
	box-shadow: 0 0px 5px #161212;
}

.content-main.user-loged .table-list tr {
	border-bottom: 1px solid #2f2e2e;
	background: transparent;
}

.content-main.user-loged .table-list th {
	color: #e7e7e7;
	background: #888;
	padding: 7px 10px 6px 10px;
	line-height: 1.2;
	text-align: center;
	border-right: 1px solid #0b0b0b;
	text-transform: uppercase;
}

.content-main.user-loged .tgl-content p {
	padding: 10px;
}

.content-main.user-loged .table-list th a {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #ddd;
	line-height: 1.2;
	text-align: center;
	background: transparent;
	padding: 0;
}

.content-main.user-loged .blue-box h5,
.user-loged h1 {
	color: #F7D146;
}

.user-loged h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	margin-bottom: 20px;
}

.content-main.user-loged .table-list td {
	color: #fff;
	border-right: 1px solid #3b3838;
}

.table-list .w100 {
	text-align: center;
}

.tgl-table {
	background: #dfe6ee;
	border-radius: 7px;
	margin: 14px 0
}

.tgl-table td {
	padding: 14px;
	border-right: 1px solid #BFBFBF
}

.tgl-table td:last-child {
	border: none
}

.block40 {
	width: 40%
}

.sep {
	margin: 0;
	border-bottom: 1px solid #333;
}

.on-top {
	margin: 20px 0 0
}

.table-list {
	width: 100%;
	border-collapse: collapse;
	border-radius: 0 0 4px 4px
}

.table-list tr {
	background: #fbfbfb;
}

.table-list th,
.table-list td {
	border-right: 1px solid #e5e5e5;
	text-align: center;
	padding: 4px 10px 3px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	height: 21px;
}

.table-list th a {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	line-height: 1.2;
	text-align: center;
	padding: 0;
}

.table-list tr:last-child {
	border-radius: 0 0 4px 4px
}

.blue-small,
.silv-small {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	cursor: pointer;
	color: #000;
	background: #f2f2f2;
	border-radius: 4px;
}

.blue-small:hover {
	background: #2AAE48;
	color: #fff;
}

.silv-small:hover {
	background: #fff
}

#WithdrawIndexForm,
#UserSettingsForm {
	padding: 10px;
}

#WithdrawIndexForm p,
#UserSettingsForm .label-txt,
#UserBonusForm p {
	color: #545454;
	margin-bottom: 10px;
}

#WithdrawIndexForm select,
#WithdrawIndexForm input,
#UserSettingsForm select,
#UserAccountForm select {
	border-radius: 0px;
	background: #fff url(../img/select.png) no-repeat scroll right bottom;
	border: 1px solid #3C3C3C;
	color: #545454;
	border-radius: 4px;
	background: #1A1C22 url(../img/select.png) no-repeat scroll right center;
	border: 1px solid #2B2D36;
	color: #FFF;
	width: 288px;
	font-size: 13px;
	font-weight: normal;
    padding: 10px;
}

#WithdrawIndexForm input,
#UserSettingsForm input,
#UserBonusForm input,
#UserAccountForm input {
	background: #1A1C22;
	border: 1px solid #2B2D36;
	color: #FFF;
	font-weight: 400;
	font-size: 13px;
    padding: 10px;
    border-radius: 4px;
}

.top-important {
	border-radius: 4px;
	padding: 0 0 4px;
	background: #343131;
	border-bottom: 1px solid #333;
}

.top-important a {
	display: block;
	padding: 10px 10px 10px 50px;
	font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border-radius: 4px
}

.filter-box {
	display: none;
	background: #111;
}

.filter-con-a {
	border-bottom: 1px solid #111;
}

.filter-con-a a {
	font-size: 11px!important;
}

.sports-menu {
	background: #343131;
}

.important1 {
	background: #E7E7E7 url(../img/bet.png) no-repeat scroll 0 0
}

.important1 a:hover {
	background: #2D6EAC url(../img/bet.png) no-repeat scroll 0 0;
	color: #fff
}

.important2 {
	background: #E7E7E7 url(../img/bet.png) no-repeat scroll 0 -50px
}

.important2 a:hover {
	background: #2D6EAC url(../img/bet.png) no-repeat scroll 0 -50px;
	color: #fff
}

.important3 {
	background: #E7E7E7 url(../img/bet.png) no-repeat scroll 0 -100px
}

.important3 a:hover {
	background: #2D6EAC url(../img/bet.png) no-repeat scroll 0 -100px;
	color: #fff
}

.important4 {
	background: #E7E7E7 url(../img/bet.png) no-repeat scroll left bottom
}

.important4 a:hover {
	background: #2D6EAC url(../img/bet.png) no-repeat scroll left bottom;
	color: #fff
}

.icon-bucket {
	width: 23px;
	height: 23px;
	background: transparent url(../img/icon-bucket.png) no-repeat
}

.filter-side {
	margin: 10px 0 0
}

.filter-top {
	background: #DBDBDB;
	padding: 6px;
	border-radius: 4px 4px 0 0;
	font: bold 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	text-transform: uppercase;
	border-bottom: 1px solid #C5C5C5
}

.filt-close {
	background: #DBDBDB url(../img/toggle-down-small.png) no-repeat scroll right center;
	cursor: pointer
}

.filt-close.opened {
	background: #CFCFCF url(../img/toggle-up-small.png) no-repeat scroll right center;
	border-radius: 4px
}

.filter-con {
	border-top: 1px solid #fff;
	background: #F3F3F3;
	padding: 6px;
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #4d4d4d
}

.last-con {
	border-radius: 0 0 4px 4px
}

.filter-top input[type="checkbox"]+label span,
.filter-con input[type="checkbox"]+label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 4px 0 0;
	vertical-align: middle;
	background: transparent url(../img/ch6.png) no-repeat scroll 0 0;
	cursor: pointer
}

.filter-top input[type="checkbox"]:checked+label span,
.filter-con input[type="checkbox"]:checked+label span {
	background: transparent url(../img/ch5.png) no-repeat scroll 0 0
}

#main-slider {
	width: 100%;
	height: 150px;
	margin: 0 0 14px;
	position: relative;
	background: #000;
}

.item-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
}

#main-slider img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.item-content h3 {
	font-size: 13px;
	line-height: 16px;
	color: #ffdf1b;
	font-weight: 500;
	text-transform: capitalize;
}

.item-content h4 {
	font-size: 20px;
	line-height: 24px;
	color: #f0f0f0;
	display: inline-block;
	padding-bottom: 7px;
	text-transform: capitalize;
}

.item-content p {
	font-size: 13px;
	color: #bbb;
	line-height: 16px;
}

.signup {
	display: inline-block;
}

.btn--hero__signup {
	transition: box-shadow 0.05s, -webkit-transform 0.05s;
	transition: transform 0.05s, box-shadow 0.05s;
	transition: transform 0.05s, box-shadow 0.05s, -webkit-transform 0.05s;
	border: 1px solid #F6D145;
	color: #F6D145;
	padding: 8px 18px;
	margin-top: 20px;
	cursor: pointer;
	width: 100%;
	border-radius: 4px;
}

.main-bets {
	width: 100%;
	margin: 0 0 14px;
	background: #111;
	border-radius: 0px;
	overflow-x: hidden;
}

.content-main-live .main-bets .tab-content>.active {
	background: #111;
}

.content-main-live .main-bets .tab-content h4 {
	background: #999999;
}

.content-main-live .main-bets .tab-content .desktop-view tr {
	border-bottom: none;
}

.main-bets h1 {
	font: normal 18px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px;
	text-transform: uppercase
}

.tab-pane-sport {
	display: block;
	overflow: hidden;
}

.main-bets h1.inside,
.h2-bets {
	padding: 7px;
	display: block;
	width: 100%;
	background: #999999;
}

.content-main-live .main-bets h1.inside {
	background: #168C67;
}

.main-bets .nav-tabs {
	float: right
}

.main-bets .nav-tabs>li {
	float: left;
	margin: 0 0 0 10px;
	list-style: none
}

.main-bets .nav-tabs>li>a {
	font: bold 14px 'Verdana', Arial, Helvetica, sans-serif;
	display: block;
	background: #D4D4D4;
	border-radius: 0px;
	padding: 10px 8px 10px 40px;
	text-transform: uppercase;
	color: #000
}

.main-bets .nav-tabs>li.tab-bas.active>a {
	background: #2D6EAC url(../img/top-bets2.png) no-repeat scroll 2px 2px
}

.main-bets .nav-tabs>li.tab-fot.active>a {
	background: #2D6EAC url(../img/top-bets2.png) no-repeat scroll -140px 2px
}

.main-bets .nav-tabs>li.tab-ten.active>a {
	background: #2D6EAC url(../img/top-bets2.png) no-repeat scroll -270px 0
}

.main-bets .nav-tabs>li.tab-ice.active>a {
	background: #2D6EAC url(../img/top-bets2.png) no-repeat scroll -384px 2px
}

.main-bets .nav-tabs>li.tab-bas>a {
	background: #D4D4D4 url(../img/top-bets.png) no-repeat scroll 2px 2px
}

.main-bets .nav-tabs>li.tab-fot>a {
	background: #D4D4D4 url(../img/top-bets.png) no-repeat scroll -140px 2px
}

.main-bets .nav-tabs>li.tab-ten>a {
	background: #D4D4D4 url(../img/top-bets.png) no-repeat scroll -270px 0
}

.main-bets .nav-tabs>li.tab-ice>a {
	background: #D4D4D4 url(../img/top-bets.png) no-repeat scroll -384px 2px
}

.main-bets .nav-tabs>li.active>a,
.main-bets .nav-tabs>li.active>a:hover,
.main-bets .nav-tabs>li.active>a:focus {
	cursor: default;
	color: #fff
}

.main-bets .tab-content>.tab-pane {
	display: none
}

.main-bets .tab-content>.active {
	width: 100%;
	display: block;
	padding: 10px;
	margin: 0;
	background: #111;
	border-radius: 0 0 4px 0
}

.main-bets .tab-content {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif
}

.tab-content h4 {
	font: normal 11px 'Verdana', Arial, Helvetica, sans-serif;
	margin: 0 0 6px;
	color: #fff;
	background: #168C67;
	padding: 10px;
}

.bets-panel {
	list-style: none
}

.tgl-blue-content .bets-panel {
	border-top: 1px solid #265E92;
	border-bottom: 1px solid #427DB4;
	list-style: none
}

.bets-panel li {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 1px solid #333333;
	padding: 10px 0;
	background: #111;
	padding: 7px;
}

.tgl-blue-content .bets-panel li {
	border-top: 1px solid #427DB4;
	border-bottom: 1px solid #265E92;
	padding: 10px
}

.bets-panel li>a,
.bets-panel li>p {
	font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #bbb;
}

.tgl-blue-content .bets-panel li>a {
	font: normal 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff
}

.tgl-blue-content .more-info {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff
}

.h2-bets {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 15px 0 0
}

.h2-time {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #929292;
	display: inline-block;
	padding: 0 0 0 18px;
	margin: 0 0 0 10px;
	background: transparent url(../img/time-small.png) no-repeat scroll 0 2px
}

.box-w2 {
	padding: 0 4px;
	float: left;
	border-right: 1px solid #dadada
}

.box-w3 {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 0 4px;
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #dadada;
	text-align: center;
	min-width: 160px
}

.box-w3 h5 {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	margin: 6px 0
}

.box-w4 {
	padding: 0 4px;
	float: left;
	border-left: 1px solid #fff
}

.box-w4 a {
	float: none;
	margin: 4px auto 0;
	width: 30px
}

.btv {
	color: #000;
	cursor: pointer;
	margin: 4px 0
}

.btv span {
	float: right;
	display: block;
	background: #232222;
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	border-left: 1px solid #444;
	padding: 6px 12px;
	border-radius: 0px;
	color: #fff;
}

.btv em {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	background: #000;
	padding: 6px 12px;
	border-radius: 0px;
	color: #fff;
}

.btv:hover span,
.btv:hover em {
	background: #2c6dab;
	color: #fff
}

a.add-plus {
	font: bold 13px 'Verdana', Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	background: #d4d4d4;
	padding: 6px;
	border-radius: 4px;
	color: #515151
}

a.add-plus:hover {
	background: #fff;
	color: #528cc3
}

.txt-btv {
	font: bold 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #528cc3;
	float: right;
	margin: 10px 10px 0 0;
}

.lock-btn {
	background: #232222 url(../img/pass-icon-wi.png) no-repeat scroll center center;
	border-radius: 4px;
	color: #515151;
	width: 90px;
	height: 29px;
	margin: 4px 0 0 6px
}

.ttime {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #bbb;
	padding: 2px;
}

.lmb {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #bbb;
	float: left;
	margin: 0 0 0 10px;
	cursor: pointer
}

.tgl-blue-content .lmb {
	margin: 4px 0 0 10px
}

.lmb span {
	display: block;
	float: right;
	padding: 6px 12px;
	border-radius: 0px;
	color: #ffdf1b;
}

.lmb em {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	padding: 6px 12px;
	border-right: 1px solid #444;
	border-radius: 0px;
	color: #ffdf1b;
}

.lmb:hover span,
.lmb:hover em {
	color: #fff
}

.tgl-blue-content .lmb:hover span,
.tgl-blue-content .lmb:hover em {
	background: #fff;
	color: #F2420B
}

.tgl-blue-content .lmb em {
	border-right: 1px solid #F2420B
}

.lmb-tv {
	display: none;
}

.lmb-tv:hover {
	background: url(../img/tv2.png) no-repeat scroll 5px 6px
}

.lmb-chart {
	display: none;
}

.lmb-chart:hover {
	background: url(../img/tv2.png) no-repeat scroll -33px 6px
}

a.plus {
	font: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #ccc;
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 6px;
	border-radius: 0px;
	height: 30px
}

a.plus:hover {
	background: #fff;
	color: #2D6EAC
}

.tgl-blue-content .lmb-tv,
.tgl-blue-content .bets-panel li a.plus,
.tgl-blue-content .lmb-chart {
	margin: 4px 0 0 10px
}

.Banners {
	overflow: hidden;
	min-height: 300px;
	position: relative;
}

.Banners .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.Banners .content h1 {
	color: #f7d146;
	font-size: calc(1em + 1.5vw);
	font-weight: 800;
	line-height: 1em;
	margin: 0 0 1em;
}

.Banners .button {
	margin-top: 12px;
	white-space: nowrap;
	font-size: 1.3em;
	background-color: #f7d146;
	color: #000;
	font-weight: 700;
	padding: 15px 50px;
	border-radius: 2px;
}

.Banners .background {
	height: 450px;
	background-position: 0 center;
	background-repeat: no-repeat;
}

.banner img.bg {
	width: 100%;
	border-radius: 6px
}

.intro-main-content .grids {
	background: transparent url(../images/bw_bg.jpg)no-repeat scroll;
	background-size: cover;
}

.IndexGrid {
	display: grid;
	grid-auto-rows: 1fr;
	grid-auto-columns: 1fr;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 16px;
	padding: 20px;
}

.IndexGrid .GridItem {
	position: relative;
	min-height: 25vh;
	background: none;
	box-shadow: none;
}

.IndexGrid .GridItem {
	position: relative;
	min-height: 25vh;
	background: none;
	box-shadow: none;
}

.IndexGrid .GridItem1 {
	grid-row: 1 / 3;
}

.IndexGrid .GridItem4 {
	grid-area: 1 / 4 / 3 / auto;
}

.IndexGrid .GridItem .button {
	position: relative;
	background-color: #f7d146;
	color: #000;
	font-weight: 700;
	display: inline-block;
	padding: 9px 15px;
	margin-top: 15px;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 11px;
}

.IndexGrid .GridItem>.content {
	padding: 30px 10% 20px;
	position: relative;
	z-index: 1;
	float: none;
}

.IndexGrid .GridItem>.content p {
	text-transform: uppercase;
	color: #fff;
}

.IndexGrid .GridItem>.content h3 {
	text-transform: uppercase;
	color: #f7d146;
	font-weight: 700;
	line-height: 1.1em;
	font-size: calc(1.1em + .5vw);
	margin: .5em 0;
}

.IndexGrid .GridItem>.background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background-size: cover;
	background-position: 50%
}

.vs {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	font: bold 20px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	z-index: 99;
	text-shadow: 1px 1px 2px #000
}

.vs span {
	padding: 0 30px
}

.vs a {
	color: #fff
}

.banner {
	position: relative;
}

.clock-gray {
	font: 16px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 0;
	text-align: center;
	width: 100%;
	opacity: .9;
	text-shadow: 1px 1px 2px #000
}

.clock {
	display: inline;
	vertical-align: -1px;
	opacity: 1
}

.banner>.btn-silver {
	position: absolute;
	left: 10px;
	bottom: 10px
}

.light-menu {
	margin-top: 14px;
}

.light-menu ul {
	list-style: none;
	background: #111;
	padding: 2px;
	margin: 0 0 14px
}

.light-menu ul li {
	padding: 2px 10px;
	display: inline-block;
	border-right: 1px solid #666;
}

.light-menu ul li:last-child {
	border: none
}

.light-menu ul li a {
	font: bold 13px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #bbb;
}

.light-menu ul li a:hover {
	color: #2B68A3
}

.tgl-blue {
	font: bold 17px/17px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 8px;
	text-transform: uppercase;
	cursor: pointer;
	background: #999;
	background: #999 url(../img/toggle-up.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-up.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-up.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-up.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-up.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-up.png) no-repeat scroll center right;
}

.tgl-blue.opened {
	background: #999;
	background: #999 url(../img/toggle-down.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-down.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-down.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-down.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-down.png) no-repeat scroll center right;
	background: #999 url(../img/toggle-down.png) no-repeat scroll center right;
}

.tgl-round,
.tgl-extra {
	border-radius: 0px
}

.tgl-blue-content {
	display: none;
	background: transparent
}

.tgl-small-table,
.tgl-blue-table {
	width: 100%;
    border-collapse: separate !important;
    border-spacing: 8px !important;
}

.tgl-small-table tr,
.tgl-blue-table tr {
	border-radius: 0px;
	border-bottom: 1px solid #404040;
}

.tgl-small-table tr td {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 20px;
	background: #111;
}

.tgl-small-table tr td a {
	font: 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
}

.tgl-small-table tr td a.right {
	font: bold 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #000
}

.tgl-small-table tr td a:hover {
	color: #2D6EAC
}

.tgl-small-table tr td em {
	font: normal bold 12px 'Verdana', Arial, Helvetica, sans-serif;
	color: #2D6EAC
}

.w50p {
	width: 50%
}

.tgl-blue img {
	display: inline-block
}

.tgl-blue-table tr td {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #F2F7FB;
	padding: 10px 20px;
	border-right: 1px solid #265E92;
	border-left: 1px solid #427DB4;
	background: #2D6EAC
}

.tgl-blue-table tr td a {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff
}

.tgl-blue-table tr td a.right {
	font: bold 13px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff
}

.tgl-blue-table tr td a:hover {
	color: #96B7D6
}

.tgl-extra {
	font: bold 22px/22px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 24px 14px
}

.in-blue-cell {
	background: #2D6EAC;
	padding: 2px;
	border-radius: 0 0 4px 4px
}

.bottom-tbl {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate
}

.bottom-tbl td {
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	padding: 8px;
	background: #163756;
	color: #fff;
	vertical-align: middle
}

.bottom-tbl td.l-corn {
	background: #122C45;
	border-radius: 4px 0 0 4px;
	background-clip: padding-box;
	text-align: center;
	color: #fff;
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.bottom-tbl td.r-corn {
	background: #122C45;
	border-radius: 0 4px 4px 0;
	background-clip: padding-box;
	text-align: center;
	color: #fff;
	font: 13px 'Verdana', Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.bottom-tbl td span {
	float: right;
	color: #fff;
	font: bold 13px/13px 'Verdana', Arial, Helvetica, sans-serif;
	vertical-align: middle
}

.bottom-tbl td a,
.bottom-tbl td span a {
	color: #fff
}

.bottom-tbl td a:hover,
.bottom-tbl td span a:hover {
	color: #538dc5
}

.wcon {
	font: 14px 'Verdana', Arial, Helvetica, sans-serif;
	color: #505050;
	background: #F3F3F3;
	padding: 14px;
	border-radius: 4px
}

.live-bett {
	display: inline-block;
	width: 25px;
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	background: transparent url(../img/menu-icon4.png)
}

.arr-r {
	display: inline-block;
	background: transparent url(../img/arrow-red.png) no-repeat scroll 0 0;
	width: 11px;
	height: 6px;
	vertical-align: middle
}

.arr-g {
	display: inline-block;
	background: transparent url(../img/arrow-green.png) no-repeat scroll 0 0;
	width: 11px;
	height: 6px;
	vertical-align: middle
}

.lock {
	float: left;
	display: block;
	width: 94px;
	height: 29px;
	border-radius: 4px;
	background: #f2420b url(../img/pass-icon-wi.png) no-repeat scroll center center;
	cursor: default;
	border: 1px solid #f2420b
}

.open-cell {
	display: block
}

.slider-box .small-tbl,
.slider-box .small-tbl tr {
	border-radius: 4px;
	border: none
}

.slider-box .small-tbl td {
	border: none
}

.tgl-blue-content h3 {
	font: bold 18px 'Verdana', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 10px 10px 30px
}

.live-tns {
	background: transparent url(../img/bets3.png) no-repeat scroll 3px 10px
}

footer.footer {
	background: #474747;
	color: #acacac;
	overflow: hidden;
	padding: 0px 15px;
}

footer.footer .container {
	max-width: 980px;
	margin: 0 auto;
}

footer h2 {
	text-transform: capitalize;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 17px;
}

.footer_top_Menu li {
	margin: 6px 0;
}

footer p {
	margin: 10px 0;
}

.footer .bottom-section {
	padding-top: 40px;
}

.footer-logo {
	text-align: center;
}

.footer-logo a {
	display: inline-block;
	width: 150px;
}

.footer-menu {
	margin: 20px 0;
	text-align: center;
}

.footer .social i {
	color: #a9a9a9;
	font-size: 23px;
}

.footer .social a {
	display: inline-block;
	margin: 0 10px 15px auto;
}

.topSection .licence {
	position: absolute;
	left: 0;
}

.licence img {
	height: 26px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: baseline;
}

.footer__copyright__symbol {
	display: inline-block;
	vertical-align: sub;
	color: #bbb;
	font-size: 13px;
}

.footerBottomenu li {
	display: inline-block;
	padding: 5px 12px;
	margin: 2px;
}

.about-us {
	padding-right: 20px;
	margin-bottom: 20px;
}

.about-us p {
	font-size: 12px;
	line-height: 1.3;
}

.icons {
	margin: 30px 0;
}

.payments li,
.vendors li {
	float: left;
	height: 30px;
	opacity: .5;
	list-style: none;
	margin-bottom: 10px;
	display: inline-block;
}

.payments li:hover,
.vendors li:hover {
	-webkit-filter: saturate(1);
	filter: saturate(1);
	opacity: 1;
}

.social {
	text-align: center;
	margin: 20px 0;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}

.bets-panel li>a,
.bets-panel li>p,
.ttime {
	float: left;
}

.bets-panel .pakelti {
	margin-top: 0px;
}

.desktop-view tr {
	border-bottom: 1px solid #404040;
}

.desktop-view tr td {
	vertical-align: middle;
	padding: 10px 0;
}

.error {
	border: 1px solid #E65858
}

.tooltip {
	position: absolute;
	z-index: 1020;
	display: block;
	visibility: visible;
	padding: 5px;
	font-size: 11px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100)
}

.tooltip.top {
	margin-top: -2px
}

.tooltip.right {
	margin-left: 2px
}

.tooltip.bottom {
	margin-top: 2px
}

.tooltip.left {
	margin-left: -2px
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #2D6EAC
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #2D6EAC
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #2D6EAC
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #2D6EAC
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	background-color: #2D6EAC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0
}

.on-click:hover,
.big-tbl td.r-corn:hover,
.small-tbl td.r-corn:hover,
.tgl-small-table td:hover,
.tgl-blue-table td.r-corn:hover,
.bottom-tbl td.r-corn:hover {
	background: #111;
	color: white;
	cursor: pointer;
}

.on-click:hover a,
.tgl-small-table tr td:hover em {
	color: white;
}

img.roll.betslip {
	margin: 0 auto;
}

.buttonmove {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px
}

.dark-table {
	padding-top: 15px;
	padding-left: 10px;
}

.paymenttable {
	margin-top: 15px;
	margin-bottom: 25px;
	width: 100%;
}

.user-loged .btn-silver {
	margin: 10px;
	background: #FF8A00;
	color: #fff;
}

#WithdrawIndexForm div.submit input[type="submit"],
#UserBonusForm div.submit input[type="submit"],
#UserAccountForm .btn-regs {
	background: #FF8A00;
	border: none;
	display: inline-block;
	box-shadow: none;
	width: inherit;
	color: #fff;
	font-weight: bold;
	line-height: 1.8;
	padding: 8px 16px;
}

.paymenttable tr {
	border-bottom: 1px solid #3b3838;
}

.paymenttable tr td {
	text-align: left;
	display: inline-block;
	padding: 6px 20px;
	white-space: nowrap;
	vertical-align: middle;
	width: 20%;
}

.paymenttable label {
	color: #545454;
}

#CreditPaymentIndexForm {
	text-align: center;
}

#CreditPaymentIndexForm label {
	display: inline-block;
	margin-right: 10px;
	width: 140px;
}

.payments {
	display: initial;
}

.forma-box {
	margin-top: 15px;
}

.forma-box1 {
	margin-bottom: 25px;
}

.forma-box2 {
	margin-bottom: 15px;
	margin-top: 10px;
}

.form-nav1 {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
}


/* Design By ZIA */

.client-logos {
	padding: 40px 0;
	border-top: 1px solid #000;
}

.list--display-table {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list--type-bordered>.list__item:not(:last-child) {
	border-width: 0 1px 0 0;
	border-style: solid;
}

.list--display-table>.list__item {
	display: table-cell;
	vertical-align: top;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1px 0;
	padding: 0;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
	transition: opacity 0.4s;
	pointer-events: none;
}

.overlay-is-enabled {
	opacity: 1;
	-ms-filter: none;
	-webkit-filter: none;
	filter: none;
	pointer-events: auto;
}

.login-container {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99999;
	width: 25vw;
	height: 100vh;
	overflow: visible;
	border-left: 1px solid #353535;
	background-color: #191919;
	color: #fff;
	display: none;
	padding-top: 20px;
}

.reg-container {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99999;
	width: 25vw;
	height: 100vh;
	overflow: visible;
	border-left: 1px solid #353535;
	background-color: #191919;
	color: #fff;
	display: none;
	padding-top: 0px;
	box-sizing: border-box;
}

.login_inner {
	display: block;
	overflow: hidden;
	height: 100%;
	padding: 32px;
}

.reg_inner {
	display: block;
	height: 100%;
	padding: 32px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.login_close,
.reg_close {
	padding: 10px;
	z-index: 14;
	background: #FF8A00;
	text-align: center;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.login_close span,
.reg_close span {
	float: right;
}

.user-avater {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.user-avater img {
	display: inline-block;
}

.reset_pass {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.reset_pass a {
	color: #fff;
	font-size: 18px;
}

.bg--secondary {
	border-color: #2E6DAC;
	background-color: #000;
	color: #fff;
}

.hero {
	height: calc( 100vh - 130px);
	position: relative;
	overflow: hidden;
	width: 100%;
}

.hero_video {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.hero__content {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 95%;
}

.hero__content h1 {
	font-size: 72px;
	font-weight: normal;
	font-family: 'Verdana';
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.fb--xs--valign-cover {
	-o-box-align: stretch;
	align-items: stretch;
	height: 100%;
}

.fi--xs--width-12 {
	display: block;
	flex-basis: 100%;
}

.gc--xs--width-12 {
	display: inline-block;
	width: 100%;
}

.pos-left {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px;
}

.pos-right {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
}

#mobileLogin {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: rgba(255, 138, 0, 0.15);
	border: 2px solid #FF8A00;
	border-radius: 8px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	color: #FF8A00;
	font-size: 18px;
}

.games-section {
	width: 100%;
	max-width: 1280px;
	margin: 20px auto;
}

.cardholder-top-game-item {
	max-height: 120px;
	width: 33%;
	display: inline-block;
	position: relative;
}

.secondary-pod-container {
	cursor: pointer;
	display: block;
	max-width: 1280px;
	margin: 20px auto 0;
	text-align: center;
	width: 100%;
}

.secondary-pod-container__item-image-container {
	height: 120px;
	overflow: hidden;
	position: relative;
}

.secondary-pod-container__item-image {
	background-size: cover;
	object-fit: cover;
	transition: .35s all ease-out;
	width: 100%;
	border: none;
	height: 100%;
}

.secondary-pod-container__item-overlay-container {
	background-color: rgba(51, 51, 51, .9);
	bottom: 0;
	right: 0;
	left: 0;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.secondary-pod-container__item-content {
	bottom: 0;
	height: 30px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

.secondary-pod-container__item-title-container {
	background-color: rgba(68, 68, 68, .9);
	height: 30px;
	float: left;
	position: relative;
}

.secondary-pod-container__item-title {
	color: #00fff2;
	font-size: 18px;
	font-weight: normal;
	text-transform: capitalize;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	min-width: 100px;
}

.secondary-pod-container__item-overlay-text {
	color: #00fff2;
	display: block;
	font-size: 18px;
	line-height: 30px;
	opacity: 0;
	text-align: center;
	transition: .35s all ease-out;
	-o-transform: translateY(-11px);
	-ms-transform: translateY(-11px);
	-moz-transform: translateY(-11px);
	-webkit-transform: translateY(-11px);
	transform: translateY(-11px);
	webkit-transform: translateY(-11px);
}

.secondary-pod-container__item:hover .secondary-pod-container__item-overlay-container {
	opacity: .9;
	transition: .35s all ease-out;
}

.secondary-pod-container__item:hover .secondary-pod-container__item-image {
	transform-origin: center;
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.secondary-pod-container__item:hover .secondary-pod-container__item-overlay-text {
	opacity: 1;
	webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.intro-game {
	max-width: 1280px;
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
	grid-gap: -1px;
	background: transparent;
	-ms-grid-rows: ([row-start] 1fr [row-end])[2];
	grid-template-rows: repeat(2, [row-start] 1fr [row-end]);
	-ms-grid-columns: ([col] 25%)[4];
	grid-template-columns: repeat(4, [col] 25%);
}

.grid-item {
	float: left;
	overflow: hidden;
	position: relative;
	height: 224px;
}

.grid-item:nth-child(1) {
	-ms-grid-column: 1;
	grid-column-start: 1;
	grid-column-end: 2;
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

.grid-item:nth-child(2) {
	-ms-grid-column: 1;
	grid-column-start: 2;
	grid-column-end: 3;
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

.grid-item:nth-child(3) {
	-ms-grid-column: 1;
	grid-column-start: 3;
	grid-column-end: 4;
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

.grid-item:nth-child(4) {
	-ms-grid-column: 1;
	grid-column-start: 1;
	grid-column-end: 2;
	-ms-grid-row: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.grid-item:nth-child(5) {
	-ms-grid-column: 1;
	grid-column-start: 2;
	grid-column-end: 3;
	-ms-grid-row: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.grid-item:nth-child(6) {
	-ms-grid-column: 1;
	grid-column-start: 3;
	grid-column-end: 4;
	-ms-grid-row: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.grid-item:nth-child(7) {
	-ms-grid-column: 2;
	grid-column-start: 4;
	grid-column-end: 6;
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 3;
	height: 100%;
}

.grid-item .secondary-pod-container__item-image-container {
	height: 100%;
	overflow: hidden;
	position: relative;
}

#date_time {
	color: #fff;
	font-family: normal 14px 'Verdana', Arial, Helvetica, sans-serif;
	display: inline;
	float: right;
	margin-left: 10px;
}

.text--ellipsis {
	font-size: 16px;
	color: #000;
	text-transform: capitalize;
	font-family: 'Myriad Regular';
}

.instant-play {
	margin: 15px 0;
}

.mobile-view {
	display: none;
}

.desktop-view {
	display: block;
}

.tgl-small-table tr td.addBet {
	cursor: pointer;
}

.sports-zi-listing {
	padding: 10px 0;
	background: #FF8A00;
	width: 100%;
	float: left;
	border-top: 4px solid #585858;
}

.sports-zi-listing h1 {
	display: inline-block;
	float: left;
	color: #FFE418;
	padding-left: 20px;
	width: 29%;
	font-weight: bold;
	text-transform: capitalize;
}

.sports-zi-listing ul {
	float: right;
	width: 70%;
	display: block;
}

.sports-zi-listing ul li {
	padding: 0 10px;
	display: inline-block;
}

.sports-zi-listing ul li a {
	color: #fff;
	opacity: .555;
}

.sports-zi-listing ul li a:hover {
	color: #F7D146;
}

.customNavigation a {
	position: absolute;
	top: 33%;
	font-size: 1.25rem;
	color: #ffffff;
	cursor: pointer;
	width: 1.667em;
	text-align: center;
	background: #acacac;
	padding: 3px 12px;
}

.customNavigation .next {
	float: right;
	right: 0;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.customNavigation .prev {
	float: left;
	left: 0;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.content-main-live #sports-zi-odds-menu {
	padding: 10px 50px;
}

#sports-zi-odds-menu {
	position: relative;
	padding: 0px 50px;
	background: #404040;
}

#sports-zi-odds-menu .item {
	text-align: center;
	position: relative;
}

#sports-zi-odds-menu .icon {
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

.icon {
	display: block;
	background: transparent url(../img/icons/sports/default.png) no-repeat scroll 0 0;
}

.icon-Football {
	display: block;
	background: transparent url(../img/icons/sports/soccer.png) no-repeat scroll 0 0;
}

.icon-Tennis {
	display: block;
	background: transparent url(../img/icons/sports/tennis.png) no-repeat scroll 0 0;
}

.icon-Floorball {
	display: block;
	background: transparent url(../img/icons/sports/floorball.png) no-repeat scroll 0 0;
}

.icon-Basketball {
	display: block;
	background: transparent url(../img/icons/sports/basketball.png) no-repeat scroll 0 0;
}

.icon-RugbyUnion {
	display: block;
	background: transparent url(../img/icons/sports/rugby.png) no-repeat scroll 0 0;
}

.icon-Cycling {
	display: block;
	background: transparent url(../img/icons/sports/cycling.png) no-repeat scroll 0 0;
}

.icon-Golf {
	display: block;
	background: transparent url(../img/icons/sports/golf.png) no-repeat scroll 0 0;
}

.icon-Volleyball {
	display: block;
	background: transparent url(../img/icons/sports/volleyball.png) no-repeat scroll 0 0;
}

.icon-Handball {
	display: block;
	background: transparent url(../img/icons/sports/handball.png) no-repeat scroll 0 0;
}

.icon-Cricket {
	display: block;
	background: transparent url(../img/icons/sports/cricket.png) no-repeat scroll 0 0;
}

.icon-IceHockey {
	display: block;
	background: transparent url(../img/icons/sports/ice-hockey.png) no-repeat scroll 0 0;
}

.icon-AmericanFootball {
	display: block;
	background: transparent url(../img/icons/sports/american-football.png) no-repeat scroll 0 0;
}

.icon-Boxing {
	display: block;
	background: transparent url(../img/icons/sports/boxing.png) no-repeat scroll 0 0;
}

.icon-Darts {
	display: block;
	background: transparent url(../img/icons/sports/dartboard.png) no-repeat scroll 0 0;
}

.icon-Snooker {
	display: block;
	background: transparent url(../img/icons/sports/snooker.png) no-repeat scroll 0 0;
}

.icon-Futsal {
	display: block;
	background: transparent url(../img/icons/sports/sports-and-competition.png) no-repeat scroll 0 0;
}

.icon-TableTennis {
	display: block;
	background: transparent url(../img/icons/sports/table-tennis.png) no-repeat scroll 0 0;
}

.icon-RugbyLeague {
	display: block;
	background: transparent url(../img/icons/sports/rugby.png) no-repeat scroll 0 0;
}

.icon-Formula1 {
	display: block;
	background: transparent url(../img/icons/sports/car.png) no-repeat scroll 0 0;
}

.icon-MartialArts {
	display: block;
	background: transparent url(../img/icons/sports/karate-fighter.png) no-repeat scroll 0 0;
}

.icon-RinkHockey {
	display: block;
	background: transparent url(../img/icons/sports/hockey.png) no-repeat scroll 0 0;
}

.icon-Sailing {
	display: block;
	background: transparent url(../img/icons/sports/boat.png) no-repeat scroll 0 0;
}

.icon-Bandy {
	display: block;
	background: transparent url(../img/icons/sports/tennis.png) no-repeat scroll 0 0;
}

.icon-AlpineSkiing {
	display: block;
	background: transparent url(../img/icons/sports/skiing.png) no-repeat scroll 0 0;
}

.icon-Biathlon {
	display: block;
	background: transparent url(../img/icons/sports/biathlon.png) no-repeat scroll 0 0;
}

.icon-SkiJumping {
	display: block;
	background: transparent url(../img/icons/sports/ski-jumping.png) no-repeat scroll 0 0;
}

#sports-zi-odds-menu .item a {
	color: #fff;
	opacity: .555;
	display: block;
	margin-top: 7px;
}

#sports-zi-odds-menu .item a span {
	vertical-align: bottom;
	margin-top: 10px;
	display: block;
}

#sports-zi-odds-menu .item a:hover {
	color: #fff;
	opacity: 1;
}


/* =========================live casino========================================== */

.livecasino-main {
	width: 70%;
	padding: 0 30px;
	margin: 0 auto;
}

.live-item {
	float: left;
	width: 33.33%;
	padding: 10px;
	position: relative;
	cursor: pointer;
}

.live-item img {
	width: 100%;
	height: auto;
}

.live-item .hover-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all 0.3s ease 0s;
}

.live-item .hover-text h2 {
	font-size: 46px;
	color: #fff;
}

.live-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	z-index: 99;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all 0.3s ease 0s;
}

.live-item:hover::after {
	height: 100%;
	opacity: 1;
}

.live-item:hover .hover-text {
	visibility: visible;
	opacity: 1;
}


/*========================================Contact Page Design===========================*/

.con-page-content {
	background: url(../img/contact-page-bg.jpg) no-repeat scroll 0 0;
	padding: 80px 0;
	background-size: cover;
}

.con-page-content .tgl-content {
	background: transparent;
}

.contact-blue-box {
	width: 50%;
	margin: 0px auto;
	padding: 20px 50px;
	background: rgba(0, 0, 0, .5);
	border-radius: 7px;
}

.contact-form h2 {
	color: #fff;
}

div.input {
	margin-bottom: 10px;
}

#ContactIndexForm label {
	display: inline-block;
	margin-right: 10px;
	width: 70px;
	color: #fff;
}

#ContactIndexForm input,
#ContactIndexForm textarea {
	border: 1px solid #f5f5f5;
	padding: 7px 10px;
	width: 100%;
	color: #fff;
}

#ContactIndexForm input[type='submit'] {
	display: inline-block;
	width: inherit;
	padding: 7px 30px;
	background: #F7D146;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #F7D146;
}

.address {
	color: #fff;
	margin-top: 30px;
}

.address h2 {
	color: #fff;
}

div.grid-item #signin-button,
div.game-item #signin-button {
	background: transparent;
}

.stake-pick {
	display: inline-block;
	float: left;
	width: 86%;
}

.virtual-main{
    padding: 30px 10px;
    background: #111;
    overflow: hidden;
}
.virtual-main h2 {
    font: 20px 'Open Sans', Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #fff;
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 15px;
}
.virtual-main h2::before {
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
	position: absolute;
	content: "";
	background: linear-gradient(to right, rgba(0,0,0,0.03) 0%, #c0c0c0 15%, rgba(0,0,0,0.03) 100%);
}
.virtual-item{
	float: left;
	width: 24.33%;
	margin: 5px;
	position: relative;
	cursor: pointer;
}

.virtual-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	z-index: 99;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all 0.3s ease 0s;
}
.virtual-item img {
    width: 100%;
    height: auto;
}
.virtual-item h3 {
	background: linear-gradient(to right, #000, #FF8201 50%);
	color: white;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-size: 14px;
	margin-top: -5px;
	height: 30px;
	line-height: 28px;
}


.virtual-item .playg #signin-button, .virtual-item .playg a {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 999;
	font-size: 15px;
	font-weight: normal;
	padding: 10px 32px;
	color: #000;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity:0;
	visibility: hidden;
	transition: all ease-in-out .4s;
	letter-spacing: 1.2px;
	border-radius: 4px;
	cursor: pointer;
}

 .virtual-item:hover .playg #signin-button, .virtual-item:hover .playg a {
    opacity: 1;
    visibility: visible;
}
.virtual-item:hover::after {
    height: 100%;
    opacity: 1;
}

/*=============================================Responsive Design start=======================================*/

@media (min-width: 1200px) and (max-width: 1640px) {
	.live-dealer-game-part .live-dealer-header a {
		margin-left: -10px;
	}
	.slider-box h1 {
		width: 55%;
	}
}

@media (min-width: 1200px) {
	header .container,
	nav .container,
	section .container,
	#submenu .container {
		width: 100%;
	}
	.deposit {
		width: 100%;
	}
	.inline-cell {
		width: 560px;
		margin: 20px
	}
	.container>.col {
		width: 255px
	}
	.footer-menu>.container,
	.footer-txt>.container,
	.copyright>.container {
		width: 100%;
	}
	.row-form {
		min-height: 550px
	}
	.rem-txt {
		float: right;
		width: 86%;
		margin-top: 8px;
	}
	.carousel-caption {
		font: 30px/40px 'Verdana', Arial, Helvetica, sans-serif
	}
	.block40 {
		width: 40%
	}
	.main-bets h1 {
		float: none
	}
	.vs {
		top: 5px;
		font: bold 20px 'Verdana', Arial, Helvetica, sans-serif
	}
	.faq-list li a {
		font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
		padding: 10px;
	}
	.small-tbl td span {
		float: inherit;
	}
	.small-tbl td {
		text-align: center;
	}
}

@media (max-width: 1200px) {
	.live-dealer-image {
		width: 40%;
	}
	.live-dealer-game-part .live-dealer-header a {
		margin-left: 3px;
	}
	.slider-box h1 {
		font-size: 12px;
		width: 56%;
	}
}

@media (min-width: 768px) and (max-width: 999px) {
	header .container,
	nav .container,
	section .container,
	#submenu .container {
		width: 100%;
	}
	section#main .container {
		width: 100%;
		padding: 10px;
	}
	.deposit {
		width: 100%;
	}
	.inline-cell {
		width: 100%;
		margin: 20px
	}
	.container>.col {
		width: 350px;
		margin: 0 0 20px
	}
	.footer-menu>.container,
	.footer-txt>.container,
	.copyright>.container {
		width: 100%;
	}
	.content {
		width: 79%
	}
	.sidebar,
	.sidebar2-user-inside {
		width: 20%;
		min-height: initial;
	}
	.content-main {
		margin: 0;
		width: 80%;
	}
	.sidebar3 {
		float: left;
		width: 49%;
		min-height: initial;
	}
	.open-cell.slenkama-lentele {
		overflow: auto;
	}
	.sidebar2 {
		width: 49%;
		min-height: initial;
	}
	.row-form {
		min-height: 550px
	}
	.rem-txt {
		float: right;
		width: 86%;
		margin-top: 8px;
	}
	.carousel-indicators {
		bottom: 10px
	}
	.carousel-caption {
		font: 18px 'Verdana', Arial, Helvetica, sans-serif;
		bottom: 30px
	}
	.block40 {
		width: 44%
	}
	.srch-inp {
		width: 680px
	}
	header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
		background-color: #FF8A00;
		padding: 10px 15px;
		height: initial;
	}
	#main-menu {
		float: left;
		width: 85%;
	}
	#login-form {
		float: right;
		width: 48%;
		text-align: right;
	}
	.main-bets h1 {
		float: left
	}
	.vs {
		top: 5px;
		font: bold 20px 'Verdana', Arial, Helvetica, sans-serif
	}
	.blue-box h5 {
		font: 500 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #81a8cd;
		text-transform: uppercase;
		margin: 10px
	}
	.login-input {
		padding: 3.5px 10px;
		margin-bottom: 3px;
		width: 100%;
		background: #127052;
		color: #4acfa5;
		border: 1px solid #127052;
	}
	#main-menu ul li a {
		padding: 13px 7px;
	}
	.content,
	.sidebar2 {
		margin: 0 0 14px
	}
	.search-col {
		float: left;
		width: 20%;
		padding: 0 4px;
	}
	button.search {
		padding: 10px;
		width: 100%;
	}
	#lang_nav {
		width: 80%;
		float: right;
		margin: 0px;
	}
	.content.user-content {
		width: 100%;
	}
	.user-registration,
	.user-reset {
		width: 100%;
	}
	.country h5::after,
	.personal-info h5::after,
	.contact-info h5::after,
	.create-login h5::after,
	.address h5::after {
		top: 60%;
	}
	.rem-box {
		margin: 10px;
	}
	.content-main-live {
		width: 66%;
		padding-left: 0px;
	}
	.sidebar-live {
		width: 33%;
	}
	.live-dealer-image img {
		max-width: 111px;
	}
	#main {
		position: relative;
		padding: 15px;
	}
	.cardholder-top-game-item {
		width: 32.5%;
	}
	.grid-item {
		height: 134px;
	}
	.livecasino-main {
		width: 100%;
		padding: 8px;
	}
	.live-item .hover-text h2 {
		font-size: 25px;
	}
	.content-main-default,
	.sidebar2-default {
		float: left;
		width: 80%;
		margin: 0;
		min-height: initial;
	}
	.sports-list li a {
		padding: 9px;
	}
	#loged {
		width: initial;
		max-width: initial;
	}
	.main-content.user-loged {
		width: 100%;
		padding: 10px;
	}
	.faq-list li a {
		padding: 10px;
		font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
		color: #fff;
		border-bottom: 1px solid transparent;
	}
	.faq-list li {
		background: transparent;
	}
	.faq-list li a:hover,
	.faq-list li a.active {
		background: transparent;
		color: #FFF000;
		border-bottom: 1px solid #f2f2f2;
	}
}

@media (min-width: 768px) {
	.header__mobile,
	#mobile-view {
		display: none;
	}
	.gc--md--width-2 {
		display: inline-block;
		width: 16.666666666666664%;
	}
	.related-games {
		background: #fff;
		padding-top: 30px;
	}
	.related-games h2 {
		margin-bottom: 30px;
		font-size: 24px;
		margin-left: 10px;
	}
	.related-games .gc--md--width-2 {
		display: inline-block;
		width: 14.667%;
	}

	#login-form.Mobile-view {
		display: none;
	}
}

@media (max-width: 767px) {
	.backtop {
		display: block;
	}
	header .container,
	nav .container,
	section .container,
	#submenu .container {
		width: 100%;
	}
	#submenu .container {
		width: 100%!important;
	}
	.deposit {
		width: 100%;
	}
	.inline-cell {
		width: 100%;
		margin: 20px
	}
	.container>.col {
		width: 350px;
		margin: 0 0 20px
	}
	.footer-menu>.container,
	.footer-txt>.container,
	.copyright>.container {
		width: 100%;
	}
	.row-form {
		min-height: 550px
	}
	.rem-txt {
		float: right;
		width: 86%;
		margin-top: 8px;
	}
	.carousel-indicators {
		bottom: 10px
	}
	.carousel-caption {
		font: 18px 'Verdana', Arial, Helvetica, sans-serif;
		bottom: 30px
	}
	.block40 {
		width: 44%
	}
	.srch-inp {
		width: 100%;
	}
	.main-bets h1 {
		float: left
	}
	.vs {
		top: 5px;
		font: bold 20px 'Verdana', Arial, Helvetica, sans-serif
	}
	.blue-box h5 {
		font: 500 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #81a8cd;
		text-transform: uppercase;
		margin: 10px
	}
	.icon-user {
		background: #161616 url(../img/user-icon.png) no-repeat scroll 8px 10px
	}
	.icon-pass {
		background: #161616 url(../img/pass-icon.png) no-repeat scroll 8px 10px
	}
	#main-menu ul li a {
		display: block;
		padding: 16px 12px;
		font: 500 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -1px
	}
	.content-main,
	.sidebar,
	.sidebar2,
	.content,
	.sidebar2-user-inside,
	.sidebar-loged-user,
	.content-main-live,
	.sidebar2-inside,
	.sidebar-live,
	.sidebar-default,
	.sidebar2-default,
	.content-main-default {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 0;
	}
	#sub-menu #lang_nav,
	.sidebar3 {
		display: none;
	}
	.sidebar-loged-user {
		width: 100%;
		float: left;
	}
	.faq-list li a {
		padding: 10px;
		font: normal 12px 'Verdana', Arial, Helvetica, sans-serif;
		color: #fff;
		border-bottom: 1px solid transparent;
	}
	.faq-list li {
		background: transparent;
	}
	.faq-list li a:hover,
	.faq-list li a.active {
		background: transparent;
		color: #FFF000;
		border-bottom: 1px solid #f2f2f2;
	}
	.content,
	.sidebar2 {
		margin: 0 0 14px
	}
	.open-cell.slenkama-lentele {
		overflow: auto;
	}
	.table-list th {
		font: bold 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #4d4d4d;
		background: #D4D4D4;
		padding: 7px 10px 6px 10px;
		line-height: 1.2;
		text-align: center;
	}
	.table-list th a {
		font: bold 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #4d4d4d;
		background: #D4D4D4;
		line-height: 1.2;
		text-align: center;
		padding: 0;
	}
	#Mobile-sports-menu {
		width: 1200px;
		display: block;
		width: 100%;
		height: 100%;
	}
	#Mobile-sports-menu .top-important,
	#Mobile-sports-menu .sports-list li {
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		padding: 6px 8px;
		border-bottom: 1px solid #111;
	}
	#Mobile-sports-menu .sports-list li a {
		display: block;
		margin-bottom: 0px;
		background-position: 4px 12px;
		box-shadow: none;
		padding: 2px;
		border: none;
	}
	#Mobile-sports-menu .sports-list li a::after {
		top: 5px;
	}
	#Mobile-sports-menu .blue-box {
		border: 0px;
		border-radius: 0px;
		background: transparent;
	}
	.top-important a,
	.sports-list li a {
		display: block;
		padding: 10px 10px 10px 30px;
		font-size: 13px;
	}
	.top-important a {
		padding: 5px 10px 10px 30px;
	}
	#sports-menu,
	.cs-bn-zi {
		display: none;
	}
	#backToTop {
		text-align: center;
		width: 50px;
		height: 50px;
		background: transparent;
		position: fixed;
		bottom: 15px;
		right: 15px;
		color: #00adb5;
		display: none;
		transition: all 600ms ease 0s;
		z-index: 9999;
	}
	header .container {
		width: 100%;
	}
	.header__mobile {
		position: relative;
		height: 55px;
		width: 100%;
		background: transparent;
		border-bottom: 1px solid #FF8A00;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header__logo {
		position: static;
		display: block;
		margin: 0 auto;
		color: #fff;
	}
	.hero__content h1 {
		font-size: 32px;
	}
	header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
		min-height: 55px;
		padding: 0 0;
	}
	.login_inner {
		padding: 10px;
	}
	#login-form {
		float: right;
		padding: 0 10px;
		width: 100%;
	}
	#signin-button,
	.btn-signup {
		width: 49%;
	}
	#main-menu,
	.desktop-view {
		display: none;
	}
	#mobile-view {
		position: absolute;
		top: 55px;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
		z-index: 999;
		background: #1C1D22;
		overflow: hidden;
	}
	#mobile-view a { color: #fff; }
	#mobile-view li { border-bottom: 1px solid #333; }
	#loged {
		padding: 32px;
		position: initial;
		text-align: center;
		width: 100%;
		max-width: 100%;
		margin:0;
	}
	.usr-pl {
		margin-left: 20px;
	}
	.usr-pl a {
		padding-left: 5px;
	}
	.usr-btn {
		margin-top: 10px;
	}
	.icon--menu {
		cursor: pointer;
		color: #fff;
	}
	.icon__self {
		display: block;
	}
	.icon__self {
		display: block;
		color: #fff;
		font-size: 24px;
	}
	.icon_close {
		display: none;
		color: #F7D146;
		font-size: 24px;
	}
	#mobile-view ul#navbarSupportedContent {
		width: 100%;
		list-style: none;
	}
	#mobile-view ul#navbarSupportedContent li {
		border-bottom: 1px solid #404040;
		display: block;
	}
	#mobile-view ul#navbarSupportedContent li a {
		position: relative;
		display: block;
		font-size: 12px;
		color: #bbb;
		line-height: 1;
		padding: 8px 15px;
		text-transform: uppercase;
	}
	#mobile-view .navigation__meta {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		padding: 12px;
		background: #000;
	}
	#lang_nav {
		position: absolute;
		display: inline-block;
		bottom: 0px;
		left: 0;
	}
	.dropbtn {
		position: relative;
		padding: 10px 0;
	}
	.dropbtn span,
	.dropup-content span {
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
	}
	.dropbtn a img {
		display: inline;
		height: 18px;
		width: 30px;
	}
	.dropup-content {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		min-width: 160px;
		bottom: 50px;
		z-index: 1;
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-ms-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.dropbtn:hover .dropup-content {
		bottom: 38px;
		opacity: 1;
		visibility: visible;
	}
	.Banners .button {
		padding: 7px 50px;
	}
	.left-col,
	.right-col {
		float: left;
		width: 100%;
		padding-right: 0;
	}
	.gc--ms--width-3 {
		display: inline-block;
		width: 25%;
	}
	.sidebar2-user-inside {
		display: none;
	}
	.btn-more.btn--hero__signup {
		width: initial;
	}
	.login-bottom .btn-silver {
		margin: 0 0 10px;
	}
	.form-login {
		width: 70%;
		text-align: center;
		margin: 0 auto;
	}
	.form-input {
		width: 100%;
	}
	.mobile-view {
		display: block;
	}
	.desktop-view {
		display: none;
	}
	.sports-list li {
		border-radius: 0px;
	}
	#btn-login {
		border-color: #FF8A00;
		background-color: #FF8A00;
		color: #fff;
		width: 100%;
		padding: 16px 0;
		border-radius: 0px;
	}
	#login-form.Mobile-view {
		display: block;
	}
	#login-form.Desktop-view {
		display: none;
	}
	.form-inputs1,
	.form-inputs2 {
		float: left;
		font: 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #fff;
		width: 100%;
		margin: 0 2px;
		text-align: left;
	}
	.login-container,
	.reg-container {
		width: 100vw;
	}
	.login-container {
		background-color: #FF8A00;
		padding-top: 0;
	}
	.login-container .login-input {
		background: #eee;
		color: #000;
		padding: 12px;
		border: 1px solid #bbb;
		border-radius: 0;
		width: 100%;
	}
	.form-inputs1 label,
	.form-inputs2 label {
		color: #fff;
		margin-bottom: 10px;
		display: block;
	}
	#login-form,
	#reg-form {
		text-align: left;
		color: #bbb;
		font-size: 14px;
	}
	#login-form .top-reg,
	#login-form .form-submit a {
		color: #645e5e;
		font-size: 16px;
		text-transform: capitalize;
		margin: 10px 0;
		padding: 2px 10px;
		display: inline-block;
		text-align: left;
	}
	#login-form .form-submit a {
		border-right: 1px solid #bbb;
	}
	.btn-login-register {
		margin-top: 10px;
		width: 100%;
	}
	.login_close {
		text-align: right;
	}
	.login_close span {
		float: none;
	}
	.footerBottomenu {
		padding-left: 0px;
	}
	.about-us {
		padding-right: 0px;
		text-align: center;
		margin-bottom: 20px;
	}
	.big-tbl td span {
		float: none;
	}
	.payments li,
	.vendors li {
		padding-right: 0%;
	}
	.con-page-content {
		padding: 20px 0;
	}
	.contact-blue-box {
		width: 100%;
		padding: 20px 10px;
	}
	.content-main.user-loged {
		float: left;
		width: 100%;
		background: #4D4D4D;
	}
	#Mobile-sports-menu .primier-div-sports,
	#Mobile-sports-menu ul.sports-list {
		position: initial;
		padding: 0 0px;
		width: 100%;
		overflow-y: scroll;
		height: 100vh;
		margin: 0 auto;
		display: block;
		transform: inherit;
		border: none;
	}
	.cardholder-top-game-item {
		width: 32.5%;
	}
	.primier-div-sports li:hover,
	#Mobile-sports-menu .sports-list li:hover {
		background: #404040;
	}
	ul.tabs {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	ul.tabs li {
		background: none;
		color: #fff;
		display: inline-block;
		padding: 10px;
		cursor: pointer;
	}
	ul.tabs li.current {
		background: #111;
		color: #0BBD85;
		font-size: 14px;
		cursor: pointer;
	}
	#mobile-view .tab-content {
		display: none;
		background: #111;
		padding: 15px;
	}
	#mobile-view .tab-content.current {
		display: inherit;
	}
	.user-registration,
	.user-reset {
		width: 100%;
		margin: 0 auto;
	}
	.games-section {
		margin: 5px 0;
		padding: 0 10px;
	}
	.intro-game,
	.livecasino-main {
		display: block;
		padding: 0 10px;
		width: 100%;
		overflow: hidden;
	}
	.grid-item {
		margin-bottom: 5px;
		width: 50%;
		float: left;
	}
	.live-item .hover-text h2 {
		font-size: 18px;
	}
	.virtual-item{
	    width:48%;
	}
}

@media (max-width: 480px) {
	.cardholder-top-game-item {
		width: 100%;
	}
	header .container,
	nav .container,
	section .container,
	#submenu .container {
		width: 100% !important;
	}
	.deposit {
		width: 100% !important;
	}
	.inline-cell {
		width: 90% !important;
		margin: 20px;
	}
	.container>.col {
		width: 350px;
		margin: 0 0 20px;
	}
	.sidebar2-user-inside {
		display: none;
	}
	.sidebar-loged-user {
		width: 100%;
		float: left;
	}
	.row-form {
		min-height: auto !important
	}
	.registration-form {
		height: 140px;
	}
	.rem-txt {
		float: right;
		width: 86%;
		margin-top: 8px;
	}
	.carousel-indicators {
		bottom: 10px
	}
	.block40 {
		width: 44%
	}
	.srch-inp {
		width: 89% !important;
	}
	.main-bets h1 {
		float: left
	}
	.vs {
		top: 20px !important;
		font: bold 9px 'Verdana', Arial, Helvetica, sans-serif !important;
		text-align: right !important;
		left: -10px !important;
	}
	.blue-box h5 {
		font: 500 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #81a8cd;
		text-transform: uppercase;
		margin: 10px
	}
	/* .login-input{background:#161616;border:1px solid #626161;width:100;border-radius:5px;font:500 18px 'Verdana',Arial,Helvetica,sans-serif;color:#cdcdcd;padding:8px 8px 8px 30px;margin:0 0 5px} */
	.icon-user {
		background: #161616 url(../img/user-icon.png) no-repeat scroll 8px 10px
	}
	.icon-pass {
		background: #161616 url(../img/pass-icon.png) no-repeat scroll 8px 10px
	}
	#main-menu ul li a {
		display: block;
		padding: 16px 12px;
		font: 500 14px 'Verdana', Arial, Helvetica, sans-serif;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -1px
	}
	.content-main,
	.sidebar,
	.sidebar2,
	.content {
		float: none;
		display: block;
		width: 98%
	}
	.content,
	.sidebar2 {
		margin: 0 0 14px
	}
	.form-login {
		width: 80%;
	}
	.big-tbl td {
		padding: 6px;
		text-align: center;
	}
	.top-head,
	.mid-head {
		font: bold 15px 'Verdana', Arial, Helvetica, sans-serif;
		margin: 0 0 20px;
	}
	.carousel-caption {
		font: 11px 'Verdana', Arial, Helvetica, sans-serif !important;
		bottom: 30px !important;
		padding-bottom: 0px;
	}
	.carousel-caption>.btn-more {
		display: none
	}
	.small-tbl td {
		padding: 4px;
		font: 10px/13px 'Verdana', Arial, Helvetica, sans-serif;
	}
	.col3 {
		width: 100% !important;
	}
	.logo {
		float: left;
		position: absolute;
		left: 10px;
		top: -5px;
		width: 170px;
	}
	.tbl-cell1,
	.tbl-cell2 {
		width: 100% !important
	}
	.big-tbl,
	.col4 {
		width: 100%;
	}
	.col4 {
		margin-bottom: 30px;
	}
	footer h3 {
		margin-bottom: 10px;
	}
	.slider-main .carousel-indicators {
		bottom: 0px;
		left: 49%;
	}
	.tstamp {
		margin: -5px auto;
	}
	.slider-box .small-tbl td {
		text-align: right;
	}
	.carousel-indicators li,
	.carousel-indicators .active {
		width: 9px;
		height: 9px;
	}
	.main-bets .nav-tabs>li {
		margin: 10px 0 0 10px;
	}
	.lmb {
		margin: 0px 0px 10px 3px !important;
	}
	.btv span {
		width: 83%;
		text-align: center;
	}
	.box-w2 {
		width: 100%;
		border-right: none;
	}
	.btv.right span {
		width: 49%;
	}
	.box-w3 {
		min-width: 49%;
		border: none;
	}
	.lmb-tv,
	.lmb-chart,
	.add-plus {
		display: none;
	}
	.box-w4 {
		border: none;
		display: flex;
		width: 100%;
		padding: 5px 0;
		margin: 10px 0;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	.box-w4 a {
		margin: 0px auto 0;
	}
	a.add-plus {
		padding: 4px;
	}
	.form-inputs2 {
		margin-bottom: 10px;
	}
	.form-submit {
		float: none;
		text-align: center;
	}
	#submenu .left {
		display: none;
	}
	.menutxt {
		display: none
	}
	#main-menu ul li a .menco {
		display: inline-block !important;
	}
	.small-tbl,
	.clock-gray {
		display: none
	}
	.slider-box h1 {
		font: 18px 'Verdana', Arial, Helvetica, sans-serif;
	}
	#sidebar-events .slider-box h1 {
		font-size: 13px;
	}
	.tstamp {
		background: none
	}
	.main-bets .nav-tabs>li>a {
		min-height: 38px;
		padding: 10px 8px 10px 28px;
	}
	.main-bets .nav-tabs {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
	.bets-panel .right {
		margin-top: 0px !important;
	}
	.nerodyti-mobile {
		display: none
	}
	.banner>.btn-silver {
		left: 5px;
		bottom: 3px;
	}
	.tgl-small-table tr td {
		padding: 10px 5px;
		font: 10px 'Verdana', Arial, Helvetica, sans-serif;
	}
	a.plus {
		height: 35px !important
	}
	.vs span {
		padding: 0 5px;
	}
	.open-cell.slenkama-lentele {
		overflow: auto
	}
	.footer-txt>.container {
		font: 11px/18px 'Verdana', Arial, Helvetica, sans-serif;
	}
	.rememberme {
		display: block;
		margin-bottom: 10px
	}
	.forg {
		margin: 0
	}
	.login-btn .btn-blue {
		margin-bottom: 15px;
	}
	.usr-pl {
		margin-left: 20px;
	}
	.usr-btn {
		margin-bottom: 5px;
	}
	.login-bottom,
	.login-top {
		text-align: center;
	}
	.IndexGrid {
		display: block;
	}
	.left-col,
	.right-col,
	.promotion-wrapper,
	.text-up-slide {
		float: left;
		width: 100%;
		padding-right: 0;
	}
	.footerBottomenu {
		padding-left: 0px;
	}
	.payments li,
	.vendors li {
		float: left;
		width: 33%;
		padding-right: 8%;
	}
	.grid-item,
	.live-item {
		margin-bottom: 5px;
		width: 100%;
		float: left;
	}
	.virtual-item{
	    width:100%;
	}
}

/* EPICBET brand overrides */
:root {
	--epicbet-black: #090909;
	--epicbet-ink: #151515;
	--epicbet-panel: #242424;
	--epicbet-orange: #FF8A00;
	--epicbet-orange-dark: #FF9F2E;
	--epicbet-orange-light: #FF9F2E;
	--epicbet-orange-ultra-light: #FF9F2E;
	--epicbet-white: #ffffff;}

body {
	background: var(--epicbet-black);
}

header,
.top-coupons h2,
.sidebar2-inside h2,
.blue-box h5,
.content-main.user-loged .blue-box h5,
.tgl-blue,
.contact-blue-box h5 {
	background: var(--epicbet-black) !important;
	border-color: var(--epicbet-orange-dark) !important;
}

.epicbet-logo {
	display: inline-block;
	color: #fff;
	font: 800 28px/1 'Verdana', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-decoration: none;
}

.epicbet-logo span {
	color: var(--epicbet-orange);
}

.footer-logo .epicbet-logo {
	font-size: 32px;
}

.header-logo img,
.header__logo img,
.footer-logo img {
	display: none;
}

#main-menu ul li a:hover,
.top-coupons ul li:hover a:after,
.content-main.user-loged .blue-box h5,
.blue-box h5,
.tgl-blue-content .lmb:hover span,
.tgl-blue-content .lmb:hover em,
a:hover {
	color: var(--epicbet-orange) !important;
}

.btn,
button,
.btn-blue,
.side-btn-blue,
.login-btn .btn-blue,
input[type="submit"] {
	background: var(--epicbet-orange) !important;
	border-color: var(--epicbet-orange-dark) !important;
	color: #111 !important;
}

.btn:hover,
button:hover,
.btn-blue:hover,
.side-btn-blue:hover,
input[type="submit"]:hover {
	background: var(--epicbet-orange-dark) !important;
	color: #fff !important;
}

.sidebar,
.sidebar-live,
.sidebar-default,
.sidebar2,
.sidebar2-default,
.sidebar3,
.sidebar2-inside,
footer.footer {
	background-color: var(--epicbet-ink) !important;
}

.top-coupons ul li,
.live-dealer-ImageBannersModule,
.tgl-blue-content,
.manual-deposit-info {
	background-color: var(--epicbet-panel) !important;
	border-color: #383838 !important;
}

.manual-deposit-info {
	color: #f4f4f4;
	margin: 0 auto 15px;
	max-width: 520px;
	padding: 14px;
	text-align: left;
}

.manual-deposit-info p {
	color: #ddd;
	margin-bottom: 10px;
}

.manual-deposit-requisites {
	color: var(--epicbet-orange);
	font-weight: 700;
	white-space: normal;
}

.epicbet-logo:hover,
.epicbet-logo:focus,
.epicbet-logo:active {
	color: #fff !important;
	text-decoration: none;
}

.epicbet-logo:hover span,
.epicbet-logo:focus span,
.epicbet-logo:active span {
	color: var(--epicbet-orange) !important;
}

#sub-menu,
.search-box-row,
.search-box,
.main-bets .tab-content>.active,
.tab-content h4,
.stake,
.tgl-blue-content .bets-panel,
.tgl-blue-content .bets-panel li {
	background: var(--epicbet-black) !important;
	border-color: var(--epicbet-orange-dark) !important;
}

#sub-menu {
	border-top: 1px solid #262626 !important;
	border-bottom: 1px solid var(--epicbet-orange-dark) !important;
}

.search-col {
	padding: 0 0 0 20px;
}

.search-box-row {
	width: 100%;
	padding: 0 20px;
}

.search-box {
	border-right: 0 !important;
}

.srch-inp {
	background: var(--epicbet-panel) !important;
	border: 1px solid #3b3b3b !important;
	color: #fff !important;
}

.search-close {
	color: #fff !important;
}

button.search {
	background: var(--epicbet-orange) !important;
	color: #111 !important;
}

button.search:before {
	color: #fff !important;
}

.main-bets .nav-tabs,
.bl-box,
.stake {
	background: var(--epicbet-ink) !important;
}

.main-bets .nav-tabs>li>a,
.main-bets .nav-tabs>li.tab-fot>a,
.main-bets .nav-tabs>li.tab-bas>a,
.main-bets .nav-tabs>li.tab-ten>a,
.main-bets .nav-tabs>li.tab-ice>a {
	background-color: var(--epicbet-panel) !important;
	color: #fff !important;
}

.main-bets .nav-tabs>li.active>a,
.main-bets .nav-tabs>li.active>a:hover,
.main-bets .nav-tabs>li.active>a:focus,
.bl-box .nav-tabs>li.active>a,
.bl-box .nav-tabs>li.active>a:hover,
.bl-box .nav-tabs>li.active>a:focus {
	background: var(--epicbet-orange) !important;
	color: #111 !important;
}

.top-coupons,
.top-coupons h2,
.top-coupons ul li,
.sidebar2-inside,
.instant-play,
.live-dealer-header,
.live-dealer-game-part {
	border-color: #383838 !important;
}

.sports-list li a:hover:after,
.primier-div-sports li a:hover:after,
.light-menu ul li a:hover,
.small-tbl td span a:hover,
.big-tbl td span a:hover,
.big-tbl td a:hover,
.small-tbl td a:hover,
.bottom-tbl td a:hover,
.bottom-tbl td span a:hover,
.sports-zi-listing ul li a:hover,
#sports-zi-odds-menu .item a:hover {
	color: var(--epicbet-orange) !important;
}

/* ========================================================================= */
/* EPICBET ULTRA DARK REDESIGN                                               */
/* ========================================================================= */

body {
    background: #0B0B0D !important; /* Primary Background */
    color: #C9CDD4; /* Light grey */
    font-family: 'Inter', Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/* Match container backgrounds */
.sidebar.content-main-default { background: transparent !important; }
.content-main-default > div, .content-main-default > .white-in {
    background: #141518 !important;
    border-radius: 8px !important;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #1D1F24 !important;
}

.sidebar2-default, .sidebar3 { background: transparent !important; }
.sidebar2-default > div, .sidebar2-inside, .sidebar3 > div {
    background: #141518 !important;
    border-radius: 8px !important;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #1D1F24 !important;
}

.widget-title, .sidebar-section h3 {
    background: #1D1F24 !important; /* Tertiary */
}

/* Headers of blocks */
h3, .content-main-default h5, .sidebar-default h3, .sidebar2-default h3, .top-coupons h2, .sidebar3 h2 {
    background: #1D1F24 !important; /* Tertiary */
    color: #fff !important;
    padding: 15px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #ff9800 !important; /* Vibrant Orange */
    text-transform: uppercase;
}

/* Header bar */
header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
    background-color: rgba(13, 14, 17, 0.7) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: none !important;
    height: 70px;
}
header .container { height: 100%; }
@media (min-width: 768px) {
    .desktop-view {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 100%;
    }
}
#main-menu {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}
#main-menu ul {
    display: flex;
    gap: 30px;
}
#main-menu ul li { float: none !important; }

#main-menu ul li a {
    color: #8A9099 !important; /* Secondary */
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
#main-menu ul li.active a, #main-menu ul li a:hover {
    color: #ff9800 !important; /* Orange */
}

/* Tables and lines */
.table-list, .small-tbl, .big-tbl, .bottom-tbl {
    background-color: transparent !important;
}
.table-list th, .small-tbl th, .big-tbl th, .bottom-tbl th {
    background-color: #1D1F24 !important;
    color: #ff9800 !important;
    border: none !important;
    font-weight: 600 !important;
}
.table-list td, .small-tbl td, .big-tbl td, .bottom-tbl td {
    background-color: #141518 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #1D1F24 !important;
    border-right: 1px solid #1D1F24 !important;
}

/* Hover over odds and rows */
.table-list tr:hover td, .big-tbl tr:hover td, .table-list tr:hover th {
    background-color: #24272E !important; /* Hover */
}

/* Left menu items */
.sidebar-default ul li a {
    color: #8A9099 !important; /* Secondary */
    border-bottom: 1px solid #1D1F24 !important;
    padding: 12px 15px !important;
    font-size: 13px !important;
    transition: all 0.2s;
}
.sidebar-default ul li a:hover {
    background: #24272E !important; /* Hover */
    color: #ff9800 !important;
    border-left: 3px solid #ff9800 !important;
}

/* Add star icon to left menu */
.sidebar-default ul li a::before {
    content: "\f005"; /* FontAwesome Star */
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin-right: 10px;
    color: #ff9800;
}
.sidebar-default ul li a img {
    display: none !important; /* Hide original sports icons */
}

/* Top Yellow bar removal */
#sub-menu { display: none !important; }

/* Buttons & Inputs */
.login-input {
    background: #141518 !important;
    color: #fff !important;
    border: 1px solid #1D1F24 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin-right: 5px !important;
}

/* The Orange Login Button */
#signin-button {
    background: #ff9800 !important;
    color: #000 !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: none !important;
    padding: 8px 20px !important;
    cursor: pointer;
    text-transform: uppercase;
}
#signin-button:hover {
    background: #e68a00 !important;
}

.btn-blue, .btn-silver {
    background: #ff9800 !important;
    color: #000 !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: none !important;
    padding: 10px 15px !important;
    text-transform: uppercase;
}
.btn-blue:hover, .btn-silver:hover {
    background: #e68a00 !important;
    color: #000 !important;
}

#reg-form a, a[href*="register"] {
    color: #ff9800 !important;
    font-weight: bold;
}
#login-form a, a[href*="forgot"] {
    color: #8A9099 !important; /* Secondary */
}

/* 4-column layout tweak (EXACT 1-TO-1 SIZES) */
.container {
    width: 100% !important;
    max-width: 1800px !important;
    display: flex !important;
    justify-content: space-between;
    gap: 15px;
    margin: 0 auto !important;
}
.sidebar-default, .sidebar { width: 240px !important; flex-shrink: 0; margin-right: 0 !important; }
.content-main-default, .content-main { flex-grow: 1 !important; min-width: 0; width: auto !important; margin-right: 0 !important; }
.sidebar3 { width: 420px !important; flex-shrink: 0; margin-right: 0 !important; display: block; float: none !important; }
.sidebar2-default, .sidebar2 { width: 350px !important; flex-shrink: 0; margin-right: 0 !important; float: none !important; }
#main > .clear, .container > .clear { display: none !important; } /* Clearfix breaks flexbox */

/* Central Banner */
.main-banner {
    width: 100%;
    height: 220px;
    background: linear-gradient(90deg, rgba(0,0,0,0.85), rgba(0,0,0,0.3)), url('/theme/Design/img/banner-placeholder.jpg') center/cover;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px;
}
.main-banner .new-players { color: #C9CDD4; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
.main-banner h2 { color: #FFF; font-size: 32px; font-weight: 700; margin-bottom: 5px; background: none !important; border: none !important; padding: 0 !important; }
.main-banner p { color: #C9CDD4; font-size: 16px; margin-bottom: 15px; }
.main-banner .join-now { background: #FF8A00; color: #000; border: none; padding: 10px 24px; border-radius: 6px; font-weight: 700; cursor: pointer; width: fit-content; transition: 0.2s; }
.main-banner .join-now:hover { background: #FF9F2E; }

/* Match Rows and Odds */
.table-list tr td, .big-tbl tr td { }
.table-list td a.odd {
    background: #1D2027 !important;
    width: 80px !important;
    height: 48px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    transition: 0.15s ease !important;
    border: none !important;
}
.table-list td a.odd:hover { background: #2B303A !important; }
.table-list td a.odd.active { background: #FF8A00 !important; color: #000 !important; }

/* Sports Category Horizontal Carousel */
.sports-zi-odds .item a {
    background: transparent !important;
    width: 90px !important;
    min-height: 70px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none !important;
    padding: 10px 0 !important;
}
.sports-zi-odds .item a:hover { background: rgba(255, 138, 0, 0.1) !important; color: #FF8A00 !important; }
.sports-zi-odds .item a.active { border-bottom: 2px solid #FF8A00 !important; background: transparent !important; color: #FF8A00 !important; }

#sports-zi-odds-menu { background: transparent !important; }

/* Bet Slip specific */
.sidebar2-inside { background: #101114 !important; }
#btn-login, #btn-place-bet, .btn-blue { height: 52px !important; display: flex; align-items: center; justify-content: center; background: #FF8A00 !important; transition: 0.2s ease; color: #000 !important; }
#btn-login:hover, #btn-place-bet:hover, .btn-blue:hover { background: #FF9F2E !important; color: #000 !important; }

/* Navigation Betting Tabs */
.nav-betting {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #2B2D36 !important;
}
.nav-betting ul {
    display: flex;
    list-style: none;
    margin: 0; padding: 0;
    background: transparent;
}
.nav-betting ul li { flex: 1; text-align: center; }
.nav-betting ul li a {
    display: block;
    padding: 15px 5px !important;
    color: #8A9099 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    text-decoration: none !important;
    position: relative;
    background: transparent !important;
    white-space: nowrap;
}
.nav-betting ul li.active a {
    color: #FF8A00 !important;
}
.nav-betting ul li.active a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #FF8A00;
    border-radius: 3px 3px 0 0;
}

/* Custom Left Sidebar */
.left-sidebar-custom { padding: 15px 0; }
.sidebar-section { margin-bottom: 25px; }
.sidebar-section h3 {
    color: #8A9099;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 10px 15px;
    font-weight: 600;
}
.sidebar-section .sports-list {
    list-style: none; padding: 0; margin: 0;
}
.sidebar-section .sports-list li a {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 15px;
    color: #C9CDD4;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.2s;
    border-left: 4px solid transparent;
}
.sidebar-section .sports-list li a i {
    margin-right: 12px;
    font-size: 14px;
    color: #5E6470;
}
.sidebar-section .sports-list li a:hover, .sidebar-section .sports-list li a.active {
    background: #1F2228;
    color: #fff;
    border-left: 4px solid #FF8A00;
}

/* Custom Right Sidebar Blocks */
.sidebar3 {
    width: 320px !important;
    background: transparent !important;
}
.top-coupons-block, .live-events-block {
    background: #141518;
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
}
.sidebar-title {
    color: #fff;
    font-size: 14px;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid #1D1F24;
    display: flex;
    align-items: center;
}
.sidebar-title i { margin-right: 10px; color: #fff; }
.sidebar-title .more { margin-left: auto; color: #FF8A00; font-size: 11px; cursor: pointer; }

.coupons-tabs {
    display: flex;
    border-bottom: 1px solid #1D1F24;
}
.coupons-tabs .tab {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    color: #8A9099;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
.coupons-tabs .tab.active {
    color: #FF8A00;
    border-bottom: 2px solid #FF8A00;
}

.coupon-item {
    padding: 15px;
    border-bottom: 1px solid #1D1F24;
}
.coupon-item .teams {
    display: flex;
    flex-direction: column;
    color: #C9CDD4;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}
.coupon-item .teams span { margin-bottom: 4px; display: flex; align-items: center; }
.coupon-item .teams i { margin-right: 8px; color: #5E6470; }
.coupon-item .odds-info {
    display: flex;
    align-items: center;
    color: #5E6470;
    font-size: 12px;
}
.coupon-item .odds-info .val {
    color: #fff; margin-left: auto; margin-right: 15px; font-weight: 700;
}
.coupon-item .odds-info .close { cursor: pointer; }

.coupon-summary { padding: 15px; }
.coupon-summary .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    color: #8A9099;
    font-size: 12px;
}
.coupon-summary .row .val { color: #fff; font-weight: 700; }
.coupon-summary .row .winning { color: #FF8A00; font-size: 14px; }
.stake-row { margin: 15px 0; }
.stake-input {
    display: flex;
    background: #0B0B0D;
    border-radius: 4px;
    overflow: hidden;
    height: 30px;
    width: 120px;
}
.stake-input button {
    background: transparent; border: none; color: #8A9099; width: 30px; cursor: pointer; font-size: 16px;
}
.stake-input input {
    width: 60px; background: transparent; border: none; color: #fff; text-align: center; font-weight: 700;
}

.place-bet-btn {
    width: 100%;
    height: 48px;
    background: #FF8A00;
    color: #000;
    border: none;
    font-weight: 700;
    cursor: pointer;
}

.live-league {
    border-bottom: 1px solid #1D1F24;
}
.league-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
    background: #1D1F24;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #C9CDD4;
    font-weight: 600;
}
.league-header i { margin-right: 8px; color: #FF8A00; }
.league-header .live-badge {
    border: 1px solid #FF8A00;
    color: #FF8A00;
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 10px;
}
.league-header .right-star { margin-left: auto; color: #8A9099; }

.live-match {
    padding: 15px;
}
.match-time { color: #FF8A00; font-size: 11px; font-weight: 600; margin-bottom: 10px; }
.match-row { display: flex; }
.match-row .teams { flex: 1; color: #fff; font-size: 12px; font-weight: 600; }
.match-row .teams div { margin-bottom: 6px; display: flex; justify-content: space-between; padding-right: 15px; }
.match-row .teams .score { color: #FF8A00; }
.live-odds { display: flex; gap: 4px; }
.live-odds .odd-btn {
    min-width: 44px; min-height: 36px; height: auto; padding: 4px 6px; background: #0B0B0D; color: #FF8A00; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; text-align: center;
}
.live-odds .plus {
    width: 30px; height: 36px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px;
}

/* Header Logged In User Box Fix */
#loged {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
}
#loged .usr-pl, #loged .usr-mo { 
    margin: 0 !important; 
    color: #fff; 
    font-weight: 600; 
    font-size: 13px; 
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
#loged .usr-mo { color: #FF8A00; }
#loged .usr-btn { 
    margin: 0 !important; 
    border: 1px solid #5E6470 !important; 
    border-radius: 4px !important; 
    padding: 8px 15px !important; 
    color: #C9CDD4 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: 0.2s !important;
    display: inline-block !important;
    line-height: normal !important;
}
#loged .usr-btn:hover { 
    border-color: #FF8A00 !important; 
    color: #FF8A00 !important; 
    background: transparent !important; 
}

/* Center Match List (bets-panel) */
.h2-bets {
    background: transparent !important;
    color: #8A9099 !important;
    font-size: 11px !important;
    padding: 15px 15px 10px 0 !important;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #1D1F24;
    margin: 0 !important;
}
.h2-bets::before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin-right: 8px;
    color: #FF8A00;
}
.bets-panel { margin: 0; padding: 0; list-style: none; }
.bets-panel li {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #1D1F24;
    background: transparent !important;
}
.bets-panel li > a {
    color: #C9CDD4;
    font-size: 13px;
    font-weight: 600;
    width: 200px;
    line-height: 1.4;
    display: block;
}
.bets-panel li > a::after {
    content: "LIVE";
    display: inline-block;
    border: 1px solid #FF8A00;
    color: #FF8A00;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 9px;
    margin-left: 10px;
    vertical-align: middle;
}
.bets-panel li .ttime {
    color: #8A9099;
    font-size: 11px;
    margin-left: 20px;
    width: 100px;
}
.bets-panel li .right.pakelti {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.bets-panel li .lmb {
    background: #1D2027;
    width: 80px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-left: 5px;
    cursor: pointer;
    transition: 0.2s;
}
.bets-panel li .lmb:hover { background: #2B303A; }
.bets-panel li .lmb span { color: #FF8A00; font-weight: 700; font-size: 13px; }
.bets-panel li .plus {
    color: #FF8A00;
    font-size: 12px;
    margin-left: 15px;
    text-decoration: none;
}

/* ---------------------------------
   EXACT DESIGN SYSTEM OVERRIDES
---------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

body { font-family: 'Inter', 'Roboto', sans-serif !important; }

/* Left Sidebar specific exacts */
.sidebar-section .sports-list li a { height: 48px !important; }
.sidebar-section .sports-list li a:hover, .sidebar-section .sports-list li a.active {
    background: #1F2228 !important;
}
.sidebar-section .sports-list li a.active {
    border-left: 4px solid #FF8A00 !important;
}

/* Center Match Table exacts */
.bets-panel li { 
    padding: 0 15px !important; 
    background: #1F2228 !important;
    border: 1px solid #2B303A !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
    transition: 0.2s ease;
}
.bets-panel li:hover { background: #1A1D23 !important; }

/* Odds Buttons exacts */
.bets-panel li .lmb { width: 80px !important; height: 48px !important; background: #111216 !important; border-radius: 4px !important; }
.bets-panel li .lmb span { font-size: 16px !important; font-weight: 700 !important; }
.bets-panel li .lmb:active { background: #FF8A00 !important; }
.bets-panel li .lmb:active span { color: #000 !important; }

/* Buttons exacts */
#btn-login:hover, #btn-place-bet:hover, .btn-blue:hover { background: #FF9F2E !important; color: #000 !important; }
#btn-login:active, #btn-place-bet:active, .btn-blue:active { background: #FF6A00 !important; }

/* General Grids */
.sidebar { width: 240px !important; }
.sidebar3 { width: 420px !important; }
.sidebar2 { width: 350px !important; }

/* Central Banner exacts */
.custom-center-banner {
    height: 220px;
    background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.3)), #111216 url('https://images.unsplash.com/photo-1579952363873-27f3bade9f55?q=80&w=1000&auto=format&fit=crop') center/cover;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 40px;
}
.banner-badge { color: #FF8A00; font-size: 14px; font-weight: 700; margin-bottom: 5px; }
.banner-title { color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }
.banner-btn { background: #FF8A00; color: #000; border: none; padding: 12px 24px; border-radius: 6px; font-weight: 700; font-size: 14px; cursor: pointer; transition: 0.2s; }
.banner-btn:hover { background: #FF9F2E; }
.banner-btn:active { background: #FF6A00; }

/* Mobile Adaptations */
@media (max-width: 1024px) {
    .container { flex-direction: column !important; width: 100% !important; padding: 0 10px; }
    .content-main { margin: 0 !important; width: 100% !important; }
    
    /* Drawers removed - Stack sidebars natively */
    .sidebar, .sidebar2, .sidebar3 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        height: auto !important;
        background: transparent !important;
        z-index: 1;
        transition: none;
        overflow-y: visible;
        padding: 0 !important;
        margin-top: 20px;
    }
    .sidebar.open, .sidebar2.open, .sidebar3.open {
        left: auto; right: auto;
    }

    
    /* Center Banner adjust */
    .custom-center-banner { height: 160px; padding: 0 20px; }
    .banner-title { font-size: 20px; }
    
    /* Horizontal scroll for sports menu */
    .sports-zi-odds {
        display: flex;
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    
    .sports-zi-odds .item {
        flex: 0 0 auto;
    }
    
    /* Match Table to Cards */
    .bets-panel li {
        flex-direction: column;
        height: auto !important;
        align-items: flex-start;
        padding: 15px !important;
        background: #141518 !important;
        margin-bottom: 10px;
        border-radius: 8px;
        border-bottom: none !important;
    }
    .bets-panel li > a { width: 100%; margin-bottom: 10px; }
    .bets-panel li .ttime { margin-left: 0; margin-bottom: 10px; }
    .bets-panel li .right.pakelti { width: 100%; justify-content: space-between; margin: 0; }
    .bets-panel li .lmb { flex: 1; margin: 0 2px; }
}




/* ============================================================
   COMPREHENSIVE MOBILE OPTIMIZATIONS - Added for responsive UX
   ============================================================ */

/* ---- Mobile bottom navigation bar ---- */
@media (max-width: 767px) {
    /* Header improvements */
    header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
    }
    
    /* Main content area */
    #main {
        padding: 0;
    }
    .container {
        padding: 0 8px;
    }
    
    /* Sports odds buttons - bigger tap targets */
    .bet-btn,
    .cof,
    .odd-btn,
    .btn-odds {
        min-height: 44px !important;
        min-width: 60px !important;
        font-size: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Navigation menu buttons - Live/Upcoming/Combo wrap properly */
    .sports-zi-odds,
    .top-menu-sports {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
        display: flex !important;
        gap: 6px !important;
        padding: 8px 4px !important;
        scrollbar-width: none !important;
    }
    .sports-zi-odds::-webkit-scrollbar,
    .top-menu-sports::-webkit-scrollbar {
        display: none !important;
    }
    .sports-zi-odds .item,
    .sports-zi-odds li,
    .top-menu-sports li,
    .top-menu-sports a {
        flex-shrink: 0 !important;
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    
    /* Bet slip panel */
    .bet-slip,
    #bet-slip,
    .betslip-wrapper {
        width: 90% !important;
        max-width: 400px !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        bottom: auto !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        border-radius: 12px !important;
        background: #161820 !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Tables horizontal scroll */
    .table-responsive-mobile {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
        width: 100% !important;
    }
    .blue-box .table,
    .blue-in table,
    .white-in table {
        min-width: 480px;
    }
    .blue-box,
    .white-in,
    .blue-in {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* User account section */
    #loged {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 15px !important;
    }
    #loged > div {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    /* Footer improvements */
    .footer {
        padding: 20px 10px;
    }
    .footer-menu ul,
    .footerBottomenu {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    .footer-menu ul li,
    .footerBottomenu li {
        display: inline-block !important;
        white-space: nowrap;
    }
    
    /* Blue boxes / content boxes */
    .blue-box {
        margin: 0 0 10px 0 !important;
        border-radius: 8px !important;
    }
    .blue-box h5 {
        padding: 12px 15px !important;
    }
    .blue-in,
    .white-in {
        padding: 10px !important;
    }
    
    /* Match rows / event items */
    .match-row,
    .event-row,
    .league-row {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 8px !important;
    }
    .match-teams {
        flex: 1 !important;
        min-width: 0 !important;
    }
    .match-teams span {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .match-odds {
        display: flex !important;
        gap: 4px !important;
        flex-wrap: wrap !important;
    }
    html, body, #wrapper {
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    /* Images */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Forms */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px !important; /* Prevents iOS zoom on focus */
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Registration / login forms */
    .user-registration,
    .user-reset,
    .user-login {
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Support chat */
    .support-page {
        padding: 0 10px !important;
        margin: 15px auto !important;
    }
    .msg-bubble {
        max-width: 85% !important;
    }
    .chat-area {
        max-height: 350px !important;
    }
    
    /* Deposit / withdraw forms */
    .deposit-method,
    .withdraw-form {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Live match scores */
    .live-score,
    .score-box {
        font-size: 13px !important;
    }
    
    /* Pagination */
    .pagination {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .pagination li {
        margin: 2px !important;
    }
    
    /* Hide non-essential decorative elements on mobile */
    .sidebar3 {
        display: none !important;
    }
    
    /* Sports list items bigger tap targets */
    .sports-list li a,
    .primier-div-sports li a {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        padding: 10px 15px !important;
    }
}

/* ---- Extra small phones ---- */
@media (max-width: 380px) {
    .custom-join-btn,
    .custom-login-btn {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
    
    .bet-btn,
    .cof,
    .odd-btn {
        font-size: 12px !important;
        min-width: 50px !important;
    }
    
    .blue-box h5 {
        font-size: 13px !important;
    }
    
    .ticket-item {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    
    .msg-bubble {
        max-width: 90% !important;
    }
}

/* ---- Tablet (768px - 1024px) improvements ---- */
@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        width: 100% !important;
        padding: 0 15px;
    }
    
    .sidebar,
    .sidebar2 {
        float: none !important;
        width: 100% !important;
    }
    
    .content-main {
        float: none !important;
        width: 100% !important;
    }
    
    /* Bigger tap targets for tablets too */
    .bet-btn,
    .cof,
    .odd-btn,
    .btn-odds {
        min-height: 40px !important;
        padding: 8px 12px !important;
    }
}
/* ------------------------------- */
/* ULTRA MOBILE FIXES */
/* ------------------------------- */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    header .container, section .container, .container {
        width: 100% !important;
        flex-direction: column !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    header .container {
        flex-direction: row !important; /* keep header horizontal */
    }
    .content-main, .sidebar, .sidebar2, .sidebar3, .box {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
        box-sizing: border-box !important;
    }
    .live-match {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 10px !important;
    }
    .match-row {
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .match-time {
        margin-bottom: 10px;
    }
    .teams {
        margin-bottom: 15px;
        width: 100% !important;
    }
    .live-odds {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    }
}
@media (min-width: 768px) {
    .desktop-view {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 100%;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .desktop-view {
        display: none !important;
    }
    .odd-btn {
        flex: 1 1 auto;
        margin: 2px;
        min-width: 30% !important;
    }
    .sports-zi-odds {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    #login-form {
        display: none !important; /* Hide desktop login on mobile */
    }
    .Mobile-view {
        display: block !important;
    }
}

/* ------------------------------- */
/* BULLETPROOF DESKTOP HEADER FIX  */
/* ------------------------------- */
@media (min-width: 768px) {
    header .container {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 1800px !important;
    }

}

/* ============================================
   LOGIN / REGISTER PAGE DARK THEME FIX
   ============================================ */
.row-form {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-height: calc(100vh - 250px);
    padding: 40px 15px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}
.user-login .blue-box,
.user-reset .blue-box,
.user-registration .blue-box {
    background: #111216 !important;
    border: 1px solid #2B2C33 !important;
    border-radius: 12px !important;
    width: 100% !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
    overflow: hidden !important;
    float: none !important;
}
.user-login .blue-box h5,
.user-reset .blue-box h5,
.user-registration .blue-box h5 {
    background: #1C1D22 !important;
    color: #FF8A00 !important;
    padding: 16px 24px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #2B2C33 !important;
}
.blue-in {
    background: transparent !important;
    padding: 24px !important;
}
.blue-in label,
.form-login label {
    color: #8A9099 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.blue-in input[type="text"],
.blue-in input[type="password"],
.blue-in input[type="email"],
.blue-in input[type="number"],
.form-input {
    background: #0B0B0D !important;
    border: 1px solid #2B2C33 !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
    transition: border-color 0.2s !important;
}
.blue-in input[type="text"]:focus,
.blue-in input[type="password"]:focus,
.form-input:focus {
    border-color: #FF8A00 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255,138,0,0.15) !important;
}
.blue-in input::placeholder, .form-input::placeholder { color: #555 !important; }
.login-bottom {
    border-top: 1px solid #2B2C33 !important;
    padding-top: 20px !important;
    margin-top: 8px !important;
    background: transparent !important;
}
.btn-regs, button[type="submit"].btn-regs {
    background: #FF8A00 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    margin-bottom: 10px !important;
    transition: background 0.2s !important;
    text-decoration: none !important;
}
.btn-regs:hover { background: #e07900 !important; }
a.btn-regs {
    background: #1C1D22 !important;
    color: #FF8A00 !important;
    border: 1px solid #FF8A00 !important;
}
a.btn-regs:hover { background: rgba(255,138,0,0.1) !important; }
.blue-in input[type="checkbox"] { accent-color: #FF8A00; }

/* --- Mobile Sidebar Drawer Restoration --- */
@media (max-width: 768px) {
    .sidebar-overlay {
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.6);
        z-index: 99999;
        display: none;
    }
    .sidebar-overlay.open {
        display: block;
    }
    
    .mobile-sidebar-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px 15px 20px;
        background: transparent;
        border-bottom: 1px solid #1D1F24;
        margin-bottom: 15px;
    }
    .mobile-sidebar-header .sidebar-logo {
        font-size: 24px;
        font-weight: 900;
        color: #fff;
    }
    .mobile-sidebar-header .sidebar-logo span {
        color: #FF8A00;
    }
    .mobile-sidebar-header .sidebar-close {
        color: #8A9099;
        font-size: 20px;
        cursor: pointer;
        transition: 0.2s;
    }
    .mobile-sidebar-header .sidebar-close:hover {
        color: #fff;
    }

    .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 85% !important;
        max-width: 320px !important;
        height: 100% !important;
        background: #141518 !important;
        z-index: 999999 !important;
        transition: left 0.3s ease !important;
        overflow-y: auto !important;
        margin-top: 0 !important;
        padding: 0 !important;
        box-shadow: 5px 0 20px rgba(0,0,0,0.8) !important;
    }
    .sidebar.open {
        left: 0 !important;
    }

    .sidebar2, .sidebar-live {
        position: fixed !important;
        bottom: -100% !important;
        top: auto !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 85vh !important;
        background: #1A1C22 !important;
        border-radius: 20px 20px 0 0 !important;
        z-index: 100000 !important;
        transition: bottom 0.3s ease !important;
        overflow-y: auto !important;
        margin-top: 0 !important;
        padding: 0 !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.8) !important;
    }
    .sidebar2.open, .sidebar-live.open {
        bottom: 0 !important;
    }
    
    #sports-menu {
        display: block !important;
    }
    
    /* Make table-list responsive on mobile */
    .table-list {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-list th, .table-list td {
        white-space: nowrap;
    }
}
@media (min-width: 769px) {
    .sidebar-overlay, .mobile-sidebar-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border); display: none !important; }
}

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   PROFILE DRAWER — Premium Mobile UI
в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
.profile-drawer {
    position: fixed;
    top: 0; right: -100%;
    width: 85%; max-width: 340px;
    height: 100vh;
    background: #111318;
    z-index: 200000;
    transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    box-shadow: -8px 0 30px rgba(0,0,0,0.7);
}
.profile-drawer.open { right: 0; }
.profile-drawer__inner { padding: 20px; }

/* Close */
.profile-drawer__close {
    position: absolute; top: 16px; right: 16px;
    background: rgba(255,255,255,0.08); border: none;
    color: #8A9099; font-size: 18px;
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: 0.2s;
    flex-shrink: 0; box-sizing: border-box; padding: 0;
}
.profile-drawer__close:hover { background: rgba(255,255,255,0.15); color: #fff; }

/* User Card */
.profile-drawer__card {
    display: flex; align-items: center; gap: 15px;
    padding: 15px 0 20px;
}
.profile-drawer__avatar {
    width: 60px; height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FF8A00, #FF6A00);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.profile-drawer__avatar i { font-size: 32px; color: #fff; }
.profile-drawer__info { flex: 1; min-width: 0; }
.profile-drawer__name {
    color: #fff; font-size: 18px; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.profile-drawer__id {
    color: #8A9099; font-size: 13px; margin-top: 3px;
    background: rgba(255,255,255,0.05); display: inline-block;
    padding: 2px 10px; border-radius: 12px;
}

/* Balance */
.profile-drawer__balance {
    text-align: center;
    font-size: 32px; font-weight: 800; color: #fff;
    padding: 15px 10px;
    background: rgba(255,138,0,0.08);
    border-radius: 12px;
    margin-bottom: 16px;
    letter-spacing: 0.5px;
    word-break: break-all;
    max-height: 120px;
    overflow-y: auto;
}

/* Action Buttons */
.profile-drawer__actions {
    display: flex; gap: 10px; margin-bottom: 12px;
}
.profile-drawer__btn {
    flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 0; border-radius: 10px;
    font-weight: 700; font-size: 14px;
    text-decoration: none; transition: 0.2s; text-transform: uppercase; letter-spacing: 0.3px;
}
.profile-drawer__btn--deposit {
    background: #22C55E; color: #fff;
}
.profile-drawer__btn--deposit:hover { background: #16A34A; }
.profile-drawer__btn--withdraw {
    background: #EF4444; color: #fff;
}
.profile-drawer__btn--withdraw:hover { background: #DC2626; }

/* History link */
.profile-drawer__history-link {
    display: block; text-align: center;
    color: #8A9099; font-size: 13px;
    padding: 10px 0 20px;
    text-decoration: none; transition: 0.2s;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.profile-drawer__history-link:hover { color: #FF8A00; }
.profile-drawer__history-link i { margin-right: 6px; }

/* Menu Links */
.profile-drawer__menu {
    padding: 8px 0;
}
.profile-drawer__menu a {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 10px;
    color: #C9CDD4; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: 0.15s;
    border-radius: 8px;
}
.profile-drawer__menu a:hover {
    background: rgba(255,255,255,0.04); color: #FF8A00;
}
.profile-drawer__menu a i {
    width: 20px; text-align: center;
    color: #8A9099; font-size: 16px;
}
.profile-drawer__menu a:hover i { color: #FF8A00; }

/* Logout */
.profile-drawer__logout {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 15px; margin-top: 10px;
    color: #EF4444; font-size: 15px; font-weight: 600;
    text-decoration: none; border-radius: 10px;
    border: 1px solid rgba(239,68,68,0.2);
    transition: 0.2s;
}
.profile-drawer__logout:hover { background: rgba(239,68,68,0.1); }

/* Premium Odds Buttons Fix */
.bets-panel .lmb, table .lmb, .pakelti .lmb {
    background: #111216 !important; 
    border: 1px solid #2B303A !important;
    border-radius: 4px !important;
    width: 65px !important;
    height: 38px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 8px !important;
    margin: 0 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

.bets-panel .lmb:hover, table .lmb:hover, .pakelti .lmb:hover {
    background: #2B303A !important;
    border-color: #FF8A00 !important;
}

.bets-panel .lmb em, table .lmb em, .pakelti .lmb em {
    font: 600 12px 'Fira Sans', Arial, sans-serif !important;
    color: #858585 !important;
    float: none !important;
    padding: 0 !important;
    border: none !important;
    display: inline !important;
}

.bets-panel .lmb span, table .lmb span, .pakelti .lmb span {
    font: 700 14px 'Fira Sans', Arial, sans-serif !important;
    color: #FF8A00 !important;
    float: none !important;
    padding: 0 !important;
    border: none !important;
    display: inline !important;
}

.bets-panel .lmb:active, table .lmb:active, .pakelti .lmb:active {
    background: #FF8A00 !important;
}

.bets-panel .lmb:active span, .bets-panel .lmb:active em,
table .lmb:active span, table .lmb:active em,
.pakelti .lmb:active span, .pakelti .lmb:active em {
    color: #000 !important;
}

/* Fix desktop table layout */
.desktop-view table td.pakelti {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* Premium Plus Button Fix */
.pakelti a.plus {
    background: #111216 !important; 
    border: 1px solid #2B303A !important;
    border-radius: 4px !important;
    min-width: 40px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    margin: 0 4px !important;
    cursor: pointer !important;
    font: 600 13px 'Fira Sans', Arial, sans-serif !important;
    color: #858585 !important;
    text-decoration: none !important;
    float: none !important;
    transition: all 0.2s ease-in-out !important;
}

.pakelti a.plus:hover {
    background: #2B303A !important;
    color: #FF8A00 !important;
    border-color: #FF8A00 !important;
}
/* -- Premium Match List Cards (Global) -- */
.match-league-block { margin-bottom: 6px; }
.match-league-name {
    background: #1A1C22;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 9px 14px;
    color: #8A9099;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #252830;
}
.match-league-name i { color: #FF8A00; font-size: 13px; }
.match-row-card {
    background: #1A1C22;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.match-time-block {
    color: #FF8A00;
    font-size: 12px;
    font-weight: 700;
    min-width: 44px;
    flex-shrink: 0;
}
.match-time-block .match-date {
    color: #555;
    font-size: 10px;
    font-weight: 400;
    margin-top: 2px;
}
.match-teams-link {
    flex: 1;
    min-width: 0;
    text-decoration: none;
    padding: 4px 0;
}
.match-team-name {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.match-odds-row {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-shrink: 0;
}
.match-odd-btn {
    background: #0F1014;
    border: 1px solid #2A2C35;
    color: #fff;
    padding: 7px 8px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    min-width: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    transition: all 0.2s;
}
.match-odd-btn:hover {
    background: #1A1C22;
}
.match-odd-btn:active, .match-odd-btn.selected {
    background: rgba(255,138,0,0.15);
    border-color: #FF8A00;
}
.match-odd-btn.selected .odd-val { color: #FF8A00; }
.odd-name { font-size: 10px; color: #8A9099; font-weight: 500; line-height: 1; }
.odd-val { font-size: 13px; color: #fff; font-weight: 600; line-height: 1; }
.match-more-link {
    background: #1A1C22;
    border: 1px solid #2A2C35;
    color: #8A9099;
    padding: 8px 10px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    white-space: nowrap;
    transition: border-color 0.15s, color 0.15s;
}
.match-more-link:hover { border-color: #FF8A00; color: #FF8A00; }
.match-row-card { transition: background 0.15s; }
.match-row-card:hover { background: rgba(255,255,255,0.02); }
@media (max-width: 550px) {
    .match-teams-link { white-space: normal; }
    .match-team-name { white-space: normal; overflow: visible; }
    .match-odds-row { flex-wrap: nowrap; }
    .match-odd-btn { flex: 1; min-width: 44px; }
}



td.match-odd-btn {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}
td.match-odd-btn .odd-name, td.match-odd-btn .odd-val {
    display: block;
}


@media (max-width: 550px) {
    .match-row-card {
        flex-wrap: wrap !important;
    }
    .match-time-block {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        margin-bottom: 5px !important;
    }
    .match-teams-link {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .match-odds-row {
        width: 100% !important;
        justify-content: flex-end !important;
    }
}

/*  CSS   */
:root {
    --eb-bg:        #181A20;
    --eb-surface:   #181A20;
    --eb-panel:     #181A20;
    --eb-card:      #181A20;
    --eb-border:    #2A2D3A;
    --eb-orange:    #FF8A00;
    --eb-orange-dk: #D97200;
    --eb-text:      #FFFFFF;
    --eb-text-dim:  #6B7280;
    --eb-white:     #FFFFFF;
    --eb-green:     #22C55E;
    --eb-red:       #EF4444;
}

/*      */
body {
    background: var(--eb-bg) !important;
    color: var(--eb-text) !important;
}

/*      */
::-webkit-scrollbar-track { background: var(--eb-surface) !important; }
::-webkit-scrollbar-thumb { background: var(--eb-orange) !important; }
::-webkit-scrollbar-thumb:hover { background: var(--eb-orange-dk) !important; }

/*    */
header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
    background: var(--eb-surface) !important;
    border-bottom: 2px solid var(--eb-orange) !important;
}

/*  Sub-menu ( )  */
#sub-menu {
    background: var(--eb-surface) !important;
    border-top: 1px solid var(--eb-border) !important;
    border-bottom: 1px solid var(--eb-orange) !important;
}
#sub-menu .container,
.search-box-row {
    background: var(--eb-surface) !important;
}
#lang_nav ul li a { color: var(--eb-text) !important; }
#lang_nav ul li a:hover { color: var(--eb-orange) !important; }
#lang_nav ul li .time { color: var(--eb-white) !important; }
#lang_nav ul ul { background: var(--eb-panel) !important; border: 1px solid var(--eb-border) !important; }
#lang_nav ul ul li { background: var(--eb-panel) !important; border-color: var(--eb-border) !important; }
#lang_nav ul ul li a { color: var(--eb-text) !important; }
#lang_nav ul ul li:hover { background: var(--eb-card) !important; }

/*    */
.sidebar, .sidebar2, .sidebar3 {
    background: var(--eb-surface) !important;
}
.sidebar2-inside {
    background: var(--eb-surface) !important;
}
.sidebar2-inside h2 {
    background: var(--eb-orange) !important;
    color: #111 !important;
}

/*      */
.sports-list li { background: var(--eb-panel) !important; }
.sports-list li a {
    color: var(--eb-text) !important;
    border-bottom: 1px solid var(--eb-border) !important;
}
.sports-list li a:hover { color: var(--eb-orange) !important; background: var(--eb-card) !important; }
.sports-list li.active > a { color: var(--eb-orange) !important; }
.top-coupons h2 {
    background: var(--eb-orange) !important;
    color: #111 !important;
    border-bottom: 1px solid var(--eb-orange-dk) !important;
}
.top-coupons ul li {
    background: var(--eb-panel) !important;
    border-color: var(--eb-border) !important;
}
.top-coupons ul li a { color: var(--eb-text) !important; }
.top-coupons ul li:hover { background: var(--eb-card) !important; }
.top-coupons ul li:hover a { color: var(--eb-orange) !important; }
.top-coupons ul li:hover a:after { color: var(--eb-orange) !important; }

/*    (betslip)  */
.bl-box, .stake { background: var(--eb-panel) !important; }
.bl-box .nav-tabs > li > a { background: var(--eb-card) !important; color: var(--eb-text) !important; }
.bl-box .nav-tabs > li.active > a,
.bl-box .nav-tabs > li.active > a:hover { background: var(--eb-orange) !important; color: #111 !important; }
.stake { border-top: 2px solid var(--eb-orange) !important; border-bottom: 2px solid var(--eb-orange) !important; color: var(--eb-text) !important; }
.stake a { color: var(--eb-orange) !important; }
.side-btn-silver {
    background: var(--eb-orange) !important;
    color: #111 !important;
}
.side-btn-silver:hover { background: var(--eb-orange-dk) !important; }
.btn-blue { background: var(--eb-orange) !important; color: #111 !important; }
.btn-blue:hover { background: var(--eb-orange-dk) !important; color: #111 !important; }

/*   :    */
.main-bets { background: var(--eb-bg) !important; }
.main-bets .nav-tabs { background: var(--eb-surface) !important; border-color: var(--eb-border) !important; }
.main-bets .nav-tabs > li > a { background: var(--eb-panel) !important; color: var(--eb-text) !important; border-color: var(--eb-border) !important; }
.main-bets .nav-tabs > li.active > a,
.main-bets .nav-tabs > li.active > a:hover { background: var(--eb-orange) !important; color: #111 !important; border-color: var(--eb-orange) !important; }
.main-bets .tab-content > .active { background: var(--eb-bg) !important; }

/*   /  */
.tgl-blue { background: var(--eb-panel) !important; border-color: var(--eb-border) !important; color: var(--eb-text) !important; }
.tgl-blue:hover { background: var(--eb-card) !important; }
.tgl-blue-content { background: var(--eb-bg) !important; }
.tgl-blue-content .bets-panel { background: var(--eb-bg) !important; }
.tgl-blue-content .bets-panel li { background: var(--eb-panel) !important; border-color: var(--eb-border) !important; color: var(--eb-text) !important; }
.tgl-blue-content .bets-panel li:hover,
.tgl-blue-content .bets-panel li.selected { background: var(--eb-orange) !important; color: #111 !important; }

/*  Big/Small  ()  */
.big-tbl, .small-tbl, .bottom-tbl {
    background: var(--eb-panel) !important;
    border-color: var(--eb-border) !important;
}
.big-tbl tr, .small-tbl tr, .bottom-tbl tr {
    border-bottom: 1px solid var(--eb-border) !important;
}
.big-tbl td, .small-tbl td, .bottom-tbl td {
    color: var(--eb-text) !important;
    border-color: var(--eb-border) !important;
    background: var(--eb-panel) !important;
}
.big-tbl .l-corn, .small-tbl .l-corn, .bottom-tbl .l-corn { background: var(--eb-card) !important; color: var(--eb-text-dim) !important; }
.big-tbl .r-corn, .small-tbl .r-corn, .bottom-tbl .r-corn { background: var(--eb-orange) !important; color: #111 !important; font-weight: 700; }
.big-tbl td:hover, .small-tbl td.on-click:hover { background: var(--eb-orange) !important; color: #111 !important; cursor: pointer; }
.top-head { background: var(--eb-orange) !important; color: #111 !important; font-weight: 700; }
.mid-head { background: var(--eb-surface) !important; color: var(--eb-text) !important; border-color: var(--eb-border) !important; }

/*     live events / top coupons  */
#api-top-coupons, #api-live-events { background: var(--eb-surface) !important; border-radius: 10px; padding: 12px; }
.sidebar-title {
    background: transparent !important;
    color: var(--eb-white) !important;
    border-bottom: 1px solid var(--eb-border) !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
}
.sidebar-title i { color: var(--eb-orange) !important; }
.coupon-item { background: var(--eb-panel) !important; border: 1px solid var(--eb-border) !important; border-radius: 8px; padding: 10px; margin-bottom: 8px; }
.coupon-item .teams span { color: var(--eb-text) !important; font-size: 12px; }
.coupon-item .odds-info .type { color: var(--eb-text-dim) !important; font-size: 11px; }
.coupon-item .odds-info .val { color: var(--eb-orange) !important; font-weight: 700; }
.coupon-summary { background: var(--eb-card) !important; border-radius: 8px; padding: 10px; margin: 10px 0; }
.coupon-summary .row { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid var(--eb-border); }
.coupon-summary .label { color: var(--eb-text-dim) !important; font-size: 11px; }
.coupon-summary .val { color: var(--eb-white) !important; font-weight: 700; font-size: 12px; }
.coupon-summary .winning { color: var(--eb-orange) !important; }
.stake-input { display: flex; align-items: center; gap: 4px; }
.stake-input button { background: var(--eb-panel) !important; color: var(--eb-orange) !important; border: 1px solid var(--eb-border) !important; border-radius: 4px !important; width: 24px; height: 24px; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.stake-input input { background: var(--eb-panel) !important; color: var(--eb-white) !important; border: 1px solid var(--eb-border) !important; border-radius: 4px; width: 50px; text-align: center; font-size: 12px; padding: 3px; }
.place-bet-btn { background: var(--eb-orange) !important; color: #111 !important; font-weight: 700 !important; border-radius: 6px !important; width: 100%; padding: 10px !important; margin-top: 8px; cursor: pointer; font-size: 13px !important; }
.place-bet-btn:hover { background: var(--eb-orange-dk) !important; }
.live-league { background: var(--eb-panel) !important; border: 1px solid var(--eb-border) !important; border-radius: 8px; padding: 10px; margin-bottom: 8px; }
.league-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border); display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 11px; color: var(--eb-text-dim) !important; }
.league-header i { color: var(--eb-orange) !important; }
.live-badge { background: var(--eb-card) !important; color: var(--eb-text-dim) !important; border-radius: 4px; padding: 2px 6px; font-size: 10px; }
.match-time { color: var(--eb-text-dim) !important; font-size: 11px; margin-bottom: 4px; }
.match-row { display: flex; align-items: center; justify-content: space-between; }
.match-row .teams { font-size: 12px; color: var(--eb-text) !important; }
.match-row .teams div { margin-bottom: 3px; }
.score { color: var(--eb-text-dim) !important; margin-left: 6px; font-size: 11px; }
.live-odds { display: flex; gap: 4px; align-items: center; }
.odd-btn { background: var(--eb-card) !important; color: var(--eb-white) !important; border: 1px solid var(--eb-border) !important; border-radius: 5px; padding: 5px 8px; font-size: 12px; font-weight: 600; cursor: pointer; min-width: 40px; text-align: center; transition: all 0.2s; }
.odd-btn:hover { background: var(--eb-orange) !important; border-color: var(--eb-orange) !important; color: #111 !important; }
.odd-btn.selected { background: var(--eb-orange) !important; border-color: var(--eb-orange-dk) !important; color: #111 !important; }
.plus { background: var(--eb-card) !important; color: var(--eb-text-dim) !important; border: 1px solid var(--eb-border) !important; border-radius: 5px; padding: 5px 6px; font-size: 11px; cursor: pointer; }

/*  -  (  )  */
.primier-div-sports { background: var(--eb-surface) !important; border-bottom: 1px solid var(--eb-border) !important; }
.primier-div-sports li a { color: var(--eb-text-dim) !important; }
.primier-div-sports li a:hover { color: var(--eb-orange) !important; }

/*    */
.footer, .bottom-section {
    background: var(--eb-surface) !important;
    border-top: 1px solid var(--eb-orange) !important;
}
.footer-menu .support li a { color: var(--eb-text) !important; }
.footer-menu .support li a:hover { color: var(--eb-orange) !important; }
.footer-txt, .footer__copyright, .about-us { color: var(--eb-text-dim) !important; }
.footer-logo a { color: var(--eb-white) !important; }
.icons.payments ul li img { filter: brightness(0.7) grayscale(0.3); transition: filter 0.2s; }
.icons.payments ul li:hover img { filter: brightness(1) grayscale(0); }
.social a { color: var(--eb-text-dim) !important; }
.social a:hover { color: var(--eb-orange) !important; }

/*       */
.overlay { background: rgba(13,15,28,0.85) !important; }

/*   (, )  */
.login-input { background: var(--eb-panel) !important; border: 1px solid var(--eb-border) !important; color: var(--eb-white) !important; }
.login-input:focus { border-color: var(--eb-orange) !important; outline: none; }
#btn-login { background: var(--eb-orange) !important; color: #111 !important; }
#btn-login:hover { background: var(--eb-orange-dk) !important; }
.btn-signup { border-color: var(--eb-orange) !important; color: var(--eb-orange) !important; background: transparent !important; }
.btn-signup:hover { background: var(--eb-orange) !important; color: #111 !important; }

/*      */
#main-menu ul li a { color: var(--eb-white) !important; border-bottom: 2px solid transparent !important; }
#main-menu ul li a:hover { color: var(--eb-orange) !important; border-bottom-color: var(--eb-orange) !important; }
#main-menu ul li.active a {
    background: transparent !important;
    color: var(--eb-orange) !important;
    border-bottom: 2px solid var(--eb-orange) !important;
}

/*      */
.mob-bottom-nav { background: var(--eb-surface) !important; border-top: 1px solid var(--eb-border) !important; }
.mob-nav-item { color: var(--eb-text-dim) !important; }
.mob-nav-item.active, .mob-nav-item:hover { color: var(--eb-orange) !important; }
.mob-nav-betslip .mob-betslip-icon-wrap { background: var(--eb-orange) !important; color: #111 !important; }

/*      */
#floatingSupportBtn { background: var(--eb-orange) !important; }

/*  Live events   */
.live-dealer-ImageBannersModule {
    background: var(--eb-panel) !important;
    border-top: 2px solid var(--eb-border) !important;
    border-bottom: 2px solid var(--eb-border) !important;
}
.live-dealer-ImageBannersModule:hover { border-color: var(--eb-orange) !important; }
.live-dealer-header a, .live-dealer-header h3 { color: var(--eb-text) !important; }
.live-dealer-ImageBannersModule:hover a,
.live-dealer-ImageBannersModule:hover .live-dealer-header a:after { color: var(--eb-orange) !important; }

/*    / box headers  */
h2.box-header, .box h2, .box-title, .sports-section-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
    color: var(--eb-white) !important;
    border-left: 3px solid var(--eb-orange) !important;
    padding-left: 10px !important;
    background: transparent !important;
}

/* =======================================================
   RECOMMENDED MATCHES
======================================================= */
.eb-matches-section {
    padding: 16px 0 20px;
    background: var(--eb-bg);
}
.eb-matches-section-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 12px;
}
.eb-matches-section-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--eb-white);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.eb-matches-section-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 16px;
    background: var(--eb-orange);
    border-radius: 2px;
}
.eb-matches-see-all {
    font-size: 12px;
    color: var(--eb-orange) !important;
    text-decoration: none;
    font-weight: 600;
}
.eb-matches-see-all:hover { color: var(--eb-orange-dk) !important; text-decoration: underline; }

/* Horizontal scroll for matches */
.eb-matches-scroll {
    display: flex;
    overflow-x: auto;
    padding: 5px 0 15px;
    scrollbar-width: none; /* Hide scrollbar for cleaner look */
    -ms-overflow-style: none;
}
.eb-matches-scroll::-webkit-scrollbar { display: none; }

/*   ( 1win) */
.eb-match-card {
    flex: 0 0 280px;
    background: var(--eb-bg); /*      */
    border: 1px solid var(--eb-border);
    border-radius: 12px;
    padding: 14px;
    margin-right: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.eb-match-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255,138,0,0.1);
    border-color: var(--eb-border);
}
.eb-match-card-league {
    font-size: 11px;
    color: var(--eb-text);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}
.eb-match-card-league i {
    color: var(--eb-orange) !important;
    font-size: 14px;
    margin-right: 4px;
}
.eb-match-card-time {
    font-size: 11px;
    color: var(--eb-text-dim);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.eb-match-card-time::before {
    content: '';
    display: inline-block;
    width: 6px; height: 6px;
    background: var(--eb-text-dim);
    border-radius: 50%;
}
.eb-match-card-teams {
    margin-bottom: 14px;
}
.eb-match-card-team {
    font-size: 13px;
    color: var(--eb-white);
    font-weight: 700;
    padding: 3px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.eb-match-card-team img { width: 16px; height: 16px; } /*     */

.eb-match-card-odds {
    display: flex;
    gap: 6px;
}
.eb-odd-btn {
    flex: 1;
    background: #252834;
    border: 1px solid var(--eb-orange);
    border-radius: 8px;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s;
}
.eb-odd-btn:hover {
    background: rgba(255,138,0,0.1);
}
.eb-odd-btn.selected, .eb-odd-btn.click-add.selected {
    background: var(--eb-orange) !important;
    border-color: var(--eb-orange) !important;
}
.eb-odd-btn.selected .eb-odd-name,
.eb-odd-btn.selected .eb-odd-val { color: #111 !important; }
.eb-odd-name {
    font-size: 11px;
    color: var(--eb-text-dim);
    font-weight: 600;
}
.eb-odd-val {
    font-size: 13px;
    color: var(--eb-white);
    font-weight: 800;
}
.eb-match-card-more {
    flex: 0 0 auto;
    background: transparent;
    border: 1px solid var(--eb-border);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
    color: var(--eb-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: all 0.2s;
}
.eb-match-card-more:hover { border-color: var(--eb-orange); color: var(--eb-orange); }

@media (max-width: 768px) {
    .eb-match-card { flex: 0 0 85vw; } /*    */
    .eb-matches-section { padding-left: 10px; }
}


/*     (  ) */
.eb-leagues-scroll {
    display: flex;
    overflow-x: auto;
    gap: 6px;
    padding: 0 0 10px;
    scrollbar-width: none;
}
.eb-leagues-scroll::-webkit-scrollbar { display: none; }
.eb-league-tab {
    flex: 0 0 auto;
    background: var(--eb-panel);
    border: 1px solid var(--eb-border);
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 11px;
    color: var(--eb-text-dim);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
    font-weight: 600;
}
.eb-league-tab:hover, .eb-league-tab.active {
    background: var(--eb-orange);
    border-color: var(--eb-orange);
    color: #111;
}

/*       */
.intro-main-content { background: var(--eb-bg) !important; }
#content { background: var(--eb-bg) !important; }
#content .container { background: transparent !important; }
.tbl-cell1, .tbl-cell2 { background: transparent !important; }

/*        */
.top-coupons h2,
.sidebar2-inside h2 { background: var(--eb-orange) !important; }

.btn-silver { background: var(--eb-panel) !important; color: var(--eb-white) !important; border: 1px solid var(--eb-border) !important; }
.btn-silver:hover { background: var(--eb-card) !important; }

/*   */
#floatingSupportBtn { background: var(--eb-orange) !important; color: #111 !important; }

/*   /    */
.btn_header_login { color: var(--eb-text) !important; }
.btn-signup, .btn-login-register { border-color: var(--eb-orange) !important; color: var(--eb-orange) !important; background: transparent !important; }
.btn-signup:hover, .btn-login-register:hover { background: var(--eb-orange) !important; color: #111 !important; }

/*  Pagination  */
.pager li a, .pagination li a { background: var(--eb-panel) !important; border-color: var(--eb-border) !important; color: var(--eb-text) !important; }
.pager li.active a, .pagination li.active a { background: var(--eb-orange) !important; border-color: var(--eb-orange) !important; color: #111 !important; }
.pager li a:hover, .pagination li a:hover { background: var(--eb-card) !important; color: var(--eb-orange) !important; }

/*  Search results dropdown  */
#search-results-list, .search-result-item { background: var(--eb-panel) !important; border-color: var(--eb-border) !important; color: var(--eb-text) !important; }
.search-result-item:hover { background: var(--eb-card) !important; color: var(--eb-orange) !important; }

/*     / */
.filt-close,
.filter-header { background: var(--eb-bg) !important; border-bottom: 1px solid var(--eb-border); background: var(--eb-orange) !important; color: #111 !important; }

/* -  */
.sports-menu-head { background: var(--eb-orange) !important; color: #111 !important; border-color: var(--eb-orange-dk) !important; }