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

/*#mc #mainExit {
	width: 970px;
	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: 968px;
	height: 248px;
	position: absolute;
	top: 0;
	left: 0;
}

#mc #loading { 
	background-color: white;
	width: 968px;
	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: 970px;
	height: 250px;
	background-color: black;
	position: absolute;
}

#mc .hide{display: none;}

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

/* BACKGROUND ELEMENTS */
#mc .img_sprite {
	width: 500px;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: 500px 250px;
	     -o-background-size: 500px 250px;
	        background-size: 500px 250px;
}

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

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

#mc #cloud1 {
	width: 120px;height: 80px;top: 0;left: 330px;position: absolute;
	background-position: 0 0; overflow: hidden;
}

#mc #cloud2 {
	width: 120px;height: 90px;top: 0px;left: 0;position: absolute;
	background-position: 0 0; overflow: hidden;
}

#mc #cloud3 {
	width: 190px;height: 87px;top: 107px;left: 280px;position: absolute;
	background-position: -140px -161px; overflow: hidden;
}

#mc #ctaIni {
	width: 120px;height: 25px;top: 180px;left: 844px;position: absolute;
	background-position: 0 -176px; overflow: hidden;
}

#mc #ctaOver {
	width: 120px;height: 22px;top: 180px;left: 844px;position: absolute;
	background-position: 0 -201px; overflow: hidden;
}

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

	
}

#mc #endText {
	width: 470px;height: 72px;top: 160px;left: 250px;position: absolute;
	background-position: -10px -90px; overflow: hidden;
}

#mc #mainBkg {
	width: 970px;height: 650px;top: 0;left: 0;position: absolute;
	background: transparent url("img/img_mainBkg.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 970px 650px;
	     -o-background-size: 970px 650px;
	        background-size: 970px 650px;
}

#mc #phrmaLogo {
	width: 970px;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: 970px 250px;
	     -o-background-size: 970px 250px;
	        background-size: 970px 250px;
}

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

	-webkit-background-size: 1250px 650px;
	     -o-background-size: 1250px 650px;
	        background-size: 1250px 650px;
}

#mc #sun {
	width: 80px;height: 84px;top: 40px;left: 520px;position: absolute;
	background-position: -160px 0; overflow: hidden;
}

