@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800&display=swap');
body{
	background-image:
	url(../img/pub/mbg1.gif), url(../img/bg01.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center 130px, top center;
	background-size: inherit;
	background-color:#000;
	background-attachment: fixed;
	font-family: 'Inter';
	}

		input {
	outline: none;
	margin: 0;
	padding: 0;
	border: none;
}
	.mcntr{
	position:
	relative;
	background:#fff
	url(../img/pub/mbg1.gif)repeat-y center top;
	margin: 45px auto;
	padding: 0;
	width: 978px;
	/* height: calc(100vh - 160px); */
	/*-shadow: 0px 0px 65px 6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 65px 6px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 65px 6px rgba(0,0,0,0.75);*/
	}
	.tophdr{background:transparent;width:978px;position:relative;top:-8px;margin:0;padding:0;}
	.mplogo, .mtoll{position:relative;top:15px;}
	.mplogo{margin: 0 auto;width:369px;height:76px;font:normal 0px Inter; color:transparent}
	.mplogo_finelines{background:url(../img/pub/logo_finelines.png)no-repeat;}
	.mtoll{/*margin-top:10px;right:20px;width:305px;height:40px;background:url(../img/pub/mtoll.png)no-repeat;*/display:none;}
	.mbody{padding:20px;position:relative;}
	.mnavs{position:relative;width:938px;height:48px;background:  linear-gradient(to right, rgba(111,82,21,1) 0%, rgba(111,82,21,1) 40%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);}
	.navis{width:auto;height:48px;font: bold 14px Inter;coloR:#fff;}
	.navs{float:left;line-height:48px;border-right: solid 1px #fff;}
	.navs a:link{
		color: #e4dfcf;
		padding: 0 13.5px;
		margin: 0;
		font-weight: 500;
		text-decoration: none;
		text-transform: uppercase;
	}
	.navs a:visited {
		color: #fff;
	}
	.navs a:hover{color: #ffeb00;}
	.selected {padding: 0 13.5px;color: gold;text-transform:uppercase;}
	.mlogin{position:absolute;top:9px;right:9px;text-align:center}
	.logintxt {
		background: transparent;
		border: none;
		color: #fff;
		font-family: "Inter";
		padding: 0 10px;
		width:118px;
		font-size: 14px;
		line-height: 30px;
		height: 30px;
		letter-spacing: 1px;margin-right:3px;
		font-style: italic;
		text-transform: lowercase;
		text-align: center;
	}
	input::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s linear; color: #999;
	}
	input:focus::-webkit-input-placeholder {

		opacity: 0.75;
	}

	/* Firefox < 19 */
	input:-moz-placeholder {
		-webkit-transition: opacity 0.3s linear; color: #999;
	}
	input:focus:-moz-placeholder {
		opacity: 07.5;}

	/* Firefox > 19 */
	input::-moz-placeholder {
		-webkit-transition: opacity 0.3s linear; color: #999;
	}
	input:focus::-moz-placeholder {
		opacity: 0.75;}

	/* Internet Explorer 10 */
	input:-ms-input-placeholder {
		-webkit-transition: opacity 0.3s linear; color: #999;
	}
	input:focus:-ms-input-placeholder {
		opacity: 0.75;
	}
	.btn01{background: #6f5215;color:#fff;text-transform:uppercase;font: normal 14px inter;padding:7px 10px;height: 30px;line-height: 0;border-left: 1px solid #947f52;border-top: 1px solid #947f52;font-weight: 700;font-style: italic;letter-spacing: 1px;}
	.slider{margin:20px 0 10px;width:938px;height:285px}
	.mgames{width:938px;height:179px;	}
	.mwagers{position:relative;}
	.gmgames{
		float:
		left;
		margin: 15px 22px 15px 0;
		width:218px;
		height: 167px;
	}
	.gmgames2{
		
		margin:15px 0 25px 0;
	}
.gmgames2x{position:absolute;right: -35px;margin-top: 10px;}
	.gmgames3{
		float: right;
		width: 320px;
		margin: 0 11px 0 0;
		
		padding:12px 8px;
	}
	.gmgames4{float:right;
	width:285px;
		margin:30px 0 0 0;
		height:230px;
			background:#0b3775;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:12px 8px;

	}
	.gmgames5{float:left;
		margin:30px 10px 25px 0;
		height:260px;

	}
	.gmgames6{float:right;
		margin:15px 0 25px 0;
		width:304px;
		height:260px;
		background:#0e2431;
		border:1px solid #18455c
	}
	.gmgames7{float:left;
		padding:10px;
		margin:20px 0;
		width:916px;
		background:#0b3775;

	}
	.bmgames{
		clear:both;
		position:relative;
		margin:15px 0 25px 0;
		top:-15px;
		width:916px;
		background:#0e2431;
		padding:10px;
		border:1px solid #18455c;
		font:normal 11px Inter;
		color:#ccc;
	}
	.bmgames p{padding-left:10px;}
	.gmgames img, .gmgames2 img, .gmgames3 img, .gmgames4 img, .gmgames5 img, .gmgames6 img{margin:-5px 0 12px 0;
		border:none;
	}
	.mttl{
		color: #9f6e08;
		text-decoration:
		none;
		font-weight: 500;
	}
	.mttl a{
		font:
		bold 14px Inter;
		color: #ad7a10;
		text-transform:
		uppercase;
		height:15px;
		text-decoration:
		none;
	}
	.mttla{font:bold 11px Inter;
		color:#fff;
		text-transform:uppercase;
		margin:10px 0 0 0;
		height:15px;
		text-decoration:none;}
	.mtt2{
		font: normal 11px Inter;
		color: #555;
		margin:2px 0 0 0;
		width:274px;
	}
	.mtt3{font:normal 10px Inter;
		color:#999;
		margin:2px 0 0 10px;
	}
	.mtt4{font:normal 10px Inter;
		color:#3399cc;
		margin:2px 0 0 0;
	}
	.mtt5{
		font: normal 12px Inter;
		padding: 0px 15px 0 250px;
	}
	.mre{
		width:41px;
		height:17px;
		border:none;
		margin-top:10px;
	}
	.mfooter{
	margin: 0 0 0;
	padding: 0 20px 0;
	}
	.mfooter2{clear:both;
	position:relative;
		width:auto;
		height:auto;
		top:25px;
	}
	.mfooter3{
		position:
		relative;
		margin: 0 35px;
		border-top: 0;
		padding: 0 10px;
		
		background:#fff;
		height: 50px;
	}
	.fmobile{float:right;
		position:relative;
		top:-80px;
	}
	.frights{
		position:
		absolute;
		right:0px;
		text-align:
		right;
		font: normal 11px Inter;
		color:#787878;
		top: 5px;
	}
	.smlmenu{width:400px;
		height:15px;
		position:relative;
		z-index:9999;
	}
	.smlmenu2{width:400px;
		height:15px;
		position:absolute;
		left:0px;
		z-index:9999;
	}
	.smlmenu a, .smlmenu2 a{
		clear:
		both;
		font: normal 10px Inter;
		color:#787878;
		text-decoration:
		none;
		text-transform:
		uppercase;
		padding-bottom:2px;
	}
	.smlmenu a:hover, .smlmenu2 a:hover{color:#0b3775;
		border-bottom:2px solid #ccc;
	}
	.smldvdr{
		font:
		normal 14px Inter;
		color: #ccc;
		margin:0 5px;
	}
	.frights2{clear:both;
		position:relative;
		width:auto;
		text-align:right;
		font:normal 10px Inter;
		color:#666;
		padding:20px 0 0 0;
	}
	.tabttl {
	font:
	bold 14px Inter;
	color: #c78700;
	width:100%;
	text-transform:
	uppercase;
	border: 5px solid #fff;
	background: #fff;
	z-index: 3;
}
.clear{background:#18455c;padding:10px;}
.mcontent {
	display:
	inline-block;
	margin:0px 10px 0 0 ;
	width:938px;
	font-family:
	sans-serif
}
.mcontent a{color:#000;text-decoration:none;border-bottom:1px dotted #ccc;}
.mcontent p, .RuleDoc, .RuleDocCenterAlign{}
.tabttl2 {
	background: url(../img/pub/h-div.gif)no-repeat center center;
	color:#fff;
	padding:10px 20px;
	margin-bottom: 25px;
	position: r;
}
.DivMessage, .DivMessage h2{font:bold 14px Inter;
	color:#000;
	text-transform:uppercase;
	
}
.DivMessage{border-bottom:2px solid #666;}
.pRed{color:#fff;font-weight:bold;}
.RuleDocCenterAlign, .RuleDoc{margin-left:10px;}
p.RuleDocCenterAlign {margin-left:0px;}

.TableHeaderControls{
	width:100%;	
	background:#c4cfdb;
}
.TableSearchTeams {
	background:#c4cfdb;
	width:100%;	
}
.TableSearchTeams td{padding:3px;}
.TableHeaderControls td{padding:3px;}
.HeaderControls {
	background:#c4cfdb;
	width:100%;
}
td.HeaderControls{text-align:right;}
.HeaderControls2{width:auto;float:right;}
.tblRules {
	/*border:dashed 1px #888577;*/
	padding:10px;
}
.tdRuleColumnWithBackground {
	
	width:200px;
	border:solid 1px #3ea18c;
	padding:5px;
	color:#444;

}
.tdRuleColumnBorder {
	border:solid 1px #3ea18c;
	text-align:center;
	background:#006766;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}
.tdRuleColumn {
	border:solid 1px #3ea18c;
	text-align:center;
	padding:5px;
	background:#fff;
	color:#444;

}
.tblRulesDetail{
	width:100%;
	border:1px solid #3ea18c;
	border-collapse:collapse;
	background:#fff;
	font:normal 12px Inter
}
.HeaderColumnRules {
	font-family :Inter;
	font-size:11px;
	font-weight:bold;
	color:white;
	background:#006766;
	padding:5px;
	
}
.HeaderTableLine2 {
	background:#006766;	
	padding:5px;
	border-top:1px solid #3ea18c;
	color:white;
	
	
}
.HeaderTableLine{
	font-size:14px;
	font-weight:bold;
	background:#006766;
	padding:5px;
	color:#fff;
	text-align:center
}
.upspcr{margin-top:10px;border-top:none;}
.blue_num, .verline{font-size:12px;color:#666}
.verline{border-left:2px solid #ccc; padding-left:20px;}
.mplogo:after, .mplogo:before{
    display: block
} 

#txtAccessOfPassword {
    border-left: 1px solid #936f25;
}

.navs:last-child {
    border: 0;
}
.navs:first-child {
    height: 48px;
    width: 44px;
}

.navs:first-child img {
    position: absolute;
    top: 50%;
    margin-top: -7px;
}
hr.new1 {

  height: 7px;
  background: url(../img/pub/h-div.gif)no-repeat;
  width: 946px;
  border:0
}
.errortxt {
    width: 978px;
    margin-left: -489px;
    text-align: right;
    position: absolute;
    top: 106px;
    left: 50%;
    color: red;
    
    font-size: 14px;
}
.sbook, .kacno, .rbook, .lkcno{width: 100%;}
.sbook{height: calc(100vh - 500px);}
.rbook{height: calc(100vh - 550px);}
.kacno{
    background: url(../img/pub/bg-casino.jpg)no-repeat top left;
}
.sbook{
    background: url(../img/pub/bg-sb.jpg)no-repeat top left;
}
.rbook{
    background: url(../img/pub/bg-horse.jpg)no-repeat top left;
}
.lkcno{
    background: url(../img/pub/bg-lcasino.jpg)no-repeat top left;
}
h1 {
    padding: 0 0 0 250px;
    position: relative;
    top: 50px;
    font-family: inter;
    font-weight: 500;
    font-size: 36px;
    color: #000;
}
.mtt5x {
    font-size: 12px;
    color: #555;
    margin-top: 5px;
}
h2 {
    padding: 25px 0 0 250px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
h3{
    font-size: 14px;
    color: #bb7e0f;
}
.mcontent .gmgames3 {
    overflow: hidden;
}

th, td {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
th{
    color: #b37701;
}
td{
    color: #008500;
    font-weight: 700;
}
.navs:first-child.selected {
    padding: 0;
}
.navs:first-child.selected img {
    position: relative;
    left: 13px;
}
.mttlx{
    margin-top: 10px;
}
@media only screen and (min-width: 1920px) {
body {
    	background-image:url(../img/bg01.jpg);
    height: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	}

}
img.responsive {
    width: 100%;
}