html, body, div, a, img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

#ad-hp { width: 300px; height: 600px; margin: 0px 0px; border-color: #000000; background-color: #64b5c1; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 1px; border-style: solid; color: #ffffff; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.3; overflow: hidden; top: 0px; }
#ad-hp #stage { width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: #64b5c1; }
#ad-hp #click_capture { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; cursor: hand; }
#ad-hp .show { display: block; }
#ad-hp .hide { display: none; }
#ad-hp .absolute { position: absolute; }
#ad-hp .absoluteCenter { position: absolute; width: 100%; left: 0; right: 0; }
#ad-hp .fullCenter { position: absolute; margin: 0 auto; left: 0; right: 0; }
#ad-hp .fill-white { fill: #ffffff; }
#ad-hp .fill-red { fill: #E32726; }
#ad-hp .fill-maroon { fill: #991A30; }
#ad-hp #txt1 { top: 50px; left: 0px; }
#ad-hp #txt1_line1 { width: 213px; height: 34px; top: 0px; left: -2px; opacity: 0; visibility: hidden; }
#ad-hp #txt1_line2 { width: 213px; height: 34px; top: 44px; left: 2px; opacity: 0; visibility: hidden; }
#ad-hp #txt2 { top: 50px; left: 0px; }
#ad-hp #txt2_line1 { width: 266px; height: 32px; top: 0px; left: -2px; opacity: 0; visibility: hidden; }
#ad-hp #txt2_line2 { width: 266px; height: 32px; top: 44px; left: 2px; opacity: 0; visibility: hidden; }
#ad-hp #txt3 { top: 50px; left: 0px; }
#ad-hp #txt3_line1 { width: 243px; height: 33px; top: 0px; left: 2px; opacity: 0; visibility: hidden; }
#ad-hp #txt3_line2 { width: 243px; height: 33px; top: 44px; left: -2px; opacity: 0; visibility: hidden; }
#ad-hp #bug { width: 73px; height: 35px; top: 0px; left: 0px; opacity: 0; visibility: hidden; }
#ad-hp #mos-logoGrp { top: 505px; width: 255px; height: 23px; opacity: 0; visibility: hidden; }
#ad-hp #npa-logoGrp { top: 144px; width: 193px; height: 53px; opacity: 0; visibility: hidden; }
#ad-hp #bg-mtn-base, #ad-hp #bg-mtn-base-intro { background: url(bg-mountains-base-hp.jpg) 0 0 no-repeat; background-size: 350px 320px; width: 350px; height: 320px; bottom: 0px; left: -15px; }
#ad-hp #bg-mtn-top, #ad-hp #bg-mtn-top-intro { background: url(bg-mountains-top-hp.png) 0 0 no-repeat; background-size: 350px 60px; width: 350px; height: 60px; bottom: 320px; left: -15px; }
#ad-hp #bg-sky, #ad-hp #bg-sky-intro { background: url(bg-sky-hp.jpg) 0 0 no-repeat; background-size: 350px 279px; width: 350px; height: 279px; top: 0px; }
#ad-hp #adButton { top: 544px; text-align: center; opacity: 0; visibility: hidden; }
#ad-hp #adButton_bg { position: absolute; width: 100px; height: 24px; border-radius: 0px; background-color: #991A30; opacity: 1; }
#ad-hp #adButton_txt { width: 99px; height: 22px; position: relative; top: 1px; left: 0px; opacity: 1; }
#ad-hp .spinner { position: absolute; width: 45px; top: 294px; left: 0; right: 0; margin: 0 auto; }
#ad-hp .spinner > div { width: 12px; height: 12px; background-color: #991A30; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
#ad-hp .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
#ad-hp .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }