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

video {width:300px; height:250px; top:0; left:0; overflow:hidden; display:block; position:absolute;}
div { display: block; overflow: hidden; position: absolute; background: transparent; width:300px; height:250px; }
svg { display: block; overflow: hidden; position: absolute; text-indent:0; background: transparent;}
img { display: block; width: 100%; height: 100%; position: absolute; }

#ad .lockup { width: 300px; height: 250px; }

#ad #content {left:0px; top:0; overflow: hidden;}

#ad #content #img_bg {background:transparent url('img_bg.jpg') 0 0 no-repeat; top:0px; left:0; visibility:hidden;}



#ad #content #mc_showtime {top:-11px;}
#ad #content #mc_showtime #showtime_ns {height:151px;}
#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 #content #img_original { width: 70px; height: 25px; left: 0; top: 0px; }

#ad #char_jr {width:300px; height: 54px; top:0; left:0;}

#ad #title { width: 162px; height: 66px; top: 57px; 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; }


#ad #content #cta_watchTrailer {width:40px; height:40px; top:-5px; right:-5px; z-index:101; cursor: pointer;}
#ad #content #cta_watchTrailer #watchTrailer { bottom:7px; left:7px; opacity:.4;}
#ad #content #cta_watchTrailer #cta_watchTrailer_hit { background: transparent; width: 100%; height: 100%; top:0; left:0; z-index:101; cursor: pointer;  }



/*--------------------- IE/Utilities ---------------------*/
#ad #btn_close { width: 23px; height: 22px; top: 12px; left: 12px; cursor: pointer; opacity:.3; z-index:102; overflow:visible;
}
#ad #btn_close #btn_close_innerStroke {width: 23px; height: 22px; top: -2px; left: -2px; 
border-radius:4px;
border:2px solid white;

}
#ad #btn_close:hover {opacity:.6;}
#ad #btn_close #shapeX {top:-2px; left:-2px;}




/*--------------------- Video ---------------------*/
#vid_container { background: transparent; position: relative; width: 300px; height: 250px; top:0; left:0; }
#vid_container #vid { width: 100%; height: 100%; }
#vid_container #controls_container { background: transparent; width: 65px; height:30px; left: 40px; top: -30px; /*display: none;*/ z-index: 100; }
#vid_container .control_container { width:24px; height: 22px; cursor: pointer; }
#vid_container .control_container:hover .control { fill: #fff; opacity:.6; }
#vid_container .control_container .control { fill: #fff; opacity:.3; }
#vid_container #controls_container #vid_pause,
#vid_container #controls_container #vid_play { left: 40px; }
#vid_container #controls_container #vid_unmute,
#vid_container #controls_container #vid_mute { left: 10px;}



/*#ad #content #f01 {background: transparent url('../f01.jpg') 0 0 no-repeat; top:0; left:0; opacity:0.3; z-index:1;}
*/



#ad #exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; top:0; left:0; position: absolute;  z-index:98; cursor: pointer;}
#ad #loading { background:transparent url('img_startframe.jpg') 0 0 no-repeat; width: 300px; height: 250px; top:0px; left: 0px;}
#ad #border { background: transparent; border: 1px solid black; width: 298px; height: 248px; position: absolute; top: 0; left: 0; z-index:0;}
#ad .hide { display: none; }
/* z's
Exit: 98
CTA: 99

Vid Controls: 100
Replay: 101
BTN Close: 102
*/