@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
 * -------------------------------------------------------
 */
.alpha-0 {
  opacity: 0; }

.invisible {
  visibility: hidden; }

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

.abs-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.horizontal-center {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0; }

/* Variables
 * -------------------------------------------------------
 */
/* Ad content
 * -------------------------------------------------------
 */
#ad_content {
  background: #0f133c;
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 728px;
  height: 90px; }

#img1 {
  background: url("img123.jpg") 0 0 no-repeat;
  position: absolute;
  left: 231px;
  top: 0;
  width: 728px;
  height: 90px; }

#img2 {
  background: url("img123.jpg") 0 -90px no-repeat;
  position: absolute;
  left: 231px;
  top: 0;
  width: 728px;
  height: 90px; }

#img2mask {
  background: url("img2mask.png") 0 0 no-repeat;
  position: absolute;
  left: 231px;
  top: 0;
  width: 728px;
  height: 90px; }

#img2dark {
  background: url("img2dark.png") 0 0 no-repeat;
  position: absolute;
  -webkit-transform-origin: 34% center;
          transform-origin: 34% center;
  left: 231px;
  top: 0;
  width: 728px;
  height: 90px; }

#img3 {
  background: url("img123.jpg") 0 -180px no-repeat;
  position: absolute;
  left: 231px;
  top: 0;
  width: 728px;
  height: 90px; }

#ctafaux {
  position: absolute;
  left: 298px;
  top: 34px; }

.ctabuttonfaux {
  width: 128px;
  height: 24px;
  border-radius: 12px; }

.innerctaholderfaux {
  width: 100px;
  height: 14px; }

#ctashadow {
  position: absolute;
  left: 306px;
  top: 35px; }

#contactlens {
  position: absolute;
  left: 322px;
  top: -105px; }

#leftholder {
  position: absolute;
  left: 170px;
  top: -105px;
  width: 300px;
  height: 300px;
  overflow: hidden; }

#rightholder {
  position: absolute;
  left: 470px;
  top: -105px;
  width: 300px;
  height: 300px;
  overflow: hidden; }

.blacktint {
  position: absolute;
  width: 300px;
  height: 600px;
  background-color: black;
  opacity: .25; }

#leftblack {
  left: 0;
  top: -150px;
  -webkit-transform-origin: right center;
          transform-origin: right center; }

#rightblack {
  left: 0;
  top: -150px;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

#uptext1 {
  position: absolute;
  left: 408px;
  top: 38px; }

#uptext2 {
  position: absolute;
  left: 400px;
  top: 38px; }

#uptext3 {
  position: absolute;
  left: 390px;
  top: 38px; }

#uptext4 {
  position: absolute;
  left: 266px;
  top: 26px; }

#dotholder1 {
  position: absolute;
  left: 518px;
  top: 47px; }

#dotholder2 {
  position: absolute;
  left: 524px;
  top: 47px; }

#dotholder3 {
  position: absolute;
  left: 535px;
  top: 47px; }

.dotholder {
  position: absolute;
  width: 14px;
  height: 4px; }

.dot1 {
  position: absolute;
  left: 0;
  top: 0; }

.dot2 {
  position: absolute;
  left: 4px;
  top: 0; }

.dot3 {
  position: absolute;
  left: 8px;
  top: 0; }

#eftext1 {
  position: absolute;
  left: 266px;
  top: 24px; }

#eftext2 {
  position: absolute;
  left: 266px;
  top: 42px; }

.ctabutton {
  width: 167px;
  height: 30px;
  border-radius: 15px; }

#cta {
  position: absolute;
  width: 167px;
  height: 30px;
  left: 550px;
  top: 20px; }

#ctatext {
  position: absolute;
  left: 0;
  top: 0; }

#arrow {
  position: absolute;
  right: 2px;
  top: 1px; }

.innerctaholder {
  width: 148px;
  height: 16px; }

.cta-off {
  background-color: #4d9fda;
  color: #4d9fda; }

#whiteblock {
  position: absolute;
  background-color: white;
  width: 728px;
  height: 90px; }

#bluearc {
  position: absolute;
  left: -2px;
  top: -4px; }

#logo {
  position: absolute;
  left: 16px;
  top: 16px; }

#logowhite {
  position: absolute;
  left: 35px;
  top: 25px; }

#legal {
  position: absolute;
  cursor: pointer;
  left: 488px;
  top: 60px; }

#frame1 {
  position: absolute;
  width: 728px;
  height: 90px; }

#frame2 {
  position: absolute;
  width: 728px;
  height: 90px; }

#frame3 {
  position: absolute;
  width: 728px;
  height: 90px; }

.back-up {
  background: url("backup.png") 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 728px;
  height: 90px; }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.contactlens {
  background-image: url(spritesheet.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px;
}
.ctashadow {
  background-image: url(spritesheet.png);
  background-position: -310px 0px;
  width: 123px;
  height: 26px;
}

.svg-arrow {
	background: url("svgsprite.svg") 98.34895833333333% 24.421800947867297% no-repeat;
	width: 10px;
	height: 14px;
}

.svg-bluearc {
	background: url("svgsprite.svg") 0 0 no-repeat;
	width: 254px;
	height: 94px;
}

.svg-ctatext {
	background: url("svgsprite.svg") 97.53849698552284% 17.579702570437593% no-repeat;
	width: 133.59px;
	height: 14.53px;
}

.svg-dot {
	background: url("svgsprite.svg") 99.89432989690722% 16.894977168949772% no-repeat;
	width: 6px;
	height: 6px;
}

.svg-eftext1 {
	background: url("svgsprite.svg") 0 45.25322549585981% no-repeat;
	width: 249.13px;
	height: 17.28px;
}

.svg-eftext2 {
	background: url("svgsprite.svg") 0 99.82315193774949% no-repeat;
	width: 155.69px;
	height: 27.09px;
}

.svg-fauxctatext {
	background: url("svgsprite.svg") 79.01941264310602% 57.84537751118728% no-repeat;
	width: 72.56px;
	height: 14.94px;
}

.svg-legal {
	background: url("svgsprite.svg") 0 56.16797900262467% no-repeat;
	width: 233.66px;
	height: 26.88px;
}

.svg-logo {
	background: url("svgsprite.svg") 100% 0 no-repeat;
	width: 140px;
	height: 37px;
}

.svg-logowhite {
	background: url("svgsprite.svg") 0 75.49726775956285% no-repeat;
	width: 165px;
	height: 42px;
}

.svg-uptext1 {
	background: url("svgsprite.svg") 89.91150442477876% 33.20489355553415% no-repeat;
	width: 111.5px;
	height: 17.38px;
}

.svg-uptext2 {
	background: url("svgsprite.svg") 93.95575941407115% 24.822968351076643% no-repeat;
	width: 123.66px;
	height: 17.41px;
}

.svg-uptext3 {
	background: url("svgsprite.svg") 0 86.78227360308286% no-repeat;
	width: 158.4px;
	height: 17.4px;
}

.svg-uptext4 {
	background: url("svgsprite.svg") 88.35704595262114% 45.47705600337179% no-repeat;
	width: 106.53px;
	height: 35.19px;
}