html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** set up variables **/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a, img { border: 0; outline: none; }

.abs-pos, #mu_wrapper, #mu_wrapper .copy, #mu_wrapper #ef_holder, #mu_wrapper .ef, #mu_wrapper .ef-copy1, #mu_wrapper .ef-copy2, #mu_wrapper .ef-logo { position: absolute; top: 0px; left: 0px; width: 300px; height: 600px; overflow: hidden; }

#mu_wrapper { position: relative; visibility: hidden; background-color: #eee; border: 1px solid #000000; /*#click_through { @extend .abs-pos; z-index: 999; cursor: pointer; background-color: $whitetrans; border: 1px solid $black;
}*/ }
#mu_wrapper.show { visibility: visible; }
#mu_wrapper .banner-bottom { position: absolute; width: 300px; height: 182px; bottom: 0; left: 0; background-color: #eee; border-top: 1px solid #c3c3c3; -moz-transform: translateY(49px); -ms-transform: translateY(49px); -webkit-transform: translateY(49px); transform: translateY(49px); }
#mu_wrapper .tabs-container { position: absolute; left: 0; bottom: 100%; }
#mu_wrapper .tab { position: relative; height: 78px; width: 300px; top: 0; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; background-color: #eee; }
#mu_wrapper .tab:active { box-shadow: inset 0 0 25px 0 #aaa; }
#mu_wrapper .tab-lg { -webkit-transition: border 0.3s, height 0.3s; transition: border 0.3s, height 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#mu_wrapper .tab-lg.shrink { height: 34px; }
#mu_wrapper .tab.tab-sm { height: 34px; }
#mu_wrapper .tab.selected { height: 0; border: 0; }
#mu_wrapper .tab-sm.selected .icon { display: none; }
#mu_wrapper .icon { position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#mu_wrapper .icon-cortana { width: 76px; height: 76px; }
#mu_wrapper .icon-label { position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }
#mu_wrapper .icon-label.faded { opacity: 0; -moz-transform: translateY(-50%) scale(0.5); -ms-transform: translateY(-50%) scale(0.5); -webkit-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); }
#mu_wrapper .tab-copy { position: absolute; left: 0; width: 300px; height: 238px; border-bottom: 1px solid #c3c3c3; overflow: hidden; background-color: #eee; }
#mu_wrapper .f1-copy { position: absolute; width: 300px; overflow: hidden; left: 0; top: 0; }
#mu_wrapper .panel { position: absolute; width: 300px; height: 349px; top: 549px; overflow: hidden; }
#mu_wrapper #panel_cortana { background: url(../img/cortana-bg.jpg) no-repeat; }
#mu_wrapper #panel_inkling { background: url(../img/inkling-bg.jpg) no-repeat; }
#mu_wrapper #panel_hello { background: url(../img/hello-bg.jpg) no-repeat; }
#mu_wrapper .anim-container-cortana { position: absolute; width: 60px; height: 60px; left: 116px; top: 227px; }
#mu_wrapper .anim-container-hello { position: absolute; left: 0; top: 0; }
#mu_wrapper .anim-container-inkling { position: absolute; left: 0; top: 0; opacity: 0; }
#mu_wrapper .inkling-panel-path { stroke: #ff0111; stroke-width: 2; fill: none; }
#mu_wrapper .hello-char { fill: #fff; }
#mu_wrapper .inkling-icon-path { fill: none; }
#mu_wrapper .cta { cursor: pointer; }
#mu_wrapper .cta-cortana { position: absolute; width: 96px; height: 17px; left: 31px; top: 185px; }
#mu_wrapper .cta-inkling { position: absolute; width: 96px; height: 17px; left: 180px; top: 275px; }
#mu_wrapper .cta-hello { position: absolute; width: 96px; height: 17px; left: 14px; top: 300px; }
#mu_wrapper .logo { position: absolute; width: 140px; height: 40px; left: 0; bottom: 0; background: url(../img/logo-windows.png) no-repeat; pointer-events: none; }
#mu_wrapper #ef_holder { width: 100%; height: 100%; }
#mu_wrapper .ef { background: #0078d7; display: none; }
#mu_wrapper .ef-replay { cursor: pointer; position: absolute; width: 22px; height: 27px; right: 16px; top: 16px; }
#mu_wrapper .ef-cta { position: absolute; width: 127px; height: 33px; left: 21px; top: 340px; background: #fff; overflow: hidden; }
#mu_wrapper #ef_cta1, #mu_wrapper #ef_cta2 { height: 33px; }
#mu_wrapper .inkling-panel-path { fill: none; stroke-miterlimit: 10; stroke-width: 3; stroke: #4AA9DF; }
#mu_wrapper .anim-container-inkling { left: 0px; top: 105px; position: absolute; }
#mu_wrapper #cortana_blurb1 { width: 0px; height: 24px; overflow: hidden; position: absolute; }
#mu_wrapper #cortana_blurb2 { width: 0px; height: 24px; overflow: hidden; position: absolute; }
#mu_wrapper #banner-bottom-hotspot { position: absolute; width: 300px; height: 182px; bottom: 0; left: 0; background-color: #eee; border-top: 1px solid #c3c3c3; -moz-transform: translateY(49px); -ms-transform: translateY(49px); -webkit-transform: translateY(49px); transform: translateY(49px); }