@charset "UTF-8";
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
#banner { background-color: transparent; border: 1px solid #000; }
.size { width: 970px; height: 250px; }
#banner, #banner * { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; }
.container { background-color: white; }
#mainBtn { position: absolute; top: 0; cursor: pointer; background-color: rgba( 255, 255, 255, 0 ); }
.show { display: block; }
.hide { display: none; }
#controls { bottom: 0; right: 10px; width: 20px; height: 30px; z-index: 999; cursor: pointer; }
#muteBtn { bottom: 10px; position: absolute; background: url( "assets/soundBtn.svg" ) no-repeat left top; background-size: 40px 20px; width: 20px; height: 20px; }
#replayBtn { bottom: 10px; right: 0; position: absolute; background: url( "assets/replay.svg" ) no-repeat center center; background-size: contain; width: 20px; height: 20px; display: none; }
#endslate { opacity: 0; background: url( "assets/endslate.jpg" ) no-repeat; background-size: contain; }
#light-container { border-radius: 20px; left: 443px; top: 192px; width: 97px; height: 28px; overflow: hidden; }
#cta-light { left: -100px; }