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

#mc #bgExit {
	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: 12000;
}

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

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


#mc .hide{display: none;}

.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: #ff7548;
	position: absolute;
}

/* BACKGROUND ELEMENTS */
#mc .sprite_load {
	width: 380px;height: 420px;
	background: transparent url("img/EA_normalNow_380x420_SPRITE.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 380px 420px;
	     -o-background-size: 380px 420px;
	        background-size: 380px 420px;
}

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

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

#mc #vortex{
	width: 2400px;height: 250px;top: 0px;left: 0px;position: absolute;
	background: transparent url("img/ea_vortexTransition.jpg") 0 0 no-repeat;
}

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

#mc .cont_dimensions{width: 300px;height: 250px;top: 0;left: 0;position: absolute;}

/* LEGAL */
#mc #legal_container{width: 43px;height: 1px;top: 221px;left: 20px;position: absolute;cursor: pointer;z-index: 13000;  opacity: 0;}
#mc #legal_popUp{width: 166px;height: 40px;top: 172px;left: 17px;position: absolute;background-color: black;border-radius: 11px;}
#mc #legal_triangle{width: 0; height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;position: absolute;top: 37px;left: 12px;
}
#mc #legal_txt{width: 160px;height: 28px;top: 5px;left: 6px;position: absolute;background-position: 0 -287px;}

#mc #nn_legal{width: 31px;height: 15px;top: 0;left: 0;position: absolute;background-position: 0px -272px;}
#mc #nn_legal_carrot{width: 11px;height: 15px;top: 0px;left: 31px;position: absolute;background-position: -30px -272px;}

/* TEXT HAIR */
#mc #hair_h{width: 34px;height: 28px;top: 21px;left: 19px;position: absolute;background-position: 0 0;}
#mc #hair_a{width: 26px;height: 28px;top: 21px;left: 46px;position: absolute;background-position: -38px 0;}
#mc #hair_i{width: 17px;height: 27px;top: 21px;left: 65px;position: absolute;background-position: -68px 0;}
#mc #hair_r{width: 25px;height: 28px;top: 21px;left: 73px;position: absolute;background-position: -87px 0;}


/* TEXT DRYERS */
#mc #dryers_d{width: 26px;height: 28px;top: 21px;left: 98px;position: absolute;background-position: -132px 0px;}
#mc #dryers_r1{width: 24px;height: 28px;top: 21px;left: 117px;position: absolute;background-position: -161px 0px;}
#mc #dryers_y{width: 23px;height: 35px;top: 21px;left: 134px;position: absolute;background-position: -189px 0px;}
#mc #dryers_e{width: 29px;height: 28px;top: 21px;position: absolute;background-position: -215px 0px;left: 149px;}
#mc #dryers_r2{width: 23px;height: 28px;top: 21px;left: 169px;position: absolute;background-position: -245px 0px;}
#mc #dryers_s{width: 26px;height: 28px;top: 21px;left: 183px;position: absolute;background-position: -270px 0px;}

/* TEXT SEEMED */
#mc #seemed_s{width: 24px;height: 28px;top: 49px;left: 19px;position: absolute;background-position: 0px -28px;}
#mc #seemed_e1{width: 25px;height: 28px;top: 49px;left: 34px;position: absolute;background-position: -26px -28px;}
#mc #seemed_e2{width: 22px;height: 28px;top: 49px;left: 54px;position: absolute;background-position: -57px -28px;;}
#mc #seemed_m{width: 33px;height: 28px;top: 49px;left: 71px;position: absolute;background-position: -84px -28px;}
#mc #seemed_e3{width: 25px;height: 28px;top: 49px;left: 97px;position: absolute;background-position: -121px -28px;}
#mc #seemed_d{width: 27px;height: 28px;top: 49px;left: 116px;position: absolute;background-position: -150px -28px;}


/* TEXT WEIRD */
#mc #weird_w{width: 34px;height: 23px;top: 54px;left: 143px;position: absolute;background-position: -198px -33px;}
#mc #weird_e{width: 22px;height: 28px;top: 49px;left: 171px;position: absolute;background-position: -236px -28px;}
#mc #weird_i{width: 21px;height: 28px;top: 49px;left: 186px;position: absolute;background-position: -262px -28px;}
#mc #weird_r{width: 21px;height: 28px;top: 49px;left: 200px;position: absolute;background-position: -286px -28px;}
#mc #weird_d{width: 27px;height: 28px;top: 49px;left: 214px;position: absolute;background-position: -311px -28px;}

