/*--------------------- 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:970px; height: 250px; overflow: hidden;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;		
}

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

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



#ad .full_window_size { width: 970px; 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:20% 25%; -webkit-transform-origin:20% 25%;
/*filter: brightness(3) contrast(1.5) saturate(3) sepia(1);*/
}

#ad #content #mc_scene_02 #img_vignette_02 {}



#ad #content #mc_title {top:0; left:0;
transform-origin:20% 25%; -webkit-transform-origin:20% 25%;
}





/*#ad #content #mc_title #img_1883 {height:150px; top:2px; }*/

#ad #content #mc_title #img_1883 {width: 370px; height:150px; top:2px; left:304px; 
transform-origin:75% 55%;
background-size:265px 180px; -webkit-background-size:265px 180px;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));
}


#ad .title {background: url('img_title.png') 0 0 no-repeat; width:265px; left:424px;
background-size:265px 180px; -webkit-background-size:265px 180px;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));}

#ad #content #mc_title #img_title_tag {height:30px; top:152px;
background-position:0 bottom; -webkit-background-position:0 bottom; 
}

#ad #content #mc_showtime {width: 175px; height:35px; left: 469px; bottom:24px; overflow:visible;}
#ad #content #mc_showtime #showtime_grad {width:250px; height:80px; top:-15px; left:-50px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+70 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */	
}
#ad .showtime {width: 175px; height:35px; top:0; left:0;}

#ad #content #mc_showtime #showtime_ns {width:175px; height:35px;}
#ad #content #mc_showtime #showtime_pre { display: none;}
#ad #content #mc_showtime #showtime_post { display: none;}


#ad #content #mc_footer { width:320px; bottom:0; right:0;
transform-origin:50% 0; -webkit-transform-origin:50% 0;}

#ad #content #mc_footer #img_footer_bg {width:370px; top:0px; left:0px;}
#ad #content #mc_footer #pplus {height:250px; width:320px; top:0px; left:0px;}


#ad #content #mc_cta { background: white; width:131px; height:29px; top:205px; left: 764px; border-radius: 11px; }
#ad #content .cta_copy { width:170px; height:29px; top:205px; left: 744px; }
#ad #content #cta_copy2 {}

#ad #content #img_original { width:100px; height:40px; left: 0; top: 0px; }

#ad #cta_watchTrailer {width:40px; height:40px; top:-5px; right:216px; 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 url('img_startframe.jpg') 0 0 no-repeat; 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
*/