@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: 300px;
  height: 600px; }

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

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

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

#img2dark {
  background: url("img2dark.png") 0 0 no-repeat;
  position: absolute;
  -webkit-transform-origin: center 38%;
          transform-origin: center 38%;
  left: 0;
  top: 129px;
  width: 300px;
  height: 600px; }

#img3 {
  background: url("img123.jpg") -600px 0 no-repeat;
  position: absolute;
  left: 0;
  top: 129px;
  width: 300px;
  height: 600px; }

#ctafaux {
  position: absolute;
  left: 60px;
  top: 185px; }

.ctabuttonfaux {
  width: 174px;
  height: 32px;
  border-radius: 16px; }

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

#ctashadow {
  position: absolute;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(1.45);
          transform: scale(1.45);
  left: 60px;
  top: 185px; }

#contactlens {
  position: absolute;
  left: 0px;
  top: 210px; }

#leftholder {
  position: absolute;
  left: 0;
  top: 212px;
  width: 150px;
  height: 250px;
  overflow: hidden; }

#rightholder {
  position: absolute;
  left: 150px;
  top: 212px;
  width: 150px;
  height: 250px;
  overflow: hidden; }

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

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

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

#uptext1 {
  position: absolute;
  left: 90px;
  top: 350px; }

#uptext2 {
  position: absolute;
  left: 85px;
  top: 350px; }

#uptext3 {
  position: absolute;
  left: 105px;
  top: 340px; }

#uptext4 {
  position: absolute;
  left: 30px;
  top: 214px; }

#dotholder1 {
  position: absolute;
  left: 200px;
  top: 359px; }

#dotholder2 {
  position: absolute;
  left: 207px;
  top: 359px; }

#dotholder3 {
  position: absolute;
  left: 185px;
  top: 370px; }

.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: 30px;
  top: 214px; }

#eftext2 {
  position: absolute;
  left: 30px;
  top: 278px; }

.ctabutton {
  width: 240px;
  height: 42px;
  border-radius: 21px; }

#cta {
  position: absolute;
  width: 240px;
  height: 42px;
  left: 30px;
  top: 390px; }

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

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

.innerctaholder {
  width: 210px;
  height: 22px; }

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

#whiteblock {
  position: absolute;
  background-color: white;
  width: 300px;
  height: 600px; }

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

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

#logowhite {
  position: absolute;
  left: 55px;
  top: 37px; }

#legal {
  position: absolute;
  cursor: pointer;
  left: 30px;
  top: 530px; }

#frame1 {
  position: absolute;
  width: 300px;
  height: 600px; }

#frame2 {
  position: absolute;
  width: 300px;
  height: 600px; }

#frame3 {
  position: absolute;
  width: 300px;
  height: 600px; }

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

/*
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") 92.83018867924528% 24.756521739130434% no-repeat;
	width: 12px;
	height: 20px;
}

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

.svg-ctatext {
	background: url("svgsprite.svg") 85.80057012220936% 44.92954093541973% no-repeat;
	width: 187.69px;
	height: 18.66px;
}

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

.svg-eftext1 {
	background: url("svgsprite.svg") 99.90797949257264% 0 no-repeat;
	width: 237.72px;
	height: 56.94px;
}

.svg-eftext2 {
	background: url("svgsprite.svg") 0 99.566480872755% no-repeat;
	width: 245.03px;
	height: 40.09px;
}

.svg-fauxctatext {
	background: url("svgsprite.svg") 99.8246324025361% 74.91882062605534% no-repeat;
	width: 97.22px;
	height: 19.03px;
}

.svg-legal {
	background: url("svgsprite.svg") 0 81.36363636363636% no-repeat;
	width: 245.91px;
	height: 30px;
}

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

.svg-logowhite {
	background: url("svgsprite.svg") 85.87570621468926% 28.049261083743843% no-repeat;
	width: 188px;
	height: 47px;
}

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

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

.svg-uptext3 {
	background: url("svgsprite.svg") 99.75746026246264% 57.230884137802256% no-repeat;
	width: 80.22px;
	height: 35.78px;
}

.svg-uptext4 {
	background: url("svgsprite.svg") 78.89136866144183% 61.43515734616155% no-repeat;
	width: 156.66px;
	height: 50.44px;
}