#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 #666;
	width: 298px;
	height: 248px;
	position: absolute;
	top: 0;
	left: 0;
}

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

#ref_image {
	top: 8px;
	left: -8px;
	position: absolute;
	width: 300px;
	height: 250px;
	/*opacity: 0.5;*/
	background: url("../../_DESIGN_ASSETS/300x250/8.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);
}

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

	/*FOR SVG ELEMENTS */
	/*-webkit-background-size: 417px 173px;
	     -o-background-size: 417px 173px;
	        background-size: 417px 173px;*/
}

#mc .hide{display: none;}

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

#mc #red_overlay{
	width: 213px;height: 19px;top: 153px;left: 45px;position: absolute;
	background-color: #d92c27;
}

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

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

#mc #his_magGlass{
	width: 600px;height: 600px;top: -64px;left: -160px;position: absolute;
	background: transparent url("img/his_magnifyingGlass.svg") 0 0 no-repeat;

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

#mc #element_circ_mask{
	width: 280px;height: 250px;top: 0px;left: 0;position: absolute;
	border-radius: 100px;overflow: hidden;
	/*background-color: green;*/
}

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

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

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

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

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

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

#mc .num0 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_0.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num1 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_1.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num2 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_2.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num3 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_3.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num4 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_4.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num5 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_5.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num6 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_6.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num7 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_7.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num8 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_8.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

#mc .num9 {
	width: 14px;height: 25px;
	background: transparent url("img/his_num_9.svg") 0 0 no-repeat;

	/*FOR SVG ELEMENTS */
	-webkit-background-size: 14px 25px;
	     -o-background-size: 14px 25px;
	        background-size: 14px 25px;
}

/* HISCOX LOGO */
#mc .his_logo {
	width: 300px;height: 250px;
	background: transparent url("img/hiscox_logo.svg") 0 0 no-repeat;

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

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

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

#mc #hiscox_logo_cont{width: 300px;height: 250px;top: 68px;left: 51px;position: absolute;}
#mc #logo_txt{width: 199px;height: 50px;top: 97px;left: 44px;position: absolute;background-position: -52px -90px;;}
#mc #center_flare{width: 27px;height: 44px;top: 45px;left: 128px;position: absolute;background-position: -137px -38px;;}
#mc #left_flare{width: 23px;height: 23px;top: 72px;left: 118px;position: absolute;background-position: -107px -65px;}
#mc #right_flare{width: 23px;height: 23px;top: 72px;left: 141px;position: absolute;background-position: -170px -65px;}

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

/* YOUR BUSINESS */
#mc #main_txt2 {
	width: 300px;height: 250px;
	background: transparent url("img/his_txt2.svg") 0 0 no-repeat;

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

/* INITIAL TEXT LOCK UP */
#mc #main_txt1 {
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
	background: transparent url("img/his_txt1.svg") 0 0 no-repeat;

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

/* END TEXT LOCK UP */
#mc .his_end_txt {
	width: 300px;height: 250px;
	background: transparent url("img/his_end_txt.svg") 0 0 no-repeat;

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

#mc #end_txt_block{width: 300px;height: 91px;top: 0;left: 0;position: absolute;;}
/* CTA */
#mc #cta_cont{width: 115px;height: 31px;top: 99px;left: 24px;position: absolute;background-color: black;}
#mc #cta_txt_ini{width: 99px;height: 18px;top: 6px;left: 8px;position: absolute;background-position: -17px -90px;}
#mc #cta_txt_over{width: 99px;height: 18px;top: 6px;left: 8px;position: absolute;background-position: -17px -117px;}


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

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

/* GRAPHICS SET UP */
#mc .graphics_cont{width: 300px;height: 250px;top: 0;left: 0;position: absolute;}
#mc .svg_setup{width: 300px;height: 250px;top: 0;left: 0px;position: absolute;
	
	/*FOR SVG ELEMENTS */
	-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;
}

