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; }

.invisible {
  visibility: hidden; }

.none {
  display: none; }

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

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

.anti-alias, .white-text-alias-mac {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

@supports (-moz-appearance: meterbar) {
  .gpu {
    transform: translateZ(0) rotate(0.02deg); } }

@font-face {
  font-family: 'diodrum-medium';
  src: url("diodrum-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

#ad_content {
  cursor: pointer;
  border: 1px solid black;
  font-family: Helvetica, Arial, sans-serif;
  overflow: hidden;
  position: absolute;
  width: 300px;
  height: 250px;
  color: white;
  background-color: black; }
  #ad_content div, #ad_content svg, #ad_content h1, #ad_content h2 {
    position: absolute; }

h2 {
  left: 18px;
  bottom: 60px;
  width: 270px;
  margin: 0;
  font-family: 'diodrum-medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#cta, #cta-hover {
  right: 19px;
  bottom: 14px; }

#logo_now {
  width: 160px;
  height: 42px;
  left: 20px;
  top: 44px; }

.logo-invent {
  left: 20px;
  top: 20px; }

.img1 {
  transform-origin: 51% 55%; }

.img2 {
  transform-origin: center; }

.img3 {
  transform-origin: center left; }

.img4 {
  transform-origin: center right; }

.img5 {
  transform-origin: center; }

.logo-dupont {
  left: 20px;
  bottom: 19px; }

.backup {
  background: url("backup.jpg") -1px -1px no-repeat;
  background-size: 300px 250px;
  border: 1px solid black;
  cursor: pointer;
  position: absolute;
  width: 300px;
  height: 250px; }

.sprite-jpg { background-image: url('sprite.jpg') }
.sprite-jpg.img1 {
  width: 300px;
  height: 250px;
  background-position: 0px 0px; }
.sprite-jpg.img2 {
  width: 300px;
  height: 250px;
  background-position: -312px 0px; }
.sprite-jpg.img3 {
  width: 300px;
  height: 250px;
  background-position: 0px -258px; }
.sprite-jpg.img4 {
  width: 300px;
  height: 250px;
  background-position: -312px -258px; }
.sprite-jpg.img5 {
  width: 300px;
  height: 250px;
  background-position: -624px 0px; }
.sprite-png { background-image: url('sprite.png') }
.sprite-png.cta-hover {
  width: 87px;
  height: 25px;
  background-position: -330px -180px; }
.sprite-png.cta {
  width: 87px;
  height: 25px;
  background-position: -330px -144px; }
.sprite-png.logo-colon {
  width: 160px;
  height: 41px;
  background-position: -330px 0px; }
.sprite-png.logo-dupont {
  width: 68px;
  height: 19px;
  background-position: -330px -234px; }
.sprite-png.logo-invent {
  width: 160px;
  height: 11px;
  background-position: -330px -216px; }
.sprite-png.logo-now {
  width: 160px;
  height: 41px;
  background-position: -330px -48px; }
@media (-webkit-min-device-pixel-ratio: 1.0625), (min-resolution: 102dpi) {
  .sprite-png.cta {
    width: 87px;
    height: 25px;
    background-position: 0px -90px;
    background-size: 246px 162px; }
  .sprite-png.cta-hover {
    width: 87px;
    height: 25px;
    background-position: 0px -120px;
    background-size: 246px 162px; }
  .sprite-png.logo-colon {
    width: 160px;
    height: 42px;
    background-position: 0px -45px;
    background-size: 246px 162px; }
  .sprite-png.logo-dupont {
    width: 68px;
    height: 20px;
    background-position: -165px -48px;
    background-size: 246px 162px; }
  .sprite-png.logo-invent {
    width: 160px;
    height: 11px;
    background-position: 0px -150px;
    background-size: 246px 162px; }
  .sprite-png.logo-now {
    width: 160px;
    height: 42px;
    background-position: 0px 0px;
    background-size: 246px 162px; }
}