@font-face {
    font-family: 'CD';
    src: url('../fonts/AvenirLTStd-Medium.eot');
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirLTStd-Medium.woff') format('woff'),
         url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'),
         url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}
*::-webkit-scrollbar {
  display: none;
  display: none !important;
}


html{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}
html::-webkit-scrollbar {
  display: none;
  display: none !important;
}

html,body,table,tr,td{

	overflow:hidden;
	border:0;
	padding:0;
	margin:0;
	//border-collapse: collapse;
	border-spacing: 0;
	font-family: 'CD';
}


img,table,tr,td,tbody{
	border:0px;
	padding:0;
	
	margin:0;
	border-spacing: 0;
	//border-collapse: collapse;
	font-family: 'CD';
	
}

table,tr,td,div, tbody{
	background-color:transparent;
	
	font-family: 'CD';
}


.disclaim{
	font-family: 'CD';
	font-size:5vw;
	text-align:center;
	
	position:fixed;
	z-index:9999;
	background-color:#000000;
	height:100vh;
	width:100vw;
	top:0;
	color:#FFFFFF;
	
}

.startPANO{
	
	font-family: 'CD';
	font-size:10vw;
	text-align:center;
	
	position:fixed;
	z-index:9999;
	
	width:100%;
	color:#FFFFFF;
}


canvas{
	background-color:#BBBDBC;
	
}


.vidin{
	
	position:fixed;
	width:100vw;
	left:0;
	height:100vh;
	top:0;
	z-index:1200;
	display:none;
	//opacity:0;
}


.diVert{
	
	
	display:inline-block !important;
	width:80vw !important;
	min-width:80vw !important;
	max-width:80vw !important;
	
	
}

.middled{
	
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.game{
	//position:fixed;
	//width:100vw;
	//left:0;
	//height:100vh;
	//top:0;
	z-index:1200;
	display:none;
	//opacity:0;
	text-align:center;
	overflow:hidden;
	font-family: 'CD';
	font-size: 40px;
	color:#000000;
	background-color:#00000050;
}

.tc{
	position:absolute;
	font-family: 'CD';
	font-size: 7px;
	color:#000000;
	font-weight:bold;

}

.tc:hover{
	
		text-decoration:underline;
}


.chat{
	
	position:fixed;
	bottom:0;
	right:0;
	
}


.chat>input{
	
	  width: 20vw;
	  //padding: 12px 20px;
	  margin: 8px 0;
	  box-sizing: border-box;
	  font-size:20px;
	
}

.enterpan{
	position:fixed;
	width:100vw;
	height:100vh;
	left:0;
	top:0;
	z-index:9999;
	background-color:#00000050;
	
}


.pan{
	
	font-family: 'CD';
	font-size:14px;
	color:#444444;
	text-align:center;
	background-color:#DDDDDD;
	border:5px solid #FEB432;
	border-radius: 10px;
	padding:5px;
	
	
	
}


.whatdo{
	width:50vw;
	background-color:#FD8CAAA0;
	z-index:900;
	position:fixed;
	bottom:0;
	margin-bottom:20vw;
	color:pink;
	overflow:hidden;
	text-align:center;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 4vw/* 4vw 0 0*/;

}

.zc{
	
	overflow:visible;
	transition: 0.2s ease;
	
}

.zc:active {
	transform:scale(1.2);
}

.bandzm{
	text-align:center;
	
}

.rimp{
	padding-left:5vw;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
     border-radius: 20px;
	height:7vw;
	
}

.interface{
	font-family: 'CD';
	position:relative;
	z-index:1000;
	overflow:hidden;
	height:calc(100% - 5.36vw);
	background-color:#000000;
	color:#FFFFFF;
	
}

.debugtab{
	
	border:1px solid black;
	
	
}

.debugtab tr{
	
	border:1px solid black;
	
	
}

.debugtab td{
	
	border:1px solid black !important;
	
	
}




.tct{
	
	font-family: 'CD';
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-top:1vw;
	padding-bottom:1vw;
	background-color:#000000;
}

.tct tr{
	
	text-align:center;
	vertical-align:bottom;
	
	
}

.tct td{
	text-align:center;
	vertical-align:bottom;
	background-position:center 300%;
	background-size:55% auto;
	background-repeat:no-repeat;
	
}





.it{
		
	position:fixed;
	z-index:999;
	width:100%;
	left:0;
	
	
}


.avatar{
	
	height:12vw;
	width:12vw;
	background-size: 100% auto;
	background-repeat:no-repeat;
	background-position:center top;
	
	
	
}

.logo{
	font-family: 'CD';
	font-size:14px;
	//position:fixed;
	//top:6vh;
	//left:2.5vw;
	color:#FFFFFF;
	text-align:center;
	
}

.bandeau{
	font-family: 'CD';
	font-size:10px;
	position:fixed;
	top:1vh;
	left:2.5vw;
	width:95vw;
	overflow:hidden;
	border-radius: 10px;
	border:3px solid #505050 !important;
	background-color:#D0D0D0;
	vertical-align:middle;
	
}
.tdin{
	color:#D0D0D0;
	background-color:#FF00FF;
	padding:3px;
	//border:3px solid #505050 !important;
	text-align:center;
	
}

.tdc{
	color:#505050;
	
	padding-top:3px;
	
}


.message{
	margin-top:-6vw;
	font-family: 'CD';
	font-size:12px;
	
	color:#444444;
	
	vertical-align:middle;
	
}

.tdinm{
	border-bottom:3px solid #505050;
	color:#444444;
	background-color:#FEB432C0;
	text-align:center;
	height:1%;
	font-weight:bold;
	
}

.chatist{
	position:relative;
	z-index:998;
	width:100%;
	font-family: 'CD';
	font-size:14px;
	color:#444444;
	padding:2vw;
	text-align:center;
	height:1%;
	font-weight:normal;
	
}
#igg{
	
	width:100vw !important;
	height:100vw !important;
	//margin-top:-12vw;
	
}

