body,
html {
    background: #000;
    height: 100%;
    margin: 0;
}
body,
input {
    font-family:  Arial, Helvetica, sans-serif;;
    outline: none;
}
.bg {
    background-image: url("bg0.jpg");
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: unset;
}
.loginfrm {
    z-index: 1;
    width: 450px;
    height: 100%;
    position: absolute;
    padding: 0;
    left: 0;
}
.logo {
    width: 311px;
    height: 80px;
    position: absolute;
    top: 52px;
    left: 50%;
    z-index: 1;
    margin-left: -155.5px;
}
.lgnfrm {
    /* overflow: hidden; */
    /* width: 100%; */
    height: 100%;
    position: relative;
    top: 47px;
    text-align: center;
}
.lgncntr span {
    position: absolute;
    top: 22px;
    font-size: 22px;
    /* font-weight: bold; */
    letter-spacing: 4px;
    color: #00e701;
    font-family:  Arial, Helvetica, sans-serif;;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.lgncntr {
    position: absolute;
    top: 159px;
    right: 0;
    width: 450px;
    height: 300px;
}
.logintxt {
    width: 50%;
    height: 70px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #00e701;
    outline: none;
    letter-spacing: 5px;
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 0;
    text-align: center;
    text-transform: lowercase;
	border: 1px solid white !important;
	margin: 10px
}
.login {
    top: 0;
}
.passw {
    /* left: 165px; */
    border: 0;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn {
    position: relative;
    top: 5px;
    width: 50%;
    height: 50px;
    font-size: 22px;
    font-family:  Arial, Helvetica, sans-serif;;
    letter-spacing: 4px;
    padding: 10px 0;
    background: #00e701;
    color: #ffffff;
    border: 0px solid #999;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px #333;
    border-color: c70000;
    border-style: solid;
    border-width: 1px 0 0 1px !important;
    border-radius: 0;
}
.btn:hover {color: white;border: 0;}
.errortxt {
    position: relative;
    top: 50px;
    font-weight: 700;
    width: 100%;
    color: red;
    font-size: 12px;
}
.lgncntr .errortxt span{
    font-size: 14px;
    color: red;
    text-align: center;
    position: relative;
}
.error span {
    font-size: 14px;
    color: red;
    position: unset;
    letter-spacing: unset;
    font-family:  Arial, Helvetica, sans-serif;;
}
input::-webkit-input-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #ccc;
	 opacity: .5
}
input:focus::-webkit-input-placeholder {
    opacity: .5
}
input:-moz-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #ccc
}
input:focus:-moz-placeholder {
    opacity: .5
}
input::-moz-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #ccc
}
input:focus::-moz-placeholder {
    opacity: .5
}
input:-ms-input-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #ccc
}
input:focus:-ms-input-placeholder {
    opacity: .5
}

.bg{background-image:unset}

.noacct,  .registerr  {
    position: relative;
    font-size: 12px;
	font-family:   Arial,  Helvetica,  sans-serif;
	letter-spacing:  4px;
}
.noacct {
    top:  10px;
    color:  #00e701;
    text-decoration:  none;
	font-family:   Arial,  Helvetica,  sans-serif;
	font-weight:  bold;
    letter-spacing:  0;
    text-shadow:  1px 1px 5px #000;
}

.registerr {
    /* top:  32px;
     */background:  #00e701;
    width:  50%;
    position:  unset;
    margin:  0 auto;
    height:  50px;
    margin-top:  15px;
    border-color:  c70000;
    border-style:  solid;
    border-width:  1px 0 0 1px !important;
    line-height:  50px;
    font-size:  14px;
}


.registerr{/* top: 32px; */background: #00e701;width: 50%;position: unset;margin: 0 auto;height: 50px;margin-top: 15px;border-color: c70000;border-style: solid;border-width: 1px 0 0 1px !important;line-height: 50px;font-size: 14px;}
.registerr a {
    /* border-bottom: 1px solid #c73801;
     */color: #fff;
    text-transform: uppercase;
    text-decoration: none;
	font-size: 22px;
    font-family:   Arial,  Helvetica,  sans-serif;
    ;
    position:  relative;
    bottom:  0;
    text-shadow:  2px 2px 5px #333;
}

.depositt {
    position:  relative;
    top:  20px;
    background:  #00e701;
    color: #fff;
    width:  50%;
    text-transform: uppercase;
    height:  50px;
    text-align:  center;
    line-height:  50px;
    letter-spacing:  4px;
    font-size: 22px;
    text-shadow:  2px 2px 5px #333;
    margin:  0 auto;
    font-family:   Arial,  Helvetica,  sans-serif;
    ;
    border-color:  c70000;
    border-style:  solid;
    border-width:  1px 0 0 1px !important;
    font-size:  20px;
}

.phonee {
    position:  relative;
    top:  640px;
  
    margin:  0 auto;
  
}

@media only screen and (max-width: 600px) {

    .phonee {
        position:  relative;
        top:  140px;
      
        margin:  0 auto;
      
    }
  }
  

.rrights{
    position: absolute;
	color: white;
    bottom: 50px;
    color: #ffffff;
    font-size: 15px;
	font-weight:  bold;
	font-family:  Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
}

 
.respimg{
  width: 100%;
  height: auto;
  /* max-width: 374px; */
  }
  .logo:after{
	content: 'Sportsbook - Live Betting - Racing - Casino Wagering';
	position:absolute;
	display:block;
	color: #fff;
	top: 80px;
	left: 15px;
	font-size: 13px;
	font-family:  Arial, Helvetica, sans-serif;
	width: 250px;
	letter-spacing: 0px;
	border-top: 1px solid #56440c;
	text-align:center;
	padding-top: 5px;
	}
.depositt a, .depositt a:visited{text-decoration:none;color:#fff}
@media only screen and (min-width: 1920px) {
body {
    background-image: url("bg0.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}

}

@media only screen and (max-width: 1024px) {
.jislider {display:none}
	.logo{width: max-content;margin: 0 auto;max-width: 311px;position: relative;top: 20px;left: unset;}
	.loginfrm{background: #000;width: 100%;}
	.lgncntr{
		width: unset;
		position: relative;
		top: 40px;
		height: unset;
	}
	.depositt{
    margin: 0 auto;
    bottom: unset;
    top: 65px;
    position: relative;
    }
	.rrights{
    position: relative;
    top: 320px;
    letter-spacing: 1px;
    color: #999;
    }
    .errortxt{
    top: 80px;
	}
  .logo:after{
	top: 76px;
	left: 1px;
	}
}   
@media only screen and (min-height: 640px) and (max-height: 812px){
	.rrights, .depositt{
	}
	.rrights{
		bottom:20px;
	}
	.depositt{
		top: 20px;
	}
}
@media only screen and (min-height: 1024px) and (max-height: 1024px){
	.lgncntr{
		top: 40%;
		margin-top:-167px;
	}
	.logo{top:60px}
}