/* TEXT AT */
#mc #at_a{width: 28px;height: 28px;top: 76px;left: 19px;position: absolute;background-position: 0px -56px;;}
#mc #at_t{width: 21px;height: 28px;top: 76px;left: 39px;position: absolute;background-position: -31px -56px;}

/* TEXT FIRST */
#mc #first_fi{width: 30px;height: 28px;top: 76px;left: 59px;position: absolute;background-position: -72px -56px;}
#mc #first_r{width: 21px;height: 28px;top: 76px;left: 85px;position: absolute;background-position: -108px -56px;}
#mc #first_s{width: 21px;height: 28px;top: 76px;left: 100px;position: absolute;background-position: -134px -56px;}
#mc #first_t{width: 21px;height: 28px;top: 76px;left: 113px;position: absolute;background-position: -157px -56px;}
#mc #first_comma{width: 16px;height: 33px;top: 76px;left: 127px;position: absolute;background-position: -182px -56px;}

/* TEXT TO */
#mc #too_t{width: 21px;height: 28px;top: 76px;left: 141px;position: absolute;background-position: -218px -56px;}
#mc #too_o1{width: 23px;height: 28px;top: 76px;left: 156px;position: absolute;background-position: -244px -56px;}
#mc #too_o2{width: 24px;height: 28px;top: 76px;left: 175px;position: absolute;background-position: -273px -56px;}
#mc #too_period{width: 21px;height: 28px;top: 76px;left: 192px;position: absolute;background-position: -301px -56px;}

/* TEXT ELECTRIC CARS */
#mc #elec_elec_cont{width: 300px;height: 48px;top: 0;left: 0;position: absolute;overflow: hidden;}
#mc #elec_electric{width: 115px;height: 27px;top: 22px;left: 18px;position: absolute;background-position: 0px -102px;}
#mc #elec_cars{width: 74px;height: 28px;top: 22px;left: 134px;position: absolute;background-position: -116px -102px;}

/* TEXT THEYre */
#mc #elec_theyre_cont{width: 300px;height: 82px;top: 0;left: 0;position: absolute;overflow: hidden;}
#mc #elec_theyre{width: 115px;height: 33px;top: 49px;left: 18px;position: absolute;background-position: 0px -131px;}

/* NORMAL NOW TEXT*/
#mc .normal_now_mask{width: 300px;height: 104px;top: 0;left: 0;position: absolute;overflow: hidden;}

/* NORMAL PURPLE */
#mc #norm_n_pur{width: 30px;height: 27px;top: 75px;left: 18px;position: absolute;background-position: 0px -164px;}
#mc #norm_o_pur{width: 21px;height: 27px;top: 75px;left: 44px;position: absolute;background-position: -38px -164px;}
#mc #norm_r_pur{width: 17px;height: 27px;top: 75px;left: 61px;position: absolute;background-position: -67px -164px;}
#mc #norm_m_pur{width: 30px;height: 27px;top: 75px;left: 74px;position: absolute;background-position: -92px -164px;}
#mc #norm_a_pur{width: 21px;height: 27px;top: 75px;left: 100px;position: absolute;background-position: -130px -164px;}
#mc #norm_l_pur{width: 12px;height: 27px;top: 75px;left: 116px;position: absolute;background-position: -159px -164px;}

/* NOW PURPLE */
#mc #now_n_pur{width: 25px;height: 27px;top: 75px;left: 135px;position: absolute;background-position: -200px -164px;}
#mc #now_o_pur{width: 22px;height: 27px;top: 75px;left: 156px;position: absolute;background-position: -233px -164px;}
#mc #now_w_pur{width: 31px;height: 27px;top: 75px;left: 172px;position: absolute;background-position: -261px -164px;}
#mc #now_period_pur{width: 12px;height: 27px;top: 75px;left: 196px;position: absolute;background-position: -298px -164px;}

