html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

#clickarea {
  cursor: pointer; }

#ad {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

#banner {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid black; }

.abs {
  position: absolute;
  left: 0;
  top: 0; }

.fullwidth {
  width: 100%;
  height: 100%; }

.img100 img {
  width: 100%;
  height: 100%; }

.guide {
  display: none;
  opacity: .3; }

.intro {
  border: 7px solid white;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.panimg {
  left: -8px;
  top: -138px; }

.txt1 {
  left: 26px;
  top: 127px;
  -webkit-filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.9)); }

.flanneltxt {
  top: 198px;
  left: 10px; }

.freeshipping {
  top: 228px;
  left: 10px; }

.beanoutsider {
  top: 173px;
  left: -4px; }

.testin {
  z-index: 100;
  top: 1px;
  left: 2px; }

.herobundle {
  width: 231px;
  height: 330px;
  top: 15px; }

.whitecover, .loadoverlay {
  background: white; }

.loadoverlay {
  z-index: 14; }

.whitecover {
  z-index: 3; }

.endframe {
  z-index: 4; }

.logo {
  left: 204px;
  top: 10px;
  z-index: 5; }

#clickarea {
  z-index: 6; }

#box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 235px;
  left: 165px; }

.overleg {
  top: 224px;
  left: 203px;
  z-index: 2; }

.glow {
  width: 250px;
  height: 250px;
  left: 80px;
  top: -50px;
  z-index: 3; }

.flareline {
  top: 50px;
  left: 1px;
  opacity: .2; }

.sparks {
  top: 240px;
  left: 155px; }

.spark {
  width: 2px;
  height: 2px;
  background: orange; }

#spark2, #spark6 {
  background: #fab975; }

#spark3, #spark7 {
  background: #e67d44; }

#spark4, #spark8 {
  background: #ffe0a3; }

.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00abfc+0,002a8d+100 */
  background: #1e5799;
  /* Old browsers */
  background: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center center, 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(circle closest-side at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); }

.cta {
  width: 90px;
  height: 25px;
  left: 200px;
  top: 215px;
  border: 2px solid #005837;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 7; }
  .cta .ctatxt {
    left: 11px; }
  .cta .ctatxt2 {
    left: 11px;
    opacity: 0; }
  .cta .ctabknd {
    background: #0c5641;
    opacity: 0; }