/*--------------------- 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: 600px; 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: 600px; top: 0; left: 0; }

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


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


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

#ad #content #mc_scene_01 #img_vignette_01 {opacity:1;}
#ad #content #mc_scene_01 #bg_wagon {width:360px; height:720px; top:-60px; left:-30px; opacity:.24;
transform-origin:10% 80%; -webkit-transform-origin:10% 80%;}

#ad #content #mc_scene_01 #intro_copy { height:250px; top:150px;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
}



#ad #content #mc_scene_02 #img_char {top:0px; left:0px;
transform-origin:50% 35%; -webkit-transform-origin:50% 35%;
/*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: 300px; height:100px; top:346px; left:0px; 
filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));}


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

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

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







#ad #content #mc_showtime {width: 300px; height:20px; left:0px; bottom:109px; 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: 300px; height:20px; 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:300px; height: 82px; bottom:0; right:0;
transform-origin:50% 0; -webkit-transform-origin:50% 0;}
#ad #content #mc_footer #img_footer_bg {top:0px; left:0px;}
#ad #content #mc_footer #pplus {height:82px; width:300px; top:0px; left:0px;}




#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 #content #cta_copy_wt { }
#ad #content #cta_copy_tif { }
#ad #content #cta_copy_wpf { }




/*#ad #f01 {background: url('../f01.jpg'); top:0; left:0; opacity:.3;}
*/




/*--------------------- IE/Utilities ---------------------*/
#ad #border { background: transparent; border: 1px solid #000; width:298px; height:598px; 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; }