/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
canvas { position: absolute; }
#ad { position: absolute; width: 300px; height: 250px; overflow: hidden; background: black;
/*
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
background: #336bc3;
*/
}

#ad svg { display: block; position: absolute; overflow: hidden; text-indent:0; background: transparent; }
#ad div { display: block; overflow: hidden; position: absolute; background: transparent; }
#ad img { display: block; width: 100%; height: 100%; position: absolute; }
#ad .lockup { width: 300px; height: 250px; }
#ad #content { background:#13181d; }

#ad #content #mc_scene { left: 0px; top: 0px; }
#ad #content #mc_scene #img_fence,
#ad #content #mc_scene #img_scene_bg { top: -20px; left: 0; width: 300px; height: 290px;
transform-origin: 65% 25%; -webkit-transform-origin: 65% 25%; }
#ad .char { width: 300px; height: 310px; bottom: 0; right: 0;
transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%; }



#copy1_dynamic {
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
	-webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
}


#ad #content #img_original { width: 70px; height: 25px; left: 0; top: 0px; }

#ad #grad_vignette { width: 400px; top: 0px; left: -35px; opacity: .8;
background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 6%,rgba(0,0,0,0.35) 15%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.35) 76%,rgba(0,0,0,0.8) 100%);
}

#ad #content #mc_showtime #showtime_pre { display: none;}
#ad #content #mc_showtime #showtime_weekday {  display: none;}
#ad #content #mc_showtime #showtime_tmrw {  display: none; }
#ad #content #mc_showtime #showtime_post { display: none;}

#ad #content #mc_cta { background: #0064ff; width: 86px; height: 19px; bottom: 11px; left: 50px; border-radius: 8px; }
#ad #content #mc_cta #cta_hit { width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; }
#ad #content .cta_copy { width: 157px; height: 19px; bottom: 11px; left: 28px; display: none; }
#ad #content #cta_copy_wt { }
#ad #content #cta_copy_tif { }
#ad #content #cta_copy_wpf { }

#ad #center { background: transparent; position: absolute; width: 5px; height: 5px; left:46%; margin: -2.5px 0 0 -2.5px; top: 56%; }

#ad #title { width: 162px; height: 66px; top: 71px; left: 22px; display: flex; align-items: center; justify-content: center; }
#ad #title img { width: 162px; height: 66px; }
#ad #title #title_mayor { width: 100%; height: 30px; top: 0; display: flex; }
#ad #title #title_kingston { width: 100%; height: 30px; bottom: 0; display: flex; align-items: flex-end; }
#ad #title #title_divider_right,
#ad #title #title_divider_left { width: 73px; height: 9px; top: 28px; right: 55%; display: flex; align-items: center; justify-content: left; }
#ad #title #title_divider_right { left: 55%; }
#ad #title #title_of { width: 16px; height: 9px; display: flex; align-items: center; justify-content: center; }

/*--------------------- IE/Utilities ---------------------*/
#ad #border { background: transparent; border: 1px solid #000; width: 298px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#ad .background_exit {overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; cursor: pointer; display:block;}
#ad #loading { width: 100%; height: 100%;
background: black;
}


#ad #loading img:nth-child(1) { width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; }

#ad .hide { display: none; }