#mc {
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	position: absolute;
	overflow: hidden;
	background-color: #121b78;
}

/*#mc #mainExit {
	width: 300px;
	height: 250px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 15000;
}
*/

#background_exit_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 15000;
}

#mc #border {
	border: 1px solid #666;
	width: 298px;
	height: 248px;
	position: absolute;
	top: 0;
	left: 0;
}

#mc #loading { 
	background-color: white;
	width: 298px;
	height: 248px;
	position: absolute;
	top: 1px;
	left: 1px;
	margin: 0;
	padding: 0;
	z-index: 10000;
}

.fix_shake {
	-webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	transform:rotateZ(0.001deg);
}

#mc .drop_shadow{
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
  	filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
}

#mc #bkg_solid {
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	background-color: black;
	position: absolute;
}

#mc .hide{display: none;}

/* SVG */
#mc svg{position: absolute;overflow: hidden;}
#mc .st1{fill:#b14a32;}

#mc .st2{fill:#B1D24A;}
#mc .st3{fill:#8D9C3A;}
#mc .st4{fill:#A6A8AB;}
#mc .st5{fill:#00ADEE;}

/* BACKGROUND ELEMENTS */

#mc .img_sprite {
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
	background: transparent url("img/img_sprite.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;
}

#mc #betterWay {
	width: 300px;height: 395px;top: 0;left: 0;position: absolute;
	background: transparent url("img/img_betterWaySign.png") 0 0 no-repeat;
}

#mc #capital {
	width: 300px;height: 250px;top: 0;left: 2px;position: absolute;
	background: transparent url("img/img_capital.png") 0 0 no-repeat;
}

#mc #cloud1 {
	width: 100px;height: 42px;top: 10px;left: 0px;position: absolute;
	background-position: 0 0; overflow: hidden;
}

#mc #cloud2 {
	width: 100px;height: 42px;top: 40px;left: 50px;position: absolute;
	background-position: 0 0; overflow: hidden;
}

#mc #cloud3 {
	width: 160px;height: 67px;top: 60px;left: 34px;position: absolute;
	background-position: 0 -59px; overflow: hidden;
}

#mc #ctaIni {
	width: 100px;height: 16px;top: 221px;left: 100px;position: absolute;
	background-position: 0 -125px; overflow: hidden;
}

#mc #ctaOver {
	width: 100px;height: 24px;top: 217px;left: 100px;position: absolute;
	background-position: 0 -141px; overflow: hidden;
}

#mc #deadEndSign {
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
	background: transparent url("img/img_deadEndSign.png") 0 0 no-repeat;

	
}

#mc #endText {
	width: 220px;height: 64px;top: 146px;left: 39px;position: absolute;
	background-position: 0 -178px; overflow: hidden;
}


#mc #phrmaLogo {
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
	background: transparent url("img/img_phrmaLogo.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;
}

#mc #roadway {
	width: 1118px;height: 548px;top: 0;left: 0;position: absolute;
	background: transparent url("img/img_roadway.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 1118px 548px;
	     -o-background-size: 1118px 548px;
	        background-size: 1118px 548px;
}

#mc #sun {
	width: 58px;height: 50px;top: 60px;left: 155px;position: absolute;
	background-position: -91px 0; overflow: hidden;
}