/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
canvas { position: absolute; }
#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;}
#ad img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#ad .lockup { width: 300px; height: 250px; top: 0; left: 0; }

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

#ad .full_window_size { width: 300px; height: 250px; top:0; left:0;}

#ad #content { /* background:#13181d; */ }

#ad #content #mc_scene_02 { left:0px; top: 0px; }

#ad #content #mc_scene_02 #img_char {top:0px; left:0px;
transform-origin:50% 40%; -webkit-transform-origin:50% 40%;
/*filter: brightness(3) contrast(1.5) saturate(3) sepia(1);*/
}

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

#ad #content #mc_cta { background: white; width: 86px; height: 19px; bottom: 11px; left: 106px; border-radius: 7px; }
#ad #content .cta_copy { width:158px; height: 19px; bottom: 11px; left: 71px;}

#ad #cta_watchTrailer {width:40px; height:40px; top:-5px; right:-5px; z-index:101; cursor: pointer;}
#ad #cta_watchTrailer #watchTrailer { bottom:7px; left:7px; opacity:.4;}
#ad #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;}

#ad #border { background: transparent; border: 1px solid #000; width: 298px; height: 248px; position: absolute; top: 0; left: 0; }
#ad #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute;  }
#ad #loading { background: #ff8700; width: 100%; height: 100%; }
#ad .hide { display: none; }

/*--------------------- Video ---------------------*/
#vid_container { background: transparent; position: relative; }
#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; top:0px; left: 0px;}
/*#ad #border { background: transparent; border: 1px solid black; width: 968px; height: 248px; position: absolute; top: 0; left: 0; z-index:0;}*/
#ad #border_l {background:black; width:1px; height:100%; left:0; top:0;}
#ad #border_r {background:black; width:1px; height:100%; right:0; top:0;}
#ad #border_t {background:black; width:100%; height:1px; left:0; top:0;}
#ad #border_b {background:black; width:100%; height:1px; left:0; bottom:0;}

/* z's
Exit: 98
CTA: 99

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