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 {
  font-size: 100%; }

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

*, *:before, *:after {
  box-sizing: border-box; }

.alpha-0 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.invisible {
  visibility: hidden; }

.none {
  display: none; }

.offstage {
  position: absolute;
  left: -4000px;
  top: -4000px; }

.gpu {
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

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

.transform-reset {
  -webkit-transform: none !important;
          transform: none !important; }

/* Utilities
 * -------------------------------------------------------
 */
/* Ad content
 * -------------------------------------------------------
 */
#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 p {
    position: absolute;
    zoom: 1; }

#arrow {
  left: 20px;
  top: 64px; }

#logo {
  left: 21px;
  top: 23px; }

.txt {
  left: 45px;
  top: 65px; }

#legal {
  left: 5px;
  top: 237px; }

#cta {
  left: 21px;
  top: 175px;
  width: 136px;
  height: 32px; }
  #cta #cta_bg {
    width: 100%;
    height: 100%;
    background-color: #6633cc;
    border-radius: 40px; }
  #cta #cta_txt {
    top: 12px;
    left: 13px; }

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

.sprite-jpg{
  background-image: url('spritesheet.jpg');
}

.bg {
  background-position: 0px 0px;
  width: 300px;
  height: 250px;
}


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

.arrow {
	background-position: 60.721311475409834% 81.25670498084291%;
	width: 18px;
	height: 43px;
}

.cta_txt {
	background-position: 0 6.281372948039615%;
	width: 109.22px;
	height: 9.16px;
}

.legal {
	background-position: 96.47137708490487% 61.93765796124684%;
	width: 84.38px;
	height: 7.25px;
}

.logo {
	background-position: 0 0;
	width: 123px;
	height: 18.52px;
}

.txt1_a {
	background-position: 56.99721964782206% 0;
	width: 107.2px;
	height: 92.2px;
}

.txt1_b {
	background-position: 0 56.60056657223796%;
	width: 107.2px;
	height: 92.2px;
}

.txt1_c {
	background-position: 0 13.068932955618507%;
	width: 107.2px;
	height: 92.2px;
}

.txt1_d {
	background-position: 49.675625579240034% 56.60056657223796%;
	width: 107.2px;
	height: 92.2px;
}

.txt2_a {
	background-position: 0 99.99057048562%;
	width: 92.6px;
	height: 91.9px;
}

.txt2_b {
	background-position: 40.19097222222222% 99.99057048562%;
	width: 92.6px;
	height: 91.9px;
}

.txt2_c {
	background-position: 99.91319444444444% 0;
	width: 92.6px;
	height: 91.9px;
}

.txt2_d {
	background-position: 99.91319444444444% 43.32861857614333%;
	width: 92.6px;
	height: 91.9px;
}