#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: 15000;
}

#mc #border {
	border: 1px solid #bcbec0;
	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;
}

#ref_image {
	top: 0;
	left: 0;
	position: absolute;
	width: 300px;
	height: 250px;
	background: url("../../_DESIGN_ASSETS/300x250/4.jpg") no-repeat;
}

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

/* WRITE ON CLASSES */
#mc .stEnd{fill:none;stroke:#35BDD1;stroke-width:8.01154;stroke-miterlimit:10;}
#mc .stInitial{fill:none;stroke:#87CC97;stroke-width:8.01154;stroke-miterlimit:10;}
/* BACKGROUND ELEMENTS */
#mc #ea_whiteOverlay{width: 171px;height: 107px;top: 0;left: 0;position: absolute;
background-color: white;}

#mc .image_cont{width: 150px;height: 250px;top: 0;position: absolute;overflow: hidden;}

#mc #solids_cont{width: 300px;height: 250px;top: 0;position: absolute;overflow: hidden;}
#mc #t1_cont{left: 0;}
#mc #t2_cont{left: 150px;}
#mc #blueBkg{width: inherit;height: 250px;top: 0;left: 0;position: absolute;background-color: #35BDD1;}
#mc .whiteSolid{width: 300px;height: 250px;top: 0;left: 0;position: absolute;background-color: white;}

#mc .limeBkg{width: 150px;height: 250px;top: 0px;position: absolute;background-color: #35BDD1;}
#mc .greenBkg{width: 150px;height: 250px;top: 0px;position: absolute;background-color: #65FFE6;}
#mc #lime_left{left: 0;}
#mc #green_left{left: 0;}
#mc #lime_right{left: 150px;}
#mc #green_right{left: 150px;}

#mc #lime_top_2{top: 0px; clip: rect(0 150px 158px 0px);}

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

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

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

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

#mc #ea_t1_a{width: 300px;height: 224px;overflow: hidden;}
#mc #ea_t1_b{width: 300px;height: 250px;top: 0;left: 0;position: absolute;clip: rect(225px 300px 250px 0px);}

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

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

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

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

#mc #ea_t3_a{width: 300px;height: 224px;overflow: hidden;}
#mc #ea_t3_b{width: 300px;height: 250px;top: 0;left: 0;position: absolute;clip: rect(225px 300px 250px 0px);}

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

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;
}
#mc #ea_chargerInitial {
	top: 0;left: 0;position: absolute;width: 300px;height: 250px;
	/*opacity: 0.5;*/
	background: url("img/EA_chargerInitial.jpg") no-repeat;
}

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

#mc #ea_writeOn_cont{width: 600px;height: 500px;top: 0px;left: 0px;position:absolute; overflow: hidden;clip: rect(0px 380px 225px 0px);}

#mc #ea_strokeOverlay {
	width: 600px;height: 500px;top: 0px;left: 0px;position: absolute;
	background: url("img/EA_strokeOverlay.svg") no-repeat;
	/*FOR SVG ELEMENTS */
	-webkit-background-size: 600px 500px;
	     -o-background-size: 600px 500px;
	        background-size: 600px 500px;
}

#mc #ea_logo {
	width: 300px;height: 250px;top: -10px;left: 0px;position: absolute;
	background: url("img/EA_logo.svg") no-repeat;
	/*FOR SVG ELEMENTS */
	-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;
}

/* CTA */
#mc #ea_cta_cont{width: 108px;height: 22px;top: 121px;left: 26px;position: absolute;border-radius: 3px;
border: 1px #35bdd1 solid;background-color: #35bdd1;}
#mc #ea_cta_txtIni{width: 97px;height: 13px;top: 5px;left: 10px;position: absolute;background-position: 0 0;}
#mc #ea_cta_txtOver{width: 97px;height: 13px;top: 5px;left: 10px;position: absolute;background-position: 0 -20px;}

#mc #ea_cta_stroke{width: 110px;height: 24px;top: -1px;left: -1px;position: absolute;border-radius: 3px;
background-color: transparent;overflow: hidden;}

#mc .strokeColor{height: 3px;width: 97px;background-color: #D7DF38;position: absolute;}
#mc .strokeRotation{transform:rotate(90deg);}
#mc #topStroke{top: -2px;left: 0px;}
#mc #rightStroke{top: 0px;left: 62px;}
#mc #bottomStroke{top: 23px;left: 0px;}
#mc #leftStroke{top: 0px;left: -49px;}