/************************************************************\
							GLOBAL
\************************************************************/
body { background:black; opacity: 0; overflow: hidden; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.container { max-width: 1000px; margin:0 auto; position: relative; }
a { color:#69b7c9; text-decoration:none; }
a:hover { text-decoration:none; }
.clear { clear:both; }
.screen { width:100%; height:100%; overflow:hidden; position: relative; }

/* Typography */
body { font-family:'Open Sans', arial, sans-serif; font-size:16px; }
h1,h2,h3,h4,h5,h6 { font-family:'Open Sans', arial, sans-serif; }
h1 { font-size:2.5em;   line-height:1.5em;     font-weight:500; }      /* 40px */
h2 { font-size:1.875em; line-height:1.5em;   font-weight:500; }      /* 30px */
h3 { font-size:1.5em;   line-height:1.5em; font-weight:500; }      /* 24px */
h4 { font-size:1.125em; line-height:1.5em;   font-weight:500; }      /* 18px */
p {  font-size:1em;     line-height:1.5em;  font-weight:normal; }   /* 16px */

@font-face {
font-family: chunkfive;
src: url("Chunkfive.otf") format("opentype");
src: url("Chunkfive.ttf") format("opentype");
}


/************************************************************\
							HOME
\************************************************************/
/* .wheel, .cockpit, .rearview { display: none; } */

.game { display: none; }
#amount { display:none; }
.start { cursor: pointer; }

/*
.game { display: block; }
.screensize { background:#333 !important; }
*/

.screensize { width:1200px; margin:0 auto; overflow: hidden; position: relative; }
.loadscreen { background:rgba(0,0,0,.7); width:100%; height:100%; position: absolute; z-index: 10; top:0px; left:0px; display: none; }
.arrows { position: relative; top:60px; margin:0 auto; display: block; }
.smallglass { position: relative; top:160px; margin: 0 auto; width: 113px; }
.loading3 { position: absolute; top:0px; left:0px; opacity: 1; }
.loading2 { position: absolute; top:0px; left:0px; opacity: 0; }
.loading1 { position: absolute; top:0px; left:0px; opacity: 0; }

.wheel { position: absolute; width: 630px; z-index: 5; bottom: -196px; left: -175px;  }
.cockpit { position: absolute; width: 1200px; z-index: 4; bottom: -80px; left: -100px; }
.rearview { position: absolute; top:0px; z-index: 4; left:267px;  }


.sky { width:1000px; background:url('../img/sky.png') no-repeat; background-size: cover; height:100px; position: absolute; top:0px; left:0px; z-index: 1; left:0px; }
.vanishingpoint { position: relative; top:100px; width:10px; height:10px; margin:0 auto; z-index: 2; }


/************************************************************\
						LIGHTS / SEMI
\************************************************************/
.traffic-light { position: absolute; left:450px; width:70px; height:231px; top:-231px; z-index: 11; }
.redlight { position: absolute; top:0px; left:0px; z-index: 8; }
.yellowlight { position: absolute; top:0px; left:0px; z-index: 7; }
.greenlight { position: absolute; top:0px; left:0px; z-index: 6; }

.semi { width:4110px; height:987px; position: absolute; right:-4110px; bottom:0px; z-index: 4; }

.end-screen { background:white; width:100%; height:100%; position: absolute; z-index: 50; display: none; opacity:0; cursor:pointer; }
.end-screen2 { background:black; width:100%; height:100%; position: absolute; z-index: 49; display: none; opacity:0; }



/************************************************************\
							CARS
\************************************************************/
.ob1 { width:20px; height:2000px; position: absolute; top:0px; left:0px; 
	-webkit-transform: rotate(74deg); 
	-webkit-transform-origin: 10px 0px;
	-moz-transform: rotate(74deg);
	-moz-transform-origin: 10px 0px; 
	-ms-transform: rotate(74deg);
	-ms-transform-origin: 10px 0px;
	transform: rotate(74deg);
	transform-origin: 10px 0px;
	z-index: 9; }
.llcar { 
	-webkit-transform: rotate(-74deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-74deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-74deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-74deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.llcar2 { 
	-webkit-transform: rotate(-74deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-74deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-74deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-74deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.llcar3 { 
	-webkit-transform: rotate(-74deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-74deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-74deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-74deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.llcar4 { 
	-webkit-transform: rotate(-74deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-74deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-74deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-74deg);
	transform-origin: 0px 0px;
	z-index: 3; }

.ob2 { width:20px; height:2000px; position: absolute; top:0px; left:0px; 
	-webkit-transform: rotate(30deg); 
	-webkit-transform-origin: 10px 0px;
	-moz-transform: rotate(30deg);
	-moz-transform-origin: 10px 0px; 
	-ms-transform: rotate(30deg);
	-ms-transform-origin: 10px 0px;
	transform: rotate(30deg);
	transform-origin: 10px 0px;
	z-index: 9; }
.mcar { 
	-webkit-transform: rotate(-30deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-30deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-30deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-30deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.mcar2 { 
	-webkit-transform: rotate(-30deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-30deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-30deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-30deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.mcar3 { 
	-webkit-transform: rotate(-30deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-30deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-30deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-30deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.mcar4 { 
	-webkit-transform: rotate(-30deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-30deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-30deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-30deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.mcar5 { 
	-webkit-transform: rotate(-30deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-30deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-30deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-30deg);
	transform-origin: 0px 0px;
	z-index: 3; }
	
.ob3 { width:20px; height:2000px; position: absolute; top:0px; left:7px; 
	-webkit-transform: rotate(-41deg); 
	-webkit-transform-origin: 10px 0px;
	-moz-transform: rotate(-41deg);
	-moz-transform-origin: 10px 0px; 
	-ms-transform: rotate(-41deg);
	-ms-transform-origin: 10px 0px;
	transform: rotate(-41deg);
	transform-origin: 10px 0px;
	z-index: 9; }
.rcar { 
	-webkit-transform: rotate(41deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(41deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(41deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(41deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.rcar2 { 
	-webkit-transform: rotate(41deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(41deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(41deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(41deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.rcar3 { 
	-webkit-transform: rotate(41deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(41deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(41deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(41deg);
	transform-origin: 0px 0px;
	z-index: 3; }
.rcar4 { 
	-webkit-transform: rotate(41deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(41deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(41deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(41deg);
	transform-origin: 0px 0px;
	z-index: 3; }


/* Left Cars */
.car1-container { position: absolute; top:0px; }
.car1 { display: none; width:10px; height:9px; top:20px; left:7px; position: relative;  background:url('../img/redcar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car6-container { position: absolute; top:0px; }
.car6 { display: none; width:10px; height:9px; top:20px; left:7px; position: relative;  background:url('../img/greencar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car7-container { position: absolute; top:0px; }
.car7 { display: none; width:10px; height:9px; top:20px; left:7px; position: relative;  background:url('../img/graycar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car12-container { position: absolute; top:0px; }
.car12 { display: none; width:10px; height:9px; top:20px; left:7px; position: relative;  background:url('../img/graycar.png') no-repeat; background-size: cover !important; z-index: 9; }

/* Middle Cars */
.car2-container { position: absolute; top:0px; }
.car2 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/greencar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car5-container { position: absolute; top:0px; }
.car5 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/whitecar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car8-container { position: absolute; top:0px; }
.car8 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/whitecar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car9-container { position: absolute; top:0px; }
.car9 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/greencar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car14-container { position: absolute; top:0px; }
.car14 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/greencar.png') no-repeat; background-size: cover !important; z-index: 9; }

/* Right Cars */
.car3-container { position: absolute; top:0px; }
.car3 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/whitecar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car4-container { position: absolute; top:0px; }
.car4 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/graycar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car11-container { position: absolute; top:0px; }
.car11 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/graycar.png') no-repeat; background-size: cover !important; z-index: 9; }

.car13-container { position: absolute; top:0px; }
.car13 { display: none; width:10px; height:9px; top:4px; left:7px; position: relative;  background:url('../img/graycar.png') no-repeat; background-size: cover !important; z-index: 9; }




/************************************************************\
							LANE LINES
\************************************************************/
.lline { width:50px; height:2000px; position:absolute; top:0px; left:-18px;
-webkit-transform: rotate(31deg); 
	-webkit-transform-origin: 25px 0px;
	-moz-transform: rotate(31deg);
	-moz-transform-origin: 25px 0px; 
	-ms-transform: rotate(31deg);
	-ms-transform-origin: 25px 0px;
	transform: rotate(31deg);
	transform-origin: 25px 0px;
	z-index: 3; 
	overflow:hidden;
}
.lblock1 { position: absolute; width:37px; height:2000px; top:10px; left:-12px; background:#333333;
	-webkit-transform: rotate(2deg); 
	-webkit-transform-origin: 175px 0px;
	-moz-transform: rotate(2deg);
	-moz-transform-origin: 175px 0px; 
	-ms-transform: rotate(2deg);
	-ms-transform-origin: 175px 0px;
	transform: rotate(2deg);
	transform-origin: 175px 0px;
	z-index: 3;  }
.lblock2 { position: absolute; width:200px; height:2000px; top:0px; left:25px; background:#333333;
	-webkit-transform: rotate(-1deg); 
	-webkit-transform-origin: 25px 0px;
	-moz-transform: rotate(-1deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-1deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-1deg);
	transform-origin: 0px 0px;
	z-index: 2;  }
.lblock3 { position: absolute; width:170px; height:2000px; top:290px; left:-202px; background:#333333;
	-webkit-transform: rotate(2deg); 
	-webkit-transform-origin: 175px 0px;
	-moz-transform: rotate(2deg);
	-moz-transform-origin: 175px 0px; 
	-ms-transform: rotate(2deg);
	-ms-transform-origin: 175px 0px;
	transform: rotate(2deg);
	transform-origin: 175px 0px;
	z-index: 3;  }
.lline1 { width:200px; top:14px; left:0px; height:10px; position: absolute;   background:white; z-index: 1; }
.lline2 { width:200px; top:41px; left:0px; height:13px; position: absolute;   background:white; z-index: 1; }
.lline3 { width:200px; top:81px; left:0px; position: absolute;  height:18px; background:white; z-index: 1; }
.lline4 { width:200px; top:142px; left:0px; position: absolute;  height:28px; background:white; z-index: 1; }
.lline5 { width:200px; top:250px; left:0px; position: absolute;  height:50px; background:white; z-index: 1; }
.lline6 { width:200px; top:418px; left:0px; position: absolute;  height:80px; background:white; z-index: 1; }
.lline7 { width:200px; top:678px; left:0px; position: absolute;  height:120px; background:white; z-index: 1; }
.lline8 { width:200px; top:1058px; left:0px; position: absolute;  height:160px; background:white; z-index: 1; }
.lline9 { width:200px; top:1558px; left:0px; position: absolute;  height:210px; background:white; z-index: 1; }
.ll { -webkit-transform: rotate(-31deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-31deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-31deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-31deg);
	transform-origin: 0px 0px; }

.rline { width:50px; height:2000px; position:absolute; top:2px; left:-17px;
-webkit-transform: rotate(-24deg); 
	-webkit-transform-origin: 25px 0px;
	-moz-transform: rotate(-24deg);
	-moz-transform-origin: 25px 0px; 
	-ms-transform: rotate(-24deg);
	-ms-transform-origin: 25px 0px;
	transform: rotate(-24deg);
	transform-origin: 25px 0px; 
	z-index: 3;
	overflow:hidden;
}
.rblock1 { position: absolute; width:10px; height:2000px; top:0px; left:20px; background:#333333;
	-webkit-transform: rotate(2deg); 
	-webkit-transform-origin: 10px 0px;
	-moz-transform: rotate(2deg);
	-moz-transform-origin: 10px 0px; 
	-ms-transform: rotate(2deg);
	-ms-transform-origin: 10px 0px;
	transform: rotate(2deg);
	transform-origin: 10px 0px;
	z-index: 4;  }
.rblock2 { position: absolute; width:200px; height:2000px; top:0px; left:30px; background:#333333;
	-webkit-transform: rotate(-1deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(-1deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-1deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(-1deg);
	transform-origin: 0px 0px;
	z-index: 4;  }
.rblock3 { position: absolute; width:60px; height:2000px; top:0px; left:-50px; background:#333333; z-index: 3; }
.rline1 { width:200px; top:4px; left:26px; height:10px; position: absolute;   background:white; z-index: 2; }
.rline2 { width:200px; top:27px; left:26px; height:13px; position: absolute;   background:white; z-index: 2;}
.rline3 { width:200px; top:62px; left:26px; position: absolute;  height:18px; background:white; z-index: 2; }
.rline4 { width:200px; top:112px; left:26px; position: absolute;  height:28px; background:white; z-index: 2; }
.rline5 { width:200px; top:210px; left:26px; position: absolute;  height:50px; background:white; z-index: 2; }
.rline6 { width:200px; top:348px; left:16px; position: absolute;  height:80px; background:white; z-index: 2; }
.rline7 { width:200px; top:558px; left:0px; position: absolute;  height:120px; background:white; z-index: 2;}
.rline8 { width:200px; top:888px; left:0px; position: absolute;  height:160px; background:white; z-index: 2; }
.rline9 { width:200px; top:1338px; left:-10px; position: absolute;  height:210px; background:white; z-index: 2; }
.rl {-webkit-transform: rotate(24deg); 
	-webkit-transform-origin: 0px 0px;
	-moz-transform: rotate(24deg);
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(24deg);
	-ms-transform-origin: 0px 0px;
	transform: rotate(24deg);
	transform-origin: 0px 0px; }

/************************************************************\
						  BUILDINGS
\************************************************************/

.left-side { width:1000px; height:2000px; background:url('../img/left-side.png') no-repeat; background-size: cover; position: absolute; top: 0px; right: 0px; 
	-webkit-transform: rotate(53deg); 
	-webkit-transform-origin: 1000px 0px;
	-moz-transform: rotate(53deg);
	-moz-transform-origin: 1000px 0px; 
	-ms-transform: rotate(53deg);
	-ms-transform-origin: 1000px 0px;
	transform: rotate(53deg);
	transform-origin: 1000px 0px; 
	z-index: 4;
} 
.lbuilding { -webkit-transform: rotate(-53deg); -moz-transform: rotate(-53deg); -ms-transform: rotate(-53deg); transform: rotate(-53deg); }
.left-side .spot1 { position: absolute; width:10px; height:10px; top:1px; right:-10px; z-index: 300; }
.left-side .spot2 { position: absolute; width:10px; height:10px; top:17px; right:-7px; z-index: 300; }
.left-side .spot3 { position: absolute; width:10px; height:10px; top:40px; right:-5px; z-index: 300; }
.left-side .spot4 { position: absolute; width:10px; height:10px; top:80px; right:0px; z-index: 300; }
.left-side .spot5 { position: absolute; width:10px; height:10px; top:140px; right:5px; z-index: 300; }
.left-side .spot6 { position: absolute; width:10px; height:10px; top:219px; right:19px; z-index: 300; }
.left-side .spot7 { position: absolute; width:10px; height:10px; top:331px; right:34px; z-index: 300; }
.left-side .spot8 { position: absolute; width:10px; height:10px; top:460px; right:60px; z-index: 300; }
.left-side .spot9 { position: absolute; width:10px; height:10px; top:640px; right:70px; z-index: 300; }
.left-side .spot10 { position: absolute; width:10px; height:10px; top:950px; right:150px; z-index: 300; }
.left-side .spot11 { position: absolute; width:10px; height:10px; top:1260px; right:230px; z-index: 300; }
.left-side .spot12 { position: absolute; width:10px; height:10px; top:1260px; right:230px; z-index: 300; }

.left-side .spot1 .apt { width:41px; height:38px; background:url('../img/building3.png'); background-size: cover !important; position: absolute; bottom:10px; right:-3px; z-index: 3; }
.left-side .spot2 .apt { width:61px; height:56px; background:url('../img/building4.png'); background-size: cover !important; position: absolute; bottom:10px; right:-13px; z-index: 3; }
.left-side .spot3 .apt { width:93px; height:85px; background:url('../img/building1.png'); background-size: cover !important; position: absolute; bottom:10px; right:-20px; z-index: 3; }
.left-side .spot4 .apt { width:142px; height:132px; background:url('../img/building2.png'); background-size: cover !important; position: absolute; bottom:10px; right:-40px; z-index: 3; }
.left-side .spot5 .apt { width:221px; height:202px; background:url('../img/building3.png'); background-size: cover !important; position: absolute; bottom:10px; right:-60px; z-index: 3; }
.left-side .spot6 .apt { width:478px; height:437px; background:url('../img/building4.png'); background-size: cover !important; position: absolute; bottom:10px; right:-160px; z-index: 3; }
.left-side .spot7 .apt { width:565px; height:517px; background:url('../img/building1.png'); background-size: cover !important; position: absolute; bottom:10px; right:-170px; z-index: 3; }
.left-side .spot8 .apt { width:712px; height:651px; background:url('../img/building2.png'); background-size: cover !important; position: absolute; bottom:10px; right:-190px; z-index: 3; }
.left-side .spot9 .apt { width:816px; height:746px; background:url('../img/building3.png'); background-size: cover !important; position: absolute; bottom:10px; right:-230px; z-index: 3; }
.left-side .spot10 .apt {width:1084px; height:991px; background:url('../img/building4.png'); background-size: cover !important; position: absolute; bottom:10px; right:-420px; z-index: 3; }
.left-side .spot11 .apt {width:1290px; height:1180px; background:url('../img/building1.png'); background-size: cover !important; position: absolute; bottom:10px; right:-500px; z-index: 3; }
.left-side .spot12 .apt {width:1290px; height:1180px; background:url('../img/building2.png'); background-size: cover !important; position: absolute; bottom:10px; right:-580px; z-index: 3; }


.left-fix { position: relative; width:1000px; height:2000px; top:0px; right:0px;
	-webkit-transform-origin: 1000px 0px;
	-moz-transform-origin: 1000px 0px; 
	-ms-transform-origin: 1000px 0px;
	transform-origin: 1000px 0px;  }

.right-side { width:1000px; height:2000px; background:url('../img/right-side.png') no-repeat; background-size: cover; position: absolute; top: 0px; left: 10px; 
	-webkit-transform: rotate(-53deg); 
	-webkit-transform-origin: 0px 0px; 
	-moz-transform: rotate(-53deg); 
	-moz-transform-origin: 0px 0px; 
	-ms-transform: rotate(-53deg); 
	-ms-transform-origin: 0px 0px; 
	transform: rotate(-53deg); 
	transform-origin: 0px 0px; 
	z-index: 4;
}
.rbuilding { -webkit-transform: rotate(53deg); -moz-transform: rotate(53deg); -ms-transform: rotate(53deg); transform: rotate(53deg); }
.right-side .spot1 { position: absolute; width:10px; height:10px; top:1px; left:-10px; z-index: 300; }
.right-side .spot2 { position: absolute; width:10px; height:10px; top:17px; left:-7px; z-index: 300; }
.right-side .spot3 { position: absolute; width:10px; height:10px; top:40px; left:-5px; z-index: 300; }
.right-side .spot4 { position: absolute; width:10px; height:10px; top:80px; left:0px; z-index: 300; }
.right-side .spot5 { position: absolute; width:10px; height:10px; top:140px; left:5px; z-index: 300; }
.right-side .spot6 { position: absolute; width:10px; height:10px; top:219px; left:19px; z-index: 300; }
.right-side .spot7 { position: absolute; width:10px; height:10px; top:331px; left:34px; z-index: 300; }
.right-side .spot8 { position: absolute; width:10px; height:10px; top:460px; left:60px; z-index: 300; }
.right-side .spot9 { position: absolute; width:10px; height:10px; top:640px; left:70px; z-index: 300; }
.right-side .spot10 { position: absolute; width:10px; height:10px; top:950px; left:150px; z-index: 300; }
.right-side .spot11 { position: absolute; width:10px; height:10px; top:1260px; left:230px; z-index: 300; }
.right-side .spot12 { position: absolute; width:10px; height:10px; top:1260px; left:230px; z-index: 300; }

.right-side .spot1 .apt { width:41px; height:38px; background:url('../img/rbuilding3.png'); background-size: cover !important; position: absolute; bottom:10px; left:-3px; z-index: 3;  }
.right-side .spot2 .apt { width:61px; height:56px; background:url('../img/rbuilding4.png'); background-size: cover !important; position: absolute; bottom:10px; left:-13px; z-index: 3; }
.right-side .spot3 .apt { width:93px; height:85px; background:url('../img/rbuilding1.png'); background-size: cover !important; position: absolute; bottom:10px; left:-20px; z-index: 3; }
.right-side .spot4 .apt { width:142px; height:132px; background:url('../img/rbuilding2.png'); background-size: cover !important; position: absolute; bottom:10px; left:-40px; z-index: 3; }
.right-side .spot5 .apt { width:221px; height:202px; background:url('../img/rbuilding3.png'); background-size: cover !important; position: absolute; bottom:10px; left:-60px; z-index: 3; }
.right-side .spot6 .apt { width:478px; height:437px; background:url('../img/rbuilding4.png'); background-size: cover !important; position: absolute; bottom:10px; left:-160px; z-index: 3; }
.right-side .spot7 .apt { width:565px; height:517px; background:url('../img/rbuilding1.png'); background-size: cover !important; position: absolute; bottom:10px; left:-170px; z-index: 3; }
.right-side .spot8 .apt { width:712px; height:651px; background:url('../img/rbuilding2.png'); background-size: cover !important; position: absolute; bottom:10px; left:-190px; z-index: 3; }
.right-side .spot9 .apt { width:816px; height:746px; background:url('../img/rbuilding3.png'); background-size: cover !important; position: absolute; bottom:10px; left:-230px; z-index: 3; }
.right-side .spot10 .apt { width:1084px; height:991px; background:url('../img/rbuilding4.png'); background-size: cover !important; position: absolute; bottom:10px; left:-420px; z-index: 3; }
.right-side .spot11 .apt { width:1290px; height:1180px; background:url('../img/rbuilding1.png'); background-size: cover !important; position: absolute; bottom:10px; left:-500px; z-index: 3; }
.right-side .spot12 .apt { width:1290px; height:1180px; background:url('../img/rbuilding2.png'); background-size: cover !important; position: absolute; bottom:10px; left:-580px; z-index: 3; }


.right-fix { width:1000px; height:2000px; position: relative; top:0px; left:0px;
	-webkit-transform-origin: 0px 0px; 
	-moz-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;
	transform-origin: 0px 0px;  }

.drunk-level { position: absolute; bottom: 120px; left: -150px; z-index: 4; }
.drunk-level li { background:white; padding:5px; border-radius:4px; margin:2px; cursor: pointer; }
.drunk-level .active { background:#48c9e9; color:white; }

.sfix1 { position: relative; }
.sfix2 { position: relative; }
.sfix3 { position: relative; }
.sfix4 { position: relative; }
.sfix5 { position: relative; }
.sfix6 { position: relative; }
.sfix7 { position: relative; }
.sfix8 { position: relative; }
.sfix9 { position: relative; }
.sfix10 { position: relative; }
.sfix11 { position: relative; }
.sfix12 { position: relative; }

.rfix1 { position: relative; }
.rfix2 { position: relative; }
.rfix3 { position: relative; }
.rfix4 { position: relative; }
.rfix5 { position: relative; }
.rfix6 { position: relative; }
.rfix7 { position: relative; }
.rfix8 { position: relative; }
.rfix9 { position: relative; }
.rfix10 { position: relative; }
.rfix11 { position: relative; }


/************************************************************\
							JS
\************************************************************/