@charset "UTF-8";
/* Modified Poor Man’s Reset
 * -------------------------------------------------------
 */
html, body {
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

html {
  font-size: 1em; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a img, :link img, :visited img {
  border: 0; }

/* Utilities
 * -------------------------------------------------------
 */
.visibility-off {
  visibility: hidden; }

.alpha-0 {
  opacity: 0; }

.gpu {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transform: rotate(0.1deg);
          transform: rotate(0.1deg); }

/* Variables
 * -------------------------------------------------------
 */
.abs-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.margin-adjust, #text_1a, #text_1b, #text_1c,
#text_ef1, #text_ef2, #text_ef3, #logo, #legal {
  margin: -6px; }

/* Ad content
 * -------------------------------------------------------
 */
#ad_content {
  background-color: #19223C;
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 300px;
  height: 250px; }
  #ad_content div, #ad_content img, #ad_content li {
    position: absolute; }

.backup {
  background: url("backup.jpg") no-repeat;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px; }

#header_bar {
  background: #99CC00;
  width: 300px;
  height: 35px; }
  #header_bar #headline {
    left: 20px;
    top: 7px; }

#canvas {
  position: absolute;
  left: 0;
  right: 0; }

#product {
  background: url("product.png") top left no-repeat;
  width: 143px;
  height: 133px;
  top: 47px; }

#text_1a_holder, #text_1b_holder,
#text_ef1_holder, #text_ef2_holder, #text_ef3_holder, #text_ef4_holder {
  overflow: hidden; }

#text_1a_holder {
  width: 198px;
  height: 39px;
  left: 39px;
  top: 87px; }

#text_1b_holder {
  width: 233px;
  height: 47px;
  left: 39px;
  top: 119px; }

#text_ef1_holder {
  width: 138px;
  height: 55px;
  left: 134px;
  top: 55px; }

#text_ef2_holder {
  width: 115px;
  height: 26px;
  left: 154px;
  top: 100px; }

#text_ef3_holder {
  width: 117px;
  height: 25px;
  left: 154px;
  top: 123px; }

#text_ef4_holder {
  width: 115px;
  height: 28px;
  left: 149px;
  top: 139px; }

#logo {
  left: 8px;
  top: 214px; }

#legal {
  left: 8px;
  bottom: 4px; }

#cta {
  left: 164px;
  top: 212px;
  width: 128px;
  height: 27px; }

#ctaBg {
  width: 128px;
  height: 27px;
  background: #6633cc;
  border-radius: 16px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  overflow: hidden; }
  #ctaBg #glint {
    top: -33px;
    left: 200px;
    width: 170px;
    height: 100px;
    background: url("glint.png"); }

.sprite-svg {
	background: url("svgsprite.svg") no-repeat;
}

.cta_text {
	background-position: 97.59321902095726% 35.86712485681558%;
	width: 110.81px;
	height: 18.75px;
}

.headline {
	background-position: 0 0;
	width: 251px;
	height: 22px;
}

.legal {
	background-position: 91.32586231989521% 44.28773563375782%;
	width: 93.16px;
	height: 17.91px;
}

.logo {
	background-position: 0 72.97073170731707%;
	width: 159px;
	height: 32px;
}

.logo_big {
	background-position: 0 11.3017569094832%;
	width: 235px;
	height: 42.34px;
}

.text_1a {
	background-position: 0 56.020125786163526%;
	width: 197.94px;
	height: 38.25px;
}

.text_1b {
	background-position: 0 33.863157894736844%;
	width: 232.47px;
	height: 47px;
}

.text_ef1 {
	background-position: 0 99.75828160193375%;
	width: 137.47px;
	height: 54.97px;
}

.text_ef2 {
	background-position: 98.99037703107746% 24.86627218934911%;
	width: 114.44px;
	height: 25.75px;
}

.text_ef3 {
	background-position: 99.70208540218471% 0;
	width: 116.25px;
	height: 24.97px;
}

.text_ef4 {
	background-position: 99.12329199905221% 11.922268907563025%;
	width: 114.78px;
	height: 27.56px;
}