html {
				min-height: 100%;
				overflow-x: hidden;
				cursor: url('img/cursor.png'), auto;
				}
			body {
				padding: 0;
				margin: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				min-height: 100%;
				z-index: 0;
			}

			#phone{
				position:fixed;
				width: 100%;
				height: 100%;
				background: url('img/bg/bg.jpg') repeat-x;
				background-size: auto 100%;
				background-position: -500px;
				background-attachment: fixed;
				z-index: 0;
				visibility: hidden;
			}
			
			#tram {
				position: absolute;
				width: 640px;
				height: 230px;
				background: url('img/tram/tram.png') no-repeat;
				background-size: 100% 100%;
				bottom: 10px;
				z-index: 10;
				left: 100px;
				visibility: hidden;
			}
			#wheel1, #wheel2, #wheel3, #wheel4{
				position: absolute;
				width: 39px;
				height: 39px;
				background: url('img/tram/wheel.png') no-repeat;
				background-size: 100% 100%;
				bottom: 5px;
				z-index: 4;
				visibility: hidden;
			}
			#wheel1{left: 205px;}
			#wheel2{left: 285px;}
			#wheel3{left: 510px;}
			#wheel4{left: 590px;}
			
			#station{
				position: absolute;
				bottom: 10px;
				width: 433px;
				height: 289px;
				background: url('img/station/1.png') no-repeat;
				background-size: 100% 100%;				
				z-index: 1;
				visibility: hidden;
			}
			#animals{
				position: absolute;
				bottom: 10px;
				width: 433px;
				height: 289px;
				background: url('img/animals/1.png') no-repeat;
				background-size: 100% 100%;				
				z-index: 3;
				visibility: hidden;
			}
	
			#wire {
				position: absolute;
				width: 100%;
				height: 1px;
				background: #777777 repeat-x;
				bottom: 238px;
				left: 0;
				z-index: 1;
				visibility: hidden;
			}
			
			#road {
				position: absolute;
				width: 100%;
				height: 20px;
				background: url('img/bg/road.png') repeat-x;
				background-position: -500px;
				bottom: 0;
				left: 0;
				z-index: 2;
				visibility: hidden;
			}
			
			#rage {
				position:absolute;
				right: 90;
				top: 25;
				background: url('img/tired.png') no-repeat;
				background-size: 100% 100%;	
				width: 130px;
				height: 60px;
				border-radius: 20 20 20 20;
				opacity: 0.8;
				visibility: hidden;
				cursor: pointer;
				border: 1px solid #33b30a;
			}
			#rage:hover{opacity: 0.9;}
			#rage:active{opacity: 1;}
			
			
			#doorstat{
				position: absolute;
				font-size: 36px;		
				font-family: serif;
				color: #35b609;		
				text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;
				top: 25;
				left: calc(50% - 250px);		
			}
			
			#curscore{
				position: absolute;
				font-size: 36px;		
				font-family: serif;
				color: #ffdd1e;
				text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;			
				top: 25;
				left: calc(50%);		
			}
			
			a:link {
				text-decoration: none;
			}
			
			#mazya {
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 20;
				visibility: hidden;
			}
			
			#start {
				position: fixed;
				width: 100%;
				height: 100%;
				background: url('img/bg/startbg.jpg') no-repeat;
				background-size: 100% 100%;	
				top: 0;
				left: 0;
				z-index: 4;
				visibility: hidden;
			}
			#name {
				position: absolute;
				width: 720px;
				height: 260px;
				background: url('img/name.png');
				background-size: 100% 100%;
				bottom: 17px;
				left: calc(50% - 360px);
				z-index: 5;
				visibility: hidden;
			}
			#total {
				position: absolute;
				width: 343px;
				height: 90px;
				background: url('img/scores.png');
				background-size: 100% 100%;
				top: 20px;
				left: calc(50% - 200px);
				z-index: 5;
				opacity: 0.9;
			}
			#crown {
				position: absolute;
				width: 61px;
				height: 40px;
				background: url('img/crown.png');
				background-size: 100% 100%;
				top: 110px;
				left: calc(50% - 265px);
				z-index: 5;
			}
			#scbl,#scbr {
				position: absolute;
				width: 200px;
				height: 330px;
				top: 120px;
				font-size: 30px;		
				font-family: serif;
				color: #ffdd1e;
				text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;
				z-index: 10;
				white-space: pre;
			}
			#scbl{left: calc(50% - 200px);}
			#scbr{left: calc(50%);}
			
			#pts {
				position: absolute;
				width: 517px;
				height: 60px;
				background: url('img/pts1.png');
				background-size: 100% 100%;
				top: 487px;
				left: calc(50% - 258px);
				z-index: 7;
				visibility: hidden;
				cursor: pointer;
			}
			
			#blackmm {
				position: absolute;
				background: url('img/blackmm.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 25px;
				right: 100px;
				z-index: 5;
				opacity: 0.7;
				visibility: hidden;
			}
			#whitemm {
				position: absolute;
				background: url('img/whitemm.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 25px;
				right: 50px;
				z-index: 5;
				opacity: 0.7;
				visibility: hidden;
			}
			#blackmm:hover,#whitemm:hover{
				opacity: 1;
			}
			
			#ios {
			    visibility: hidden;
			}
			#right,#stop {
				position: fixed;
				width: 100px;
				height: 100px;
				z-index: 20;
			}
			#iosdoors{
				position: fixed;
				width: 200px;
				height: 100px;
				background: url(img/doors.png) no-repeat;
				top: 100px;
				right: 400px;
				z-index: 20;
			}
			#right {
				background: url(img/right.png) no-repeat;
				top: 100px;
				right: 100px;
			}
			#stop {
				background: url(img/stop.png) no-repeat;
				top: 100px;
				right: 200px;
			}
			#toload {
				visibility: hidden;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
			}
			
			.toload {
				visibility: hidden;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
			}
			
			#loadscr {
				position: fixed;
				background-size: 100%;
				width: 100%;
				height: 100%;
				background: url('img/bg/startbg.jpg') no-repeat;
				background-size: 100% 100%;	
				top: 0;
				left: 0;
				z-index: 5;
			}
			
			#loadcap {
				position: absolute;
				width: 480px;
				height: 95px;
				background: url('img/load.png');
				top: 35px;
				left: calc(50% - 240px);
				z-index: 5;
			}
			
			#loadpic {
				position: absolute;
				width: 150px;
				height: 150px;
				background: url('img/loading.gif');
				background-size: 100%;
				opacity: 0.5;
				bottom: 40%;
				left: calc(50% - 75px);
				z-index: 6;
			}
			
			#nick {
				position: absolute;
				width: 500px;
				height: 350px;
				background-color: #fce207;
				background-size: 100% 100%;
				border-radius: 20 20 20 20;
				top: 50px;
				left: calc(50% - 250px);
				z-index: 12;
				border: 2px solid #fcb407;
				visibility: hidden;
			}
			
			.input_cap {
				position: absolute;
				font-size: 24px;		
				font-family: serif;
				color: fab40d;
				text-shadow: #6c4104 1px 0px, #6c4104 1px 1px, #6c4104 0px 1px, #6c4104 -1px 1px, #6c4104 -1px 0px, #6c4104 -1px -1px, #6c4104 0px -1px, #6c4104 1px -1px;
				top: 90;
				left: 130;
			}
			
			#your_sc {
				position: absolute;
				font-size: 42px;		
				font-family: serif;
				color: 41cf10;
				text-shadow: #1d5409 1px 0px, #1d5409 1px 1px, #1d5409 0px 1px, #1d5409 -1px 1px, #1d5409 -1px 0px, #1d5409 -1px -1px, #1d5409 0px -1px, #1d5409 1px -1px;
				top: 5;
				left: 80;
			}
			
			#input_form {
				position: absolute;
				width: 300px;
				height: 90px;
				top: 150px;
				left: 100px;
				background: #fdf4ab;
				outline: none;
				border-radius: 10 10 10 10;
				border: 0;
				padding-left: 30px;
				font-family: serif;
				font-size: 32px;
				border: 2px solid white;
				visibility: hidden;
			}
			
			#done {
				position: absolute;
				width: 200px;
				height: 50px;
				bottom: 30px;
				left: 150px;
				background: #fda00e;
				border-radius: 20 20 20 20;
				font-family: serif;
				font-size: 24px;
				border: 2px outset #fdb038;
				visibility: hidden;
				cursor: pointer;
			}
			#done:hover {background: #fd7e0e;}
			#done:active {background: #fd5d0e; border: 2px inset #fe9b43;}
			
			.ok {
				position: absolute;
				font-size: 30px;		
				font-family: serif;
				color: #fbdc0b;
				margin-top: 7;
				text-shadow: #7b5803 1px 0px, #7b5803 1px 1px, #7b5803 0px 1px, #7b5803 -1px 1px, #7b5803 -1px 0px, #7b5803 -1px -1px, #7b5803 0px -1px, #7b5803 1px -1px;
				left: 75;
			}
			
			#blur {
				position: fixed;
				width: 100%;
				height: 100%;
				background: white;
				background-size: 100% 100%;
				opacity: 0.5;
				top: 0;
				left: 0;
				z-index: 11;
				visibility: hidden;
			}
			
			#edu1,#edu3,#edu4 {
				position: absolute;
				top: 100px;
				z-index: 11;
				opacity: 0.9;
				visibility: hidden;
			}
			#edu1 {
				background: url('img/edu1.png');
				width: 350px;
				height: 200px;
				left: calc(50% - 175px);
			}
			#edu3 {
				background: url('img/edu3.png');
				width: 500px;
				height: 175px;
				left: calc(50% - 250px);
			}
			#edu4 {
				background: url('img/edu4.png');
				width: 500px;
				height: 154px;
				left: calc(50% - 250px);
			}
			#edu2 {
				position: absolute;
				bottom: 50px;
				z-index: 11;
				opacity: 0.9;
				background: url('img/edu2.png');
				width: 380px;
				height: 170px;
				left: 500px;
				visibility: hidden;
			}
			#edu5 {
				position: absolute;
				top: 100px;
				z-index: 11;
				opacity: 0.9;
				background: url('img/edu5.png');
				width: 400px;
				height: 170px;
				right: 150px;
				visibility: hidden;
			}