@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, #arrows, #legalwhite, #legalblack, #cta, #text100,
#text101,
#text102,
#text200,
#text201,
#text202,
#text203,
#text204,
#text205,
#text206,
#text207,
#text300,
#text301,
#text302,
#text303,
#text304,
#textglint,
#headline {
  margin: -6px; }

/* Ad content
 * -------------------------------------------------------
 */
#canvas {
  position: absolute;
  left: 0;
  right: 0; }

#ad_content {
  background: white;
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 300px;
  height: 600px; }
  #ad_content div, #ad_content img, #ad_content li {
    position: absolute; }

#bg {
  left: 0;
  top: 0;
  width: 300px;
  height: 600px;
  background-color: #19223c; }

#header {
  left: 0;
  top: 0;
  width: 300px;
  height: 40px;
  background-color: #99cc00; }

#headline {
  left: 20px;
  top: 14px; }

#arrows {
  left: 233px;
  top: 535px; }

#logo {
  left: 54px;
  top: 403px; }

#legalwhite {
  left: 21px;
  top: 585px; }

#legalblack {
  left: 36px;
  top: 585px; }

#ctaholder, #ctatextholder {
  left: 46px;
  top: 352px;
  width: 202px;
  height: 62px;
  overflow: hidden; }

#ctatext {
  left: 8px; }

#ctabg {
  left: 1px;
  top: 1px;
  width: 200px;
  height: 60px;
  background: #6633cc; }

#glint1, #glint2 {
  left: -170px;
  top: -30px; }

.glint {
  background: url("glint.png") no-repeat;
  width: 170px;
  height: 100px;
  opacity: .7; }

#text100, #text200, #text102, #text204, #text206, #text207 {
  left: 0;
  top: 0; }

#text101 {
  left: 144px;
  top: 1px; }

#text201 {
  left: 60px;
  top: 0; }

#text202 {
  left: 126px;
  top: 0; }

#text203 {
  left: 181px;
  top: -1px; }

#text205 {
  left: 122px;
  top: -1px; }

#text300 {
  left: 0;
  top: 0; }

#text301 {
  left: 0;
  top: 22px; }

#text302 {
  left: 0;
  top: 44px; }

#text303 {
  left: 0;
  top: 70px; }

#text304 {
  left: 0;
  top: 101px; }

#text100holder {
  width: 280px;
  height: 32px;
  left: 24px;
  top: 258px;
  overflow: hidden; }

#text102holder {
  width: 200px;
  height: 39px;
  left: 24px;
  top: 297px;
  overflow: hidden; }

#text200holder {
  width: 252px;
  height: 27px;
  top: 232px;
  left: 25px;
  overflow: hidden; }

#text204holder {
  width: 224px;
  height: 38px;
  top: 260px;
  left: 25px;
  overflow: hidden; }

#text206holder {
  width: 200px;
  height: 35px;
  left: 25px;
  top: 298px;
  overflow: hidden; }

#text207holder {
  width: 211px;
  height: 37px;
  left: 25px;
  top: 332px;
  overflow: hidden; }

#text300holder {
  width: 224px;
  height: 160px;
  left: 40px;
  top: 205px;
  overflow: hidden; }

#textglint {
  left: -75px;
  top: 41px; }

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

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

.arrows {
	background-position: 22.025316455696203% 99.99709302325581%;
	width: 64px;
	height: 62px;
}

.cta {
	background-position: 0 32.81927710843374%;
	width: 214px;
	height: 74px;
}

.ctatext {
	background-position: 85.73154831939453% 48.59079928306102%;
	width: 144.53px;
	height: 21.03px;
}

.disclaimer {
	background-position: 86.36596617119427% 31.616785184027503%;
	width: 146.84px;
	height: 22.09px;
}

.glint {
	background-position: 0 99.99709302325581%;
	width: 87px;
	height: 62px;
}

.headline {
	background-position: 0 0;
	width: 269.6px;
	height: 23.9px;
}

.legalblack {
	background-position: 61.265306122448976% 69.68886603239908%;
	width: 91.5px;
	height: 17.1px;
}

.legalwhite {
	background-position: 61.27030778022695% 65.29541831644984%;
	width: 91.53px;
	height: 17.06px;
}

.logo {
	background-position: 0 58.796747967479675%;
	width: 200.9px;
	height: 37px;
}

.text100 {
	background-position: 86.2554389557205% 39.587759719654535%;
	width: 146.44px;
	height: 43.59px;
}

.text101 {
	background-position: 51.30759015221167% 58.71718538565629%;
	width: 67.44px;
	height: 36.5px;
}

.text102 {
	background-position: 97.55038535296886% 9.874912157413915%;
	width: 182.63px;
	height: 50.25px;
}

.text200 {
	background-position: 38.10148621028993% 92.27694618810023%;
	width: 62.69px;
	height: 33.22px;
}

.text201 {
	background-position: 50.057877813504824% 78.96414983119877%;
	width: 70.25px;
	height: 32.78px;
}

.text202 {
	background-position: 66.2125% 78.96414983119877%;
	width: 59px;
	height: 32.78px;
}

.text203 {
	background-position: 30.110227062462002% 80.33747682913533%;
	width: 80.69px;
	height: 39.16px;
}

.text204 {
	background-position: 0 69.53045859000684%;
	width: 120.84px;
	height: 40.75px;
}

.text205 {
	background-position: 0 82.61661807580175%;
	width: 113.91px;
	height: 49.28px;
}

.text206 {
	background-position: 34.06918717753531% 69.53045859000684%;
	width: 104.31px;
	height: 40.75px;
}

.text207 {
	background-position: 0 16.78153191012495%;
	width: 221.13px;
	height: 49.06px;
}

.text300 {
	background-position: 0 49.18279569892473%;
	width: 212.1px;
	height: 34px;
}

.text301 {
	background-position: 82.19512195121952% 55.313662945241894%;
	width: 131px;
	height: 29.8px;
}

.text302 {
	background-position: 0 6.45945945945946%;
	width: 232.1px;
	height: 36px;
}

.text303 {
	background-position: 87.36228127025277% 23.075675675675676%;
	width: 150.4px;
	height: 36px;
}

.text304 {
	background-position: 99.94439295644116% 0;
	width: 189.25px;
	height: 35.13px;
}