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

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

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

/** Centering utilties ------------------ */
.center { left: 0; right: 0; margin-left: auto; margin-right: auto; }

.middle { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }

.center-middle { left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.center-trans { left: 50%; transform: translateX(-50%); }

.middle-trans { top: 50%; transform: translateY(-50%); }

.center-middle-trans { left: 50%; top: 50%; transform: translate(-50%, -50%); }

/** Generic utilties ---------------- */
.alpha-0 { opacity: 0; }

.invisible { visibility: hidden; }

.hide { display: none; }

.offstage { left: -9999px; top: -9999px; }

.anti-alias { font-smooth: always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

.line-fix { outline: 1px solid transparent; }

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

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

/** Main base --------- Generic ad layout file */
body { background: #707070; }

#ad_content { background: #ebf1f7; font-family: Helvetica, Arial, sans-serif; overflow: hidden; color: white; }

#ad_content div, #ad_content img, #ad_content svg { position: absolute; }

.backup { background: url("backup.jpg") -1px -1px no-repeat; background-size: 300px 250px; }

#ad_content, .backup { border: 1px solid black; cursor: pointer; position: absolute; width: 300px; height: 250px; }

/* ---------------------------------------- */
span { display: inline-block; }

.wrap { width: 300px; height: 250px; }

#bg { bottom: 0; }

#headline-wrap { width: 250px; height: 66px; display: flex; top: 135px; align-items: center; }

.headline { display: inline-block; width: 100%; height: 50px; text-align: center; text-transform: uppercase; font-family: bebas-neue-pro, sans-serif; font-weight: 600; font-style: normal; font-size: 24px; line-height: 0.955; letter-spacing: 0.016em; background: #c22945; background: linear-gradient(90deg, #c22945 0%, #403e99 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .headline { color: #7b2e63; background: none !important; top: 50%; transform: translateY(-50%); } }

#logo { bottom: 20px; left: 13px; }

#cta { font-family: canada-type-gibson, sans-serif; font-weight: 500; font-style: normal; font-size: 14px; background: #6be3e8; background: linear-gradient(180deg, #6be3e8 0%, #37a5b7 100%); border-radius: 20px; border: 1px solid white; padding: 5px 14px; letter-spacing: 0.03em; white-space: nowrap; top: 202px; right: 15px; }

#legal { font-family: canada-type-gibson,sans-serif; font-weight: 300; font-style: normal; color: #7e7e7e; font-size: 9px; bottom: 3px; opacity: 0.7; }

.sprite-jpg { background-image: url('sprite.jpg') }
.sprite-jpg.bg {
  width: 300px;
  height: 115px;
  background-position: 0px 0px; }
.sprite-png { background-image: url('sprite.png') }
.sprite-png.logo_small_grey {
  width: 122px;
  height: 23px;
  background-position: 0px 0px;
  background-size: 123px 24px; }