@font-face 
{
	font-family: 'arial';
	src: url('../fonts/arial.eot');
	src: url('../fonts/arial.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/arial.woff') format('woff'),
		 url('../fonts/arial.ttf') format('truetype'),
		 url('../fonts/arial.svg#ProximaNovaCond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face 
{
	font-family: 'arial_bold';
	src: url('../fonts/arial_bold.eot');
	src: url('../fonts/arial_bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/arial_bold.woff') format('woff'),
		 url('../fonts/arial_bold.ttf') format('truetype'),
		 url('../fonts/arial_bold.svg#ProximaNovaCond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd-LtCn';
	src: url('../fonts/HelveticaNeueLTStd-LtCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'),
	     url('../fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
	     url('../fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTStd-BdCn';
	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
		 url('../fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
		 url('../fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ds-digitalbold';
	src: url('../fonts/ds-digib.eot');
	src: url('../fonts/ds-digib.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/ds-digib.woff') format('woff'),
		 url('../fonts/ds-digib.ttf') format('truetype'),
		 url('../fonts/ds-digib.svg#ProximaNovaCond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
		 url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff2'), 
		 url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),
		 url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
		 url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face 
{
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Roboto-Bold.woff') format('woff'),
		 url('../fonts/Roboto-Bold.ttf') format('truetype'),
		 url('../fonts/Roboto-Bold.svg#ProximaNovaCond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Roboto-Light.woff') format('woff'),
		 url('../fonts/Roboto-Light.ttf') format('truetype'),
		 url('../fonts/Roboto-Light.svg#ProximaNovaCond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	}
*{margin:0;padding:0;}
*, *:before, *:after{box-sizing:border-box;}
.white::-webkit-input-placeholder {color:#ffffff;}
.white::-moz-placeholder {color:#ffffff;}
.white:-ms-input-placeholder {color:#ffffff;}
.white:-moz-placeholder {color:#ffffff;}
ul{list-style:none;}
a{text-decoration:none;outline:0;border:none;cursor:pointer;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
       transition: all 0.20s linear;}
button{outline:0;}
h1, h2, h3, h4, h5, h5, h6{font-weight:normal;}
body, html{width:100%;height:100%;font-family: 'HelveticaNeueLTStd-LtCn', Arial, sans-serif;font-size:13px;color:#ffffff;letter-spacing:1px;}
.heading{width:auto;margin:0 auto;display:table;padding:5px 0 0;}
.heading h4{width:100%;float:left;text-align:center;font-size:16px;margin:0;color:#fff;}
.heading-line {padding:5px 0 0;margin:0 auto;display:table;}
.heading-line:before {background:#fff;content:"";display:block;height:1px;margin:0 auto;width:50px;}
.heading-line:after {background:#fff;content:"";display:block;width:10px;height:8px;position:relative;top:-5px;margin:0 auto;}
.heading-linestrat{padding:5px 0 0;margin:0 auto;display:table;}
.heading-linestrat:before {background:#000;content:"";display:block;height:1px;margin:0 auto;width:50px;}
.heading-linestrat:after {background:#000;content:"";display:block;width:10px;height:8px;position:relative;top:-5px;margin:0 auto;}
.heading32 h4{color:#333333;font-family: 'HelveticaNeueLTStd-BdCn';}
.heading-line32 {padding:5px 0 0;margin:0 auto;display:table;}
.heading-line32:before {background:#333333;content:"";display:block;height:1px;margin:0 auto;width:50px;}
.heading-line32:after {background:#333333;content:"";display:block;width:10px;height:8px;position:relative;top:-5px;margin:0 auto;}
.forLftheading{width:auto;float:left;}
.mainContainer{width:100%;float:left;margin-bottom: -57px;min-height: 100%;padding-bottom:57px;}
.gameContainer{width:100%;float:left;padding:1px 0;}
.lft{width:25%;float:left;padding:5px;}
.cent{width:50%;float:left;padding:5px;position:relative;}
.rht{width:25%;float:left;padding:5px;z-index:999;}
.sicbolft{width:15%}
.sicbocent{width:65%}
.sicborht{width:20%}
.wrap{width:90%;margin:0 auto;display:table;}

.dropdown .dropbtn {cursor: pointer;font-size: 16px;border: none;outline: none;color:#fff;padding: 14px 16px;
  background-color: inherit;font-family: inherit;margin: 0;}
.dropdown-content {visibility:hidden;position: absolute;background: rgba(0, 0, 0, 0.8);width:200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);top:40px;z-index:1000;-webkit-font-smoothing: antialiased;
  -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;margin:0 30px;}
.dropdown-content a{float: none;color: #fff;padding: 10px 15px; text-decoration: none; display: block;font-size: 13px;}
.hmMenu ul li:hover .dropdown-content{opacity:1;visibility:visible;}
.hmMenu ul li a .fa{width:auto;float:left;margin:13px 5px 0;font-size: 20px;line-height: 10px;}
.mobMenu ul li a .fa{width:auto;float:left;margin:3px 5px 0;font-size: 20px;line-height: 10px;}

/**Header Menu**/
.header{width:100%;float:left;padding:10px 0;}
.hmLogo{width:auto;float:left;}
.hmLogo a{width:100%;float:left;}
.hmLogo a img{width:100%;float:left;}
.hmLogin{width:auto;float:right;margin:15px 0;}
.hmLogin a{width:auto;float:left;margin:0 5px;}
.hmLogin a .fa{width:25px;height:25px;float:left;background:#fff;color:#270c39;margin:0 5px;text-align:center;padding-top:5px;}
.hmLogin a span{width:auto;float:left;color:#fff;padding:5px 0;font-family:arial_bold;}
.menuSec{width:100%;float:left;z-index:2;position:relative;}
.hmMenu{width:97%;float:left;}
.hmMenu ul{width:100%;float:left;margin-bottom: 10px;}
.hmMenu ul li{width:auto;float:left;position:relative;}
.hmMenu ul li a{width:100%;float:left;color:#ffff00;margin:0 6px;letter-spacing:1px;font-family:arial_bold;}
.hmMenu ul li img{width:35px;float:left;margin:2px 1px 0px 0px;}
.hmMenu ul li span{width:auto;float:left;margin:10px 0 0 0;}
.hmMenu ul li a:hover{color:#ffffff;}
.hmMenu ul li a.activeMenu{color:#ff0000;}
.hmMenu ul li a.activeMenu32{color:#fff;}
.mobMenu{width:auto;float:right;position:relative;}
.mobMenuCont{display:none;width:300px;background:rgba(0, 0, 0, 0.9);position:absolute;top:39px;right:0;padding:10px;z-index: 999;}
.mobMenu ul{width:100%;float:left;}
.mobMenu ul.mobileMenu1{display:none;}
.mobMenu ul li{width:100%;float:left;margin:5px 0;height:20px;background: url(../img/icons/bullets.webp) 0 0  no-repeat;padding:0 0 0 25px;position:relative;}
.mobMenu ul li a{width:100%;float:left;color:#ffff00;letter-spacing:1px;font-family:arial_bold;}
.mobMenu ul li img{width:35px;float:left;margin:-3px 1px;}
.mobMenu ul li span{width:auto;float:left;margin:2px 0 0 0;}
.mobMenu ul li a:hover{color:#ff0000;}
.mobMenu ul li a.activeMenu{color:#ff0000;}
/**Footer**/
.homeFooter{position:absolute;left:0;bottom:0;}
.footer{width:100%;float:left;padding:10px 0;}
.footCont{float:left;}
.footCont1{width:30%;}
.footCont2{width:25%;}
.footCont3{width:25%;}
.footCont4{width:20%;}
.quickLinks {width:100%;float:left;margin-top:10px;text-align:center;}
.quickLinks li{width:auto;margin:0 5px;display: inline-block;
    float: none;}
.quickLinks li a{width:100%;float:left;color:#fff;font-size:13px;}
.quickLinks li a:hover{color:#ffde00;}
.copyRights{width:100%;float:left;margin-top:10px;}
.copyRights p{color:#cccccc;text-align:center;font-size:12px;}
.copyRights p a{color:#cccccc;}
.copyRights p a:hover{color:#ffde00;border-bottom:1px solid #ffde00;}
.soc-icons{width:auto;display:table;margin:0 auto;}
.soc-icons li{width:auto;margin:0 2px;float:left;}
.soc-icons li a{float:left;width:35px;height:35px;border-radius:50%;border:1px solid #cccccc;text-align:center;font-size:16px;color:#cccccc;padding-top:8px;}
.soc-icons li a:hover{border-color:#ffde00;color:#ffde00;font-size:18px;padding-top:7px;}
.footLogo{width:35px;float:left;}
.footLogo img{width:100%;float:left;}

.contRhtfoot{width:100%;float:left;}
.contRhtContfoot{width:100%;float:left;}
.contRhtfoot h1{width:100%;float:left;color:#ffffff;text-align:center;margin:0 0 5px;font-family: 'HelveticaNeueLTStd-BdCn';font-size:12px;}
.contRhtfoot p{width:100%;float:left;text-align:justify;color:#ffff00;font-size:10px;text-align:center;font-family: 'HelveticaNeueLTStd-BdCn';}
.contRhtfoot p a{color:#ffff00;}
/**After Login header top right Start**/
.headTopCont2 {width:350px;float:right;}
.aftLoginHaedCont{width:100%;float:left;background:#ffffff;}
.aftLoginHaedCont li{width:100%;float:left;}
.aftLoginHaedCont > li{position:relative;}
.aftLoginHaedCont  > li > a{width:100%;float:left;padding:5px 0;color:#000;text-align:left;}
.aftLoginHaedCont .fa{float:left;margin:0 10px 0 5px;}
.aftLoginHaedCont .fa-chevron-circle-down{float:right;margin:3px 5px 0 0px;}
.aftLoginHaedCont li ul{display:none;position:absolute;z-index:9999;background: rgba(0, 0, 0, 0.9);}
.aftLoginHaedCont li:hover ul{display:block;background:#0f1024;}
.aftLoginDropmenu{margin:26px 0 0 0;width:auto;}
.aftLoginDropmenu li{width:100%;float:left;text-align:center;width:100%;}
.aftLoginDropmenu li a{width:100%;color:#fff;padding:5px 0 5px 5px;display:block;text-align:left;font-size:13px;}
.aftLoginDropmenu > li > a:hover{background:#fff;color:#000;}
.dropDownLi, .reportsCont{display:none;}
.reportsCont > a {font-size:13px;text-align:center !important;color:#fff;border-top:1px solid #000;border-bottom:none !important;}
.dropDownLi div {font-size:13px;padding:5px 10px;text-align:center !important;color:#000;}
.glyphicon-chevron-down {float:right;margin:3px 0 0;}
.headCurBlnce{width:100%;float:left;margin-top:2px;}
.headCurBlnce div{width:100%;float:left;}
.headCurBlnce div span{width:50%;float:left;color:#fff;}
/*Popup Table*/
#popLightBox{width:900px;position:fixed;left:50%;top:50%;z-index:99999;display:none;background-color:#2d2d2d;}
.popNewCo{width:500px;position:fixed;left:50%;top:50%;z-index:99999;display:none;background-color:#2d2d2d !important;padding:5px;}
#popLightBoxClose{width:25px;height:25px;position:absolute;top:-20px;right:-20px;color:#fff;background-image: url('../img/icons/popclose.webp');}
.popLightBox-wrap{width:100%;float:left;font-size:12px;padding:5px;position:relative;}
.popLightBoxOly{background:rgba(0,0,0,0.9);position:fixed;width:100%;height:100%;z-index:99;display:none;top:0;left:0;}
.accHeadSec{width:100%;float:left;padding:0 5px;}
.accHeadContlft{width:17%;float:left;}
.accHeadContrgt{width:83%;float:left;}
.accHeadContAuto{width:auto;margin:0 auto;display:table;padding:5px 0;}
.accHeadContPop{width:auto;float:right;}
.accBlnce{width:auto;float:left;margin:0 5px;}
.accBlnce p{width:auto;color:#fff;float:left;margin:7px 5px 0 0;}
.accBlnceAmunt{width:60px;height:25px;float:left;color:#fff;text-align:center;padding-top:8px;border-bottom:1px solid #fff;}
.PopTbl{width:100%;float:left;max-height:500px;overflow-y: auto;}
.PopTblNewco{width:100%;float:left;max-height:600px;overflow-y: auto;}
.PopTblHead{width:100%;float:left;color:#ffffff;margin-top:1px;background-color:#1d1d1d;font-family: 'HelveticaNeueLTStd-BdCn';}
.PopTbl div{float:left;padding:4px 5px;word-break:break-all;font-size:12px;}
.PopTbl ul{width:100%;float:left;}
.PopTbl ul li{width:100%;float:left;color:#000;background:#f2f2f2;}
.PopTbl ul li:nth-child(even){background:#ffffff;}
.PopTbl ul li div.forRight{text-align:right;}   
.PopTbl ul li div.forCenter{text-align:center;}
.Col05{width:5%;}    
.Col06{width:6%;}    
.Col07{width:7%;}    
.Col08{width:8%;}    
.Col09{width:9%;}    
.Col10{width:10%;}    
.Col11{width:11%;}
.Col12{width:12%;}   
.Col13{width:13%;}   
.Col14{width:14%;} 
.Col15{width:15%;}  
.Col16{width:16%;}    
.Col17{width:17%;}    
.Col18{width:18%;}    
.Col19{width:19%;}   
.Col20{width:20%;}       
.Col22{width:22%;}   
.Col23{width:23%;}   
.Col24{width:24%;}   
.Col25{width:25%;}
.Col26{width:26%;}
.Col27{width:27%;}
.Col28{width:28%;}
.Col29{width:29%;}
.Col30{width:30%;}
.Col31{width:31%;}
.Col32{width:32%;}
.Col33{width:33%;}
.Col34{width:34%;}
.Col35{width:35%;}
.saveBookClose{width:100%;float:left;padding:5px 0;}
.savBookTotSta{width:auto;float:left;margin:5px 0 0 10px;}
.savBookTotSta span{width:auto;float:left;margin:0 3px;color:#fff;}
.onlineRegBtn{float:right;margin:0 10px 0 0;padding:3px 20px;border:1px solid #fff;color:#fff;font-size:15px;}
.onlineRegBtn:hover{background:#ffffff;color:#171836;}

/*New Co*/
.newCo{width:303px;margin:0 auto;display:table;padding:15px;border:1px solid #ccc;background:#fff;float:none !important}
.newCoWrap{width:100%;float:left;}
.newCoLogo{width:200px;margin:0 auto;display:table;}
.newCoLogo img{width:100%;float:left;}
.dateAndTime{width:auto;margin:0 auto;display:table;padding:5px 0;font-size:18px;color:#000;font-family: 'opensans-bold';}
.time, .date{width:auto;float:left;padding:0 5px;}
.lottoTicImg{width:100%;float:left;padding:0 40px;}
.lottoTicImg img{width:100%;float:left;}
.lottoTicImg h2{width:100%;float:left;color:#000;text-align: center;font-family:'opensans-bold';}
.betSec{width:100%;float:left;}
.betSec h2{width:100%;float:left;color:#000;padding:10px 0;font-size:18px;font-family: 'opensans-bold';text-transform:uppercase;letter-spacing: -1px;}
.betValCont{width:100%;float:left;}
.lottoNum{width:100%;float:left;}
.lottoNum li{width:100%;float:left;}
.lottoNum li .lottoNumVal{width:100%;float:left;color:#000;font-size:25px;text-transform:uppercase;}
.playAmount{width:100%;float:left;padding:0 2px;}
.plyAmntTxt{width:auto;float:left;color:#000;padding:5px 0;font-size:12px;font-family: 'opensans-bold';text-transform:uppercase;letter-spacing: 0px;font-family: 'Roboto-Light';}
.plyAmount{width:auto;float:right;color:#000;padding:5px 0;font-size:12px;font-family: 'opensans-bold';text-transform:uppercase;letter-spacing: 0px;}
/*by thamil*/
.plyAmountbig{font-size:16px;}
.plyAmountbigmin{font-size:14px;}
.plyAmountbigclr{background: #aa97974a;}
.newCoGameTime{padding:5px 0;border-top:2px dotted #000;border-bottom:2px dotted #000;margin:10px 0;}
.qr{width:100%;float:left;padding:10px 0;color:#000;}
.qrImg{width:100px;float:left;}
.qrImg img{width:100%;float:left;}
.qrValCont{width:170px;float:left;padding:26px 10px;}
.qrVal{width:100%;float:left;font-size:18px;font-family: 'opensans-bold';text-transform:uppercase;letter-spacing: -1px;}
.address{width:100%;float:left;padding:10px 0;color: black;}
.address p{width:100%;float:left;font-size:18px;font-family: 'opensans-bold';text-transform:uppercase;letter-spacing: -1px;}
.barCode{width:100%;float:left;padding:5px 0;}
.barCode img{width:100%;float:left;}
.dottedLine{width:100%;float:left;height:1px;border-bottom:2px dotted #000;}



.playAmountDoubleHead{width:100%;float:left;}
.playAmountDoubleHead h1{width:100%;float:left;text-align:center;color:#000;font-family: 'Roboto-Bold';text-transform:uppercase;}
.playAmountDouble{width:100%;float:left;}
.straatCde{width:46%;float:left;margin:0 5px;}
.playAmountHead{width:100%;float:left;padding-top:5px;}
.playAmountHead ul{width:100%;float:left;padding-top:5px;}
.playAmountHead ul li{width:100%;float:left;padding-top:5px;}
.playAmountHead ul li span{width:100%;float:left;text-align:center;font-size:25px;color:#000;font-family: 'Roboto-Bold';}
.playAmountHead ul li small{width:100%;float:left;text-align:center;color:#000;font-family: 'arial_bold';}
.straatCdePara{width:100%;float:left;border:1px solid #000;padding:5px;}
.straatCdePara h1{width:100%;float:left;text-align:center;color:#000;font-family: 'Roboto-Bold'}
.playAmountStrat p{width:auto;float:left;font-family: 'arial_bold';color:#000;}
.playAmountStrat{width:auto;float:left;padding-top:5px;}
.playAmountStrat ul{width:100%;float:left;padding-top:10px;}
.playAmountStrat ul li{width:50%;float:left;color:#000;font-family: 'arial_bold';}
.playStraatTele{width:100%;float:left;padding-top:10px;}
.playStraatTele ul{width:100%;float:left;}
.playStraatTele ul li{width:auto;float:left;margin:0 5px;}
.playStraatTele ul li a{width:auto;float:left;color:#000;margin-top:5px;font-family: 'opensans-bold';}
.playStraatTele ul li div{width:auto;float:left;border:1px solid #000;padding:5px;color:#000;font-family: 'opensans-bold'}
.playStraatTele p{width:100%;float:left;color:#000;font-family: 'Roboto-Bold';padding-top:10px;}

/*add by thamil*/
.scrollbarPop::-webkit-scrollbar-track{background-color:#1d1d1d;}
.scrollbarPop::-webkit-scrollbar{width:5px;background-color:#000000;}
.scrollbarPop::-webkit-scrollbar-thumb{background-color:#000000;}
/*New Co*/
/*Message Popup*/
#msgLightBox{width:400px;padding:10px;position:fixed;left:50%;top:50%;z-index:99999;display:none;background:#1b1c2b;border:3px solid #ccc;}
.msgLightBox{width:400px;padding:10px;position:fixed;left:50%;top:50%;z-index:99999;display:none;background:#1b1c2b;border:3px solid #ccc;}
.msgLightBox1{width:900px;padding:5px;position:fixed;left:50%;top:50%;z-index:99999;display:none;background:#1b1c2b;border:3px solid #ccc;}

#close{width:25px;height:25px;position:absolute;top:-28px;right:-28px;color:#fff;background-image: url('../img/icons/popclose.webp');}
#closeSearch{width:25px;height:25px;position:absolute;top:-28px;right:-28px;color:#fff;background-image: url('../img/icons/popclose.webp');}
.msgLightBox-wrap{width:100%;float:left;font-size:12px;position:relative;}
.popContHead{width:200px;margin:0 auto;display:table;padding-top:10px;}
.popContHead img{width:100%;float:left;}
.popCont{width:100%;float:left;}
.popCont p{width:26%;float:left;color:#fff;font-size:12px;}
.popCont p.popContRht{float:right;text-align:right;width: 70%;}
.winAmount{width:100%;margin:0 auto;display:table;}
.winAmount p{width:100%;float:left;font-size:18px;padding:10px 0 0;text-align:center;}
.overlay{background:rgba(0,0,0,0.9);position:fixed;width:100%;height:100%;z-index:99;display:none;top:0;left:0;}
.overlaywin{position:fixed;width:100%;height:100%;z-index:99;display:none;top:0;left:0;}
.overlaywin img{background: rgba(0,0,0,0.9); width: 100%;}
.close{width:25px;height:25px;position:absolute;top:-20px;right:-20px;color:#fff;background-image: url('../img/icons/popclose.webp');}
/*Place your bet Animation*/
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
  overflow:hidden;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
/*Scroll to Top*/
#return-to-top {position:fixed;bottom:20px;right:20px;width:50px;height:50px;display:none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
#return-to-top img{width:100%;float:left;}
/*Mobile Navigation Start*/
.toggleBtn{position:absolute;top:4px;right:10px;background:url(../img/icons/menu-mobile.webp) 0 0 no-repeat;width:30px;height:30px;z-index:10;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;}
.toggleBtn.open{background-position:0 -30px;
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;}
			
/*search*/	
.toggleBtn2{position:absolute;top:4px;right:30px;background:url(../img/icons/search-icon.webp) 0 0 no-repeat;width:30px;height:30px;z-index:10;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;}
			
.mobMenu2{width:auto;float:left;position:relative;}
.mobMenu2sub {width:170px !important; display:none;font-size:13px;font-family:'HelveticaNeueLTStd-BdCn';margin-top:3px;color:#ffffff;}
.mobMenuCont2{display:none;width:300px;background:rgba(0, 0, 0, 0.9);position:absolute;top:39px;right:0;padding:10px;z-index:6;}
/*search*/
#divLoading{width:100%;height:100%;position:fixed;right:0;top:0;background:rgba(0, 0, 0, 0.9);z-index:100000;filter: alpha(opacity=70);display:none;}
#divLoading1{width:100%;height:100%;position:fixed;right:0;top:0;background:rgba(0, 0, 0, 0.9);z-index:100000;filter: alpha(opacity=70);}
#centerVal{width:180px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;}
#centerVal2{width:400px;position:absolute;left:50%;top:35%;margin:-50px 0 0 -200px;}
/**Page Loder**/
@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #ffffff;
  -webkit-transform-origin: 50px 52px;
  transform-origin: 50px 52px;
}
.lds-eclipse {
  width:100px;
  height:100px;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
@keyframes pound {
	from, to { transform: none; }
	50% { transform: scale(1.1); }
}
@-webkit-keyframes pound {
	from, to { transform: none; }
	50% { transform: scale(1.1); }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
/**Page Loder**/

/*indexSearch*/
.quicksearchSec{width:100%;float:left;margin:0 0 3px;position:relative;background: rgb(0, 0, 0, 0.7);border:1px solid #ffff00;padding:2px;}
.quicksearchSec input{width:100%;float:left;padding:5px 10px;color:#fff;border:1px solid #0f1024;text-transform:uppercase;font-size:11px;background:transparent;font-family: arial_bold;outline:none;}
.quicksearchBtn {width: 27px;height: 27px;position: absolute;right: 0;top: 0;background: url(../img/icons/search-icon.webp); background-size: cover;background-repeat: no-repeat;background-position: -5px 0;cursor: pointer;}

.quicksearchCont{width:100%;float:left;padding:0 5px 5px;}
.quicksearchHead{width:100%;float:left;padding:5px 0;position:relative;}
.quicksearchHeadWrap{width:auto;display:table;margin:0 auto;}
.quicksearchHeadCont{width:auto;float:left;}
.quicksearchHeadLbl{width:auto;float:left;color:#fff;padding:0 10px;}
.quicksearchHeadVal{width:auto;float:left;color:#fff;padding:0 10px;text-transform:uppercase;}
.quickcontainRhtCont{width:98%;margin:0 auto;display:table;padding:10px 0 0 0;}
.quickrsltTblClose{width:28px;height:24px;position:absolute;right:0;top:2px;background:url("../img/icons/quickclose.webp") no-repeat 100% 0;cursor:pointer;}
.quicksearchSec input::-webkit-input-placeholder {color:#fff;}
.quicksearchSec input::-moz-placeholder {color:#fff;}
.quicksearchSec input:-ms-input-placeholder {color:#fff;}
.quicksearchSec input:-moz-placeholder {color:#fff;}
.resizeWin{width:auto;float:left;top: 4px;position:relative;}
.resizeWin img{width:auto;}
/*indexSearch*/
.wrapapp{width:95%;margin: 0 auto;display: table;}
.appoverlay{background:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;z-index:99;top:0;left:0;}
.applightbox{width:100%;padding: 5px;position: fixed;z-index: 99999;}
.appdiv{width:100%;float:left;}
.appdiv span{width: 250px;float:left;}
.appdiv span img{width:100%;float:left;}
.appdivInnr{width:auto;float:left;margin-left:20px;margin-top: 35px;}
.appdivInnr h3{width: 100%; float: left;font-size:25px;padding-bottom: 10px;color:#fff;font-family: arial_bold;}
.appdivInnr a{width: 150px;float: left;padding: 7px;background:#7aff00;color: #fff;text-align: center;font-size: 20px;    border-radius: 5px;}
.appdivInnr a:hover{background:none;color:#fff;border:1px solid #7aff00}
.howplay{width:100%;float:left;margin-top:10px;}
.howplay h3{width:100%;float:left;font-size:22px;
    font-family: arial_bold;}
.howplay p{width:100%;float:left;font-size:16px;margin-top:12px;}
.appdivCont{width:70%;float:left;}
.appdivContRgt{width:30%;float:left;}
.appdivContRgt h3 {width: 100%;float: left;font-size: 20px;padding-bottom: 10px;color: #fff;font-family: arial_bold;}
.appdivContRgt p{width:100%;float:left;letter-spacing:2px;font-size:16px;}
.appdivContInner{width:100%;float:left;border-top:1px solid #fff;padding:30px 0 0;}


/*id-card old*/
/*.overlayName ul{width:auto;float:left;}
.overlayName ul li{width:100%;float:left;margin-bottom:10px;}
.overlayName ul li span{font-size:18px;font-family: 'Roboto-Bold';color:#000}
.identityContainer{width:500px;margin:2% auto 0;display:table;position :relative;}
.identityContainer img{width:100%;float:left;}
.idLft{width:30%;float:left;text-align:right;font-size:14px;color:#000;font-family: 'arial_bold';color:#000;letter-spacing:0;
    text-transform: uppercase;}
.idRgt{width:70%;float:left;text-align:left;padding: 0 5px;font-size:17px;font-family: 'arial_bold';color:#000;letter-spacing:0; text-transform: uppercase;}
.identityImg{width:250px;margin:0 auto;display:table;}
.overlayName {width: 100%;position: absolute;bottom: -125px;}
.idOverlay {width: 100%;position: absolute;top:45%;}
.nameRgt{width:80%;float:left;margin-top: 50px;}
.nameLft{width:20%;float:left;}
.nameLft img{width:80%;float:left;}
.idOverlay h2{width:100%;float:left;text-align:center;font-size:30px;font-family: 'arial_bold'; text-shadow: 2px 2px #000;}*/

/*id-card*/
.overlayName ul{width:auto;float:left;}
.overlayName ul li{width:100%;float:left;margin-bottom:10px;}
.overlayName ul li span{font-size:18px;font-family: 'Roboto-Bold';color:#000}
.identityContainer{width:500px;margin:2% auto 0;display:table;position :relative;}
.identityContainer img{width:100%;float:left;}
.idLft{width:30%;float:left;text-align:left;font-size:12px;color:#000;font-family: 'arial_bold';color:#000;letter-spacing:0;margin:3px 0 0 0;text-transform: uppercase;}
.idRgt{width:70%;float:left;text-align:left;padding: 0 5px;font-size:17px;font-family: 'arial_bold';color:#000;letter-spacing:0;text-transform: uppercase;}
.identityImg{width:250px;margin:0 auto;display:table;}
.overlayName {width: 100%;float:left;margin-top: 40px;}
.idOverlay {width: 100%;position: absolute;top:45%;padding: 0 20px;}
.nameRgt{width:80%;float:left;margin-top:60px;}
.nameLft{width:20%;float:left;}
.nameLft img{width:80px;margin:0 auto;display:table;float:none;}
.nameLft canvas{width:80px;margin:0 auto;display:table;float:none;}
.idOverlay h2{width:100%;float:left;text-align:center;font-size:30px;font-family: 'arial_bold'; text-shadow: 2px 2px #000;}

/*1600*/
@media screen and (max-width: 1600px) and (min-width:1441px)
{
	
}
/*1440*/
@media screen and (max-width: 1440px) and (min-width:1367px)
{
	
}
/*1366px*/
@media screen and (max-width:1366px) and (min-width:1281px)
{
	.wrap{width:90%;}
    .mobMenu2sub{display:none;}
}
/*1280*/
@media screen and (max-width:1280px) and (min-width:1080px)
{
	.PopTbl{max-height:400px;}
	.PopTblNewco{max-height:400px;}
    .mobMenu2sub{display:none;}
}
/*1024*/
@media screen and (max-width: 1079px) and (min-width: 1024px)
{
	body, html{font-size:12px;}
	.wrap{width:99%;}
	.lft {width:22%;}
	.rht {width:28%;}
	.sicbolft{width:100% !important;}
	.sicbocent{width:100% !important;}
	.sicborht{width:100% !important;padding:0;}	
	.heading{padding:5px 0 0;}	
	.heading h2{font-size:16px;}
	.PopTbl{max-height:400px;}
	.PopTblNewco{max-height:400px;}
	/*Header and Footer*/
	.header{padding:5px 0;}
	.hmLogo{width:200px;}
	.hmLogin{margin:5px 0;}	
	.mobMenu ul{top:43px;right:1px;}	
	.footer{margin-top:0;}
	.flexGallery{ width:700px;}
    .mobMenu2sub{display:none;}
}
/*800*/
@media screen and (max-width: 1023px) and (min-width: 800px)
{
	.wrap{width:95%;}
	.lft {width:100%;border:none;padding:0;display:none;position:absolute;left:0;top:109px;z-index:12;}
	.cent {width:100%;margin-top:-1px;border:none;padding:2px 0;}
	.rht{width:100%;height:auto;border:none;padding:0;position:absolute;left:0;top:109px;z-index:10;}	
	#virtualLightbox {width:650px;}
	#popLightBox{width:700px;}
	.PopTbl{max-height:400px;}
	.PopTblNewco{max-height:400px;}
	/*Header and Footer*/
	.toggleBtn{top:-4px;}
	.header{padding:5px 0;}
	.hmLogo{width:200px;}
	.hmLogin{margin:5px 0;}	
	.hmMenu ul li a {margin: 0 5px;}
	.userLog{width:98%;display:none;position:absolute;z-index:10;background: rgba(0, 0, 0, 0.9);top:95px;}
	.menuSec{height:33px;padding:5px 0;}
	.mobMenu ul{top:42px;right:1px;}
	.mobMenu ul.mobileMenu1{display:block;}
	.hmMenu{display:none;}
	.mobMenuCont{top:28px;}
	.heading{padding:5px 0 0;}	
	.heading h2{font-size:16px;}
	.footer{margin-top:0;position:relative;padding:5px 0;}
	.quickLinks{text-align:center;margin-top:3px;}
	.copyRights{margin-top:0;}
	.quickLinks li{margin:0 1px;float:none;display:inline-block;}
	.msgLightBox1 {width:700px;}
	.mobMenu2 {width: auto;float: right;position: relative;}
    .mobMenu2sub{display:block;}
	.toggleBtn2 {top:0;right:50px;}
}
/*640*/
@media screen and (max-width:799px) and (min-width: 640px)
{
	.mainContainer{margin-bottom:-90px;padding-bottom:90px;}
	.wrap{width:99%;}
	.lft {width:100%;border:none;padding:0;display:none;position:absolute;left:0;top:109px;z-index:11;}
	.cent {width:100%;margin-top:-1px;border:none;padding: 2px 0;}
	.rht{width:100%;height:auto;border:none;padding:0;position:absolute;left:0;top:109px;z-index:10;}
	.heading{padding:5px 0 0;}
	.heading h2{font-size:16px;}
	.mobMenu2 {width: auto;float: right;position: relative;}
    .mobMenu2sub{display:block;}
	.toggleBtn2 {top:0;right:50px;}
	#virtualLightbox {width: 500px;}
	#popLightBox{width:550px;}
	.PopTbl{max-height:500px;}
	.PopTblNewco{max-height:500px;}
	.PopTblHead, .PopTbl ul{width:140%;}
	/*Header and Footer*/
	.toggleBtn{top:-4px;}
	.header{padding:5px 0;}
	.hmLogo{width:200px;}
	.hmLogin{margin:5px 0;}		
	.forBtomMargin{margin-bottom:2px;}
	.userLog{width:98%;display:none;position:absolute;z-index:10;background: rgba(0, 0, 0, 0.9);top:95px;}
	.menuSec{height:33px;padding:5px 0;}
	.mobMenu {width:100%;float:none;position: relative;}
	.mobMenuCont{width:100%;display:none;top:28px;}
	.mobMenu ul.mobileMenu1{display:block;}
	.mobMenu ul li{width:50%;}
	.mobMenu ul li a{font-size:14px;}	
	.mobMenu ul li span {margin:0;}
	.mobMenu ul li img {margin: -5px 1px;}
	.forHide{display:none;}
	.hmMenu{display:none;}	
	.footer{margin-top:0;position:relative;padding:5px 0;}
	.footCont1, .footCont2, .footCont3, .footCont4{width:100%;}
	.quickLinks{text-align:center;margin-top:0;}
	.quickLinks li{margin:0 1px;float:none;display:inline-block;}
	.soc-icons{padding-top:5px;}	
	.copyRights{margin-top:0;}	
	.betValueEntrCont{width:75px;}
	.msgLightBox1 {width:550px;}
	.resizeWin{top:0;}	
	
	.appdivCont {width:100%;}
	.appdiv span {width:100px;}
	.appdivInnr {width: 65%;float: left;margin-left:5px;margin-top: 0px;}
	.appdivInnr h3 {font-size:14px;}
	.appdivInnr a {width: 100px;float: left;padding: 5px;font-size: 15px;}
	.howplay h3 {font-size: 14px;}
	.howplay p {font-size: 14px;}
	.appdivContInner {overflow:auto;max-height: 366px;}
	.appdivContRgt {width:100%;padding-top: 5px;}
}
/*480*/
@media screen and (max-width: 639px) and (min-width: 480px)
{	
	.mainContainer{margin-bottom:-90px;padding-bottom:90px;}
	.wrap{width:99%;}
	.lft {width:100%;border:none;padding:0;display:none;position:absolute;left:0;top:106px;z-index:11;}
	.cent {width:100%;margin-top:-1px;border:none;padding: 2px 0;}
	.rht{width:100%;height:auto;border:none;padding:0;position:absolute;left:0;top:106px;z-index:10;}
	.heading{padding:5px 0 0;}
	.heading h2{font-size:16px;}
	.forLftheading{width:75px;padding:0;}
	.mobMenu2 {width: auto;float: right;position: relative;}
    .mobMenu2sub{display:block;}
	.toggleBtn2 {top:0;right:50px;}
	#virtualLightbox {width:400px;left:49%;}
	#popLightBox{width:450px;}
	.PopTbl{max-height:200px;}
	.PopTblNewco{max-height:200px;}
	.PopTblHead, .PopTbl ul{width:175%;}	
	.saveBookClose{padding:5px 0 0 0;}
	.accHeadContAuto{padding:0;}
	/*After Login*/
	.headTopCont2{width:300px;}
	/*Header and Footer*/
	.toggleBtn{top:-4px;}
	.header{padding:5px 0;}
	.hmLogo{width:150px;}
	.hmLogin{margin:5px 0;}		
	.forBtomMargin{margin-bottom:2px;}
	.userLog{width:98%;display:none;position:absolute;z-index:10;background: rgba(0, 0, 0, 0.9);top:85px;}
	.menuSec{height:33px;padding:5px 0;}
	.mobMenu {width:100%;float:none;position: relative;}
	.mobMenuCont{width:98%;display:none;top:28px;right:1%;padding:10px;}
	.mobMenu ul.mobileMenu1{display:block;}
	.mobMenu ul li{width:50%;}
	.mobMenu ul li a{font-size:14px;}	
	.mobMenu ul li span {margin:0;}
	.mobMenu ul li img {margin: -5px 1px;}
	.forHide{display:none;}
	.hmMenu{display:none;}	
	.footer{margin-top:0;position:relative;padding:5px 0;}	
	.footCont1, .footCont2, .footCont3, .footCont4{width:100%;}
	.quickLinks{text-align:center;margin-top:0;}
	.quickLinks li{margin:0 1px;float:none;display:inline-block;}
	.soc-icons{padding-top:5px;}	
	.copyRights{margin-top:0;}	
	.betValueEntrCont{width:76px;}
	#centerVal{width:100px;margin:-25px 0 0 -25px;}
	.lds-eclipse div {width:50px;height: 50px;-webkit-transform-origin: 25px 26px;transform-origin: 25px 26px;}
	.lds-eclipse {width:50px;height:50px;-webkit-transform: translate(-50px, -50px) scale(1) translate(50px, 50px);transform: translate(-50px, -50px) scale(1) translate(50px, 50px);}
	.popNewCo {width: 90%;}
	.msgLightBox1 {width: 85%;position: absolute;padding:0;}
	.resizeWin{top:0;}
	
	.appdivCont {width:100%;}
	.appdiv span {width:100px;}
	.appdivInnr {width: 65%;float: left;margin-left:5px;margin-top: 0px;}
	.appdivInnr h3 {font-size:14px;}
	.appdivInnr a {width: 100px;float: left;padding: 5px;font-size: 15px;}
	.howplay h3 {font-size: 14px;}
	.howplay p {font-size: 14px;}
	.appdivContInner {overflow:auto;max-height: 366px;}
	.appdivContRgt {width:100%;padding-top: 5px;}
    /*id-card old*/
	/*.identityContainer {width:95%;}
	.idOverlay ul li span {font-size:14px;}	
	.overlayName {bottom: -100px;}*/
    /*id-card*/
    .identityContainer {width:95%;}
	.idOverlay ul li span {font-size:14px;}	
	.nameLft img{width:60px;}
    .nameLft canvas{width:60px;}
	.nameRgt{margin-top:45px;}
	.idRgt{font-size:12px;}
	.idLft{width:25%;font-size:10px;margin:1px 0 0 0;}
	.idOverlay h2{font-size:24px;}
}
/*320*/
@media screen and (max-width: 479px)
{
	.mainContainer{margin-bottom:-90px;padding-bottom:90px;}
	.wrap{width:99%;}
	.lft{width:100%;border:none;padding:0;display:none;position:absolute;left:0;top:132px;z-index:11;background:#171836;}	
	.rht{width:100%;border:none;padding:0;position:absolute;left:0;top:132px;z-index:10;background:#171836;}
	.cent {width:100%;margin-top:-1px;padding:2px 0;border:none;}
	.mobMenu2 {width: auto;float: right;position: relative;}
    .mobMenu2sub{display:block;}
	.toggleBtn2 {top:0;right:50px;}
	.heading{padding:5px 0 0;}
	.heading h2{font-size:16px;}
	.forLftheading{width:75px;padding:0;float:none;}	
	.popCont p {width: 100%;text-align:center;}
	.popCont p.popContRht{width:100%;text-align:center;}
	.accHeadContAuto {width: 60%;margin: 0 auto;display: table;}
	.accBlnce{width:50%;margin:3px 0;}
	.accBlnce p{width:100%;text-align:center;}
	.accBlnceAmunt{float:none;margin:0 auto;display:table;}
	#msgLightBox {width: 85%;position: absolute;}    
	.msgLightBox {width: 85%;position: absolute;}
	.popNewCo {width:75%;position: absolute;}
	#popLightBox{width:300px;}
	.PopTbl{max-height:300px;}
	.PopTblNewco{max-height:300px;margin-top: 5px}
	.PopTblHead, .PopTbl ul{width:300%;}	
	.saveBookClose{padding:5px 0 0 0;}
	.accHeadContPop{width:100%;}
	.accHeadContAuto{width:100%;padding:0;}
	/*After Login*/
	.aftLoginHaedCont {width:100%;margin-top:2px;}
	.aftLoginHaedCont > li > a{padding:2px 0;}
	.headTopCont2 {width:98%;float:none;margin: 0 auto;}
	.headCurBlnce {width: 100%;}
	.headCurBlnce div span{text-align:center;font-size:11px;}
	/*Header and Footer*/
	.toggleBtn{top:-4px;}
	.header{height:70px;padding:5px 0;}	
	.hmLogo{width:150px;margin: 0 auto;display: table;float: none;}
	.hmLogin{margin:5px;float:none;margin:5px auto 0;display:table;}
	.hmLogin a{margin:0;}
	.hmLogin a span{font-size:11px;}
	.forBtomMargin{margin-bottom:2px;}
	.menuSec{height:33px;padding:5px 0;}
	.mobMenu {width:100%;float:none;position: relative;}
	.mobMenuCont{width:99%;display:none;top:28px;right:0.5%;padding:10px;}
	.mobMenu ul.mobileMenu1{display:block;}
	.mobMenu ul li{width:50%;background-position:0 -1px;}
	.mobMenu ul li a{font-size:11px;}
	.mobMenu ul li img {margin: -5px 1px;}
	.hmMenu{display:none;}	
	.userLog{display:none;position:absolute;z-index:10;background: rgba(0, 0, 0, 0.9);top:85px;}
	.userLog {width:97%;margin:0 auto;display:table;float:none;}
	.userLogCont div span, .userLogCont input{height:30px;}
	.userLogCont .newUserTxt1{height:30px;}
	.userLogCont div span img{width:15px;}
	.userLogCont div label{font-size:13px;}
	.userLogCont{margin:0 5%;}				
	.footer{margin-top:0;position:relative;padding:5px 0;}
	.footCont1, .footCont2, .footCont3, .footCont4{width:100%;}
	.quickLinks{text-align:center;margin-top:5px;}
	.quickLinks li{margin:0 1px;float:none;display:inline-block;}
	.quickLinks li a{font-size:12px;}
	.soc-icons{padding-top:5px;}
	.copyRights{margin-top:0;}
	.copyRights p{font-size:10px;}		
	.betValueEntrCont{width:76px;}
	#centerVal{width:100px;margin:-25px 0 0 -25px;}
	.lds-eclipse div {width:50px;height: 50px;-webkit-transform-origin: 25px 26px;transform-origin: 25px 26px;}
	.lds-eclipse {width:50px;height:50px;-webkit-transform: translate(-50px, -50px) scale(1) translate(50px, 50px);transform: translate(-50px, -50px) scale(1) translate(50px, 50px);}
	.newCo {width:100%;padding:0px;}
	.newCoLogoLft img{width:200px;margin:0 auto;display:table;}
	.newCoLogoRht img{width:200px;margin:0 auto;display:table;}
	.popLightBox-wrap{padding:0;}
	.lottoNum li .lottoNumVal {font-size: 20px;}
	.msgLightBox1 {width: 85%;position: absolute;padding:0;margin-left: -140px !important;}
	.resizeWin{top:0;}
	.appdivCont {width:100%;}
	
	.appdiv span {width:80px;}
	.appdivInnr {width: 65%;float: left;margin-left:8px;margin-top: 0px;}
	.appdivInnr h3 {font-size:14px;}
	.appdivInnr a {width: 100px;float: left;padding: 5px;font-size: 15px;}
	.howplay h3 {font-size: 14px;}
	.howplay p {font-size: 14px;}
	.appdivContInner {overflow:auto;max-height: 366px;}
	.appdivContRgt {width:100%;padding-top: 5px;}
	.appdivContRgt p {font-size: 13px;}
   /*id-card old*/
	/*.identityContainer {width:99%;}
	.idOverlay ul li span {font-size:14px;}	
	.idLft,.idRgt{font-size:11px;}
	.nameRgt {margin-top:40px;}
	.overlayName {bottom: -82px;}*/

    /*id-card*/
	.identityContainer {width:95%;}
	.idOverlay ul li span {font-size:14px;}	
	.nameLft img{width:40px;}
    .nameLft canvas{width:40px;}
	.nameRgt{width:85%;margin-top:30px;}
	.idRgt{width: 68%;font-size:11px;}
	.idLft{width:32%;font-size:10px;margin:1px 0 0 0;}
	.idOverlay h2{font-size:20px;}
	.overlayName {width: 100%;float: left;margin-top: 25px;}
	.idOverlay{padding:0 10px;}
	.nameLft {width:15%;}
}

.identityImg {
    position: relative;
    width: 250px; /* Adjust as needed */
    height: auto; /* Adjust as needed */
}

.identityImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
}

.identityImg img.backImg {
    transform: rotateY(180deg);
}
