#mc { top: 0; left: 0; width: 728px; height: 90px; position: absolute; overflow: hidden; background-color: #121b78; } #mc #bgExit { width: 728px; height: 90px; 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: 726px; height: 88px; position: absolute; top: 0; left: 0; } #mc #loading { background-color: #ff7548; width: 726px; height: 88px; 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: 728px; height: 90px; background-color: #ff7548; position: absolute; } /* BACKGROUND ELEMENTS */ #mc .sprite_load { width: 445px;height: 325px; background: transparent url("img/EA_normalNow_video_445x325_SPRITE.svg") 0 0 no-repeat; /*FOR SVG ELEMENTS */ -webkit-background-size: 445px 325px; -o-background-size: 445px 325px; background-size: 445px 325px; } #mc #video_woman{ width: 728px;height: 120px;top: 0px;left: 0px;position: absolute; background: transparent url("img/video_728x90.jpg") 0 0 no-repeat; } #mc #vortex{ width: 728px;height: 810px;top: 0px;left: 0px;position: absolute; background: transparent url("img/ea_vortexTransition.jpg") 0 0 no-repeat; } #mc #end_car{ width: 728px;height: 90px;top: 0;left: 0;position: absolute; background: transparent url("img/end_car_728x90.jpg") 0 0 no-repeat; } #mc .cont_dimensions{width: 728px;height: 90px;top: 0;left: 0;position: absolute;} /* LEGAL */ #mc #legal_container{width: 1px;height: 1px;top: 0;left: 0;position: absolute;cursor: pointer;z-index: 13000; opacity: 0;} #mc #legal_popUp{width: 166px;height: 35px;top: 24px;left: 322px;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: 30px;left: 71px; } #mc #legal_txt{width: 160px;height: 40px;top: 2px;left: 6px;position: absolute;background-position: 0 -287px;} #mc #nn_legal{width: 31px;height: 15px;top: 67px;left: 385px;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 COMPUTERS */ #mc #comp_v{width: 26px;height: 28px;top: 17px;left: 14px;position: absolute;background-position: 0 0;} #mc #comp_i{width: 12px;height: 28px;top: 17px;left: 34px;position: absolute;background-position: -23px 0;} #mc #comp_d{width: 23px;height: 27px;top: 17px;left: 40px;position: absolute;background-position: -34px 0;} #mc #comp_e{width: 17px;height: 28px;top: 17px;left: 58px;position: absolute;background-position: -56px 0;} #mc #comp_o{width: 26px;height: 28px;top: 17px;left: 72px;position: absolute;background-position: -73px 0;} #mc #comp_c{width: 19px;height: 28px;top: 17px;left: 99px;position: absolute;background-position: -108px 0;} #mc #comp_a{width: 22px;height: 28px;top: 17px;left: 114px;position: absolute;background-position: -215px 0;} #mc #comp_m{width: 29px;height: 28px;top: 17px;left: 131px;position: absolute;background-position: -148px 0;} #mc #comp_e2{width: 20px;height: 28px;top: 17px;left: 155px;position: absolute;background-position: -176px 0;} #mc #comp_r{width: 20px;height: 28px;top: 17px;left: 171px;position: absolute;background-position: -195px 0;} #mc #comp_a2{width: 20px;height: 28px;top: 17px;left: 187px;position: absolute;background-position: -215px 0;} #mc #comp_s{width: 20px;height: 28px;top: 17px;left: 202px;position: absolute;background-position: -234px 0;} /* TEXT SEEMED */ #mc #seem_s{width: 17px;height: 28px;top: 17px;left: 219px;position: absolute;background-position: -234px 0px;} #mc #seem_e1{width: 18px;height: 28px;top: 17px;left: 232px;position: absolute;background-position: -274px 0px;} #mc #seem_e2{width: 19px;height: 28px;top: 17px;left: 245px;position: absolute;background-position: -291px 0px;} #mc #seem_m{width: 30px;height: 28px;top: 17px;position: absolute;background-position: -309px 0px;left: 260px;} #mc #seem_e3{width: 21px;height: 28px;top: 17px;left: 285px;position: absolute;background-position: -338px 0px;} #mc #seem_d{width: 23px;height: 28px;top: 17px;left: 299px;position: absolute;background-position: -355px 0px;} /* TEXT WEIRD */ #mc #weird_w{width: 34px;height: 26px;top: 44px;left: 13px;position: absolute;background-position: 0px -26px;} #mc #weird_e{width: 17px;height: 28px;top: 44px;left: 43px;position: absolute;background-position: -34px -26px;} #mc #weird_i{width: 10px;height: 28px;top: 44px;left: 57px;position: absolute;background-position: -51px -26px;} #mc #weird_r{width: 21px;height: 28px;top: 44px;left: 63px;position: absolute;background-position: -61px -26px;} #mc #weird_d{width: 23px;height: 28px;top: 44px;left: 80px;position: absolute;background-position: -81px -26px;} /* TEXT AT */ #mc #at_a{width: 21px;height: 28px;top: 44px;left: 104px;position: absolute;background-position: -113px -26px;} #mc #at_t{width: 19px;height: 28px;top: 44px;left: 121px;position: absolute;background-position: -133px -26px;} /* TEXT FIRST */ #mc #first_f{width: 21px;height: 28px;top: 44px;left: 140px;position: absolute;background-position: -160px -26px;} #mc #first_i{width: 11px;height: 28px;top: 44px;left: 157px;position: absolute;background-position: -180px -26px;} #mc #first_r{width: 20px;height: 28px;top: 44px;left: 164px;position: absolute;background-position: -191px -26px;} #mc #first_s{width: 15px;height: 28px;top: 44px;left: 180px;position: absolute;background-position: -210px -26px;} #mc #first_t{width: 18px;height: 28px;top: 44px;left: 190px;position: absolute;background-position: -224px -26px;} /* TEXT COMMA */ #mc #nn_comma{width: 12px;height: 32px;top: 44px;left: 201px;position: absolute;background-position: -241px -26px;} /* TEXT TOO */ #mc #too_t{width: 18px;height: 28px;top: 45px;left: 212px;position: absolute;background-position: -261px -26px;} #mc #too_o1{width: 26px;height: 28px;top: 45px;left: 225px;position: absolute;background-position: -278px -26px;} #mc #too_o2{width: 26px;height: 28px;top: 45px;left: 247px;position: absolute;background-position: -303px -26px;} /* TEXT PERIOD */ #mc #nn_period{width: 12px;height: 32px;top: 49px;left: 267px;position: absolute;background-position: -328px -30px;} /* TEXT ELECTRIC CARS */ #mc #elec_elec_cont{width: 728px;height: 48px;top: 0;left: 0;position: absolute;overflow: hidden;} #mc #elec_electric{width: 111px;height: 27px;top: 16px;left: 14px;position: absolute;background-position: 0px -92px;} #mc #elec_cars{width: 69px;height: 32px;top: 16px;left: 130px;position: absolute;background-position: -114px -92px;} /* TEXT THEYre */ #mc #elec_theyre_cont{width: 728px;height: 82px;top: 0;left: 0;position: absolute;overflow: hidden;} #mc #elec_theyre{width: 112px;height: 33px;top: 47px;left: 14px;position: absolute;background-position: 0px -126px;} /* NORMAL NOW TEXT*/ #mc .normal_now_mask{width: 728px;height: 90px;top: 0;left: 0;position: absolute;overflow: hidden;} /* NORMAL PURPLE */ #mc #norm_n_pur{width: 30px;height: 27px;top: 46px;left: 125px;position: absolute;background-position: 0px -160px;} #mc #norm_o_pur{width: 21px;height: 27px;top: 46px;left: 151px;position: absolute;background-position: -37px -160px;} #mc #norm_r_pur{width: 17px;height: 27px;top: 46px;left: 169px;position: absolute;background-position: -66px -160px;} #mc #norm_m_pur{width: 30px;height: 27px;top: 46px;left: 179px;position: absolute;background-position: -88px -160px;} #mc #norm_a_pur{width: 21px;height: 27px;top: 46px;left: 206px;position: absolute;background-position: -126px -160px;} #mc #norm_l_pur{width: 12px;height: 27px;top: 46px;left: 223px;position: absolute;background-position: -154px -160px;} /* NOW PURPLE */ #mc #now_n_pur{width: 25px;height: 27px;top: 46px;left: 240px;position: absolute;background-position: -193px -160px;} #mc #now_o_pur{width: 22px;height: 27px;top: 46px;left: 262px;position: absolute;background-position: -226px -160px;} #mc #now_w_pur{width: 31px;height: 27px;top: 46px;left: 277px;position: absolute;background-position: -253px -160px;} #mc #now_period_pur{width: 12px;height: 27px;top: 46px;left: 303px;position: absolute;background-position: -289px -160px;} /* NORMAL YELLOW */ #mc #norm_n_yel{width: 30px;height: 27px;top: 46px;left: 125px;position: absolute;background-position: 0px -192px;} #mc #norm_o_yel{width: 21px;height: 27px;top: 46px;left: 151px;position: absolute;background-position: -37px -192px;} #mc #norm_r_yel{width: 17px;height: 27px;top: 46px;left: 169px;position: absolute;background-position: -66px -192px;} #mc #norm_m_yel{width: 30px;height: 27px;top: 46px;left: 179px;position: absolute;background-position: -88px -192px;} #mc #norm_a_yel{width: 21px;height: 27px;top: 46px;left: 206px;position: absolute;background-position: -126px -192px;} #mc #norm_l_yel{width: 12px;height: 27px;top: 46px;left: 223px;position: absolute;background-position: -154px -192px;} /* NOW YELLOW */ #mc #now_n_yel{width: 25px;height: 27px;top: 46px;left: 240px;position: absolute;background-position: -193px -192px;} #mc #now_o_yel{width: 22px;height: 27px;top: 46px;left: 262px;position: absolute;background-position: -226px -192px;} #mc #now_w_yel{width: 31px;height: 27px;top: 46px;left: 277px;position: absolute;background-position: -253px -192px;} #mc #now_period_yel{width: 12px;height: 27px;top: 46px;left: 303px;position: absolute;background-position: -289px -192px;} /* NORMAL MINT */ #mc #norm_n_mint{width: 30px;height: 27px;top: 46px;left: 125px;position: absolute;background-position: 0px -224px;} #mc #norm_o_mint{width: 21px;height: 27px;top: 46px;left: 151px;position: absolute;background-position: -37px -224px;} #mc #norm_r_mint{width: 17px;height: 27px;top: 46px;left: 169px;position: absolute;background-position: -66px -224px;} #mc #norm_m_mint{width: 30px;height: 27px;top: 46px;left: 179px;position: absolute;background-position: -88px -224px;} #mc #norm_a_mint{width: 21px;height: 27px;top: 46px;left: 206px;position: absolute;background-position: -126px -224px;} #mc #norm_l_mint{width: 12px;height: 27px;top: 46px;left: 223px;position: absolute;background-position: -154px -224px;} /* NOW MINT */ #mc #now_n_mint{width: 25px;height: 27px;top: 46px;left: 240px;position: absolute;background-position: -193px -224px;} #mc #now_o_mint{width: 22px;height: 27px;top: 46px;left: 262px;position: absolute;background-position: -226px -224px;} #mc #now_w_mint{width: 31px;height: 27px;top: 46px;left: 277px;position: absolute;background-position: -253px -224px;} #mc #now_period_mint{width: 12px;height: 27px;top: 46px;left: 303px;position: absolute;background-position: -289px -224px;} /* CTA OLD */ #mc #cta_container_retro{width: 100px; height: 20px;top: 34px;left: 354px;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: 6px;left: 3px;position: absolute;background-position: 0px -66px;} #mc #retro_arrow{width: 15px;height: 15px;top: 6px;left: 85px;position: absolute;background-position: -82px -66px;} /* CTA NEW */ #mc #cta_container_end{width: 105px;height: 26px;border-radius: 15px;top: 20px;left: 355px;position: absolute;overflow: hidden;} #mc #cta_cont_new{width: 105px;height: 25px;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: 5px;left: 10px;position: absolute;background-position: 0px -257px;;} #mc #new_arrow{width: 12px;height: 15px;top: 5px;left: 83px;position: absolute;background-position: -70px -257px;;} #mc #learn_more_new_over{width: 71px;height: 15px;top: 5px;left: 10px;position: absolute;background-position: -80px -257px;;} #mc #new_arrow_over{width: 12px;height: 15px;top: 5px;left: 83px;position: absolute;background-position: -150px -257px;;}