.odiond{
	
	position:fixed;
	top:110%;
	left:110%;
	z-index:0;
	opacity:0.1;
	
}

.var{
	
	// margin-bottom:0.7% !important; 
	 font-size:5vw !important; 
}

.zoom{
	z-index:1000;
	position:fixed;
	//bottom:1vw;
	//right:1vw;
	//width:31vw;
	//height:31vw;
	//background-image:url("../imgs/zoom.png");
	//background-size:100% auto;
	//background-position: center center;
	//background-repeat:no-repeat;
	
	
}

.BZ{
	
	position:absolute;
	width:20%;
	height:20%;
	
	
	
}



input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.txnoTx{
	color:#444444;
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	
	padding:0;margin:0;
	padding-left:15.5%;
	width:85%;height:100%;
	
	font-family: 'CD';
	font-size:14px;
	font-weight:bold;
	
	
	
}

.txnoTxGAME{
	color:#444444;
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	/* margin-bottom:2.5% !important; */
	padding:0;margin:0;
	padding-left:15.5%;
	width:85%;height:100%;
	font-size:4vw !important;
	font-family: 'CD';
	font-size:8px;
	font-weight:bold;
	
	
	
}

.decamobpd{
	
	margin-left:6% !important;
}
.decamobmd{
	
	margin-left:-6% !important;
}

.decamobpu{
	
	margin-left:3% !important;
}
.decamobmu{
	
	margin-left:-3% !important;
}

.eml{
	color:#444444;
    border:3px solid #FEB432;
    border-radius:5px;
    background-image:none;
    background-color:#DDDDDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	
	padding-left:1vw;margin:0;
	
	width:30%;height:100%;
	
	font-family: 'CD';
	font-size:16px;
	font-weight:bold;
	
	
	
}

.dirpg{
	
	position:fixed;
	bottom:12vh;
	width:13vh;
	left:calc(50vw - 6.5vh);
	height:13vh;
	background-image:url('../imgs/dir.png');
	background-size:100% 100%;

	
}

.flrpg{
	
	position:absolute;
	top:4vh;
	right:0;
	
	width:5vh;
	transform:  rotate(90deg);
	transform-origin:-2vh 2.6vh;
}


.rq{
	position:absolute;
	font-family: 'CD';
	font-size: 14px;
	color:#FF0000;
	font-weight:bold;

}

.bzm{
	
	position:relative;
	min-height:5.36vw;
}


.ok{
	
	padding:10px;
	border:5px solid #FF0000;
	border-radius:10px;
	
}


