/*--------------------- 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: 728px; height: 90px; 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: 728px; height: 90px; }
#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: 728px; height: 130px;
transform-origin: 65% 50%; -webkit-transform-origin: 65% 50%; }
#ad #content #mc_scene #img_fence { transform-origin: 85% 50%; -webkit-transform-origin: 85% 50%; }
#ad .char { width: 190px; height: 140px; top: -30px; left: 204px;
transform-origin: 75% 55%; -webkit-transform-origin: 75% 55%; }

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

#ad #grad_vignette { width: 800px; 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 { top: 0; left: 354px; }
.showtime { width: 220px; height: 90px; left:0; }
.day { height: 71px; }

#ad #content #mc_showtime #showtime_ns { top: 0; height: 35px; }
#ad #content #mc_showtime #showtime_streaming { top: 0; height:53px; }
#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_footer { width: 190px; height: 70px; top: 0; right: 0; }
#ad #content #mc_footer #pplus { width: 190px; height: 70px; top: 0px; left: 0px; }
#ad #content #mc_cta { background: #0064ff; width: 86px; height: 17px; bottom: 18px; left: 587px; border-radius: 7px; }
#ad #content #mc_cta #cta_hit { width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; }
#ad #content .cta_copy { width: 138px; height: 17px; bottom: 18px; left: 568px; 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: 146px; height: 59px; top: 16px; left: 56px; display: flex; align-items: center; justify-content: center; }
#ad #title img { width: 146px; height: 59px; }
#ad #title #title_mayor { width: 100%; height: 26px; top: 0; display: flex; }
#ad #title #title_kingston { width: 100%; height: 26px; bottom: 0; display: flex; align-items: flex-end; }
#ad #title #title_divider_right,
#ad #title #title_divider_left { width: 66px; height: 9px; top: 25px; right: 55%; display: flex; align-items: center; justify-content: left; }
#ad #title #title_divider_right { left: 55%; }
#ad #title #title_of { width: 14px; height: 9px; display: flex; align-items: center; justify-content: center; }

/*--------------------- IE/Utilities ---------------------*/
#ad #border { background: transparent; border: 1px solid #000; width: 726px; height: 88px; position: absolute; top: 0; left: 0; opacity: 1; }
#ad .background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; cursor: pointer; }
#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; }