@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, #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: 250px; }
  #ad_content div, #ad_content img, #ad_content li {
    position: absolute; }

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

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

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

#arrows {
  left: 251px;
  top: 195px; }

#logo {
  left: 130px;
  top: 221px; }

#legalwhite {
  left: 215px;
  top: 241px; }

#legalblack {
  left: 187px;
  top: 241px; }

#ctaholder, #ctatextholder {
  left: 119px;
  top: 181px;
  width: 158px;
  height: 46px;
  overflow: hidden; }

#ctabg {
  left: 1px;
  top: 2px;
  width: 148px;
  height: 42px;
  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: 110px;
  top: 0; }

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

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

#text203 {
  left: 163px;
  top: 0; }

#text205 {
  left: 109px;
  top: 0; }

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

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

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

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

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

#text100holder, #text200holder {
  width: 280px;
  height: 25px;
  left: 24px;
  top: 58px;
  overflow: hidden; }

#text102holder, #text204holder {
  width: 200px;
  height: 35px;
  left: 24px;
  top: 83px;
  overflow: hidden; }

#text206holder {
  width: 200px;
  height: 35px;
  left: 24px;
  top: 116px;
  overflow: hidden; }

#text207holder {
  width: 200px;
  height: 35px;
  left: 24px;
  top: 145px;
  overflow: hidden; }

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

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

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

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

.arrows {
	background-position: 0 99.86225087924969%;
	width: 48px;
	height: 46.8px;
}

.cta {
	background-position: 0 53.13030303030303%;
	width: 162px;
	height: 58px;
}

.ctatext {
	background-position: 84.46379899119648% 54.185511171293165%;
	width: 110.81px;
	height: 18.75px;
}

.disclaimer {
	background-position: 95.21118802090693% 30.66054494274548%;
	width: 146.84px;
	height: 22.09px;
}

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

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

.legalblack {
	background-position: 61.418020679468235% 67.50876246966838%;
	width: 91.5px;
	height: 17.1px;
}

.legalwhite {
	background-position: 61.42346441338965% 62.902356176201%;
	width: 91.53px;
	height: 17.06px;
}

.logo {
	background-position: 96.63082437275988% 12.658263305322128%;
	width: 151px;
	height: 31px;
}

.text100 {
	background-position: 85.31645569620254% 46.61363636363637%;
	width: 114px;
	height: 36px;
}

.text101 {
	background-position: 74.16866187815909% 79.18465909090908%;
	width: 54.1px;
	height: 36px;
}

.text102 {
	background-position: 99.85185185185186% 0;
	width: 160px;
	height: 45.19px;
}

.text200 {
	background-position: 56.80107526881721% 26.698891100369632%;
	width: 58px;
	height: 36.3px;
}

.text201 {
	background-position: 43.87643521049754% 79.2522035825988%;
	width: 64.2px;
	height: 36.3px;
}

.text202 {
	background-position: 59.77653631284917% 79.2522035825988%;
	width: 54.1px;
	height: 36.3px;
}

.text203 {
	background-position: 24.403927068723704% 79.2522035825988%;
	width: 73.5px;
	height: 36.3px;
}

.text204 {
	background-position: 0 68.10566258026853%;
	width: 111.6px;
	height: 45.4px;
}

.text205 {
	background-position: 49.57160342717258% 51.17629889083479%;
	width: 103.2px;
	height: 45.4px;
}

.text206 {
	background-position: 33.443212466287086% 66.60862118184413%;
	width: 96.3px;
	height: 37.7px;
}

.text207 {
	background-position: 0 27.480245829675155%;
	width: 211.3px;
	height: 46.3px;
}

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

.text301 {
	background-position: 90.16722408026757% 37.48743718592965%;
	width: 131px;
	height: 29.8px;
}

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

.text303 {
	background-position: 96.42346208869814% 21.644886363636363%;
	width: 150.4px;
	height: 36px;
}

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