.ok:hover{
	
	padding:10px;
	border:5px solid #00FF00;
	border-radius:10px;
	
}



A{ color:#000000;text-decoration:none; }
A:active  { color:#000000;text-decoration:none;}
A:hover   { color:#000000;text-decoration:none;} 
A:visited { color:#000000;text-decoration:none;} 



.curs:hover
{
	cursor:pointer;
}
.curs:out
{
	cursor:default;
}


.InsAgame:hover
{
	cursor:pointer;
	
	border:1px solid #00FF00;
	border-radius: 10px;
	
}
.InsAgame
{
	//margin-left:-1vh !important;
	//margin-top:-0.8vh !important;
	//border:1px solid #00FF00; 
	border:none;
	border-radius: 10px;
	cursor:default;
}



.centmob{
	
	width:100% !important;
	margin-left:0 !important;
}



@keyframes vibrateAnim {
0%   { transform: translate(6px, 3px)   /*rotate(0deg); */ }
10%  { transform: translate(-3px, -6px) /*rotate(-1deg);*/ }
20%  { transform: translate(-9px, 0px)  /*rotate(1deg); */ }
30%  { transform: translate(0px, 6px)   /*rotate(0deg); */ }
40%  { transform: translate(3px, -3px)  /*rotate(1deg); */ }
50%  { transform: translate(-3px, 6px)  /*rotate(-1deg);*/ }
60%  { transform: translate(-9px, 3px)  /*rotate(0deg); */ }
70%  { transform: translate(6px, 3px)   /*rotate(-1deg);*/ }
80%  { transform: translate(-3px, -3px) /*rotate(1deg); */ }
90%  { transform: translate(6px, 6px)   /*rotate(0deg); */ }
100% { transform: translate(3px, -6px)  /*rotate(-1deg);*/ }
}

@keyframes vibrateAnimRt {
0%   { transform: translate(6px, 3px)   rotate(180deg);}
10%  { transform: translate(-3px, -6px) rotate(180deg);}
20%  { transform: translate(-9px, 0px)  rotate(180deg);}
30%  { transform: translate(0px, 6px)   rotate(180deg);}
40%  { transform: translate(3px, -3px)  rotate(180deg);}
50%  { transform: translate(-3px, 6px)  rotate(180deg);}
60%  { transform: translate(-9px, 3px)  rotate(180deg);}
70%  { transform: translate(6px, 3px)   rotate(180deg);}
80%  { transform: translate(-3px, -3px) rotate(180deg);}
90%  { transform: translate(6px, 6px)   rotate(180deg);}
100% { transform: translate(3px, -6px)  rotate(180deg);}
}

@keyframes vibrateAnimRtZ {
0%   { transform: translate(6px, 3px)   scale(-1, 1);}
10%  { transform: translate(-3px, -6px) scale(-1, 1);}
20%  { transform: translate(-9px, 0px)  scale(-1, 1);}
30%  { transform: translate(0px, 6px)   scale(-1, 1);}
40%  { transform: translate(3px, -3px)  scale(-1, 1);}
50%  { transform: translate(-3px, 6px)  scale(-1, 1);}
60%  { transform: translate(-9px, 3px)  scale(-1, 1);}
70%  { transform: translate(6px, 3px)   scale(-1, 1);}
80%  { transform: translate(-3px, -3px) scale(-1, 1);}
90%  { transform: translate(6px, 6px)   scale(-1, 1);}
100% { transform: translate(3px, -6px)  scale(-1, 1);}
}

@keyframes dwL {
0%   { transform: translateY(0px)   ;}
1%   { transform: translateY(0px)   ;}
3%   { transform: translateY(89vh) ;}
50%  { transform: translateY(89vh) ;}
99%  { transform: translateY(0px)   ;}
100% { transform: translateY(0px)   ;}
}

@keyframes cut {
0%   { height:31px; opacity:0; }
1%   { height:31px; opacity:1; }
3%   { height:85vh; opacity:1; }
50%  { height:85vh; opacity:1; }
99%  { height:31px; opacity:1; }
100% { height:31px; opacity:0; }
}

@keyframes flicker {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  11% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}



.lic {
  other-animation: flicker 0.1s ease alternate infinite;
}



.vibrate{
	/*animation-name: vibrateAnim;          -moz-animation-name: vibrateAnim;        -webkit-animation-name: vibrateAnim;        -o-animation-name: vibrateAnim;         -ms-animation-name: vibrateAnim;
	animation-duration: 0.4s;             -moz-animation-duration: 0.4s;           -webkit-animation-duration: 0.4s;           -o-animation-duration: 0.4s;            -ms-animation-duration: 0.4s;
	transform-origin:50% 50%;             -moz-transform-origin:50% 50%;           -webkit-transform-origin:50% 50%;           -o-transform-origin:50% 50%;            -ms-transform-origin:50% 50%;
	animation-iteration-count: infinite;  -moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite;
	animation-timing-function: linear;    -moz-animation-timing-function: linear;  -webkit-animation-timing-function: linear;  -o-animation-timing-function: linear;   -ms-animation-timing-function: linear;
	
	*/
	animation: vibrateAnim 0.4s linear infinite,
	flicker 0.05s linear alternate infinite;
	       
	transform-origin:50% 50%;           
	



}



.effect0{ filter : brightness(300%);	-moz-filter:brightness(300%);	-webkit-filter:brightness(300%);	-o-filter:brightness(300%);		-ms-filter:brightness(300%);	}
.effect1{ filter : contrast(300%);		-moz-filter:contrast(300%);		-webkit-filter:contrast(300%);		-o-filter:contrast(300%);		-ms-filter:contrast(300%);		}
.effect2{ filter : grayscale(100%);		-moz-filter:grayscale(100%);	-webkit-filter:grayscale(100%);		-o-filter:grayscale(100%);		-ms-filter:grayscale(100%);		}
.effect3{ filter : hue-rotate(180deg);	-moz-filter:hue-rotate(180deg);	-webkit-filter:hue-rotate(180deg);	-o-filter:hue-rotate(180deg);	-ms-filter:hue-rotate(180deg);	}
.effect4{ filter : saturate(500%);		-moz-filter:saturate(500%);		-webkit-filter:saturate(500%);		-o-filter:saturate(500%);		-ms-filter:saturate(500%);		}
.effect5{ filter : blur(5px);			-moz-filter:blur(5px);			-webkit-filter:blur(5px);			-o-filter:blur(5px);			-ms-filter:blur(5px);			}
.effect6{ filter : invert(100%);		-moz-filter:invert(100%);		-webkit-filter:invert(100%);		-o-filter:invert(100%);			-ms-filter:invert(100%);		}
.effect7{  	
	/*animation-name: 		vibrateAnimRt; animation-duration: 0.4s; transform-origin:50% 50%; animation-iteration-count: infinite; animation-timing-function: linear;
	-moz-animation-name: 	vibrateAnimRt; -moz-animation-duration: 0.4s; -moz-transform-origin:50% 50%; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
	-webkit-animation-name: vibrateAnimRt; -webkit-animation-duration: 0.4s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
	-o-animation-name: 		vibrateAnimRt; -o-animation-duration: 0.4s; -o-transform-origin:50% 50%; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
	-ms-animation-name: 	vibrateAnimRt; -ms-animation-duration: 0.4s; -ms-transform-origin:50% 50%; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;
	
	*/
	
	animation: vibrateAnimRt 0.4s linear infinite,
	flicker 0.05s linear alternate infinite;
	       
	transform-origin:50% 50%;       
}
.effect8{  	
	/*animation-name: 		vibrateAnimRtZ; animation-duration: 0.4s; transform-origin:50% 50%; animation-iteration-count: infinite; animation-timing-function: linear;
	-moz-animation-name: 	vibrateAnimRtZ; -moz-animation-duration: 0.4s; -moz-transform-origin:50% 50%; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
	-webkit-animation-name: vibrateAnimRtZ; -webkit-animation-duration: 0.4s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
	-o-animation-name: 		vibrateAnimRtZ; -o-animation-duration: 0.4s; -o-transform-origin:50% 50%; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
	-ms-animation-name: 	vibrateAnimRtZ; -ms-animation-duration: 0.4s; -ms-transform-origin:50% 50%; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;
	*/
	animation: vibrateAnimRt 0.4s linear infinite,
	flicker 0.05s linear alternate infinite;
	       
	transform-origin:50% 50%;       
}



.ts{
	
	background-color:#FF00FF;
	opacity:0.7;
	
}