/* NORMAL YELLOW */
#mc #norm_n_yel{width: 30px;height: 27px;top: 75px;left: 18px;position: absolute;background-position: 0px -195px;}
#mc #norm_o_yel{width: 21px;height: 27px;top: 75px;left: 44px;position: absolute;background-position: -38px -195px;}
#mc #norm_r_yel{width: 17px;height: 27px;top: 75px;left: 61px;position: absolute;background-position: -67px -195px;}
#mc #norm_m_yel{width: 30px;height: 27px;top: 75px;left: 74px;position: absolute;background-position: -92px -195px;}
#mc #norm_a_yel{width: 21px;height: 27px;top: 75px;left: 100px;position: absolute;background-position: -130px -195px;}
#mc #norm_l_yel{width: 12px;height: 27px;top: 75px;left: 116px;position: absolute;background-position: -159px -195px;}

/* NOW YELLOW */
#mc #now_n_yel{width: 25px;height: 27px;top: 75px;left: 135px;position: absolute;background-position: -200px -195px;}
#mc #now_o_yel{width: 22px;height: 27px;top: 75px;left: 156px;position: absolute;background-position: -233px -195px;}
#mc #now_w_yel{width: 31px;height: 27px;top: 75px;left: 172px;position: absolute;background-position: -261px -195px;}
#mc #now_period_yel{width: 12px;height: 27px;top: 75px;left: 196px;position: absolute;background-position: -298px -195px;}

/* NORMAL MINT */
#mc #norm_n_mint{width: 30px;height: 27px;top: 75px;left: 18px;position: absolute;background-position: 0px -226px;}
#mc #norm_o_mint{width: 21px;height: 27px;top: 75px;left: 44px;position: absolute;background-position: -38px -226px;}
#mc #norm_r_mint{width: 17px;height: 27px;top: 75px;left: 61px;position: absolute;background-position: -67px -226px;}
#mc #norm_m_mint{width: 30px;height: 27px;top: 75px;left: 74px;position: absolute;background-position: -92px -226px;}
#mc #norm_a_mint{width: 21px;height: 27px;top: 75px;left: 100px;position: absolute;background-position: -130px -226px;}
#mc #norm_l_mint{width: 12px;height: 27px;top: 75px;left: 116px;position: absolute;background-position: -159px -226px;}

/* NOW PURPLE */
#mc #now_n_mint{width: 25px;height: 27px;top: 75px;left: 135px;position: absolute;background-position: -200px -226px;}
#mc #now_o_mint{width: 22px;height: 27px;top: 75px;left: 156px;position: absolute;background-position: -233px -226px;}
#mc #now_w_mint{width: 31px;height: 27px;top: 75px;left: 172px;position: absolute;background-position: -261px -226px;}
#mc #now_period_mint{width: 12px;height: 27px;top: 75px;left: 196px;position: absolute;background-position: -298px -226px;}


/* CTA OLD */
#mc #cta_container_retro{width: 100px; height: 20px;top: 125px;left: 23px;position: absolute;}
#mc #cta_cont_old{position: absolute;width: 103px;height: 24px;border: 1px solid #4d1950;border-radius: 4px;background: white;}
#mc #cta_cont_old_shadow{top: 2px;left: 3px;position: absolute;width: 103px;height: 24px;border: 1px solid #4d1950;border-radius: 4px;background: #4d1950;}
#mc #learn_more_old{width: 82px;height: 15px;top: 5px;left: 3px;position: absolute;background-position: 0px -85px;}
#mc #retro_arrow{width: 15px;height: 15px;top: 5px;left: 85px;position: absolute;background-position: -82px -85px;}

/* CTA NEW */
#mc #cta_container_end{width: 105px;height: 26px;border-radius: 15px;top: 125px;left: 23px;position: absolute;overflow: hidden;}

#mc #cta_cont_new{width: 105px;height: 26px;border-radius: 15px;top: 0;left: 0;background: white;;;}
#mc #cta_cont_new_over{top: 0;left: 0;width: 105px;height: 26px;position: absolute;border-radius: 15px;background: #4d1950;;;}

#mc #learn_more_new{width: 71px;height: 15px;top: 6px;left: 10px;position: absolute;background-position: 0px -257px;;}
#mc #new_arrow{width: 12px;height: 15px;top: 6px;left: 83px;position: absolute;background-position: -70px -257px;;}

#mc #learn_more_new_over{width: 71px;height: 15px;top: 6px;left: 10px;position: absolute;background-position: -80px -257px;;}
#mc #new_arrow_over{width: 12px;height: 15px;top: 6px;left: 82px;position: absolute;background-position: -150px -257px;;}