body{
	margin: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	padding: 0;  
}
/*@media (min-width: 1920px)
{
	body{
		overflow-x: hidden;
	}
}*/
iframe{
    overflow:hidden;
}
.arrow-link{
	text-decoration:none;
	color:black;
	width: 378%;
	margin-top: 12px;
    /*border: 1px outset white;
	background: rgb(255,255,255,0.2)*/
}
.arrow-right {
  width: 0; 
  height: 0;
  right:0%;
  position: absolute;
  bottom: 11%;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 8px solid black;
}
.arrow-left {
  width: 0; 
  height: 0;
  left:0%;
  position: absolute;
  bottom: 11%;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-right: 8px solid black;
}
.flug-black-right {
  width: 50%; 
  height: 5%;
  right:8%;
  position: absolute;
  bottom: 15%;
  border: 2px solid black;
  transform: skew(-45deg, 0deg);
  background: black;
}
.flug-right {
  width: 50%; 
  height: 8%;
  right:8%;
  position: absolute;
  bottom: 27%;
  border: 2px solid black;
  transform: skew(45deg, 0deg);
}
.flug-black-left {
  width: 50%; 
  height: 5%;
  left: 5%;
  position: absolute;
  bottom: 15%;
  border: 2px solid black;
  transform: skew(45deg, 0deg);
  background: black;
}
.flug-left {
  width: 50%; 
  height: 8%;
  left: 5%;
  position: absolute;
  bottom: 28%;
  border: 2px solid black;
  transform: skew(-45deg, 0deg);
}
.authwrap{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: black;
	z-index:2;
	background-color: rgba(0, 0, 0, 0.5);	
}
.wrapper{
	position: absolute;
	/*filter: blur(5px);
    -webkit-filter: blur(5px);	*/
}
.cell{
    /*border: 1px solid rgba(0,0,0,0.3);*/
    /*border: 1px solid rgba(0,0,0,0.6);*/
	border-left: 1px solid rgba(0,0,0,0.6);
    border-top: 1px solid rgb(255 255 255 / 30%);	
    width: 48px;
    height: 48px;
    font-size: 48px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	/*transform: translateZ(0);*/
    box-shadow: inset -2px 0px 0px 0px rgb(255 255 255 / 30%), inset 0px -2px 0px 0px rgb(0 0 0 / 60%);
}
.rc{
	display: none;
	width: 75%;
	height: 12.5%;
	background: black;
    border-radius: 0.5em;
    left: 12.5%;
	z-index: 1;
}
.ppnb_strip{
	height: 15%;
	background: black;
	border-radius: 0.5em;
	position: absolute;
}
.ppnb_strip_t1{
	height: 15%;
	background: black;
	border-radius: 0.5em;
	position: absolute;
	width: 75%;
	left: 12%;
	top: 70%;
}
.ppnb_strip_t2_1{
	height: 15%;
	background: black;
	border-radius: 0.5em;
	position: absolute;
    width: 48%;
    left: 4%;
    top: 64%;
    transform: rotate(135deg);
}
.ppnb_strip_t2_2{
	height: 15%;
	background: black;
	border-radius: 0.5em;
	position: absolute;
    width: 48%;
    left: 47%;
    top: 21%;
    transform: rotate(135deg);
}
.ppnb_strip_t11_1{
	height: 15%;
	background: black;
	border-radius: 0.5em;
	position: absolute;
    width: 48%;
    left: 4%;
    top: 21%;
    transform: rotate(45deg);
}
.ppnb_circle_t16_1{
	width: 33%;
	height: 33%;
	background: black;
	border-radius: 1.5em;
	left: 12%;
	position: absolute;
	top: 12%;
}
.ppnb_circle_t17_1{
	width: 33%;
	height: 33%;
	background: black;
	border-radius: 1.5em;
	left: 55%;
	position: absolute;
	top: 12%;
}
.ppnb_circle_t18{
	width: 33%;
	height: 33%;
	background: black;
	border-radius: 1.5em;
	left: 12%;
	position: absolute;
	top: 55%;
}
.ppnb_circle_t19{
	width: 33%;
	height: 33%;
	background: black;
	border-radius: 1.5em;
	left: 55%;
	position: absolute;
	top: 55%;
}
.ppnb_rect_t21{
	width: 75%;
	height: 33%;
	background: black;
	left: 12.5%;
	position: absolute;
	top: 12%;
}
.ppnb_rect_t22{
	width: 75%;
	height: 33%;
	background: black;
	left: 12.5%;
	position: absolute;
	top: 55%;
}
.ppnb_strip_t24_2{
    width: 15%;
    height: 33%;
    background: black;
    border-radius: 0.5em;
    left: 12.5%;
    position: absolute;
    top: 12.5%;
}
.ppnb_strip_t24_1{
    width: 15%;
    height: 33%;
    background: black;
    border-radius: 0.5em;
    left: 12.5%;
    position: absolute;
    top: 53.5%;
}
.ppnb_strip_t27_1{
	width: 33%;
	height: 15%;
	background: black;
	border-radius: 0.5em;
	left: 12.5%;
	position: absolute;
	top: 70%;
}
.ppnb_strip_t27_2{
	width: 33%;
	height: 15%;
	background: black;
	border-radius: 0.5em;
	left: 53.5%;
	position: absolute;
	top: 70%;
}
.ppnb_symb_izor{
	height: 15%;
	background: black;
	position: absolute;
	width: 5%;
	left: 95%;
	top: 70%;
}
.ppnb_symb_izol{
	height: 15%;
	background: black;
	position: absolute;
	width: 5%;
	left: 0%;
	top: 70%;
}
.ppnb_subtext{
	text-align: center;
	font-size: 0.2em;
	margin-top: 0.2em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}
