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

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

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.eot');
    src: url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff'),
        url('../fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.eot');
    src: url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-Bold.eot');
    src: url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-Bold.woff2') format('woff2'),
        url('../fonts/GothamPro-Bold.woff') format('woff'),
        url('../fonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-LightItalic.eot');
    src: url('../fonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-LightItalic.woff2') format('woff2'),
        url('../fonts/GothamPro-LightItalic.woff') format('woff'),
        url('../fonts/GothamPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-Medium.eot');
    src: url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-Medium.woff2') format('woff2'),
        url('../fonts/GothamPro-Medium.woff') format('woff'),
        url('../fonts/GothamPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-Italic.eot');
    src: url('../fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-Italic.woff2') format('woff2'),
        url('../fonts/GothamPro-Italic.woff') format('woff'),
        url('../fonts/GothamPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

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

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-BlackItalic.eot');
    src: url('../fonts/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-BlackItalic.woff2') format('woff2'),
        url('../fonts/GothamPro-BlackItalic.woff') format('woff'),
        url('../fonts/GothamPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-Light.eot');
    src: url('../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-Light.woff2') format('woff2'),
        url('../fonts/GothamPro-Light.woff') format('woff'),
        url('../fonts/GothamPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-MediumItalic.eot');
    src: url('../fonts/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-MediumItalic.woff2') format('woff2'),
        url('../fonts/GothamPro-MediumItalic.woff') format('woff'),
        url('../fonts/GothamPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-Black.eot');
    src: url('../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-Black.woff2') format('woff2'),
        url('../fonts/GothamPro-Black.woff') format('woff'),
        url('../fonts/GothamPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro-BoldItalic.eot');
    src: url('../fonts/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/GothamPro-BoldItalic.woff') format('woff'),
        url('../fonts/GothamPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro Narrow';
    src: url('../fonts/GothamProNarrow-Medium.eot');
    src: url('../fonts/GothamProNarrow-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamProNarrow-Medium.woff2') format('woff2'),
        url('../fonts/GothamProNarrow-Medium.woff') format('woff'),
        url('../fonts/GothamProNarrow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro Narrow';
    src: url('../fonts/GothamProNarrow-Bold.eot');
    src: url('../fonts/GothamProNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamProNarrow-Bold.woff2') format('woff2'),
        url('../fonts/GothamProNarrow-Bold.woff') format('woff'),
        url('../fonts/GothamProNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'Micra-Regular';
	src: url('../fonts/Micra_gdi.eot');
	src: url('../fonts/Micra_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Micra_gdi.woff') format('woff'),
		url('../fonts/Micra_gdi.ttf') format('truetype'),
		url('../fonts/Micra_gdi.otf') format('opentype'),
		url('../fonts/Micra_gdi.svg#Micra-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}

img{
	max-width: 100%;
	max-height: 100%;
}

/*page structure*/
html, body{
	height: 100%;
	min-height: 100%;
	font-family: 'Arial GEO';
}
.page{
	min-height: 100%;
	padding-top: 52px;	/*same as .header height*/
	padding-bottom: 26.39vw;	/*same as .footer height + 6vw padding before footer*/
	background: #000;
}

/*header*/
.header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 466;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 52px;	/*check .page top padding*/
	box-shadow: inset #08163c 2px -2px 3px 0px, inset #326ca5 -2px 2px 3px 0px;
	background-color:#163e62;
	background-image:-webkit-linear-gradient(#163e62, #0d60a4);
	background-image:linear-gradient(#163e62, #0d60a4);
	text-align: justify;
}
.menu-toggle,
.loginregister,
.account,
.header-logo{
	display: inline-block;
	vertical-align: middle;
	max-width: 30%;
	cursor: pointer;
}
.menu-toggle{
	margin: 0 1%;
	width: 40px;
	padding: 0;
	border: 1px solid #040404;
	border-radius: 8px;
	box-shadow: inset #fff -2px 2px 4px -2px, inset #000 2px -2px 4px -2px;
	background-color:#060f1e;
	background-image:-webkit-linear-gradient(#060f1e,#153158);
	background-image:linear-gradient(#060f1e,#153158);
}
.loginregister,
.account{
	margin: 0 1%;
}
.account{
	height: 80%;
}
.loginregister{
	padding: 7px;
	border-radius: 4px;
	background: #2ce82f;
	background: -moz-linear-gradient(top, #2ce82f 0%, #1a9022 50%, #2ce82f 100%);
	background: -webkit-linear-gradient(top, #2ce82f 0%,#1a9022 50%,#2ce82f 100%);
	background: linear-gradient(to bottom, #2ce82f 0%,#1a9022 50%,#2ce82f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ce82f', endColorstr='#2ce82f',GradientType=0 );
	color: #fff;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	text-decoration: none;
}
.header-logo{
	width: 130px;
	height: 100%;
	margin: 0 auto;
	box-shadow: #08163c 3px 0 3px -1px, inset #08163c 2px -2px 3px 0px, #326ca5 -3px 0 3px -1px, inset #326ca5 -2px 2px 3px 0px;
	background: url('../images/mobile_logo.png') center/contain no-repeat;
	text-align: center;
}
.user_balance{
	position: relative;
	display: inline-block;
	vertical-align: top;
	flex-grow: 1;
	height: 38px;
	margin: 0 2%;
	padding: 0 10px;
	border: 1px solid #011225;
	box-shadow: 0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	background: #052f65;
	background: -moz-linear-gradient(top, #052f65 0%, #040e1c 100%);
	background: -webkit-linear-gradient(top, #052f65 0%,#040e1c 100%);
	background: linear-gradient(to bottom, #052f65 0%,#040e1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052f65', endColorstr='#040e1c',GradientType=0 );
	line-height: 18px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}
.user_balance #balance{
	color: #f1d303;
}
.user_info{
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	display: none;
	padding: 5px;
	background: #040e1c;
	background: -moz-linear-gradient(top, #040e1c 0%, #052f65 100%);
	background: -webkit-linear-gradient(top, #040e1c 0%,#052f65 100%);
	background: linear-gradient(to bottom, #040e1c 0%,#052f65 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040e1c', endColorstr='#052f65',GradientType=0 );
	text-align: center;
}
.user_info.active{
	display: block;
}
.menu-toggle .bar{
	padding-top: 10.5%;
	width: 55%;
	margin: 0 auto 10.5%;
	border-radius: 3px;
	background-color: #fff;
}
.menu-toggle .bar:first-child{
	margin-top: 26%;
}
.menu-toggle .bar:last-child{
	margin-bottom: 22%;
}
.header .menu,
.header .account_menu{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: none;
	box-shadow: 0 2px 2px 2px #000;
}
.header .menu.active,
.header .account_menu.active{
	display: block;
}
.menu_item,
.menu_item:hover{
	position: relative;
	display: block;
	padding: 11px 45px 11px 14px;
	color: #fff;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	text-decoration: none;
}
.menu_item.menu_heading{
	margin: 0;
	padding: 7px 0 8px 15px;
	box-shadow: none;
	background: #0d1827;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.menu_item.logout{
	box-shadow: none;
	background: #490b0c;
	background: -moz-linear-gradient(left, #490b0c 0%, #0c0203 100%);
	background: -webkit-linear-gradient(left, #490b0c 0%,#0c0203 100%);
	background: linear-gradient(to right, #490b0c 0%,#0c0203 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490b0c', endColorstr='#0c0203',GradientType=1 );
}
.menu_item::after {
	content: "";
	clear: both;
	display: table;
}
.menu_item .menu_icon{
	position: absolute;
	right: 3%;
	top: 11%;
	height: 77%;
}

/*footer*/
.footer{
	height: 21.39vw;	/*check .page bottom padding*/
	margin-top: -21.39vw;
	/*removal of old styles*/
	padding: 0;
	border: none;
	background: none;
}
.mature{
	display: block;
	margin: 0 auto;
	width: 6.13vw;
	height: 6.13vw;
	margin-bottom: 4.22%;
	border-radius: 50%;
	background: #d11119;
	line-height: 6.54vw;
	font-family: 'Gotham Pro Narrow';
	font-size: 2.45vw;
	font-weight: bold;
	text-align: center;
}
.copyright{
	font-family: 'Gotham Pro Narrow';
	font-size: 3.27vw;
	text-align: center;
}

/*homepage*/
.homepage_img{
	width: 100%;
	margin-top: 0.6%;
	margin-bottom: 7.4%;
}
.goto{
	display: block;
	padding: 1.4% 0.7% 1%;
	background: #0b0b0b;
	color: #555555;
	text-align: right;
	text-transform: uppercase;
	font-family: 'Gotham Pro Narrow';
	line-height: 2vw;
	font-size: 2vw;
	font-weight: bold;
}
.goto:after{
	content: '';
	width: 3%;
	padding-top: 5%;
	background: url('../images/goto_arrow.png') center/contain no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.5%;
}
/*common blue block style*/
.menu_item,
.block{
	box-shadow: inset #235387 -2px 2px 3px 0px, inset #0c204c 0 -3px 3px -1px;
	background: #144e8d;
	background: -moz-linear-gradient(left, #144e8d 0%, #153158 100%);
	background: -webkit-linear-gradient(left, #144e8d 0%,#153158 100%);
	background: linear-gradient(to right, #144e8d 0%,#153158 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144e8d', endColorstr='#153158',GradientType=1 );
}
.game_title{
	display: block;
	margin-bottom: 0.6%;
	padding: 3.5% 3% 2.4%;
	font-family: 'Gotham Pro Narrow';
	font-size: 5.8vw;
	font-weight: bold;
	text-transform: uppercase;
}
.game_slider{
	margin-bottom: 3.1%;
}
.game_slide{
	display: inline-block;
	vertical-align: top;
	margin-right: 11px;
}
.game_slide img{
	margin-bottom: 6px;
}
.game_slide h4{
	margin-left: 3px;
	font-family: 'Gotham Pro Narrow';
	font-size: 4.9vw;
	font-weight: bold;
}
.lang_block{
	margin-top: 7.49vw;
	margin-bottom: 13.62vw;
	cursor: pointer;
}
.lang_selection{
	display: none;
}
.lang_selection.active{
	display: block;
}
.lang_current,
.lang_selection .lang{
	display: block;
	padding: 2% 1.63% 3.41%;
}
.lang_current:after{
	content: '';
	float: right;
	width: 5.59vw;
	height: 5.04vw;
	margin-right: 3.3%;
	margin-top: 1%;
	background: url('../images/lang_arrow.png') center/contain no-repeat;
}
.lang_selection .lang{
	background: #144e8d;
	border-bottom: 1px solid #153158;
}
.lang_name{
	font-family: 'Gotham Pro Narrow';
	font-size: 4.9vw;
	font-weight: bold;
	letter-spacing: -0.2vw;
}
.lang_icon{
	vertical-align: text-bottom;
	margin-left: 3.2%;
	width: 6%;
}
.lang_selection .lang_name{
	vertical-align: middle;
	font-size: 4.5vw;
}
.lang_selection .lang_icon{
	vertical-align: middle;
}

/*sport games list page*/
.sport_slide{
	position: relative;
}
.sport_slide img{
	width: 100%;
}
.sport_slide h4{
	position: absolute;
	bottom: 1.2%;
	left: 2.1%;
	font-family: 'Gotham Pro Narrow';
	font-size: 6.4vw;
	font-weight: bold;
	text-transform: uppercase;
}
.sport_slider .slick-dots{
	position: absolute;
	bottom: 5.7%;
	right: 2.1%;
}
.sport_slider .slick-dots li{
	display: inline-block;
}
.sport_slider .slick-dots button{
	position: relative;
	width: 3.27vw;
	height: 3.27vw;
	margin-right: 1.23vw;
	padding: 0;
	border: none;
	border-radius: 50%;
	box-shadow: inset #05460b 1px -1px 1px 0;
	background: #000;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
}
.sport_slider .slick-dots .slick-active button:after{
	content: '';
	position: absolute;
	top: 12.5%;
	left: 12.5%;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	box-shadow: inset #515581 1px -1px 1px 0;
	background: #dbe0dc;
}
.sport_card{
	position: relative;
	display: block;
}
.sport_card:before{
	content: '';
	display: block;
	height: 4.09vw;
	box-shadow: inset #235387 -2px 2px 3px 0px, inset #0c204c 0 -3px 3px -1px;
	background-color:#0c67b0;
	background-image:-webkit-linear-gradient(#163e62, #0c67b0);
	background-image:linear-gradient(#163e62, #0c67b0);
}
.sport_card h4{
	position: absolute;
	top: 23%;
	right: 3%;
	line-height: 5.72vw;
	font-family: 'Gotham Pro Narrow';
	font-size: 5.72vw;
	text-transform: uppercase;
}
.sport_card .middle{
	top: auto;
	bottom: 35%;
}
.sport_card .bottom{
	top: auto;
	bottom: 2.8vw;
}
.sport_card img{
	display: block;
	width: 100%;
}

/*keno list page*/
.keno_banner,
.keno_card img{
	display: block;
	width:100%;
}
.keno_card{
	display: block;
}
.keno_card h4{
	padding-right: 4.22%;
	background: #001b11;
	background: -moz-linear-gradient(top, #001b11 0%, #00491b 100%);
	background: -webkit-linear-gradient(top, #001b11 0%,#00491b 100%);
	background: linear-gradient(to bottom, #001b11 0%,#00491b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b11', endColorstr='#00491b',GradientType=0 );
	color: #ffd857;
	line-height: 8.31vw;
	font-family: 'Century Gothic';
	font-size: 8.72vw;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.95vw;
}

/*sport game page*/
.game_info{
	position: relative;
	padding: 8px;
	box-shadow: inset #405e84 -1px 1px 2px 0px, inset #021546 0 -3px 3px -1px;
	background: #042b5d;
	color: #c7ccc7;
	font-family: 'Arial GEO';
	font-size: 2.72vw;
	text-align: center;
	letter-spacing: 0.6px;
}
.game_info .lnk-btn,
.game_info .lnk-btn:hover{
	bottom: 3px;
	width: 5%;
	height: auto;
	padding: 0;
	text-align: center;
}
.game_info .glyphicon{
	vertical-align: top;
	line-height: 3vw;
	font-size: 3vw;
}
.data_nav{
	position: static;
	display: block;
}
.data_nav a{
	min-width: 130px;
	box-shadow: inset 2px -2px 3px 1px #0e0e19, inset -2px 2px 2px 0 #585858;
}
.data_nav a.active{
	box-shadow: inset 2px -2px 3px 1px #585858, inset -2px 2px 2px 0 #0e0e19;
}
.game{
	font-family: 'Arial GEO';
}
.game.football{
	background: url('../images/bg/football.png') center/cover no-repeat;
}
.game.basketball{
	background: url('../images/bg/basketball.png') center/cover no-repeat;
}
.game.tennis{
	background: url('../images/bg/tennis.png') center/cover no-repeat;
}
.data{
	padding-bottom: 3%;
	text-transform: uppercase;
}
#player{
	position: relative;
	display: none;
	bottom: 0;
}
#player.active{
	display: block;
}
#video{
    background: url('../images/play.png') center no-repeat;
	animation: press-animation 2s infinite alternate;
	transition: background 0.2s ease;
}
@keyframes press-animation {
	0% {
		background-position: center 80%;
	}
	100% {
		background-position: center;
	}
}
.controls{
	color: #000;
}
.jackpot{
	position: relative;
	height: auto;
	background: #10283d;
}
.tablo{
	position: relative;
	z-index: 5;
	display: block;
	width: 100%;
}
.jackpot .countdown{
	z-index: 10;
	top: 7%;
	left: 50%;
	margin-left: -3vw;
	font-family: 'Arial GEO';
	font-size: 3vw;
}
.logo_home, .logo_guest{
	z-index: 1;
	width: 11%;
}
.logo_home{
	left: 6.5%;
}
.logo_guest{
	right: 7.2%;
}
.team_home, .team_guest{
	z-index: 10;
	top: 70%;
	font-family: 'Arial GEO';
	font-size: 3vw;
}
.team_home{
	right: 56%;
}
.team_guest{
	left: 56%;
}

.dtbk .cell, .dtbk .bet{
	white-space: nowrap;
}
.twocol,
#fbsc,
#tnmt,
#tnst1{
	width: 100%;
}
.dtbk h4,
#tnmt h4,
#tnst1 h4{
	width: 50%;
}

#fbgl .bet,
.last .cell{
	width: 50%;
}
#fbgl div > div.bet:first-child, #fbgl div > div.bet:last-child,
.last .cell:nth-child(3n+1), .last .cell:nth-child(3n+2){
	width: 22%;
}
#fbmt_goal .bet{
	width: 25%;
}
#fbsc .bet{
	width: 22%;
}

.mt .bet,
.mt div > div.bet:first-child, .mt div > div.bet:last-child{
	width: 30%;
}
.mt .bet.wide, .mt .cell.wide, #bbmt_hnd .bet, #bbmt_total .bet{
	width: 45%;
}
.twocol .col{
	margin: 0;
}
@media (max-width: 450px){
	.twocol .col{
		width: 100%;
		margin-bottom: 20px;
	}
}
.twocol .col h4{
	width: 68%;
}
.twocol .bet, .twocol .cell,
.twocol .left div, .twocol .right div{
	width: 90%;
}

#tnmt .bet,
#tnst1 .bet{
	width: 47%;
}
#tnmt .tenns_main_below .bet{
	 width: 23%;
}

.stakes{
	float: none;
	width: 100%;
	height: auto;
	padding-left: 1%;
	padding-right: 1%;
	background: #10283d;
	font-family: 'Arial GEO';
}
.stake_form{
	float: none;
	width: 100%;
	padding: 4px 4px 0px 22px;
	border: 1px solid #fff;
	background: #061a33;
}
.stake_form label{
	margin-bottom: 4px;
    font-family: Micra-Regular;
	font-size: 17px;
	text-transform: uppercase;
}
#total_stake{
	vertical-align: middle;
	margin-left: 11px;
	width: 196px;
	width: 26.7vw;
	height: 16px;
}
#remove_stakes, #place_stakes{
	float: right;
	width: 133px;
	margin: 3px 3px 0 0;
	padding: 4px 0 0;
	font-family: 'Arial GEO';
	font-size: 14px;
}
#remove_stakes{
	background: #fb060c;
}
#stakeForm{
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 2px;
}
.stake{
	display: table-row;
	height: 39px;
	padding: 0;
	border: none;
}
.stake > *{
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid #7b7bc0;
	border-bottom: 1px solid #fff;
	line-height: 17px;
	font-size: 14px;
}
.stake .game_name{
	width: 42%;
	padding-left: 2.5%;
	border-left: 1px solid #fff;
}
.stake .amt_cell{
	width: 21%;
}
.stake .amt{
	box-sizing: border-box;
	width: 100%;
}
.stake .mod_cell{
	padding-left: 1%;
}
.stake .delete{
	position: static;
	vertical-align: top;
	border-right: 1px solid #4747a7;
	text-align: right;
}
.stake .delete:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-top: 6px;
	margin-right: 4px;
	background: url('../images/x.png') center/cover no-repeat;
}
@media (max-width: 500px){
	.dtbk h4,
	.bet,
	.cell{
		font-size: 3vw;
	}
	.data_nav a{
		min-width: auto;
		width: auto;
		padding: 0 10px;
		font-size: 2vw;
	}
	.stake_form label{
		font-size: 3vw;
	}
	.stake > *{
		font-size: 2vw;
	}
	#total_stake{
		width: 15vw;
	}
	#remove_stakes,
	#place_stakes{
		width: 25%;
		font-size: 2.5vw;
	}
}

/*keno page*/
.keno_header{
	padding: 0;
	box-shadow: inset #405e84 -1px 1px 2px 0px, inset #021546 0 -3px 3px -1px;
	background: #042b5d;
	text-align: center;
}
.timer{
	float: left;
	width: 25.5%;
	min-width: 180px;
	height: 44px;
}
.timer:before{
	content: none;
}
.timer .countdown{
	top: 8px;
	bottom: 10px;
	right: 5px;
	left: auto;
	width: 43px;
	line-height: 13px;
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
}
.timer .mode,
.timer .progress{
	right: 53px;
	left: 1px;
}
.timer .mode{
	position: absolute;
	top: 2px;
	bottom: 53%;
	margin: 0;
}
.timer .mode span{
	width: 50%;
	font-size: 13px;
}
.timer .progress{
	top: 53%;
	bottom: 2px;
}
.timer .progress .bar{
	border-radius: 3px;
}
.balance{
	margin-top: 4px;
	margin-right: 2px;
	font-size: 12px;
}
.balance .sum{
	line-height: 23px;
	font-size: 14px;
}
@media (max-width: 400px){
	.timer .mode span,
	.balance{
		font-size: 3vw;
	}
	.timer .countdown,
	.balance .sum{
		font-size: 4vw;
	}
	.balance{
		width: auto;
	}
	.balance .sum{
		padding: 0 10px;
	}
}
.keno_header .info{
	margin: 8px 6px 0;
	line-height: 2.18vw;
	font-family: 'Arial GEO';
	font-size: 2.3vw;
	font-weight: 600;
}
.keno_types{
	display: flex;
	justify-content: space-between;
	padding: 0 0 2px;
	background: #042b5d;
}
.keno_types a{
	width: 19.7%;
	height: 5.04vw;
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow: inset #0a0a18 3px -3px 5px 0px, inset #9c9d9d -3px 3px 5px 0px;
	background: #242425;
	line-height: 4.9vw;
	font-family: 'Century Gothic';
	font-size: 2.85vw;
	font-weight: bold;
	text-align: center;
}
.keno_types a.active{
	box-shadow: inset #bebebd 3px -3px 5px 0px, inset #1e1d46 -3px 3px 5px 0px, #bebebd 0 0 1px 1px;
	background: #6a686b;
}
.keno_body{
	background: #042b5d;
}
.balls{
	float: none;
	width: 97%;
	margin: 0 auto 5px;
}
.playfield{
	float: none;
	width: 100%;
}
.numbers{
	padding: 3px 12px 1px;
}
.number .content{
	height: 100%;
	line-height: 9vw;
	font-size: 6.5vw;
	letter-spacing: -0.3vw;
}
.interface{
	width: 98%;
	margin: 0 auto;
	padding: 0;
}
.table_wrapper{
	max-height: 14vw;
	margin-bottom: 0;
	border-radius: 5px;
}
.interface td{
	vertical-align: middle;
	height: 4.09vw;
	padding-top: 5px;
	color: #231f20;
	line-height: 2.86vw;
	font-size: 2.45vw;
	font-weight: bold;
}
.interface thead th{
	height: 4.5vw;
	padding: 1.7% 3% 0;
	font-family: 'Micra-Regular';
	font-size: 2.18vw;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.table_history tr td:first-child{
	text-align: center;
}
.table_history tr td:last-child{
	padding-left: 2%;
	padding-right: 5%;
	text-align: justify;
}
.table_history td div{
	height: 2.86vw;
	overflow: hidden;
}
.table_history td div:after{
	content: '';
	display: inline-block;
	width: 100%;
}
@media (max-width: 600px){
	.table_history td div{
		height: auto;
	}
	.table_history td div:after{
		content: none;
	}
}
.legend td{
	height: 4.77vw;
	vertical-align: bottom;
	color: #808285;
	line-height: 2.72vw;
	font-size: 1.91vw;
}
.table_history .legend td:last-child{
	padding-left: 1%;
}
.interface .legend{
	height: 3.81vw;
}
.interface .legend_round {
	width: 11%;
}
.stakes td{
	border-right-width: 2px;
	border-bottom-width: 2px;
}
.stakes .legend{
	height: auto;
	text-align: center;
}
.stakes .legend_balls{
	width: 46%;
	text-align: left;
}
.interface .legend_bet{
	width: 25%;
}
.stakes .legend td{
	height: 3.13vw;
	line-height: 2.45vw;
}
.controls{
	margin-top: 2px;
	padding: 1%;
}
.keno_body .controls{
	margin-right: 0;
}
.cntrl{
	width: 32.2%;
	margin-right: 1.3%;
	height: 77px;
	height: 10.55vw;
	border: none;
	box-shadow: 0 0 2px 1px #5b5b5b, 0px 4px 2px 0px #000;
	line-height: 79px;
	line-height: 10.82vw;
	font-family: 'Micra-Regular';
	font-size: 18px;
	font-size: 2.466vw;
}
.controls > .cntrl:nth-child(even){
	margin-right: 1.3%;
}
.controls .cntrl.repeat,
.controls .cntrl.rand,
.controls .cntrl.clear{
	width: 22.5%;
	margin: 0 0 1.37%;
}
.controls .cntrl.bets_history{
	margin-right: 0;
}
.stake_selection{
	float: right;
	width: 77.5%;
	height: 263px;
	height: 36vw;
	padding: 2px 9px;
	background: #000;
}
.stake_selection .cntrl{
	width: 26%;
	margin-right: 2%;
}
.stake_selection .cntrl:nth-child(3n){
	margin-right: 2%;
}
.stake_selection .cntrl:nth-child(3n+2){
	margin-right: 0;
}
.stake_selection .cntrl:nth-last-child(-n+3){
	margin-bottom: 0;
}
.add_bet{
	width: 17%;
	height: 248px;
	height: 33.8vw;
	line-height: 302px;
	line-height: 41.3vw;
	font-size: 29px;
	font-size: 3.97vw;
}
.stake_display{
	float: left;
	width: 82%;
	height: 19%;
	margin-bottom: 1%;
	padding: 0 3%;
	border-radius: 4px;
	background: #f5de6f;
	background: -moz-linear-gradient(top, #f5de6f 0%, #c5ad3f 100%);
	background: -webkit-linear-gradient(top, #f5de6f 0%,#c5ad3f 100%);
	background: linear-gradient(to bottom, #f5de6f 0%,#c5ad3f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5de6f', endColorstr='#c5ad3f',GradientType=0 );
	line-height: 53px;
	line-height: 7.22vw;
	font-family: 'Micra-Regular';
	font-size: 18px;
	font-size: 2.466vw;
}
.stake_amt{
	float: right;
	color: #fff;
	font-size: 30px;
	font-size: 4vw;
}
.stake_selection .stake_val{
	height: 23%;
	margin-bottom: 1%;
	line-height: 64px;
	line-height: 8.72vw;
	font-size: 30px;
	font-size: 4vw;
}
.stat_set .stat_title{
	font-size: 3.5vw;
}
.stat_column{
	font-size: 3.2vw;
}
.window.error{
	padding-top: 4%
}
.window.error.active{
	display: flex;
	align-items: center;
}

/*registration*/
.step-container em{
	margin-bottom: 10px;
}
.reg-step,
.step-container font,
.step-container .glyphicon,
.step-container .completed em{
	display: none;
}
.reg-step.current,
.step-container .current font,
.step-container .completed .glyphicon,
.step-container .current .font{
	display: block;
}
.step-container .completed,
.step-container .current{
	background-color: #0b4496;
	border-left: 1px solid #dee7f5;
	color: #fff;
}
.step-container .current em{
	background: #dee7f5;
	color: #000;
}
.registration .form-group{
	position: relative;
}
.registration .jq-selectbox .select,
.registration .jq-selectbox .dropdown{
	width: auto;
}
.ios .jq-selectbox .dropdown{
	display: none!important;
}
.registration label{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
.registration option{
	color: #555;
}
.registration a{
	color: #337ab7;
	text-decoration: underline;
}
.lnk-btn,
.lnk-btn:hover{
	display:block;
	box-sizing:border-box;
	padding:1em 0.5em;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 0 #000;
	-webkit-text-shadow:1px 1px 0 #000;
	-moz-text-shadow:1px 1px 0 #000;
	border-width:1px;
	border-style:solid;
	border-color:#011225;
	border-radius:4px;
	box-shadow:0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	-moz-box-shadow:0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	background-color:#052f65;
	background-image:-webkit-linear-gradient(#052f65 0%,#040e1c 98%);
	background-image:linear-gradient(#052f65 0%,#040e1c 98%);
	cursor: pointer;
}
.lnk-btn:active,
.lnk-btn.click,
.lnk-btn.click:hover{	
	background-color:#040e1c;
	background-image:-webkit-linear-gradient(#040e1c 0%,#052f65 98%);
	background-image:linear-gradient(#040e1c 0%,#052f65 98%);
}
.lnk-btn-green,
.lnk-btn-green:hover,
.lnk-btn-green:focus{
	box-sizing:border-box;
	color:#fff;
	border-width:1px;
	border-color:#011225;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	-moz-box-shadow:0 1px 1px rgba(255,255,255,0.15),inset 0 2px 1px rgba(0,0,0,0.25);
	background-color:#0ba80b;
	background-image:-webkit-linear-gradient(#30ff30,#1b8f1b,#1fa61f);
	background-image:linear-gradient(#30ff30,#1b8f1b,#1fa61f);
	text-shadow:1px 1px 0 #000;
	-webkit-text-shadow:1px 1px 0 #000;
	-moz-text-shadow:1px 1px 0 #000;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}
.lnk-btn-green.click,
.lnk-btn-green.click:hover,
.lnk-btn-green.click:focus{
	background-color:#0ba80b;
	background-image:-webkit-linear-gradient(#1fa61f,#1b8f1b,#30ff30);
	background-image:linear-gradient(#1fa61f,#1b8f1b,#30ff30);
}
.reg-prev,
.reg-prev:hover{
	display:block;
	padding:1em 0.5em;
	margin:0;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:bold;
}
.reg-next,
.reg-submit,
.entry-submit{
	border:1px solid #000;
	box-sizing:border-box;
	color:#fff;
	display:block;
	font-weight:bold;
	width:100%;
	text-align:center;
	padding:1em 0.5em;
	font-size:14px;
}
.reg-submit{
	display: none;
}
.sub-header{
	float: none;
	border-top:1px solid #1e4072;
	border-bottom:1px solid #03070d;
	background-color:#0e1e35;
	background-image:-webkit-linear-gradient(#0e1e35,#0e1e35);
	background-image:linear-gradient(#0e1e35,#0e1e35);
	position:relative;
	width:100%;
}
.sub-header h2{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:0 50px;
	padding:10px 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	text-shadow:1px 1px 0 #000;
	-webkit-text-shadow:1px 1px 0 #000;
	-moz-text-shadow:1px 1px 0 #000;
}
.back,
.back:hover{
	position:absolute;
	left:3px;
	top:4px;
	width:40px;
	height:30px;
	display:block;
	padding:3px 0;
	font-size:19px;
	color:#d0ccc6!important;
	font-weight:bold;
}
.back:active{
	background-color:#040e1c;
	background-image:-webkit-linear-gradient(#040e1c 0%,#052f65 98%);
	background-image:linear-gradient(#040e1c 0%,#052f65 98%);
}
.login,
.registration{
	margin-top:20px;
	width:100%;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
}
.registration{
	padding: 0 10px;
}
.login sup,
.registration sup{
	color:#f00;
	font-weight:bold;
	font-size:13px;
	top:-3px;
	left:1px;
}
.login label{
	margin-bottom: 5px;
	font-weight: bold;
}
.invalid-msg{
	position:relative;
	padding:9px;
	width:100%;
	height:100%;
	margin-top:7px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #ef0000;
	background-color:#fee9e5;
	color:#ef0000;
	text-shadow:none;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
}
.invalid-msg:before{
	content:"";
	position:absolute;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #ef0000;
	left:20px;
	top:-8px;
}
.invalid-msg:after{
	content:"";
	position:absolute;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #fee9e5;
	left:20px;
	top:-7px;
}

.forgotten-password,
.register-container{
	color: #666;
}
.forgotten-password{
	padding-top: 20px;
}
.forgotten-password p{
	margin-bottom: 10px;
}
.container{
	margin-top: 20px;
}
.container a{
	color: #126583;
}
.container a:hover{
	color: #0c4154;
}
.forgot-password{
	text-decoration: underline;
}
.my-account .clearfix{
	margin-bottom: 10px;
}
.my-account-form .text-right label{
	font-size: 16px;
}
.my-account .my-account-form input{
	font-size: 14px;
}
.time-range-container{
	padding: 2%;
	border: 1px solid #0e3453;
	background: #0c121b;
}
.time-range-container .time-button,
.time-range-container .show-button{
	background: #0e3453;
}
.time-range-container .time-button:hover,
.time-range-container .show-button:hover,
.time-range-container .time-button:focus,
.time-range-container .show-button:focus{
	background: #031d31;
	color: #fff;
}
.time-range-container .or{
	margin: 10px 10px 5px;
}
.jq-selectbox,
.show-button{
	width: auto;
	margin-top: 5px;
}
.jq-selectbox .select{
	position: relative;
}
.colStructure{
	float: none;
}
.fixedCol{
	cursor: pointer;
}
.history_container{
	padding: 10px 0;
	background: #0c121b;
}
.transaction-data{
	word-break: break-all;
	border: 1px solid #0e3453;
}
.transaction-data th,
.transaction-data td{
	padding: 2%;
	border-right: 1px solid #0e3453;
}
.history_container .won .status{
	color: green;
}
.history_container .lost .status{
	color: red;
}

.contactus-panel{
	padding: 10px;
	background-color: #08111e;
	line-height: 16px;
	font-size: 13px;
}
.contactus-panel p{
	margin-bottom: 10px;
}
.contactus-panel a{
	color: #3e9eff;
	font-weight: bold;
	text-decoration: underline;
}

/*back button and scroller on pages without bootstrap*/
@font-face {
	font-family:'Glyphicons Halflings';
	src:url('../fonts/glyphicons-halflings-regular.eot');
	src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
	url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
	url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
	url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
	content: "\e079";
}
.go-back{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:666;
}
.go-back a{
	display:block;
	padding:6px 10px 8px 10px;
	text-align:center;
	text-decoration:none;
	color:#000;
	border:2px solid #0e1e35;
	background:#ebebeb;
	box-shadow:inset 0 0 2px #ffffff,0 0 35px rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0 0 2px #ffffff,0 0 35px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 0 2px #ffffff,0 0 35px rgba(0,0,0,0.8);
	cursor:pointer;
	line-height: 15px;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
}
.go-back a span{
	display:block;
}
.top{
	min-height: initial;
}
.glyphicon-triangle-top:before {
	content: "\e253";
}

.tab-block{
    background-color: #0e1e35;
}
.spoiler-header,
.spoiler-body{
	float: none;
}

.header-sport .icon{
	position: relative;
	vertical-align: middle;
}
.header-sport .icon img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}