@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, #logo, #legal, #text1a,
#text1b,
#text1c,
#text1d,
#text1e,
#text1f,
#text2a,
#text2b,
#text2c,
#text2d,
#text2e,
#text2f,
#disclaimer,
#eftext1,
#eftext2,
#eftext3,
#eftext4,
#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: 250px; }
  #ad_content div, #ad_content img, #ad_content li {
    position: absolute; }

#bg {
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  background-color: #dedede; }

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

#arrows {
  left: 260px;
  top: 209px; }

#logo {
  left: 74px;
  top: 207px; }

#legal {
  left: 100px;
  top: 238px; }

#ctaholder, #ctatextholder {
  left: 80px;
  top: 170px;
  width: 188px;
  height: 32px;
  border-radius: 16px;
  overflow: hidden; }

#ctabg {
  left: 0;
  top: 0;
  width: 188px;
  height: 32px;
  border-radius: 16px;
  background: #6633cc; }

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

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

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

#headline {
  left: 24px;
  top: 16px; }

#text1aholder {
  width: 68px;
  height: 20px;
  left: 24px;
  top: 63px;
  overflow: hidden; }

#text1bholder {
  width: 74px;
  height: 20px;
  left: 98px;
  top: 63px;
  overflow: hidden; }

#text1cholder {
  width: 96px;
  height: 26px;
  left: 24px;
  top: 87px;
  overflow: hidden; }

#text1dholder {
  width: 59px;
  height: 26px;
  left: 130px;
  top: 87px;
  overflow: hidden; }

#text1eholder {
  width: 127px;
  height: 26px;
  left: 24px;
  top: 119px;
  overflow: hidden; }

#text1fholder {
  width: 150px;
  height: 36px;
  left: 24px;
  top: 151px;
  overflow: hidden; }

#text2aholder {
  width: 64px;
  height: 30px;
  left: 24px;
  top: 61px;
  overflow: hidden; }

#text2bholder {
  width: 59px;
  height: 26px;
  left: 97px;
  top: 63px;
  overflow: hidden; }

#text2cholder {
  width: 156px;
  height: 34px;
  left: 24px;
  top: 125px;
  overflow: hidden; }

#text2dholder {
  width: 55px;
  height: 21px;
  left: 24px;
  top: 165px;
  overflow: hidden; }

#text2eholder {
  width: 155px;
  height: 26px;
  left: 86px;
  top: 165px;
  overflow: hidden; }

#text2fholder {
  width: 180px;
  height: 34px;
  left: 24px;
  top: 93px;
  overflow: hidden; }

#disclaimer {
  left: 10px;
  top: 236px; }

#eftext1 {
  left: 42px;
  top: 70px; }

#eftext2 {
  left: 42px;
  top: 95px; }

#eftext3 {
  left: 42px;
  top: 117px; }

#eftext4 {
  left: 42px;
  top: 141px; }

#eftext1aholder {
  width: 58px;
  height: 26px;
  left: 42px;
  top: 70px;
  overflow: hidden; }

#eftext1bholder {
  width: 32px;
  height: 26px;
  left: 106px;
  top: 70px;
  overflow: hidden; }

#eftext1cholder {
  width: 53px;
  height: 26px;
  left: 143px;
  top: 70px;
  overflow: hidden; }

#eftext2aholder {
  width: 63px;
  height: 35px;
  left: 42px;
  top: 97px;
  overflow: hidden; }

#eftext2bholder {
  width: 56px;
  height: 35px;
  left: 115px;
  top: 99px;
  overflow: hidden; }

#eftext2cholder {
  width: 43px;
  height: 35px;
  left: 181px;
  top: 97px;
  overflow: hidden; }

#eftext2dholder {
  width: 35px;
  height: 44px;
  left: 42px;
  top: 130px;
  overflow: hidden; }

#eftext2eholder {
  width: 106px;
  height: 42px;
  left: 87px;
  top: 130px;
  overflow: hidden; }

#eftext2glintholder {
  width: 180px;
  height: 62px;
  left: 40px;
  top: 99px;
  overflow: hidden; }

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

.arrows {
	background-position: 54.498714652956295% 6.749185667752443%;
	width: 41px;
	height: 40px;
}

.cta {
	background-position: 0 7.270175438596492%;
	width: 212px;
	height: 62px;
}

.ctatext {
	background-position: 79.24152299284398% 61.29091521479531%;
	width: 98.81px;
	height: 20.41px;
}

.disclaimer {
	background-position: 92.68258228563357% 54.80902403742574%;
	width: 146.84px;
	height: 22.09px;
}

.eftext1 {
	background-position: 44.73607654265119% 73.70110267247132%;
	width: 120.63px;
	height: 32.31px;
}

.eftext2 {
	background-position: 0 26.3515020228728%;
	width: 203.16px;
	height: 33.09px;
}

.eftext3 {
	background-position: 0 48.96848137535816%;
	width: 184.9px;
	height: 32.9px;
}

.eftext4 {
	background-position: 93.55149181905679% 47.00050200803213%;
	width: 149.47px;
	height: 28.28px;
}

.headline {
	background-position: 0 0;
	width: 262.44px;
	height: 20.72px;
}

.legal {
	background-position: 99.787072243346% 13.917841814837523%;
	width: 167px;
	height: 20.8px;
}

.logo {
	background-position: 0 37.4789644012945%;
	width: 199px;
	height: 38px;
}

.text1a {
	background-position: 73.98743216223934% 73.6052046969216%;
	width: 79.9px;
	height: 31.9px;
}

.text1b {
	background-position: 50.92861288450377% 59.254205014281176%;
	width: 85.4px;
	height: 31.9px;
}

.text1c {
	background-position: 0 86.87217559715945%;
	width: 107.1px;
	height: 37.2px;
}

.text1d {
	background-position: 40.63368538076708% 99.03976721629486%;
	width: 70.2px;
	height: 37.7px;
}

.text1e {
	background-position: 0 74.86442866365397%;
	width: 138.4px;
	height: 37.2px;
}

.text1f {
	background-position: 97.52508361204012% 34.37603993344427%;
	width: 160.9px;
	height: 46.5px;
}

.text2a {
	background-position: 0 99.78175895765472%;
	width: 76px;
	height: 40px;
}

.text2b {
	background-position: 21.12284602556976% 99.23226433430516%;
	width: 70.2px;
	height: 38.3px;
}

.text2c {
	background-position: 99.93907083015993% 0;
	width: 167.4px;
	height: 45.4px;
}

.text2d {
	background-position: 29.398847104035134% 86.84414327202325%;
	width: 65.7px;
	height: 37.1px;
}

.text2e {
	background-position: 99.5221843003413% 21.361729590190386%;
	width: 166.3px;
	height: 37.1px;
}

.text2f {
	background-position: 0 61.8695738617536%;
	width: 175.5px;
	height: 45.22px;
}