.ppnb_celltext{
	text-align: center;
	margin-top: 0.25em;
	font-size: 0.3em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.ln{
	display: none;
	width: 89%;
	height: 6%;
	margin-top: 1px;
	background: #444;
    left: 4%;
}
.swp{
	display: none;
    width: 30%;
	height: 4%;
    margin-top: -5px;
	background: #333;
	top: 49px;
    /* margin-left: 12px; */
    /* left: 3px;	 */
}
.swm{
	display: none;
    width: 20%;
	height: 4%;
    margin-top: 6px;
	background: #333;    
	top: 28px;
    left: 10px;
    margin-left: 10px;
}
.swwp{
    top: 24px;
	margin-top: 8px;		
}
.lnpb{
	width: 100%;
	height: 6%;
	margin-top: 1px;
	background: #000;
	display: block;
	position: absolute;
	bottom: 25%;
}
.lnpt{
	width: 100%;
	height: 6%;
	margin-top: 1px;
	background: #000;
	display: block;
	position: absolute;
	top: 20%;
}
.lnpyt{
	width: 50%;
	height: 6%;
	margin-top: 1px;
	background: #000;
	display: block;
	position: absolute;
	top: 20%;
	left: 50%;
}
.svetbr{
    position: absolute;
    width: 4%;
    height: 31.25%;
    margin-top: 27px;
    background: black;
    border-radius: 4px;
    left: 45px;
}
.svetbl{
    position: absolute;
    width: 2px;
    height: 15px;
    margin-top: 27px;
    background: black;
    border-radius: 4px;
    right: 47px;
}
.svettr{
    position: absolute;
    width: 2px;
    height: 15px;
    margin-top: 6px;
    background: black;
    border-radius: 4px;
    left: 45px;
}
.svettl{
    position: absolute;
    width: 2px;
    height: 15px;
    margin-top: 6px;
    background: black;
    border-radius: 4px;
    right: 47px;
}
.svettc{
    position: absolute;
    width: 2px;
    height: 15px;
    margin-top: 6px;
    background: black;
    border-radius: 4px;
    left: 23px;
}
.svetbc{
    position: absolute;
    width: 2px;
    height: 15px;
    margin-top: 27px;
    background: black;
    border-radius: 4px;
    left: 23px;
}
.svettleg{
    position: absolute;
    width: 48px;
    height: 3px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
	z-index: 0;
}
.svetbleg{
    position: absolute;
    width: 48px;
    height: 3px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
	z-index: 0;
}
.svetrtlegone{
    position: absolute;
    width: 15px;
    height: 3px;
    right: 0px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetrblegone{
    position: absolute;
    width: 15px;
    height: 3px;
    right: 0px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetrtlegtwo{
    position: absolute;
    width: 30px;
    height: 3px;
    right: 0px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetrblegtwo{
    position: absolute;
    width: 30px;
    height: 3px;
    right: 0px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetltlegone{
    position: absolute;
    width: 15px;
    height: 3px;
    left: 0px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetctlegone{
    position: absolute;
    width: 15px;
    height: 3px;
    left: 24px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetctllegone{
    position: absolute;
    width: 15px;
    height: 3px;
    left: 10px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetcblegone{
    position: absolute;
    width: 15px;
    height: 3px;
    left: 10px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetcbrlegone{
    position: absolute;
    width: 15px;
    height: 3px;
    left: 24px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetlblegone{
    position: absolute;
    width: 15px;
    height: 3px;
    left: 0px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetltlegtwo{
    position: absolute;
    width: 30px;
    height: 3px;
    left: 0px;
    margin-top: 12px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.svetlblegtwo{
    position: absolute;
    width: 30px;
    height: 3px;
    left: 0px;
    margin-top: 33px;
    background: black;
    border-radius: 4px;
    z-index: 0;
}
.flath{
	display: none;
	width: 15px;
	height: 6px;
	border-radius: 4px;
	background: black;
}
.flatv{
	display: none;
	width: 6px;
	height: 15px;
	border-radius: 4px;
	background: black;
	z-index: 1;
}
.flat60{
	display: none;
	width: 6px;
	height: 18px;
	border-radius: 4px;
	background: black;
	transform: rotate(30deg);
	margin-left: 2px;
    margin-right: 3px;
}
.flatc60{
	display: none;
	width: 6px;
	height: 18px;
	border-radius: 4px;
	background: black;
	transform: rotate(-30deg);
	margin-left: 2px;
    margin-right: 3px;
}
.izor{
	display: none;
	width: 2px;
	height: 6px;
	background: black;
    left: 45px;
}
.izo{
	display: none;
	width: 2px;
	height: 6px;
	background: black;
    left: 23px;
}
.izorsb{
	position: absolute;
	width: 2px;
	height: 6px;
	background: black;
    left: 41px;
    bottom: 2px;
	transform: rotate(45deg);	
}
.izolcsb{
	position: absolute;
	width: 2px;
	height: 6px;
	background: black;
    left: 3px;
    bottom: 2px;
	transform: rotate(135deg);	
}
.izomcs{
	position: absolute;
	width: 2px;
	height: 6px;
	background: black;
    left: 22px;
    bottom: 21px;
	transform: rotate(135deg);	
}
.izoms{
	position: absolute;
	width: 2px;
	height: 6px;
	background: black;
    left: 22px;
    bottom: 21px;
	transform: rotate(45deg);	
}
.izorcst{
	position: absolute;
	width: 2px;
	height: 6px;
	background: black;
    top: 2px;
    left: 41px;
	transform: rotate(135deg);	
}
.izolst{
	position: absolute;
	width: 2px;
	height: 6px;
	background: black;
    top: 2px;
    left: 3px;
	transform: rotate(45deg);	
}
.izol{
	display: none;
	width: 2px;
	height: 6px;
	background: black;
}
.neg
{
	border-color: crimson;
	border-style: solid;
	border-radius: 1px;
	border-width: 1px;
	margin-left:-1px;
	margin-top:-1px;
	margin-bottom:-1px;
}
.rcl{
	display: block;
	width: 6px;
	height: 36px;
	background: black;
    border-radius: 4px;
    left: 6px;
	top: 6px;
	position: absolute;
}
.rcr{
	display: block;
	width: 6px;
	height: 36px;
	background: black;
    border-radius: 4px;
    right: 7px;
	top: 6px;
	position: absolute;
}
.lnl{
	display: block;
	width: 2px;
	height: 36px;
	background: black;
    border-radius: 4px;
    left: 8px;
	top: 6px;
	position: absolute;
}
.lnr{
	display: block;
	width: 2px;
	height: 36px;
	background: black;
    border-radius: 4px;
    left: 37px;
	top: 6px;
	position: absolute;
}
.rcs1{
	width: 19.5px;
	height: 6px;
	background: black;
    border-radius: 4px;
    left: 4px;
	transform: rotate(45deg);
	position: absolute;
	top: 12px;
}
.rcs2{
	width: 19.5px;
	height: 6px;
	background: black;
    border-radius: 4px;
    left: 22px;
	transform: rotate(45deg);
	position: absolute;
	top: 30px;
}
.rccs1{
	width: 19.5px;
	height: 6px;
	background: black;
    border-radius: 4px;
    left: 22px;
	transform: rotate(-45deg);
	position: absolute;
	top: 12px;
}
.rccs2{
	width: 19.5px;
	height: 6px;
	background: black;
    border-radius: 4px;
    left: 4px;
	transform: rotate(-45deg);
	position: absolute;
	top: 30px;
}
.lnpys {
	width: 85%;
	height: 6%;
	left: -10px;
	background: black;
	border-radius: 4px;
	transform: rotate(45deg);
	position: absolute;
	top: -3px;
}
.lnpycs {
	width: 85%;
	height: 6%;
	left: -10px;
	background: black;
	border-radius: 4px;
	transform: rotate(135deg);
	position: absolute;
	top: 23px;
}
.lnps{
	width: 141%;
	height: 6%;
	left: -10px;
	background: black;
    border-radius: 4px;
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
}
.lnpcs{
	width: 141%;
	height: 6%;
	left: -10px;
	background: black;
    border-radius: 4px;
	transform: rotate(135deg);
	position: absolute;
	top: 10px;
}
.lncs{
	width: 141%;
	height: 6%;
	left: -10px;
	background: black;
    border-radius: 4px;
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
}
.lns1{
	width: 19.5px;
	height: 2px;
	background: black;
    border-radius: 4px;
    left: 5px;
	transform: rotate(45deg);
	position: absolute;
	top: 13px;
}
.lns2{
	width: 19.5px;
	height: 2px;
	background: black;
    border-radius: 4px;
    left: 23px;
	transform: rotate(45deg);
	position: absolute;
	top: 31px;
}
.lncs1{
	width: 19.5px;
	height: 2px;
	background: black;
    border-radius: 4px;
    left: 24px;
	transform: rotate(-45deg);
	position: absolute;
	top: 14px;
}
.lncs2{
	width: 19.5px;
	height: 2px;
	background: black;
    border-radius: 4px;
    left: 6px;
	transform: rotate(-45deg);
	position: absolute;
	top: 32px;
}

.rect{
	display: none;
	width: 75%;
	height: 31.25%;
	background: black;
    left: 12.5%;
	z-index: 1;
}
.flash{
	animation-name: flash;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: step-end
}
.cap{
    position: absolute;
	width: 24px;
	height: 24px;
	/*background-image: -webkit-linear-gradient(top, #ad0000, #f22);*/
	background-color: #ff2424;
	left: 25%;
	bottom: 5%;
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ff7070, inset 0px -2px 1px 1px #750000;
}
.button{
	display: none;
	width: 16px;
	height: 16px;
	/*background-image: linear-gradient(top, #000, #ababab);*/
	background-image: -webkit-linear-gradient(top, #000, #555);
	left: 33%;
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #666, inset 0px -2px 1px 1px #000;
	z-index:1;
}
.lbutton{
	width: 45px;
	height: 45px;
	/*background-image: linear-gradient(top, #000, #ababab);*/
	background-image: -webkit-linear-gradient(top, #ad0000, #f22);
	left: 1px;
	top: 1px;
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #666, inset 0px -2px 1px 1px #000;
	position: absolute;
}
.lbutton:active{
	width: 45px;
	height: 45px;
	/*background-image: linear-gradient(top, #000, #ababab);*/
	background-image: -webkit-linear-gradient(top, #ad0000, #ad0000);
	left: 1px;
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #666, inset 0px -2px 1px 1px #000;
	position: absolute;
}
.button:active{
	background-image: linear-gradient(top, #000, #000);
	background-image: -webkit-linear-gradient(top, #000, #000);	
	box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, .4), inset 0px 2px 1px 1px #666, inset 0px -2px 1px 1px #000;
}
.pressed{
	background-image: linear-gradient(top, #000, #000);
	background-image: -webkit-linear-gradient(top, #000, #000);	
	box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, .4), inset 0px 2px 1px 1px #666, inset 0px -2px 1px 1px #000;
    width: 12px;
    height: 12px;
    left: 37%;
    top: 58%;
}
.btred{
	background-image: -webkit-linear-gradient(top, #ad0000, #f22);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ff3232, inset 0px -2px 1px 1px #750000;
}
/*.pressed{
	background-image: -webkit-linear-gradient(top, #ad0000, #f22);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ff3232, inset 0px -2px 1px 1px #750000;
}*/
.btred:active{
	background-image: -webkit-linear-gradient(top, #ad0000, #ad0000);
    box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, .4), inset 0px 2px 1px 1px #ff3232, inset 0px -2px 1px 1px #750000;
}
.btyel{
	background-image: -webkit-linear-gradient(top, #ccaa00, #ffeb3b);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ffeb3b, inset 0px -2px 1px 1px #b39500;
}
.btyel:active{
	background-image: -webkit-linear-gradient(top, #ccaa00, #ccaa00);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ffeb3b, inset 0px -2px 1px 1px #b39500;
}
.btgrn{
    background-image: -webkit-linear-gradient(top, #283c00, #61743d);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #778f4b, inset 0px -2px 1px 1px #1b2900;
}
.btgrn:active{
    background-image: -webkit-linear-gradient(top, #283c00, #283c00);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #778f4b, inset 0px -2px 1px 1px #1b2900;
}
.btblu{
	background-image: -webkit-linear-gradient(top, #2b4254, #7c9fbb);
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #7c9fbb, inset 0px -2px 1px 1px #2b4254;
}
.btblu:active{
	background-image: -webkit-linear-gradient(top, #2b4254, #2b4254);
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #7c9fbb, inset 0px -2px 1px 1px #2b4254;
}
.btwht{
    background-image: -webkit-linear-gradient(top, #bababa, #ffffff);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ffffff, inset 0px -2px 1px 1px #595959;
}
.btwht:active{
    background-image: -webkit-linear-gradient(top, #bababa, #bababa);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ffffff, inset 0px -2px 1px 1px #595959;
}
.lamp{
	display: none;
	width: 31.25%;
	height: 31.25%;
	border-radius: 50%;
	background: black;
	z-index: 1;
}
.bot{
	display: block;
	position: absolute;
	bottom: 12.5%;
}
.top{
	display: block;
	position: absolute;
	top: 12.5%;	
}
.left{
	position: absolute;
	left: 12.5%;
}
.right{
	position: absolute;
	right: 12.5%;	
}
.green{
	background: white;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 0.04em 0.04em #00ff72, 0px 0px 0.3em 0.1em #00FF72;
	z-index: 1;
}
/*.green{
	background: #00ffb8;
    box-shadow: inset 0px 0px 1px 1px rgb(0 0 0 / 20%), inset 0px 0px 3px 2px hsl(150deg 100% 47%), 0px 0px 10px 3px hsl(143deg 100% 46%);
}*/
.white{
	background: white;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 2px #dae7ff, 0px 0px 10px 3px #dae7ff;
	z-index: 2;

}
.wf:before
{
	background: black;
}
.wf
{
	box-shadow: inset 0px 0px 1px 1px rgb(0 0 0 / 20%);
	background: radial-gradient(circle at 30px, rgba(255,255,240,1), rgba(255,240,160,1),rgba(240,200,128,1), rgb(191 164 114), rgb(150 128 89), rgb(95 77 46));
}
.wh
{
	background: radial-gradient(circle at 30px, rgba(255,255,240,1), rgba(255,240,160,1),rgba(240,200,128,0.75), rgba(240,200,128,0.25), rgba(240,200,128,0.125), rgba(240,200,128,0), rgba(240,200,128,0));
}
.g
{
	background: radial-gradient(circle at 10px, hsl(160deg 100% 75%),hsl(160deg 100% 50%), hsl(150deg 100% 25%));
}
.r
{
	background: radial-gradient(circle at 10px, hsl(160deg 100% 75%),hsl(160deg 100% 50%), hsl(150deg 100% 25%));
}
/*.white:hover{
	background: white;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 2px #dae7ff, 0px 0px 10px 3px #dae7ff;
	animation-name: white;
}*/
.red{
	background: white;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 5px 5px #ff0000, 0px 0px 10px 2px #ff0000;
}
.yellow{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;
	z-index: 2;
}
.blue{
	background: #00ffff;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 1px #0000ff, 0px 0px 10px 1px #0000ff;
}
.purple {
    background: #ffffff;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff00ff, 0px 0px 10px 3px #ff00ff;
}
.black{
	background: black;box-shadow: none;
}
@keyframes flash {
  0% {}
  25% {background: black;box-shadow: none}
  100% {background: black;box-shadow: none}
}
/*@keyframes white {
  0% {background-color: white; box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 2px #dae7ff, 0px 0px 10px 3px #dae7ff;}
  25% {background: black;box-shadow: none}
  100% {background: black;box-shadow: none}
}
@keyframes red {
  0% {background-color: white; inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 5px 5px #ff0000, 0px 0px 10px 2px #ff0000;}
  25% {background: black;box-shadow: none}
  100% {background: black;box-shadow: none}
}
@keyframes green {
  0% {background-color: white; box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px #00ff72, 0px 0px 10px 3px #00FF72;}
  25% {background: black;box-shadow: none}
  100% {background: black;box-shadow: none}
}
@keyframes yellow {
  0% {background-color: white; inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;}
  25% {background: black;box-shadow: none}
  100% {background: black;box-shadow: none}
}
@keyframes blue {
  0% {	background-color: #00ffff; box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 1px #0000ff, 0px 0px 10px 1px #0000ff;}
  25% {background: black;box-shadow: none}
  100% {background: black;box-shadow: none}
}*/
/*.rc:hover{
	background: white;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 2px #dae7ff, 0px 0px 10px 0px #dae7ff;
}*/
.rc:hover{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;
}
.rcs1:hover{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;
}
.rcs2:hover{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;
}
.rccs1:hover{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;
}
.rccs2:hover{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;
}
.flath:hover{
    background: #ffe500;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 2px #ff9900, 0px 0px 10px 3px #ff9900;	
}
.mp{
    height: 49px;
    width: 193px;
	right: 48px;
	bottom: 48px;
	position: absolute;	
	text-align: center;
	background: #4758a6;
	box-shadow: 0px 2px 3px 4px rgb(0 0 0 / 40%);

}
.mpr{
    height: 49px;
    width: 193px;
    right: 48px;
    bottom: 48px;
    position: absolute;
    text-align: center;
    background: #d2505a;
    box-shadow: 0px 0px 3px 4px rgb(255 255 255 / 40%);

}
.mpy{
    height: 49px;
    width: 193px;
    right: 48px;
    bottom: 48px;
    position: absolute;
    text-align: center;
    background: #ff9900;
    box-shadow: 0px 0px 3px 4px rgb(255 255 255 / 40%);

}
.mpb{
    height: 49px;
    width: 193px;
    right: 48px;
    bottom: 48px;
    position: absolute;
    text-align: center;
    background: #03a9f4;
    box-shadow: 0px 0px 3px 4px rgb(255 255 255 / 40%);

}
.mptext
{
	font-family: 'BahnSchrift', 'Roboto Condensed',sans-serif;
	color: white;
	font-size:30px;
	margin-top:7px;
    display: block;	
	position: relative;
	z-index: 1;
}
.st{
	border: 2px dashed black;
	height: 68px;
	width: 156px;
	right: 16px;
	bottom: 36px;
	position: absolute;	
	text-align: center;
}
.st44{
    border: 2px dashed black;
    height: 168px;
    width: 168px;
    text-align: center;
    margin-left: -134px;
    margin-top: -135px;
}
.st42 {
	border: 2px dashed black;
	height: 55px;
	width: 142px;
	right: 23px;
	bottom: 20px;
	position: absolute;
	text-align: center;
}
.st32{
    border: 2px dashed black;
    height: 48px;
    width: 94px;
    right: 23px;
    bottom: 13px;
    position: absolute;
    text-align: center;
}
.btcnto{
	border-radius: 10px;
	height: 137%;
	width: 258%;
	right: 23%;
	bottom: 29%;
	position: absolute;	
	text-align: center;
    background:#eaeaea;
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px #ffffff, inset 0px -2px 1px 1px #595959;
	font-size: 0.333em;
}
.rctext{
	text-align: center;
	margin-top: 16px;
	font-size: 0.333em;
}
.rcLtext{
	margin-top: 16px;
	font-size: 0.3em;
	margin-left: 0.1em;
}
.rcRtext{
	text-align: right;
	margin-top: -0.3em;
	font-size: 0.3em;
    margin-right: 0.2em;
}
.rcLtextT{
	margin-top: -0.2em;
	font-size: 0.3em;
	margin-left: 0.1em;
}
.rcRtextT{
	text-align: right;
	margin-top: 0.2em;
	font-size: 0.3em;
    margin-right: 0.2em;
}
.plus{
	text-align: center;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 0.333em;
}
.minus{
	text-align: center;
    position: absolute;
    top: 6.5px;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 0.333em;
}
.ur {
    text-align: center;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.2em;
}
.swtnum{
	text-align: center;
	margin-top: 5px;
	font-size: 0.333em;
}
.rezerv{
	font-size: 8px;
    font-weight: bold;
    text-align: center;
    margin-top: 3px;
    left: 3px;
	color: #333;
}
.btttext{
	text-align: center;
    margin-top: 30px;
}
.btbtext{
	text-align: center;
    margin-top: 1px;
}
.sm{
	margin-top: 31px;
	font-size: 10px;
}
.smb{
	margin-top: 5px;
	font-size: 10px;
}
.md{
	margin-top: 27px;
	font-size: 0.3em;
}
.mdb{
	margin-top: 4px;
	font-size: 0.3em;
}
.celltextt
{
	position: absolute;
	text-align: center;
	font-size: 7px;
	font-weight: bold;
    top: 5px;
}
.btcnt{
	display: block;
    position: absolute;
	left: 90px;
	bottom: 11px;
}
.omotext
{
	position: absolute;
	text-align: center;
	font-size: 17px;
	/*font-weight: bold;*/
    top: 5px;
    left: 6px;
}
.recttextt{
	text-align: center;
	margin-top: 5px;
	font-size: 0.333em;
}
.recttextb{
	text-align: center;
	margin-top: 26px;
	font-size: 0.333em;
}
.kstext
{
	position: absolute;
	text-align: center;
	font-size: 17px;
	/*font-weight: bold;*/
    top: 42px;
    left: 16px;
}
.btcntocnt {
    height: 20px;
    width: 60px;
    right: 32px;
    bottom: 28px;
    position: absolute;
	padding-top: 1px;
    text-align: center;
	color: #eaeaea;
    background: #2d2d2d;
    box-shadow: inset 0px 2px 1px 1px #595959, inset 0px -2px 1px 1px #ffffff;
}
.dir {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: -6px;
    left: 3px;
	color: #333;
}
.var{
	display: block;
	position: absolute;
    border-radius: 0.5em;
    background: #FFEB3B;
    width: 80%;
    left: 10%;
    height: 17.5%;
    bottom: 10%;
}