/* Architect */
#mc #red_barOverlay{width: 100px;height: 67px;top: 80px;left: 126px;position: absolute;background-color: #d92c27;}
#mc #arch_body{background: transparent url("img/hiscox_arch_body.svg") 0 0 no-repeat;}
#mc #arch_chair{background: transparent url("img/hiscox_arch_chair.svg") 0 0 no-repeat;}
#mc .arch_city{background: transparent url("img/hiscox_arch_city.svg") 0 0 no-repeat;}
#mc #arch_desk{background: transparent url("img/hiscox_arch_desk.svg") 0 0 no-repeat;}
#mc #arch_head{background: transparent url("img/hiscox_arch_head.svg") 0 0 no-repeat;}
#mc #arch_ponyTail{background: transparent url("img/hiscox_arch_ponyTail.svg") 0 0 no-repeat;}

#mc #building_cont{width: 300px;height: 160px;top: 0;left: 0;position: absolute;overflow: hidden;}
#mc #build_1_cont{
	-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;
	        width: 10px;height: 160px;top: 0;left: 86px;position: absolute;background-position: -89px -9px; overflow: hidden;}
#mc #build_2_cont{-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;width: 13px;height: 160px;top: 0;left: 95px;position: absolute;background-position: -98px 0; overflow: hidden;}
#mc #build_3_cont{-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;width: 7px;height: 160px;top: 0;left: 108px;position: absolute;background-position: -110px 0; overflow: hidden;}
#mc #build_4_cont{-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;width: 9px;height: 160px;top: -9px;left: 117px;position: absolute;background-position: -115px 0; overflow: hidden;}
#mc #build_5_cont{-webkit-background-size: 300px 250px;
	     -o-background-size: 300px 250px;
	        background-size: 300px 250px;width: 15px;height: 160px;top: 0;left: 126px;position: absolute;background-position: -123px 0; overflow: hidden;}

/* Photographer */
#mc #photo_cont{width: 300px;height: 250px;top: -10px;left: 0;position: absolute;}
#mc #photo_arm{background: transparent url("img/hiscox_photo_arm.svg") 0 0 no-repeat;}
#mc #photo_body{background: transparent url("img/hiscox_photo_body.svg") 0 0 no-repeat;}
#mc #photo_camera{background: transparent url("img/hiscox_photo_camera.svg") 0 0 no-repeat;}
#mc #photo_flash{background: transparent url("img/hiscox_photo_flash.svg") 0 0 no-repeat;}
#mc #photo_head{background: transparent url("img/hiscox_photo_head.svg") 0 0 no-repeat;}


/* BAR CODE BLOCKs*/
#mc .barcode_cont{width: 300px;height: 250px;top: -10px;left: 0px;position: absolute;}
#mc .bar_color{background-color: black; top: 95px; position: absolute;}
#mc .reg_height_bars{height: 75px;}
#mc .tall_height_bars{height: 85px;}
#mc .xxsm_width_bars{width: 2px;}
#mc .xsm_width_bars{width: 4px;}
#mc .sm_width_bars{width: 6px;}
#mc .med_width_bars{width: 7px;}
#mc .lrg_width_bars{width: 10px;}

/* ZIPCODE POSITIONS */
#mc #zip_5{top: -35px;left: 40px;position: absolute;}
#mc .zipEnd_cont{width: 25px;height: 25px;top: 166px;position: absolute;}
#mc .zipEnd_L{left: 69px;}
#mc .zipEnd_R{left: 207px;}
#mc .zipFull_pos{top: 0;position: absolute;}
#mc .zipFull_cont{width: 50px;height: 20px;top: 164px;position: absolute;}
#mc .zipFull_cont_L{left: 95px;}
#mc .zipFull_cont_R{left: 153px;}
#mc .zipNums_pos{width: 14px;height: 25px;top: 0;position: absolute;}

/* ZIP CODE NUMBER POSITIONS */
#mc .zip_num1{left: 0;}
#mc .zip_num2{left: 9px;}
#mc .zip_num3{left: 18px;}
#mc .zip_num4{left: 27px;}
#mc .zip_num5{left: 36px;}

/* BARCODE 1 */
#mc .bar1{left: 88px;}
#mc .bar2{left: 100px;}
#mc .bar3{left: 108px;}
#mc .bar4{left: 119px;}
#mc .bar5{left: 131px;}
#mc .bar6{left: 137px;}
#mc .bar7{left: 145px;}
#mc .bar8{left: 157px;}
#mc .bar9{left: 165px;}
#mc .bar10{left: 177px;}
#mc .bar11{left: 186px;}
#mc .bar12{left: 192px;}
#mc .bar12_endFlower{left: 196px;}
#mc .bar13{left: 202px;}