@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_1c_holder,
#text_ef1_holder, #text_ef2_holder, #text_ef3_holder {
  overflow: hidden; }

#text_1a_holder {
  width: 201px;
  height: 30px;
  left: 39px;
  top: 71px; }

#text_1b_holder {
  width: 139px;
  height: 31px;
  left: 39px;
  top: 97px; }

#text_1c_holder {
  width: 223px;
  height: 30px;
  left: 39px;
  top: 120px; }

#text_ef1_holder {
  width: 161px;
  height: 25px;
  left: 120px;
  top: 66px; }

#text_ef2_holder {
  width: 165px;
  height: 46px;
  left: 121px;
  top: 82px; }

#text_ef3_holder {
  width: 149px;
  height: 29px;
  left: 120px;
  top: 117px; }

#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: 89.90293348615639% 14.87454323995128%;
	width: 110.81px;
	height: 18.75px;
}

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

.legal {
	background-position: 84.55733728608003% 23.91188315784366%;
	width: 93.16px;
	height: 17.91px;
}

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

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

.text_1a {
	background-position: 0 33.13761845900289%;
	width: 200.09px;
	height: 29.84px;
}

.text_1b {
	background-position: 99.66645489199492% 0;
	width: 138.16px;
	height: 30.53px;
}

.text_ef1 {
	background-position: 0 69.73262567594634%;
	width: 160.97px;
	height: 24.28px;
}

.text_ef2 {
	background-position: 0 52.640992677882736%;
	width: 164.28px;
	height: 45.09px;
}

.text_ef3 {
	background-position: 0 99.85191993464052%;
	width: 148.5px;
	height: 28.16px;
}