html, body, div, span, h1, h2, h3, h4, h5, p, a, abbr, em, img, ol, ul, li, form, label, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, footer, header, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  margin: 0;
  padding: 0; }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none; }

img {
  vertical-align: middle; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.block {
  display: block; }

.debug {
  border: 2px solid #bada55; }

.bold {
  font-weight: bold; }

.ico {
  vertical-align: middle; }

.hide {
  display: none !important; }

.blank {
  opacity: 0; }

.show {
  display: block !important; }

html {
  -webkit-text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden; }

body {
  overflow-x: hidden;
  font-family: 'Source Sans Pro', sans-serif;
  background: #fff;
  padding-top: 5.313em; }

::selection {
  background: #2798e2;
  color: #fff; }

::-moz-selection {
  background: #b2e953;
  color: #fff; }

.white {
  color: #fff; }

.darkbl {
  color: #334a57; }

.grey {
  color: #788a95; }

.drkgrey {
  color: #5a6a74; }

.ltgrey {
  color: #809dae; }

.ltrgrey {
  color: #bad2e0; }

h1 {
  font-weight: 200;
  line-height: 1;
  font-size: 3.875em; }

h2 {
  font-weight: 200;
  font-size: 2.938em;
  line-height: 1.2; }

h3 {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.4; }

h3.large {
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.5; }

.condensed {
  font-family: league-gothic, sans-serif; }

.max-content-width {
  position: relative;
  width: 64.250em;
  padding: 0 1.5em;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.split {
  width: 45%; }

.modal-bg {
  position: fixed;
  z-index: 499;
  background: rgba(2, 16, 23, 0.6);
  width: 100%;
  top: 0;
  height: 100%; }

.modal {
  position: fixed;
  z-index: 500;
  top: 20%;
  left: 50%;
  margin-left: -280px; }
  .modal .close {
    position: absolute;
    top: -9%;
    right: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url(../images/sprite-master.png) no-repeat -650px -50px; }

.parsley-error {
  border-top: 2px solid #ff7171 !important;
  background: #ffd1d1 !important; }

ul.parsley-error-list {
  display: none !important; }

.check {
  visibility: hidden; }

.resp {
  display: none; }

header {
  opacity: .95;
  position: fixed;
  top: 0;
  z-index: 500;
  width: 100%;
  min-width: 799px;
  background: #fff;
  padding: 1em 1.875em 0 1.875em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: 0 0.125em 0 0 rgba(0, 0, 0, 0.2); }
  header .playphone-logo {
    float: left;
    width: 196px;
    height: 32px;
    display: block;
    padding: 0.625em 0 0 0;
    background: url(../images/sprite-master.png) no-repeat 0 10px;
    text-indent: -7364px; }
  header nav {
    position: relative;
    float: right;
    padding: 1em 0 0 0; }
    header nav ul.primary-nav li {
      display: inline-block;
      *display: inline; }
      header nav ul.primary-nav li.special {
        padding-bottom: 2.000em;
        display: inline-block; }
      header nav ul.primary-nav li.last a {
        border-right: none; }
      header nav ul.primary-nav li a {
        color: #a3b2bb;
        font-size: .813em;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: .155em;
        padding: .313em 1.250em;
        border-right: 1px solid #ccc; }
      header nav ul.primary-nav li a:hover {
        color: #5f707a; }
    header nav .nav-hover-upper {
      position: absolute;
      top: -1.5em;
      width: 55px;
      height: .5em;
      background: #f0f; }
    header nav .nav-hover-lower {
      position: absolute;
      top: 4.250em;
      height: 0;
      box-shadow: inset 0 0.125em 0 0 rgba(0, 0, 0, 0.2);
      background: magenta url(../images/sprite-master.png) no-repeat; }
    header nav li.games .nav-hover-upper,
    header nav li.games .nav-hover-lower {
      width: 50px;
      margin-left: 1em;
      background-position: -291px -43px;
      background-color: #b2d548; }
    header nav li.company .nav-hover-upper,
    header nav li.company .nav-hover-lower {
      width: 70px;
      margin-left: 1em;
      background-position: -171px -42px;
      background-color: #aabcc8; }
    header nav li.developers .nav-hover-upper,
    header nav li.developers .nav-hover-lower {
      width: 95px;
      margin-left: 1em;
      background-position: -63px -42px;
      background-color: #47b0e1; }
    header nav li.blog .nav-hover-upper,
    header nav li.blog .nav-hover-lower {
      width: 40px;
      margin-left: 1em;
      background-position: 10px -42px;
      background-color: #867bbd; }
    header nav .company-nav-dropdown {
      display: none;
      position: absolute;
      z-index: -1;
      top: 68px;
      width: 108px;
      margin-left: -.188em;
      background: #fff;
      box-shadow: inset 0 0.125em 0 0 rgba(0, 0, 0, 0.2); }
      header nav .company-nav-dropdown ul.secondary-nav {
        display: block;
        padding: 2.500em 0 0 0; }
        header nav .company-nav-dropdown ul.secondary-nav li {
          text-align: center;
          display: block; }
        header nav .company-nav-dropdown ul.secondary-nav li a {
          display: block;
          border: none;
          padding: 0.438em 0;
          letter-spacing: 0;
          border-bottom: 1px solid #dee3e7; }

/* **footer styles */
footer {
  position: relative;
  z-index: 100;
  background: #13212a;
  color: #4e6c7d; }
  footer .iframe {
    position: relative;
    top: 1.2em;
    margin-right: 1em;
    left: .75em; }
  footer .quick-links {
    background: #182933; }
    footer .quick-links ul {
      margin: auto;
      text-align: center;
      padding: 2.1em 0;
      border-bottom: 1px solid #182d39; }
    footer .quick-links ul li {
      display: inline-block;
      *float: left;
      margin: 0 1.1em; }
    footer .quick-links a {
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease;
      text-decoration: none;
      font-size: 1.043em;
      display: inline-block;
      color: #4e6c7d; }
      footer .quick-links a:hover {
        color: #5a87a0; }
  footer .the-end {
    background: #13212a;
    text-align: center; }
    footer .the-end .blocks {
      display: inline-block;
      *float: left;
      padding: 2em 2em 3em 2em;
      width: 28%;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 0.750em; }
      footer .the-end .blocks.copyright.resp {
        display: none; }
      footer .the-end .blocks.facebook {
        border-left: 1px solid #182d39;
        border-right: 1px solid #182d39; }
      footer .the-end .blocks.follow a {
        position: relative;
        top: -.1em;
        left: .6em;
        display: inline-block;
        margin: 0 .2em; }
        footer .the-end .blocks.follow a img {
          width: 25px;
          height: 25px;
          -webkit-transition: opacity .5s ease;
          -moz-transition: opacity .5s ease;
          transition: opacity .5s ease;
          opacity: .65; }
          footer .the-end .blocks.follow a img:hover {
            opacity: 1; }

/* buttons */
.btn-blue {
  background: #279ce7;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.063em;
  padding: .6em 1em;
  border: none;
  border-radius: 0.125em;
  -moz-border-radius: 0.125em;
  -webkit-border-radius: 0.125em;
  -o-border-radius: 0.125em;
  cursor: pointer;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn-blue:hover {
    background: #40b1f9; }
  .btn-blue:active {
    background: #1e77af; }

.btn-green {
  background: #a9e23a;
  color: #5e8218;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.875em;
  padding: .6em 1em;
  border: none;
  border-radius: 0.125em;
  -moz-border-radius: 0.125em;
  -webkit-border-radius: 0.125em;
  -o-border-radius: 0.125em;
  cursor: pointer;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn-green:hover {
    background: #b2ed40; }
  .btn-green:active {
    background: #82b71d; }

/*main slider styles */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes spinSlow {
  0% {
    -webkit-transform: rotate(360deg); }

  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes spinSlow {
  0% {
    -moz-transform: rotate(360deg); }

  100% {
    -moz-transform: rotate(0deg); } }

@keyframes spinSlow {
  0% {
    transform: rotate(360deg); }

  100% {
    transform: rotate(0deg); } }

@-moz-keyframes swing {
  0% {
    -moz-transform: rotate(-20deg); }

  50% {
    -moz-transform: rotate(20deg); }

  100% {
    -moz-transform: rotate(-20deg); } }

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(-20deg); }

  50% {
    -webkit-transform: rotate(20deg); }

  100% {
    -webkit-transform: rotate(-20deg); } }

.main-slider {
  position: relative;
  z-index: 100;
  height: 530px; }
  .main-slider .slide-1 {
    height: 530px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #2c8ecd url(../images/home-slide-1-bg.jpg) no-repeat center top; }
    .main-slider .slide-1 .max-content-width {
      height: 530px; }
    .main-slider .slide-1 .loader {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 270px;
      left: 170px;
      background: url(../images/loader.png) no-repeat;
      -webkit-animation: spin .5s infinite linear;
      -moz-animation: spin .5s infinite linear;
      animation: spin .5s infinite linear; }
    .main-slider .slide-1 .slide-width {
      position: relative;
      width: 100%;
      height: 530px; }
    .main-slider .slide-1 .background-swap {
      display: none;
      position: absolute;
      z-index: 1;
      width: 1500px;
      left: 50%;
      margin-left: -750px;
      opacity: 0;
      top: 0; }
    .main-slider .slide-1 .swirl {
      display: none;
      position: absolute;
      z-index: 8;
      left: 50%;
      width: 1400px;
      margin-left: -700px;
      bottom: -500px;
      -webkit-animation: spinSlow 50.5s infinite linear;
      -moz-animation: spinSlow 50.5s infinite linear;
      animation: spinSlow 50.5s infinite linear; }
    .main-slider .slide-1 .candy {
      display: none;
      position: absolute;
      opacity: 0;
      z-index: 10;
      top: -10px;
      right: 10%;
      -moz-transition: -moz-transform 1s ease-in-out;
      -moz-transform-origin: center top;
      -webkit-transition: -webkit-transform 1s ease-in-out;
      -webkit-transform-origin: top; }
    .main-slider .slide-1 .place {
      width: 305px;
      height: 445px;
      display: none;
      position: absolute;
      z-index: 9;
      bottom: -42px;
      left: 43px; }
    .main-slider .slide-1 video {
      display: none;
      position: absolute;
      z-index: 9;
      bottom: -40px;
      left: 44px; }
    .main-slider .slide-1 .phone {
      display: none;
      position: absolute;
      z-index: 10;
      bottom: -15px;
      left: 20px; }
    .main-slider .slide-1 .slide-content {
      position: relative;
      z-index: 20;
      width: 550px;
      text-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
      margin: 160px 2.25em 0 0;
      float: right; }
      .main-slider .slide-1 .slide-content h2 {
        padding: 0 0 .3em 0; }
      .main-slider .slide-1 .slide-content .play-video {
        width: 75px;
        height: 75px;
        margin-left: 95px;
        cursor: pointer;
        color: #3a647b;
        text-shadow: none;
        background: url(../images/sprite-master.png) no-repeat -684px -483px; }
        .main-slider .slide-1 .slide-content .play-video span {
          position: relative;
          top: 28px;
          left: 77px;
          display: block;
          width: 200px; }
        .main-slider .slide-1 .slide-content .play-video:hover {
          background-position: -684px -283px; }
        .main-slider .slide-1 .slide-content .play-video:active {
          background-position: -684px -383px; }

/* end slider styles */
/* tour styles */
.tour-marker-buttons {
  /*also used for devs tour */
  position: absolute;
  z-index: 4;
  width: 20px;
  height: 20px;
  cursor: pointer; }

.tour {
  position: relative;
  overflow: hidden;
  margin-bottom: -.5em;
  padding: 3.438em 0 0 0; }
  .tour .heavy-col {
    float: left;
    width: 55%; }
  .tour h4.darkbl {
    height: 120px;
    line-height: 1.17;
    font-weight: 200;
    font-size: 3.063em; }
  .tour .tour-markers {
    position: relative;
    width: 112px;
    height: 19px;
    margin: 2.654em 0 3.988em 0;
    /* invisible hit boxes for tour slider */ }
    .tour .tour-markers .mask {
      position: absolute;
      z-index: 2; }
    .tour .tour-markers .grey-fill {
      position: absolute;
      top: 0;
      z-index: 0;
      width: 112px;
      height: 18px;
      background: #e0e7eb; }
    .tour .tour-markers .blue-fill {
      position: absolute;
      top: 0;
      z-index: 1;
      width: 16px;
      height: 18px;
      background: #21a4f7; }
    .tour .tour-markers .tmb2 {
      margin-left: 22px; }
    .tour .tour-markers .tmb3 {
      margin-left: 44px; }
    .tour .tour-markers .tmb4 {
      margin-left: 66px; }
    .tour .tour-markers .tmb5 {
      margin-left: 88px; }
  .tour p.headline {
    font-size: 1.125em;
    padding-bottom: 1em;
    text-transform: uppercase; }
  .tour p.ltgrey {
    width: 90%;
    font-size: 1.125em;
    font-weight: 400; }
  .tour .light-col {
    width: 27.1em;
    position: relative;
    float: right;
    height: 30.625em; }
    .tour .light-col .tour-phone-mask {
      position: relative;
      overflow: hidden;
      width: 335px;
      height: 482px;
      top: 500px;
      float: right; }
    .tour .light-col .tour-phone-mask .mask {
      position: absolute;
      z-index: 10; }
    .tour .light-col .phone-screens {
      margin: 3.9em 0 0 1.4em; }
  .tour .slider-icons {
    display: none;
    left: 1em;
    top: 8.5em;
    position: absolute; }
    .tour .slider-icons div {
      position: absolute;
      width: 57px;
      opacity: .7;
      height: 57px;
      cursor: pointer;
      margin-bottom: .25em;
      background: url(../images/sprite-master.png) no-repeat; }
    .tour .slider-icons div:hover {
      opacity: 1; }
    .tour .slider-icons .icon-actions {
      width: 106px;
      height: 70px;
      margin-left: -.4em;
      margin-top: -.5em; }
    .tour .slider-icons .leader-icon {
      background-position: 0 -99px;
      top: 225px; }
    .tour .slider-icons .game-icon {
      background-position: -100px -99px; }
    .tour .slider-icons .multiplayer-icon {
      background-position: -200px -99px;
      top: 150px; }
    .tour .slider-icons .friends-icon {
      background-position: -300px -99px;
      top: 75px; }
    .tour .slider-icons .game-icon-action {
      background-position: -0 -199px; }
    .tour .slider-icons .friends-icon-action {
      background-position: -150px -199px; }
    .tour .slider-icons .multiplayer-icon-action {
      background-position: -300px -199px; }
    .tour .slider-icons .leader-icon-action {
      background-position: -450px -199px; }

.discover-games {
  position: relative;
  z-index: 50;
  height: 29.688em;
  background: #1b313d url(../images/discover-bg.jpg) no-repeat center center; }
  .discover-games .split {
    position: relative;
    height: 29.688em; }
  .discover-games h2 {
    padding: 1.35em 0 .2em 0; }
  .discover-games .discover-portal,
  .discover-games .discover-assaulter,
  .discover-games .discover-nosferatu {
    position: absolute;
    display: none; }
  .discover-games .discover-portal {
    left: -5em;
    bottom: 2em; }
  .discover-games .discover-assaulter {
    left: 1em;
    top: 1.5em; }
  .discover-games .discover-nosferatu {
    right: 5em;
    top: 2.5em; }
  .discover-games .btn-blue {
    position: relative;
    z-index: 2;
    margin: 1.4em 0 0 0; }

.next-level {
  position: relative;
  z-index: 50; }
  .next-level .max-content-width {
    padding-bottom: 5em; }
  .next-level .bg {
    position: absolute;
    z-index: 0;
    right: -200px;
    bottom: 0; }
  .next-level .split {
    position: relative; }
  .next-level .split.right {
    position: relative;
    overflow: hidden;
    height: 29.688em;
    margin-top: 30px;
    width: 435px; }
  .next-level .developer-quote {
    width: 440px;
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 2px solid #f0f0f0; }
    .next-level .developer-quote img {
      margin: 10px 15px 0 0; }
    .next-level .developer-quote .their-quote {
      float: left;
      width: 340px;
      color: #788a95;
      font-size: 14px; }
  .next-level h2 {
    padding: .2em 0 .4em 0; }
  .next-level .become-developer {
    margin: 4.45em 0 0 0;
    display: block;
    text-decoration: none;
    color: #2798e2;
    text-transform: uppercase;
    font-size: .813em; }
    .next-level .become-developer span {
      position: relative;
      top: 0.275em;
      display: inline-block;
      width: 23px;
      height: 18px;
      background: url(../images/sprite-master.png) no-repeat -400px -49px; }
  .next-level .btn-blue {
    position: relative;
    display: block;
    z-index: 2;
    margin: 1.4em 0 0 0; }

.maximize-revenue {
  position: relative;
  background: #f3f6f9;
  border-top: 2px solid #dde0e3; }
  .maximize-revenue .split {
    position: relative; }
  .maximize-revenue .split.right {
    width: 50%; }
  .maximize-revenue .split.left {
    position: relative;
    overflow: hidden;
    height: 29.688em;
    margin-top: 30px;
    width: 435px; }
  .maximize-revenue .developer-quote {
    width: 440px;
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 2px solid #f0f0f0; }
    .maximize-revenue .developer-quote img {
      margin: 10px 15px 0 0; }
    .maximize-revenue .developer-quote .their-quote {
      float: left;
      width: 340px;
      color: #788a95;
      font-size: 14px; }
  .maximize-revenue h2 {
    font-size: 2.250em;
    padding: 3.2em 0 .4em 0; }
  .maximize-revenue .become-developer {
    margin: 4.45em 0 0 0;
    display: block;
    text-decoration: none;
    color: #2798e2;
    text-transform: uppercase;
    font-size: .813em; }
    .maximize-revenue .become-developer span {
      position: relative;
      top: 0.275em;
      display: inline-block;
      width: 23px;
      height: 18px;
      background: url(../images/sprite-master.png) no-repeat -400px -49px; }
  .maximize-revenue .next-level-arrow-green,
  .maximize-revenue .next-level-arrow-blue,
  .maximize-revenue .next-level-controller {
    position: absolute; }
  .maximize-revenue .next-level-arrow-green {
    width: 0;
    height: 18.688em;
    z-index: 2;
    left: 0;
    top: 4.4em;
    background: url(../images/next-level-arrow-green.png) no-repeat left center; }
  .maximize-revenue .next-level-arrow-blue {
    width: 0;
    height: 16.813em;
    left: -.1em;
    z-index: 4;
    top: 2.45em;
    background: url(../images/next-level-arrow-blue.png) no-repeat left center; }
  .maximize-revenue .next-level-controller {
    width: 20.375em;
    height: 14.500em;
    z-index: 6;
    right: 2.7em;
    bottom: 1.6em;
    background: url(../images/next-level-controller.png) no-repeat; }
  .maximize-revenue .btn-blue {
    position: relative;
    display: block;
    z-index: 2;
    margin: 1.4em 0 0 0; }

.developers-page nav.developers-subnav {
  position: absolute;
  z-index: 200;
  margin-top: .15em;
  margin-left: .85em; }
  .developers-page nav.developers-subnav ul li {
    padding: 0 .8em;
    display: inline-block; }
    .developers-page nav.developers-subnav ul li.login {
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -o-border-radius: 2px;
      background: #47b0e1;
      color: #283e4e;
      margin-left: .75em; }
    .developers-page nav.developers-subnav ul li.login:hover {
      background: #5abfee; }
    .developers-page nav.developers-subnav ul li.login:active {
      background: #267ba3; }
    .developers-page nav.developers-subnav ul li.login a {
      color: #283e4e;
      padding-top: .6em; }
    .developers-page nav.developers-subnav ul li a {
      display: inline-block;
      font-size: 0.875em;
      padding: 1em 0 .6em .2em;
      color: #6b818c;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 2px; }
      .developers-page nav.developers-subnav ul li a.active {
        border-bottom: 0.188em solid #6b818c; }
.developers-page .developers-welcome {
  position: fixed;
  width: 100%;
  z-index: 0;
  height: 31.563em;
  background: #283f4f url(../images/devs-welcome-bg.jpg) no-repeat; }
  .developers-page .developers-welcome .max-content-width {
    position: relative; }
  .developers-page .developers-welcome .right {
    width: 29.688em;
    margin-top: 3em; }
    .developers-page .developers-welcome .right h2 {
      color: #a9e23a;
      font-size: 1.750em; }
    .developers-page .developers-welcome .right h3 {
      color: #fff;
      font-size: 4.125em;
      font-weight: 200;
      line-height: 1.2; }
      .developers-page .developers-welcome .right h3 span {
        font-size: .4em;
        display: block;
        padding: .75em 0; }
    .developers-page .developers-welcome .right .btn-blue {
      font-size: 1.438em; }
.developers-page .why-use-playphone {
  position: relative;
  z-index: 1;
  height: 33.750em;
  margin-top: 31.563em;
  background: #eff1f2; }
  .developers-page .why-use-playphone .welcome-img {
    position: absolute;
    top: -470px;
    z-index: 100;
    left: 0;
    width: 505px;
    height: 576px;
    background: url(../images/devs-welcome.png) no-repeat; }
  .developers-page .why-use-playphone .left {
    width: 29.688em;
    margin-top: 7em; }
    .developers-page .why-use-playphone .left h2 {
      color: #334a57;
      font-size: 1.875em;
      margin-bottom: 1em; }
    .developers-page .why-use-playphone .left h4 {
      font-size: 1.125em;
      color: #788a95;
      margin-bottom: 2em; }
  .developers-page .why-use-playphone .right-wrap {
    position: relative;
    float: right;
    width: 470px;
    height: 440px;
    margin: 2em 0 0 0; }
    .developers-page .why-use-playphone .right-wrap .controller {
      position: absolute;
      right: 0;
      bottom: -400px;
      width: 360px;
      height: 240px;
      background: url(../images/devs-cont.png) no-repeat; }
    .developers-page .why-use-playphone .right-wrap img {
      position: absolute;
      -webkit-transition: all .4s ease-in-out;
      -moz-transition: all .4s ease-in-out;
      opacity: 0; }
    .developers-page .why-use-playphone .right-wrap .a {
      top: 80px;
      right: 290px; }
    .developers-page .why-use-playphone .right-wrap .b {
      top: 55px;
      right: 210px; }
    .developers-page .why-use-playphone .right-wrap .c {
      top: 55px;
      right: 87px; }
    .developers-page .why-use-playphone .right-wrap .d {
      top: 80px;
      right: -34px; }
.developers-page .industry-leading {
  position: relative;
  z-index: 1;
  padding: 3em 0;
  background: #fff; }
  .developers-page .industry-leading .quote {
    display: block;
    padding: 1em 0;
    font-size: 80%; }
    .developers-page .industry-leading .quote span {
      color: #2798e2; }
  .developers-page .industry-leading .btn-blue {
    display: block;
    width: 6.575em;
    margin: 1.3em auto 0 auto;
    text-align: center; }
  .developers-page .industry-leading .screen-holder {
    width: 1007px;
    height: 420px; }
    .developers-page .industry-leading .screen-holder img {
      position: absolute;
      display: none; }
  .developers-page .industry-leading .slider-icons {
    position: absolute;
    left: 2.1em;
    top: 10.5em;
    z-index: 20; }
    .developers-page .industry-leading .slider-icons div {
      position: absolute;
      opacity: .7;
      width: 57px;
      height: 57px;
      cursor: pointer;
      margin-bottom: .25em;
      background: url(../images/sprite-master.png) no-repeat; }
    .developers-page .industry-leading .slider-icons div:hover {
      opacity: 1; }
    .developers-page .industry-leading .slider-icons .sdk-icon {
      background-position: -600px -99px; }
    .developers-page .industry-leading .slider-icons .globe-icon {
      background-position: -700px -99px;
      top: 75px; }
    .developers-page .industry-leading .slider-icons .coin-icon {
      background-position: -800px -99px;
      top: 150px; }
    .developers-page .industry-leading .slider-icons .gauge-icon {
      background-position: -900px -99px;
      top: 225px; }
    .developers-page .industry-leading .slider-icons .sdk-icon-action {
      background-position: -600px -199px; }
    .developers-page .industry-leading .slider-icons .globe-icon-action {
      background-position: -750px -199px; }
    .developers-page .industry-leading .slider-icons .coin-icon-action {
      background-position: -900px -199px; }
    .developers-page .industry-leading .slider-icons .gauge-icon-action {
      background-position: -1050px -199px; }
    .developers-page .industry-leading .slider-icons .icon-actions {
      width: 106px;
      height: 70px;
      margin-left: -.4em;
      margin-top: -.5em; }
  .developers-page .industry-leading .tour-markers {
    position: relative;
    width: 112px;
    height: 19px;
    margin: -.5em auto 1.5em auto;
    /* invisible hit boxes for tour slider */ }
    .developers-page .industry-leading .tour-markers .mask {
      position: absolute;
      z-index: 2; }
    .developers-page .industry-leading .tour-markers .grey-fill {
      position: absolute;
      top: 0;
      z-index: 0;
      height: 18px;
      width: 88px;
      background: #e0e7eb; }
    .developers-page .industry-leading .tour-markers .blue-fill {
      position: absolute;
      top: 0;
      z-index: 1;
      width: 16px;
      height: 18px;
      background: #21a4f7; }
    .developers-page .industry-leading .tour-markers .tmb2 {
      margin-left: 22px; }
    .developers-page .industry-leading .tour-markers .tmb3 {
      margin-left: 44px; }
    .developers-page .industry-leading .tour-markers .tmb4 {
      margin-left: 66px; }
    .developers-page .industry-leading .tour-markers .tmb5 {
      margin-left: 88px; }
  .developers-page .industry-leading h2 {
    text-align: center;
    color: #334a57;
    font-size: 1.875em;
    padding: 0 0 1em 0; }
  .developers-page .industry-leading h4 {
    color: #5a6a74;
    font-weight: 600;
    font-size: 1.125em;
    text-align: center;
    padding: 1.75em 0 .75em 0;
    text-transform: uppercase; }
  .developers-page .industry-leading h3 {
    width: 80%;
    margin: auto;
    color: #788a95;
    font-size: 1.125em;
    text-align: center; }
.developers-page .testimonial {
  position: relative;
  z-index: 2;
  padding: 2.75em 0 5.4em 0;
  background: #425866; }
  .developers-page .testimonial h2 {
    color: #8095a2;
    text-align: center;
    padding: 0 0 1.35em 0;
    font-size: 1.875em; }
  .developers-page .testimonial .aa {
    top: -80px;
    left: -500px; }
  .developers-page .testimonial .bb {
    top: -80px;
    left: 0; }
  .developers-page .testimonial .cc {
    top: -80px;
    left: 500px; }
  .developers-page .testimonial .dd {
    top: 80px;
    left: -500px; }
  .developers-page .testimonial .ee {
    top: 80px;
    left: 0; }
  .developers-page .testimonial .ff {
    top: 80px;
    left: 500px; }
  .developers-page .testimonial .block {
    position: relative;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
    opacity: 0;
    float: left;
    width: 17.6em;
    height: 15em;
    background: #4d697a;
    text-align: center;
    color: #e2ecf3;
    font-size: 18px;
    margin-right: .45em;
    font-weight: 300;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px; }
    .developers-page .testimonial .block.blue {
      background: #279ce7; }
      .developers-page .testimonial .block.blue p {
        padding: 3em 1.4em 1.4em 1.4em; }
        .developers-page .testimonial .block.blue p span {
          color: #196799; }
    .developers-page .testimonial .block.green {
      background: #98b347; }
      .developers-page .testimonial .block.green p {
        padding: 5em 1.4em 1.4em 1.4em; }
        .developers-page .testimonial .block.green p span {
          color: #697f26; }
    .developers-page .testimonial .block.purple {
      background: #7a70ac; }
      .developers-page .testimonial .block.purple p {
        padding: 5em 1.4em 1.4em 1.4em; }
        .developers-page .testimonial .block.purple p span {
          color: #514979; }
    .developers-page .testimonial .block.blue img {
      position: absolute;
      z-index: 5;
      left: 50%;
      margin-left: -15px;
      bottom: -14px; }
    .developers-page .testimonial .block.green img {
      position: absolute;
      z-index: 5;
      left: 50%;
      margin-left: -15px;
      top: -14px; }
    .developers-page .testimonial .block.purple img {
      position: absolute;
      z-index: 5;
      left: 50%;
      margin-left: -15px;
      top: -14px; }
    .developers-page .testimonial .block.with-logo img {
      padding-top: 10px; }
    .developers-page .testimonial .block.with-logo.bottom img {
      padding-top: 20px; }
.developers-page .single-billing {
  position: relative;
  overflow: hidden;
  z-index: 2;
  color: #dde6ed;
  height: 31em;
  background: #eff1f2; }
  .developers-page .single-billing .left {
    width: 29.688em;
    margin-top: 8.5em; }
    .developers-page .single-billing .left h2 {
      color: #334a57;
      font-size: 1.875em;
      margin-bottom: 1em; }
    .developers-page .single-billing .left h4 {
      font-size: 1.125em;
      color: #788a95;
      margin-bottom: 2em; }
  .developers-page .single-billing .right-img {
    position: relative;
    bottom: -600px;
    float: right;
    width: 451px;
    height: 493px;
    background: url(../images/devs-phone-featured.png) no-repeat; }
.developers-page .seamless-access {
  position: relative;
  z-index: 3;
  background: #fff; }
  .developers-page .seamless-access .right {
    width: 29.688em;
    margin-top: 8.5em; }
    .developers-page .seamless-access .right h2 {
      color: #334a57;
      font-size: 1.875em;
      margin-bottom: 1em; }
    .developers-page .seamless-access .right h4 {
      font-size: 1.125em;
      color: #788a95;
      margin-bottom: 2em; }
  .developers-page .seamless-access .coins {
    position: absolute;
    right: 100px;
    top: -80px; }
  .developers-page .seamless-access .p {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 53px;
    left: 229px;
    -moz-transform: scale(0.25);
    -webkit-transform: scale(0.25); }
  .developers-page .seamless-access .go {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1); }
  .developers-page .seamless-access .left-img {
    position: relative;
    bottom: -605px;
    float: left;
    width: 451px;
    height: 493px;
    background: url(../images/devs-phone-rocket.png) no-repeat; }
.developers-page .dev-signup {
  position: relative;
  z-index: 3;
  padding: 0 0 3em 0;
  background: #eff1f2 url(../images/devs-signup-bg.png) no-repeat right top; }
  .developers-page .dev-signup .sdk-chute {
    position: absolute;
    top: -16px;
    right: 0;
    width: 435px;
    height: 626px;
    background: url(../images/devs-sdkbox-para.png) no-repeat; }
  .developers-page .dev-signup h2 {
    color: #42535b;
    font-size: 1.875em;
    font-weight: 600;
    padding: 2em 0 .75em 0; }
  .developers-page .dev-signup a {
    color: #2798e2;
    text-decoration: none; }
    .developers-page .dev-signup a :hover {
      text-decoration: underline; }
  .developers-page .dev-signup input[type=text] {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    display: block;
    width: 25.000em;
    background: #d6dde2;
    padding: .95em;
    margin: .6em 0;
    font-weight: 200;
    font-size: 1.063em;
    border: none;
    border-top: 2px solid #eff1f2;
    border-radius: 0.125em;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -o-border-radius: 0.125em;
    outline: none; }
    .developers-page .dev-signup input[type=text]:focus {
      border-top: 2px solid #2798e2;
      background: #fff; }
  .developers-page .dev-signup ::-webkit-input-placeholder {
    color: #556b78; }
  .developers-page .dev-signup ::-moz-placeholder {
    color: #556b78; }
  .developers-page .dev-signup :-ms-input-placeholder {
    color: #556b78; }
  .developers-page .dev-signup input:-moz-placeholder {
    color: #556b78; }
  .developers-page .dev-signup .checkbox {
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: .75em 17px 0 0;
    background: url(../images/sprite-master.png) no-repeat -450px -50px; }
  .developers-page .dev-signup .agree {
    margin: 1.2em 0 0 0;
    color: #42535b;
    font-size: 0.813em; }
  .developers-page .dev-signup .btn-blue {
    -webkit-appearance: none;
    width: 26.9em;
    margin: 1.2em 0;
    padding: 1em; }

/* **about page */
nav.company-subnav {
  position: absolute;
  z-index: 200;
  margin-top: .15em;
  margin-left: .85em; }
  nav.company-subnav ul li {
    padding: 0 .8em;
    display: inline-block; }
    nav.company-subnav ul li a {
      display: inline-block;
      font-size: 0.875em;
      padding: 1em 0 .6em .2em;
      color: #6b818c;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 2px; }
      nav.company-subnav ul li a.active {
        border-bottom: 0.188em solid #6b818c; }

/*about slider styles */
.about-slider {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 572px;
  background: #eff1f2; }
  .about-slider .pagination {
    position: absolute;
    z-index: 99999;
    left: 48%;
    bottom: 2%; }
    .about-slider .pagination .swiper-pagination-switch {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      background: #b2c2cd;
      margin: 0 .2em;
      z-index: 9999; }
    .about-slider .pagination .swiper-active-switch {
      top: .2em;
      background: none;
      border: 3px solid #b2c2cd; }
  .about-slider .max-content-width {
    height: 572px; }
  .about-slider .swiper-wrapper {
    position: relative; }
    .about-slider .swiper-wrapper li {
      width: 100%;
      height: 572px; }
    .about-slider .swiper-wrapper .slide-1, .about-slider .swiper-wrapper .slide-2, .about-slider .swiper-wrapper .slide-3 {
      background: url(../images/about-slider-bg.jpg) no-repeat 0em top; }
      .about-slider .swiper-wrapper .slide-1 .phone, .about-slider .swiper-wrapper .slide-2 .phone, .about-slider .swiper-wrapper .slide-3 .phone {
        position: absolute;
        z-index: 2;
        opacity: 0;
        left: 6.113em;
        bottom: 2.5em; }
      .about-slider .swiper-wrapper .slide-1 .controller, .about-slider .swiper-wrapper .slide-2 .controller, .about-slider .swiper-wrapper .slide-3 .controller {
        position: absolute;
        z-index: 3;
        opacity: 0;
        bottom: .15em;
        margin-left: -600px;
        *margin-left: 0; }
      .about-slider .swiper-wrapper .slide-1 .slide-content, .about-slider .swiper-wrapper .slide-2 .slide-content, .about-slider .swiper-wrapper .slide-3 .slide-content {
        width: 29.750em;
        float: right;
        margin-right: .75em;
        margin-top: 10.75em; }
        .about-slider .swiper-wrapper .slide-1 .slide-content .btn-blue, .about-slider .swiper-wrapper .slide-2 .slide-content .btn-blue, .about-slider .swiper-wrapper .slide-3 .slide-content .btn-blue {
          font-size: 0.875em;
          margin: 1em 0 0 .5em;
          padding: .6em 1.2em; }
        .about-slider .swiper-wrapper .slide-1 .slide-content p, .about-slider .swiper-wrapper .slide-2 .slide-content p, .about-slider .swiper-wrapper .slide-3 .slide-content p {
          font-size: 2.063em;
          font-weight: 200;
          color: #6e7880; }
        .about-slider .swiper-wrapper .slide-1 .slide-content h2, .about-slider .swiper-wrapper .slide-2 .slide-content h2, .about-slider .swiper-wrapper .slide-3 .slide-content h2 {
          color: #263a49;
          line-height: 1.2;
          font-size: 4.875em; }
      .about-slider .swiper-wrapper .slide-1 .claro, .about-slider .swiper-wrapper .slide-1 .weplay, .about-slider .swiper-wrapper .slide-2 .claro, .about-slider .swiper-wrapper .slide-2 .weplay, .about-slider .swiper-wrapper .slide-3 .claro, .about-slider .swiper-wrapper .slide-3 .weplay {
        position: absolute;
        top: 6em; }
      .about-slider .swiper-wrapper .slide-1 .lion, .about-slider .swiper-wrapper .slide-2 .lion, .about-slider .swiper-wrapper .slide-3 .lion {
        position: absolute;
        top: 0; }
    .about-slider .swiper-wrapper .slide-1 .slide-content {
      margin-top: 9em; }
    .about-slider .swiper-wrapper .slide-2 .slide-content h2 {
      font-size: 3.3em; }
    .about-slider .swiper-wrapper .slide-3 .slide-content {
      width: 33em;
      margin-right: -3em; }
      .about-slider .swiper-wrapper .slide-3 .slide-content h2 {
        font-size: 3em; }

.about-us {
  margin-top: 572px;
  position: relative;
  z-index: 499;
  height: 550px;
  background: #2798e2 url(../images/about-bg.jpg) no-repeat center -225px; }
  .about-us .section-title {
    padding: 7.463em 0 .5em 0;
    letter-spacing: 1px;
    color: #a9e23a;
    font-size: 0.875em;
    text-align: center;
    text-transform: uppercase; }
  .about-us h2 {
    color: #fff;
    text-align: center;
    font-size: 2.563em;
    font-weight: 200; }
  .about-us .two-col {
    width: 46%;
    padding-top: 3.963em;
    float: left;
    margin-right: 7%;
    color: #c7e7fc;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.7; }
    .about-us .two-col.last {
      margin-right: 0; }

.news {
  position: relative;
  z-index: 100;
  padding: 3.438em 0;
  background: #fff; }
  .news .max-content-width {
    position: relative; }
  .news h2 {
    color: #778087;
    font-size: 2.5em;
    text-align: center;
    padding-bottom: .9em; }
  .news ul {
    width: 22%;
    float: left;
    margin-right: 3%;
    font-size: .875em; }
    .news ul.last {
      margin-right: 0; }
    .news ul li {
      padding: 1em 0;
      border-bottom: 2px solid #dde4e8; }
      .news ul li p img {
        display: none; }
      .news ul li.first {
        border-bottom: 2px solid #bac7d0;
        margin-bottom: 1.35em;
        cursor: pointer; }
      .news ul li h3 {
        position: relative;
        color: #263a49;
        font-weight: 600;
        text-transform: uppercase;
        display: inline-block; }
      .news ul li .arrow {
        width: 25px;
        height: 25px;
        float: right;
        display: none;
        background: url(../images/sprite-master.png) no-repeat -195px -350px;
        margin-top: 9px; }
      .news ul li span {
        position: relative;
        top: .6em;
        width: 30px;
        margin-right: .25em;
        height: 30px;
        display: inline-block;
        background: url(../images/sprite-master.png) no-repeat; }
      .news ul li.inTheNews span {
        background-position: -250px -295px; }
      .news ul li.inTheNews:hover h3 {
        color: #2798e2; }
      .news ul li.inTheNews:hover span {
        background-position: -250px -345px; }
      .news ul li.inTheNews:hover .arrow {
        display: inline-block; }
      .news ul li.fromTheBlog span {
        background-position: -300px -295px; }
      .news ul li.fromTheBlog:hover h3 {
        color: #2798e2; }
      .news ul li.fromTheBlog:hover span {
        background-position: -300px -345px; }
      .news ul li.fromTheBlog:hover .arrow {
        display: inline-block; }
      .news ul li.workWithUs span {
        background-position: -350px -299px; }
      .news ul li.workWithUs:hover h3 {
        color: #2798e2; }
      .news ul li.workWithUs:hover span {
        background-position: -350px -349px; }
      .news ul li.workWithUs:hover .arrow {
        display: inline-block; }
      .news ul li.upcomingEvents span {
        background-position: -400px -297px; }
      .news ul li.upcomingEvents:hover h3 {
        color: #2798e2; }
      .news ul li.upcomingEvents:hover span {
        background-position: -400px -347px; }
      .news ul li.upcomingEvents:hover .arrow {
        display: inline-block; }
      .news ul li a {
        color: #2798e2;
        text-decoration: none;
        line-height: 1.5;
        padding-bottom: .25em; }
        .news ul li a:hover {
          text-decoration: underline; }
      .news ul li p {
        color: #747f87; }

/* **press page */
.press-page .video-container-wrap {
  position: fixed;
  z-index: 499;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg-opacity-box.png); }
.press-page .video-wrap {
  position: relative;
  width: 950px;
  margin: auto; }
.press-page .video-container {
  text-align: center;
  position: relative;
  top: 255px; }
.press-page .close-video {
  position: absolute;
  z-index: 499;
  right: -13px;
  top: 217px;
  width: 27px;
  height: 27px;
  cursor: pointer;
  background: url(../images/sprite-master.png) no-repeat -200px -300px; }
.press-page .press-banner {
  background: #283e4e url(../images/press-banner-bg.jpg) no-repeat center center; }
  .press-page .press-banner a {
    text-decoration: none;
    color: #2798e2; }
  .press-page .press-banner img {
    position: relative;
    opacity: 0;
    *opacity: 1; }
  .press-page .press-banner .text-box {
    position: relative;
    opacity: 0;
    *opacity: 1;
    width: 30.000em;
    padding-top: 3.90em; }
    .press-page .press-banner .text-box p {
      font-size: .750em;
      color: #5f7580;
      font-weight: 600;
      text-transform: uppercase; }
    .press-page .press-banner .text-box h2 {
      color: #a7e043;
      font-size: 1.875em;
      font-weight: 200;
      text-transform: capitalize;
      padding: .25em 0 0 0; }
    .press-page .press-banner .text-box h4 {
      color: #aabcc8;
      font-size: 1em;
      font-weight: 400;
      padding: 1.250em 0 2.15em 0; }
    .press-page .press-banner .text-box a.read-more {
      color: #4ca3e3;
      text-transform: capitalize;
      text-decoration: none; }
      .press-page .press-banner .text-box a.read-more:hover {
        text-decoration: underline; }
.press-page .news-and-events {
  padding: 2em 0;
  background: #eff1f2; }
  .press-page .news-and-events .archive {
    color: #2798e2;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    margin-top: 2em; }
  .press-page .news-and-events .in-the-news, .press-page .news-and-events .upcoming-events {
    width: 40.125em; }
    .press-page .news-and-events .in-the-news span, .press-page .news-and-events .upcoming-events span {
      position: relative;
      top: .6em;
      width: 30px;
      height: 30px;
      margin-right: .25em;
      display: inline-block;
      background: url(../images/sprite-master.png) no-repeat; }
    .press-page .news-and-events .in-the-news h2, .press-page .news-and-events .upcoming-events h2 {
      position: relative;
      color: #263a49;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
      font-size: 0.875em;
      top: 3px;
      padding: 0 0 2em 0;
      letter-spacing: .1em; }
    .press-page .news-and-events .in-the-news.in-the-news span, .press-page .news-and-events .upcoming-events.in-the-news span {
      background-position: -250px -295px; }
    .press-page .news-and-events .in-the-news.in-the-news:hover h2, .press-page .news-and-events .upcoming-events.in-the-news:hover h2 {
      color: #2798e2; }
    .press-page .news-and-events .in-the-news.in-the-news:hover span, .press-page .news-and-events .upcoming-events.in-the-news:hover span {
      background-position: -250px -345px; }
    .press-page .news-and-events .in-the-news.upcoming-events span, .press-page .news-and-events .upcoming-events.upcoming-events span {
      background-position: -400px -297px; }
    .press-page .news-and-events .in-the-news.upcoming-events:hover h2, .press-page .news-and-events .upcoming-events.upcoming-events:hover h2 {
      color: #2798e2; }
    .press-page .news-and-events .in-the-news.upcoming-events:hover span, .press-page .news-and-events .upcoming-events.upcoming-events:hover span {
      background-position: -400px -347px; }
    .press-page .news-and-events .in-the-news.recent-videos span, .press-page .news-and-events .upcoming-events.recent-videos span {
      background-position: -800px -440px; }
    .press-page .news-and-events .in-the-news.recent-videos:hover h2, .press-page .news-and-events .upcoming-events.recent-videos:hover h2 {
      color: #2798e2; }
    .press-page .news-and-events .in-the-news.recent-videos:hover span, .press-page .news-and-events .upcoming-events.recent-videos:hover span {
      background-position: -850px -440px; }
    .press-page .news-and-events .in-the-news li, .press-page .news-and-events .upcoming-events li {
      -webkit-transition: background .35s ease-in-out;
      -moz-transition: background .35s ease-in-out;
      transition: background .35s ease-in-out;
      padding: 1em;
      border: 1px solid #eff1f2;
      border-top: 1px solid #d0d8dc;
      cursor: pointer; }
      .press-page .news-and-events .in-the-news li:hover, .press-page .news-and-events .upcoming-events li:hover {
        background: #e7ebec;
        border: 1px solid #d0d8dc; }
      .press-page .news-and-events .in-the-news li .img-wrap, .press-page .news-and-events .upcoming-events li .img-wrap {
        width: 12.188em;
        text-align: center;
        margin-right: 1em;
        padding: 1em 0; }
    .press-page .news-and-events .in-the-news .text-box, .press-page .news-and-events .upcoming-events .text-box {
      width: 24.688em;
      padding: 1.1em 0 0 0; }
      .press-page .news-and-events .in-the-news .text-box h3, .press-page .news-and-events .upcoming-events .text-box h3 {
        font-size: 1.500em;
        text-transform: capitalize; }
      .press-page .news-and-events .in-the-news .text-box p, .press-page .news-and-events .upcoming-events .text-box p {
        font-size: 0.750em;
        color: #aabcc8;
        font-weight: 600;
        text-transform: uppercase;
        padding: 0 0 .25em 0; }
        .press-page .news-and-events .in-the-news .text-box p a, .press-page .news-and-events .upcoming-events .text-box p a {
          text-decoration: none;
          color: #2798e2; }
  .press-page .news-and-events .upcoming-events {
    width: 18.125em; }
    .press-page .news-and-events .upcoming-events a {
      display: block;
      text-decoration: none;
      color: #2798e2;
      padding: .1em 0 .5em 0; }
    .press-page .news-and-events .upcoming-events p {
      color: #747f87;
      font-size: 1em; }
  .press-page .news-and-events .recent-videos {
    width: 18.125em;
    margin-bottom: 30px; }
    .press-page .news-and-events .recent-videos img {
      margin-right: 10px; }
    .press-page .news-and-events .recent-videos a {
      display: block;
      text-decoration: none;
      color: #2798e2;
      padding: .1em 0 .5em 0; }
    .press-page .news-and-events .recent-videos p {
      color: #747f87;
      font-size: 1em; }

/* **press details page */
.press-details-page .white-box span {
  position: relative;
  top: 1.2em;
  width: 30px;
  height: 30px;
  margin: 20px .25em 10px 30px;
  display: inline-block;
  background: url(../images/sprite-master.png) no-repeat;
  background-position: -250px -295px; }
.press-details-page .white-box h2 {
  position: relative;
  color: #263a49;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.875em;
  top: 3px;
  padding: 0 0 2em 0;
  letter-spacing: .1em; }
.press-details-page .white-box .news-list {
  width: 90%;
  padding: 20px;
  margin: auto;
  border-top: 1px solid #d8dfe2; }
  .press-details-page .white-box .news-list .left {
    width: 80%;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2798e2; }
  .press-details-page .white-box .news-list .right {
    font-size: 12px;
    font-weight: 600;
    color: #aabcc8;
    text-transform: uppercase; }
.press-details-page .white-box a {
  color: #2798e2;
  text-decoration: none; }

/* **team page */
.team-page .team-banner {
  background: #283e4e url(../images/press-banner-bg.jpg) no-repeat center center;
  padding-top: 3.25em; }
  .team-page .team-banner img {
    position: relative;
    width: 21.188em; }
  .team-page .team-banner .text-box {
    position: relative;
    width: 32.000em;
    padding: 2.70em 0;
    margin: auto;
    text-align: center; }
    .team-page .team-banner .text-box p {
      color: #a7e043;
      font-size: 1.711em;
      font-weight: 200;
      margin-bottom: -.135em; }
    .team-page .team-banner .text-box h3 {
      color: #fff;
      font-size: 3.750em;
      font-weight: 200;
      text-transform: capitalize; }
    .team-page .team-banner .text-box h4 {
      color: #aabcc8;
      font-size: 1em;
      font-weight: 400;
      padding: 1em 0 2.45em 0; }
    .team-page .team-banner .text-box a.read-more {
      color: #4ca3e3;
      text-transform: capitalize;
      text-decoration: none; }
      .team-page .team-banner .text-box a.read-more:hover {
        text-decoration: underline; }
.team-page .management-team {
  background: #eff1f2;
  padding-bottom: 2.5em; }
  .team-page .management-team .max-content-width {
    width: 825px; }
  .team-page .management-team .section-title {
    text-align: center;
    font-size: 1.875em;
    padding: 1.25em 0 .6em 0; }
  .team-page .management-team .team-member-wrap {
    float: left;
    width: 215px;
    padding: 1.1em .9em;
    cursor: pointer;
    text-decoration: none; }
    .team-page .management-team .team-member-wrap:hover h2 {
      color: #18262f; }
    .team-page .management-team .team-member-wrap img {
      opacity: .32;
      display: none; }
      .team-page .management-team .team-member-wrap img:hover {
        opacity: 1; }
    .team-page .management-team .team-member-wrap h2 {
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      color: #898e91;
      font-weight: 400;
      font-size: 0.875em;
      text-align: center;
      padding-top: .5em;
      text-transform: uppercase; }
    .team-page .management-team .team-member-wrap h3 {
      color: #aabcc8;
      font-weight: 400;
      font-size: 0.75em;
      text-align: center;
      text-transform: uppercase; }
.team-page .board-members-and-locations {
  padding: 2.75em 0 5.65em 0; }
  .team-page .board-members-and-locations .max-content-width {
    width: 62.650em; }
  .team-page .board-members-and-locations h3 {
    font-size: 1.875em;
    color: #263a49;
    text-transform: capitalize; }
  .team-page .board-members-and-locations ul {
    margin-top: 1.3em; }
  .team-page .board-members-and-locations li {
    border-bottom: 1px solid #d8dfe2; }
    .team-page .board-members-and-locations li.last {
      border: none; }
    .team-page .board-members-and-locations li a {
      display: block;
      color: #279ce7;
      font-size: 1.125em;
      font-weight: 200;
      padding: .6em 0;
      text-decoration: none; }
      .team-page .board-members-and-locations li a:hover {
        text-decoration: underline; }
  .team-page .board-members-and-locations .office-locations .office-location-map {
    position: relative;
    width: 500px;
    height: 300px; }
    .team-page .board-members-and-locations .office-locations .office-location-map .map {
      position: relative;
      margin: 2em 0 0 -.7em; }
    .team-page .board-members-and-locations .office-locations .office-location-map .dots {
      position: absolute;
      z-index: 2;
      cursor: pointer;
      padding: 5px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .dots.sfsj {
        top: 136px;
        left: 42px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .dots.ny {
        top: 157px;
        left: 112px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .dots.uk {
        top: 127px;
        left: 214px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .dots.brz {
        top: 249px;
        left: 149px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .dots.chi {
        top: 145px;
        left: 375px; }
    .team-page .board-members-and-locations .office-locations .office-location-map .tooltip {
      position: absolute;
      z-index: 5;
      background: #aabcc8;
      color: #fff;
      font-size: 0.688em;
      font-weight: 600;
      text-transform: uppercase;
      padding: 1em;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -o-border-radius: 2px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .tooltip img {
        position: absolute;
        left: 50%;
        bottom: -5px;
        margin-left: -10px; }
      .team-page .board-members-and-locations .office-locations .office-location-map .tooltip .line {
        padding-top: 4px;
        margin-top: 5px;
        text-align: center;
        border-top: 1px solid #8299a8; }

.team-details-page, .legal-details-page, .press-details-page {
  background: #eff1f2 url(../images/careers-banner-bg.jpg) repeat-x 0 -354px; }
  .team-details-page .breadcrumb, .legal-details-page .breadcrumb, .press-details-page .breadcrumb {
    position: relative;
    z-index: 10;
    height: 20px;
    color: #2798e2;
    margin: 5em 0 3em 0; }
    .team-details-page .breadcrumb a, .legal-details-page .breadcrumb a, .press-details-page .breadcrumb a {
      color: #52b5f6;
      text-decoration: none;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
    .team-details-page .breadcrumb .arrow, .legal-details-page .breadcrumb .arrow, .press-details-page .breadcrumb .arrow {
      position: relative;
      top: 4px;
      display: inline-block;
      width: 18px;
      height: 31px;
      margin-left: 1.5em;
      background: url(../images/sprite-master.png) no-repeat -251px -400px; }
    .team-details-page .breadcrumb h2, .legal-details-page .breadcrumb h2, .press-details-page .breadcrumb h2 {
      font-size: 2.250em;
      margin-left: .35em;
      display: inline-block; }
  .team-details-page .white-box, .legal-details-page .white-box, .press-details-page .white-box {
    position: relative;
    z-index: 1;
    background: #fff;
    margin: 0 0 4.250em 0;
    width: 43.700em;
    padding: 0;
    padding-bottom: 2.438em; }
    .team-details-page .white-box h3, .legal-details-page .white-box h3, .press-details-page .white-box h3 {
      color: #263a49;
      font-size: 1.875em; }
    .team-details-page .white-box h4, .legal-details-page .white-box h4, .press-details-page .white-box h4 {
      float: left;
      width: 57%;
      color: #788c97;
      font-size: 1.750em;
      font-weight: 200;
      margin-left: 5%;
      padding: .4em 0 0 0; }
      .team-details-page .white-box h4.photoless, .legal-details-page .white-box h4.photoless, .press-details-page .white-box h4.photoless {
        width: 80%;
        margin-left: 2.2em; }
    .team-details-page .white-box .title, .legal-details-page .white-box .title, .press-details-page .white-box .title {
      color: #788c97;
      font-size: 0.750em;
      font-weight: 600;
      padding-bottom: .1em;
      text-transform: uppercase; }
    .team-details-page .white-box .head, .legal-details-page .white-box .head, .press-details-page .white-box .head {
      padding: 1.9em 3.438em 1.5em 3.438em; }
    .team-details-page .white-box .feature, .legal-details-page .white-box .feature, .press-details-page .white-box .feature {
      padding: 0 0 2em 0; }
    .team-details-page .white-box .lowPar, .legal-details-page .white-box .lowPar, .press-details-page .white-box .lowPar {
      color: #788c97;
      font-size: 1.125em;
      line-height: 1.4;
      padding: 0 3.438em 1.65em 3.438em; }
  .team-details-page .team-menu, .team-details-page .legal-menu, .legal-details-page .team-menu, .legal-details-page .legal-menu, .press-details-page .team-menu, .press-details-page .legal-menu {
    position: relative;
    opacity: 0;
    *opacity: 1;
    right: -35px;
    float: right;
    width: 26%;
    margin-top: 135px;
    font-weight: 200; }
    .team-details-page .team-menu ul, .team-details-page .legal-menu ul, .legal-details-page .team-menu ul, .legal-details-page .legal-menu ul, .press-details-page .team-menu ul, .press-details-page .legal-menu ul {
      padding-bottom: 1.8em; }
    .team-details-page .team-menu li, .team-details-page .legal-menu li, .legal-details-page .team-menu li, .legal-details-page .legal-menu li, .press-details-page .team-menu li, .press-details-page .legal-menu li {
      padding: .3em 0; }
    .team-details-page .team-menu a, .team-details-page .legal-menu a, .legal-details-page .team-menu a, .legal-details-page .legal-menu a, .press-details-page .team-menu a, .press-details-page .legal-menu a {
      color: #279ce7;
      text-decoration: none;
      font-size: 0.875em; }
      .team-details-page .team-menu a:hover, .team-details-page .legal-menu a:hover, .legal-details-page .team-menu a:hover, .legal-details-page .legal-menu a:hover, .press-details-page .team-menu a:hover, .press-details-page .legal-menu a:hover {
        text-decoration: underline; }
    .team-details-page .team-menu p, .team-details-page .legal-menu p, .legal-details-page .team-menu p, .legal-details-page .legal-menu p, .press-details-page .team-menu p, .press-details-page .legal-menu p {
      font-size: 0.875em;
      color: #788c97; }
    .team-details-page .team-menu h4, .team-details-page .legal-menu h4, .legal-details-page .team-menu h4, .legal-details-page .legal-menu h4, .press-details-page .team-menu h4, .press-details-page .legal-menu h4 {
      font-size: 1.875em;
      font-weight: 200;
      text-transform: capitalize;
      padding-bottom: .3em; }

/* **careers page */
.careers-page .careers-banner {
  background: #283e4e url(../images/careers-banner-bg.jpg) no-repeat center center;
  padding: 3.25em 0; }
  .careers-page .careers-banner img {
    position: relative;
    width: 21.188em; }
  .careers-page .careers-banner .text-box {
    position: relative;
    width: 32.000em;
    padding: 2.70em 0;
    margin: auto;
    text-align: center; }
    .careers-page .careers-banner .text-box p {
      color: #a7e043;
      font-size: 1.711em;
      font-weight: 200;
      margin-bottom: -.135em; }
    .careers-page .careers-banner .text-box h3 {
      color: #fff;
      font-size: 3.750em;
      font-weight: 200;
      text-transform: capitalize; }
    .careers-page .careers-banner .text-box .icons {
      position: relative;
      top: 5px;
      display: inline-block;
      width: 85px;
      height: 69px;
      background: url(../images/sprite-master.png) no-repeat -100px -440px; }
      .careers-page .careers-banner .text-box .icons.gamers {
        background-position: -500px -431px; }
      .careers-page .careers-banner .text-box .icons.designers {
        background-position: -277px -427px; }
      .careers-page .careers-banner .text-box .icons.coders {
        background-position: -400px -440px; }
      .careers-page .careers-banner .text-box .icons.coffee {
        background-position: -85px -427px; }
      .careers-page .careers-banner .text-box .icons.thinkers {
        background-position: -170px -436px; }
    .careers-page .careers-banner .text-box h4 {
      color: #aabcc8;
      font-size: 1em;
      font-weight: 400;
      padding: 1em 0 2.45em 0; }
    .careers-page .careers-banner .text-box .btn-blue {
      width: 110px;
      font-size: 0.906em;
      margin: auto; }
.careers-page .photo-stream {
  position: relative;
  width: 5000px;
  margin: auto;
  background: #283e4e;
  margin-left: -500px; }
  .careers-page .photo-stream.second {
    margin-left: -300px; }
  .careers-page .photo-stream img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: .2;
    float: left; }
    .careers-page .photo-stream img:hover {
      opacity: 1; }
.careers-page .employee-quotes {
  background: #eff1f2;
  padding: 3em 0;
  text-align: center; }
  .careers-page .employee-quotes h2 {
    font-size: 1.875em;
    color: #263a49; }
  .careers-page .employee-quotes .quotes-slide {
    height: 400px;
    width: 100%;
    margin: auto; }
  .careers-page .employee-quotes .slider {
    margin: auto; }
    .careers-page .employee-quotes .slider .employee-quotes-slider_nav {
      position: absolute;
      width: 30px;
      height: 30px;
      background: url(../images/sprite-master.png) no-repeat;
      cursor: pointer; }
      .careers-page .employee-quotes .slider .employee-quotes-slider_nav.prev {
        background-position: -595px -301px;
        left: 0;
        top: 10em; }
      .careers-page .employee-quotes .slider .employee-quotes-slider_nav.next {
        background-position: -595px -352px;
        right: 0;
        top: 10em; }
    .careers-page .employee-quotes .slider img {
      padding: 1.8em 0 2.1em 0; }
    .careers-page .employee-quotes .slider p.quote {
      color: #9ba6ae;
      font-weight: 200;
      font-size: 1.750em;
      padding-bottom: 1.15em; }
    .careers-page .employee-quotes .slider p.author {
      font-size: .875em;
      color: #273d4d; }
    .careers-page .employee-quotes .slider .job {
      color: #9ba6ae; }
    .careers-page .employee-quotes .slider span.start {
      position: relative;
      top: -13px;
      display: inline-block;
      width: 15px;
      height: 10px;
      background: url(../images/careers-quote-start.png) no-repeat; }
    .careers-page .employee-quotes .slider span.end {
      position: relative;
      top: -13px;
      display: inline-block;
      width: 15px;
      height: 10px;
      background: url(../images/careers-quote-end.png) no-repeat; }
.careers-page .our-culture {
  padding: 3.85em 0 0 0; }
  .careers-page .our-culture .text-box {
    width: 24.250em;
    margin-right: 2em; }
    .careers-page .our-culture .text-box h2 {
      font-size: 1.875em;
      color: #263a49;
      padding-bottom: .5em; }
    .careers-page .our-culture .text-box h4 {
      line-height: 1.5;
      color: #747f87;
      font-weight: 400;
      font-size: 0.938em;
      padding-bottom: 1.6em; }
  .careers-page .our-culture .slide-show {
    width: 33.750em;
    margin-top: .5em;
    text-align: center; }
    .careers-page .our-culture .slide-show .culture-slider_tabs {
      position: relative;
      display: block;
      padding-bottom: 3.75em;
      top: 1.75em; }
      .careers-page .our-culture .slide-show .culture-slider_tabs li {
        display: inline; }
        .careers-page .our-culture .slide-show .culture-slider_tabs li a {
          display: inline-block;
          width: 10px;
          background: #ccc;
          height: 10px;
          margin: 0 .2em;
          border-radius: 13px;
          -moz-border-radius: 13px;
          -webkit-border-radius: 13px;
          -o-border-radius: 13px;
          text-indent: -9999px; }
        .careers-page .our-culture .slide-show .culture-slider_tabs li.culture-slider_here a {
          position: relative;
          top: 3px;
          margin: 0;
          background: #fff;
          border: 3px solid #ccc; }
.careers-page .perks .max-content-width {
  border-top: 1px solid #ccc;
  padding: 1.5em 1.5em 3.35em 1.5em; }
.careers-page .perks h2 {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1em 0; }
.careers-page .perks ul {
  width: 30%;
  margin-right: 4.25%; }
  .careers-page .perks ul.last {
    margin-right: 0; }
  .careers-page .perks ul li {
    padding: .225em 0;
    color: #8a9399;
    font-size: .938em; }
    .careers-page .perks ul li.last {
      margin-right: none; }
    .careers-page .perks ul li span {
      display: inline-block;
      width: 35px;
      height: 35px;
      vertical-align: middle;
      background: url(../images/sprite-master.png) no-repeat; }
      .careers-page .perks ul li span.health {
        background-position: -450px -295px; }
      .careers-page .perks ul li span.life {
        background-position: -448px -350px; }
      .careers-page .perks ul li span.equity {
        background-position: -450px -394px; }
      .careers-page .perks ul li span.retirement {
        background-position: -500px -300px; }
      .careers-page .perks ul li span.pto {
        background-position: -500px -350px; }
      .careers-page .perks ul li span.social {
        background-position: -500px -395px; }
      .careers-page .perks ul li span.holidays {
        background-position: -550px -298px; }
      .careers-page .perks ul li span.kitchen {
        background-position: -547px -345px; }
      .careers-page .perks ul li span.food {
        background-position: -550px -400px; }
.careers-page .job-openings {
  padding: 4em 0 2.45em 0;
  background: #eff1f2; }
  .careers-page .job-openings h2 {
    font-size: 1.875em;
    color: #263a49;
    padding-bottom: .5em; }
  .careers-page .job-openings ul {
    width: 100%;
    margin-right: 2.563em;
    padding: 2em 0; }
    .careers-page .job-openings ul li {
      position: relative;
      float: left;
      width: 16em;
      padding: 1.250em;
      background: #fff;
      margin: 0 2.6em 2em 0;
      border: 1px solid #e8e8e8;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -o-border-radius: 2px;
      height: 275px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
      cursor: pointer; }
      .careers-page .job-openings ul li:hover .card-footer {
        border-top: 1px solid #279ce7;
        color: #2798e2; }
      .careers-page .job-openings ul li:hover .card-footer .arrow {
        background-position: -800px -50px; }
      .careers-page .job-openings ul li:nth-child(3) {
        margin-right: 0; }
      .careers-page .job-openings ul li a {
        color: #2798e2;
        font-size: 1.125em;
        text-decoration: none;
        display: block;
        padding: 0 0 .25em 0; }
        .careers-page .job-openings ul li a:hover {
          text-decoration: underline; }
      .careers-page .job-openings ul li p {
        color: #747f87;
        font-size: 0.750em;
        text-transform: uppercase;
        font-weight: 600; }
      .careers-page .job-openings ul li span {
        display: block;
        color: #a0b0ba;
        min-height: 140px;
        font-size: 0.875em;
        padding: 1.95em 0; }
      .careers-page .job-openings ul li .card-footer {
        position: absolute;
        bottom: 1.7em;
        width: 86%;
        border-top: 1px solid #e8e8e8;
        color: #a0b0ba;
        font-size: .75em;
        font-weight: 600;
        text-transform: uppercase;
        padding: 1.5em 0 0 0; }
      .careers-page .job-openings ul li .arrow {
        position: absolute;
        right: 0;
        width: 10px;
        height: 17px;
        background: url(../images/sprite-master.png) no-repeat -750px -50px; }

.careers-details-page {
  background: #eff1f2 url(../images/careers-banner-bg.jpg) repeat-x 0 -300px; }
  .careers-details-page .breadcrumb {
    position: relative;
    z-index: 10;
    height: 20px;
    color: #2798e2;
    margin: 5em 0 3em 0; }
    .careers-details-page .breadcrumb a {
      color: #52b5f6;
      text-decoration: none;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
    .careers-details-page .breadcrumb .arrow {
      position: relative;
      top: 4px;
      margin-left: 1.5em;
      display: inline-block;
      width: 18px;
      height: 31px;
      background: url(../images/sprite-master.png) no-repeat -251px -400px; }
    .careers-details-page .breadcrumb h2 {
      font-size: 2.250em;
      margin-left: .35em;
      display: inline-block; }
  .careers-details-page .job-listing .white-box {
    position: relative;
    z-index: 1;
    background: #fff;
    margin: 0 0 4.250em 0;
    width: 37.500em;
    padding: 3.438em;
    min-height: 600px; }
    .careers-details-page .job-listing .white-box h3 {
      color: #263a49;
      font-size: 1.500em; }
    .careers-details-page .job-listing .white-box h4 {
      color: #4b5b64;
      font-size: 0.875em;
      padding: .75em 0;
      font-weight: 600;
      text-transform: uppercase; }
    .careers-details-page .job-listing .white-box .location {
      color: #788c97;
      font-size: 0.750em;
      font-weight: 600;
      padding-bottom: 2.625em;
      text-transform: uppercase; }
    .careers-details-page .job-listing .white-box .description {
      color: #788c97;
      font-size: 1.125em;
      line-height: 1.4;
      padding-bottom: 1em; }
    .careers-details-page .job-listing .white-box ul {
      margin: .75em 0; }
    .careers-details-page .job-listing .white-box li {
      color: #788c97;
      font-size: 0.875em;
      border-top: 1px solid #e2e5e7;
      padding: .75em 0; }
    .careers-details-page .job-listing .white-box .apply-tab {
      position: absolute;
      top: 30px;
      right: 0px; }
    .careers-details-page .job-listing .white-box .hover:hover {
      background: #43aef4;
      cursor: pointer; }
    .careers-details-page .job-listing .white-box .fixed {
      position: absolute;
      width: 5.3em;
      margin-right: -127px;
      color: #fff;
      font-size: 1.500em;
      font-weight: 200;
      padding: 1.15em 0;
      background: #2798e2; }
      .careers-details-page .job-listing .white-box .fixed.fix {
        position: fixed;
        top: 85px; }
      .careers-details-page .job-listing .white-box .fixed .apply {
        padding-left: 20px; }
      .careers-details-page .job-listing .white-box .fixed .arrow {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 14px;
        margin: 0 0 0 10px;
        height: 21px;
        background: url(../images/sprite-master.png) no-repeat -200px -400px; }
      .careers-details-page .job-listing .white-box .fixed .form {
        margin-top: 1em; }
      .careers-details-page .job-listing .white-box .fixed input[type=text], .careers-details-page .job-listing .white-box .fixed textarea {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        display: block;
        width: 74%;
        margin: .6em auto;
        padding: .65em;
        background: #1f7fbe;
        color: #0d5787;
        border: none;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        font-size: 18px;
        font-weight: 400;
        font-family: 'Source Sans Pro'; }
        .careers-details-page .job-listing .white-box .fixed input[type=text]:focus, .careers-details-page .job-listing .white-box .fixed textarea:focus {
          background: #fff;
          color: #999; }
      .careers-details-page .job-listing .white-box .fixed ::-webkit-input-placeholder {
        color: #0d5787; }
      .careers-details-page .job-listing .white-box .fixed :-moz-placeholder {
        /* Firefox 18- */
        color: #0d5787; }
      .careers-details-page .job-listing .white-box .fixed ::-moz-placeholder {
        /* Firefox 19+ */
        color: #0d5787; }
      .careers-details-page .job-listing .white-box .fixed :-ms-input-placeholder {
        color: #0d5787; }
      .careers-details-page .job-listing .white-box .fixed .parsley-error {
        background: #1f7fbe !important;
        border: 2px solid #5c5d8b !important; }
      .careers-details-page .job-listing .white-box .fixed .submit {
        position: relative;
        z-index: 50;
        width: 81%;
        cursor: pointer;
        background: #5db3eb;
        color: #fff;
        padding: 1em;
        font-weight: 600;
        font-size: 14px;
        border: none;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        margin: 1.5em auto 0 auto;
        display: block;
        -webkit-appearance: none; }
        .careers-details-page .job-listing .white-box .fixed .submit:hover {
          background: #77c6f9; }
        .careers-details-page .job-listing .white-box .fixed .submit:active {
          background: #1f7fbe; }
      .careers-details-page .job-listing .white-box .fixed .file-types {
        display: block;
        font-size: 12px;
        color: #0d5787;
        font-weight: 400;
        font-style: italic;
        margin-top: -.8em;
        margin-left: 2.4em; }
      .careers-details-page .job-listing .white-box .fixed .upload {
        position: absolute;
        width: 26px;
        height: 22px;
        right: 40px;
        cursor: pointer;
        margin-top: -44px;
        background: url(../images/sprite-master.png) no-repeat -697px -47px; }
      .careers-details-page .job-listing .white-box .fixed .trick-input {
        position: absolute;
        right: 0;
        margin-top: -44px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)"; }
    .careers-details-page .job-listing .white-box .alert {
      margin-bottom: 1em;
      background: #2798e2;
      padding: 1em;
      color: #fff;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      text-align: center; }

.contact-page h2 {
  color: #778087;
  font-size: 2.5em;
  text-align: center;
  padding: 2.9em 0 1em 0; }
.contact-page .contact-form {
  background: #eff1f2 url(../images/about-slider-bg.jpg) no-repeat 0em top;
  height: 37.188em; }
  .contact-page .contact-form .right .btn-blue {
    width: 100%;
    -webkit-appearance: none;
    padding: .8em 1em; }
  .contact-page .contact-form textarea {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    display: block;
    width: 25.000em;
    height: 9em;
    background: #d6dde2;
    padding: .95em;
    margin: .6em 0;
    font-weight: 200;
    font-size: 1.063em;
    border: none;
    border-top: 2px solid #eff1f2;
    border-radius: 0.125em;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -o-border-radius: 0.125em;
    outline: none; }
    .contact-page .contact-form textarea:focus {
      border-top: 2px solid #2798e2;
      background: #fff; }
  .contact-page .contact-form input[type=text] {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    display: block;
    width: 25.000em;
    background: #d6dde2;
    padding: .95em;
    margin: .6em 0;
    font-weight: 200;
    font-size: 1.063em;
    border: none;
    border-top: 2px solid #eff1f2;
    border-radius: 0.125em;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -o-border-radius: 0.125em;
    outline: none; }
    .contact-page .contact-form input[type=text]:focus {
      border-top: 2px solid #2798e2;
      background: #fff; }
.contact-page .contacts-and-locations {
  height: 29.063em;
  padding: 3.85em 0 0 0; }
  .contact-page .contacts-and-locations h3 {
    font-size: 1.875em;
    color: #263a49;
    margin-bottom: .5em;
    text-transform: capitalize; }
  .contact-page .contacts-and-locations .contacts {
    width: 29em; }
    .contact-page .contacts-and-locations .contacts .person {
      float: left;
      width: 11.125em;
      border-top: 2px solid #ccc;
      padding: 1em; }
      .contact-page .contacts-and-locations .contacts .person.left-side {
        margin-right: 2.5em; }
      .contact-page .contacts-and-locations .contacts .person .left {
        width: 8.775em;
        padding-bottom: .5em; }
      .contact-page .contacts-and-locations .contacts .person .icon {
        float: left;
        width: 20px;
        height: 21px;
        margin: .25em .5em 0 0;
        background: url(../images/sprite-master.png) no-repeat -600px -399px; }
      .contact-page .contacts-and-locations .contacts .person h4 {
        font-size: 0.875em;
        font-weight: 600;
        color: #263a49; }
      .contact-page .contacts-and-locations .contacts .person h5 {
        font-size: 0.875em;
        color: #9ea5aa; }
      .contact-page .contacts-and-locations .contacts .person a {
        color: #2798e2;
        font-size: 0.875em;
        text-decoration: none; }
      .contact-page .contacts-and-locations .contacts .person span {
        color: #747f87;
        font-size: 0.875em; }
  .contact-page .contacts-and-locations .office-locations .office-location-map {
    position: relative;
    width: 500px;
    height: 300px;
    margin-right: -1.8em; }
    .contact-page .contacts-and-locations .office-locations .office-location-map .map {
      position: relative;
      margin: 2em 0 0 -.7em; }
    .contact-page .contacts-and-locations .office-locations .office-location-map .dots {
      position: absolute;
      z-index: 2;
      cursor: pointer;
      padding: 5px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .dots.sfsj {
        top: 136px;
        left: 42px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .dots.ny {
        top: 157px;
        left: 112px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .dots.uk {
        top: 127px;
        left: 214px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .dots.brz {
        top: 249px;
        left: 149px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .dots.chi {
        top: 145px;
        left: 375px; }
    .contact-page .contacts-and-locations .office-locations .office-location-map .tooltip {
      position: absolute;
      z-index: 5;
      background: #aabcc8;
      color: #fff;
      font-size: 0.688em;
      font-weight: 600;
      text-transform: uppercase;
      padding: 1em;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -o-border-radius: 2px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .tooltip img {
        position: absolute;
        left: 50%;
        bottom: -5px;
        margin-left: -10px; }
      .contact-page .contacts-and-locations .office-locations .office-location-map .tooltip .line {
        padding-top: 4px;
        margin-top: 5px;
        text-align: center;
        border-top: 1px solid #8299a8; }

.unsubscribe-page {
  background: #eff1f2; }
  .unsubscribe-page .red {
    color: #ca3e3e; }
  .unsubscribe-page footer {
    position: fixed;
    width: 100%;
    bottom: 0; }
  .unsubscribe-page .unsubscribe-box {
    text-align: center;
    color: #747f87;
    background: #fff;
    width: 470px;
    padding: 50px;
    margin: 110px auto; }
    .unsubscribe-page .unsubscribe-box .header {
      color: #2798e2;
      font-size: 2em;
      padding-bottom: 20px;
      font-weight: 200; }
    .unsubscribe-page .unsubscribe-box p {
      font-size: 1.125em; }
    .unsubscribe-page .unsubscribe-box .text-box {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: #d6dde2;
      padding: 1em;
      font-size: 1.2em;
      color: #555;
      text-align: center;
      margin-top: 2em;
      margin-bottom: .65em;
      width: 100%;
      border: none;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -o-border-radius: 2px; }
    .unsubscribe-page .unsubscribe-box .submit {
      font-size: 1.5em;
      padding: .8em;
      width: 100%; }

.legal-details-page .white-box .title {
  color: #788c97;
  font-size: 0.750em;
  font-weight: 600;
  padding-bottom: 1.6em;
  text-transform: uppercase; }
.legal-details-page .terms-wrap {
  padding: 0 3.438em 1.65em 3.438em; }
.legal-details-page .headers {
  color: #788c97;
  font-weight: 600;
  font-size: 1.125em;
  padding-bottom: 1.563em;
  border-top: 1px solid #d6d6d6;
  padding-top: 1.363em;
  margin-top: 1.363em; }
.legal-details-page .blocks {
  color: #788c97;
  font-size: 1.125em;
  line-height: 1.4;
  font-weight: 200;
  padding-bottom: 1.363em; }

.games-page {
  background: #192a33; }
  .games-page .featured-bar {
    position: relative;
    z-index: 100;
    background: #263a45;
    box-shadow: 0 0.125em 0 0 rgba(0, 0, 0, 0.2);
    padding: 1em 0 1em 2em; }
    .games-page .featured-bar h3 {
      color: #88a0ae;
      font-size: 1.5em; }
  .games-page .alert {
    background: #2798e2;
    padding: 1.75em;
    color: #fff;
    text-align: center; }
    .games-page .alert span {
      color: #e0fe17; }
  .games-page .games-main-slider {
    opacity: 0; }
    .games-page .games-main-slider .arrow-left {
      position: absolute;
      z-index: 100;
      top: 44%;
      left: 2%;
      opacity: .2;
      width: 40px;
      height: 40px;
      background: url(../images/sprite-master.png) no-repeat -592px -297px; }
    .games-page .games-main-slider .arrow-right {
      position: absolute;
      z-index: 100;
      top: 44%;
      right: 2%;
      opacity: .2;
      width: 40px;
      height: 40px;
      background: url(../images/sprite-master.png) no-repeat -590px -347px; }
    .games-page .games-main-slider .arrow-right:hover, .games-page .games-main-slider .arrow-left:hover {
      opacity: .8;
      cursor: pointer; }
    .games-page .games-main-slider .support-image {
      position: absolute;
      top: 2em;
      left: 20%; }
    .games-page .games-main-slider .slide0 .support-image {
      position: absolute;
      z-index: 8;
      left: 50%;
      width: 1400px;
      top: -450px;
      margin-left: -800px;
      -webkit-animation: spinSlow 50.5s infinite linear;
      -moz-animation: spinSlow 50.5s infinite linear;
      animation: spinSlow 50.5s infinite linear; }
    .games-page .games-main-slider .slide1 .support-image {
      display: none;
      left: 25%; }
    .games-page .games-main-slider .slide2 .support-image {
      top: -1em;
      left: 10%; }
    .games-page .games-main-slider li {
      height: 430px;
      background: #192a33;
      overflow: hidden; }
    .games-page .games-main-slider .featured-img {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 50%;
      margin-left: -750px; }
    .games-page .games-main-slider .active {
      display: block; }
    .games-page .games-main-slider .game-info {
      position: relative;
      z-index: 50;
      float: right;
      width: 26.875em;
      padding: 2.813em 1.875em;
      margin: 2em 0 0 0;
      background: url(../images/games-box-bg.png);
      box-sizing: border-box;
      -moz-box-sizing: border-box; }
      .games-page .games-main-slider .game-info .appstore-label {
        position: absolute;
        top: 0;
        right: 0; }
      .games-page .games-main-slider .game-info h3 {
        padding: 0 0 1em 0;
        color: #2296e2;
        font-size: 0.750em;
        font-weight: 600;
        text-decoration: underline;
        text-transform: uppercase; }
      .games-page .games-main-slider .game-info h2 {
        color: #fff;
        font-size: 1.875em;
        font-weight: 300;
        text-transform: capitalize; }
      .games-page .games-main-slider .game-info h5 {
        padding: 0 0 2em 0;
        font-size: 1.125em;
        color: #364b57;
        text-transform: capitalize; }
      .games-page .games-main-slider .game-info p {
        color: #a3b1bd;
        padding-bottom: 1.6em; }
      .games-page .games-main-slider .game-info .star {
        position: relative;
        top: .35em;
        width: 19px;
        height: 19px;
        background: url(../images/sprite-master.png) no-repeat -303px -400px;
        display: inline-block;
        margin: .4em .1em 0 .1em; }
      .games-page .games-main-slider .game-info .star-off {
        position: relative;
        top: .35em;
        width: 19px;
        height: 19px;
        background: url(../images/sprite-master.png) no-repeat -399px -400px;
        display: inline-block;
        margin: 0 .1em 0 .1em; }
      .games-page .games-main-slider .game-info .ratings {
        position: relative;
        top: -.2em;
        margin-left: .3em;
        display: inline-block;
        color: #364b57;
        font-size: 0.938em; }
  .games-page .game-download {
    width: 560px;
    margin: auto;
    background: #fff; }
    .games-page .game-download .title {
      color: #101c22;
      font-size: 2.250em;
      font-weight: 200;
      text-align: center;
      display: block;
      padding: .25em .25em .4em .25em; }
    .games-page .game-download .brick-and-send {
      background: #192a33; }
    .games-page .game-download .send {
      width: 140px;
      height: 70px;
      background: url(../images/sprite-master.png) no-repeat -800px -300px;
      margin: 3em 0 0 3.6em; }
    .games-page .game-download .details {
      color: #101c22;
      font-size: 1.500em;
      font-weight: 200;
      text-align: center;
      display: block;
      padding: 1em 2em; }
    .games-page .game-download .input-row {
      padding: 0 3em 1.5em 3em; }
      .games-page .game-download .input-row input[type=text] {
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        display: block;
        width: 16.313em;
        background: #d6dde2;
        padding: 1.3em .9em;
        margin-right: .75em;
        font-weight: 200;
        font-size: 1.063em;
        border: none;
        border-top: 2px solid #d6dde2;
        border-radius: 0.125em;
        -moz-border-radius: 0.125em;
        -webkit-border-radius: 0.125em;
        -o-border-radius: 0.125em;
        outline: none; }
        .games-page .game-download .input-row input[type=text]:focus {
          border-top: 2px solid #2798e2;
          background: #eff1f2; }
  .games-page .game-rows {
    padding: 1.35em 0 0 0;
    background: #e9eff4; }
    .games-page .game-rows h2 {
      font-size: .938em;
      font-weight: 600;
      color: #6e848e;
      text-align: center;
      margin-bottom: 1.25em;
      text-transform: uppercase; }
    .games-page .game-rows .games {
      text-align: center; }
    .games-page .game-rows .fade-in {
      -webkit-transition: all .4s ease-in-out;
      opacity: 1 !important; }
    .games-page .game-rows .game-card {
      opacity: 0;
      position: relative;
      display: inline-block;
      width: 19.5em;
      margin: 0 1.1em 2.25em 1.1em;
      background: #fff;
      border: 1px solid #e8e8e8;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -o-border-radius: 2px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
      text-align: left; }
      .games-page .game-rows .game-card .quick-info {
        padding: 0 1.25em 1em 1.25em; }
      .games-page .game-rows .game-card .pub {
        display: block;
        max-width: 80%;
        overflow: hidden;
        white-space: nowrap;
        color: #a3b2bb;
        font-size: .8em; }
      .games-page .game-rows .game-card .star-fade {
        position: absolute;
        right: 30%;
        height: 180%;
        z-index: 1;
        width: 100%; }
      .games-page .game-rows .game-card .star-row {
        position: absolute;
        z-index: 2;
        right: 1.25em;
        padding-top: .3em; }
      .games-page .game-rows .game-card .star {
        position: relative;
        z-index: 1;
        top: .35em;
        width: 17px;
        height: 17px;
        background: url(../images/sprite-master.png) no-repeat -850px -50px;
        display: inline-block;
        margin: .4em .1em 0 .1em; }
      .games-page .game-rows .game-card .star-off {
        position: relative;
        z-index: 2;
        top: .35em;
        width: 17px;
        height: 17px;
        background: url(../images/sprite-master.png) no-repeat -950px -50px;
        display: inline-block;
        margin: 0 .1em 0 .1em; }
      .games-page .game-rows .game-card img {
        width: 100%;
        display: block; }
      .games-page .game-rows .game-card .appstore-label {
        position: absolute;
        width: 45%;
        top: 0;
        right: 0; }
      .games-page .game-rows .game-card a {
        display: inline-block;
        max-width: 80%;
        overflow: hidden;
        white-space: nowrap;
        color: #2798e2;
        cursor: text;
        text-decoration: none;
        padding: .65em 0 0 0;
        font-size: 1.125em;
        text-transform: capitalize; }

.verizon-games-page {
  padding: 0 !important;
  background: #182933; }
  .verizon-games-page .content {
    width: 920px;
    margin: auto; }
  .verizon-games-page .main {
    background: url(../images/vzwgames-bg.png) repeat-x;
    padding-top: 28px;
    padding-bottom: 85px; }
    .verizon-games-page .main .content {
      padding-top: 15px; }
      .verizon-games-page .main .content .phones {
        float: left;
        margin-left: 47px;
        margin-right: -20px; }
      .verizon-games-page .main .content .announcing {
        float: left;
        width: 330px;
        margin: 170px 0 0 0; }
        .verizon-games-page .main .content .announcing p {
          color: #7e8a91;
          font-size: 20px; }
        .verizon-games-page .main .content .announcing h1 {
          color: #eb2828;
          font-weight: 200;
          font-size: 72px;
          margin-top: -22px; }
        .verizon-games-page .main .content .announcing h2 {
          position: relative;
          color: #334a57;
          font-weight: 700;
          font-style: italic;
          font-size: 72px; }
        .verizon-games-page .main .content .announcing .vzw {
          margin: 20px 0 0 -10px; }
      .verizon-games-page .main .content .big-bullets {
        float: left;
        width: 200px;
        margin: 27px 40px 0 0;
        color: #334a57;
        font-size: 20px;
        text-align: center; }
      .verizon-games-page .main .content .big-bullets.last {
        margin-right: 0; }
      .verizon-games-page .main .content .big-bullets h3 {
        padding: 30px 0 0 0; }
  .verizon-games-page .start-playing {
    background: #20313c;
    padding: 0 0 100px 0; }
    .verizon-games-page .start-playing h4 {
      padding: 40px 0 0 0;
      color: #36adf8;
      font-size: 38px;
      font-weight: 200;
      text-align: center; }
    .verizon-games-page .start-playing h5 {
      padding: 10px 0 26px 0;
      color: #788a95;
      font-size: 24px;
      text-align: center; }
    .verizon-games-page .start-playing .or {
      padding: 0 0 70px 0; }
    .verizon-games-page .start-playing .steps {
      position: absolute;
      bottom: -63px;
      left: 80px;
      color: #788a95;
      font-size: 25px; }
    .verizon-games-page .start-playing .steps span {
      font-weight: 200;
      margin: 0 12px; }
    .verizon-games-page .start-playing #slider {
      margin-left: 70px; }
    .verizon-games-page .start-playing ol.bjqs-markers {
      position: relative;
      top: 30px;
      margin-left: 178px !important; }
    .verizon-games-page .start-playing ol.bjqs-markers li a {
      color: #788a95;
      text-decoration: none;
      font-size: 25px;
      margin: 0 7px 0 7px; }
    .verizon-games-page .start-playing ol.bjqs-markers li.active-marker a {
      color: #21a4f7; }
    .verizon-games-page .start-playing .blurb {
      float: right;
      width: 425px; }
    .verizon-games-page .start-playing .blurb .start {
      color: #fff;
      font-size: 38px;
      font-weight: 200;
      padding: 10px 0 20px 0; }
    .verizon-games-page .start-playing .blurb .info {
      color: #788a95;
      font-size: 24px; }
    .verizon-games-page .start-playing .blurb span.outter {
      position: relative;
      color: #fff;
      background: #eb2828;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      padding: 2px 6px 5px 45px;
      margin: 0 3px;
      font-size: 31px;
      display: inline-block; }
    .verizon-games-page .start-playing .blurb span.inner {
      color: #fff;
      background: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      padding: 0;
      margin: 0;
      font-size: 44px;
      position: absolute;
      top: 5px;
      left: 6px; }
  .verizon-games-page .footer {
    text-align: center;
    padding: 40px 0 100px 0; }

/* Basic jQuery Slider essential styles */
ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none; }

li.bjqs-slide {
  position: absolute;
  display: none; }

ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999; }

ul.bjqs-controls.v-centered li a {
  position: absolute; }

ul.bjqs-controls.v-centered li.bjqs-next a {
  right: 0; }

ul.bjqs-controls.v-centered li.bjqs-prev a {
  left: 0; }

ol.bjqs-markers {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; }

ol.bjqs-markers.h-centered {
  text-align: center; }

ol.bjqs-markers li {
  display: inline; }

ol.bjqs-markers li a {
  display: inline-block; }

p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0; }

.vzw-page, .tango-page {
  color: #788a95; }
  .vzw-page .floating-bar, .tango-page .floating-bar {
    position: fixed;
    z-index: 10;
    margin-top: -2px;
    width: 100%;
    background: url(../images/vzw-trans-bg.png);
    padding: 16px 0 10px 0;
    text-align: center; }
    .vzw-page .floating-bar .login, .tango-page .floating-bar .login {
      color: #788a95; }
    .vzw-page .floating-bar span, .tango-page .floating-bar span {
      color: #c3cace; }
    .vzw-page .floating-bar .btn-blue, .tango-page .floating-bar .btn-blue {
      margin-right: 20px; }
  .vzw-page h2, .tango-page h2 {
    color: #334a57;
    font-size: 2.375em; }
  .vzw-page .games-on-verizon, .tango-page .games-on-verizon {
    height: 30.750em;
    text-align: center;
    padding: 2.7em 0 0 0;
    background: #f0f2f3 url(../images/vzw-main-bg.png) no-repeat center top; }
    .vzw-page .games-on-verizon .max-content-width img, .tango-page .games-on-verizon .max-content-width img {
      position: relative;
      top: -7px; }
    .vzw-page .games-on-verizon .max-content-width span, .vzw-page .games-on-verizon .max-content-width p, .tango-page .games-on-verizon .max-content-width span, .tango-page .games-on-verizon .max-content-width p {
      font-size: 1.125em; }
    .vzw-page .games-on-verizon .max-content-width h4, .tango-page .games-on-verizon .max-content-width h4 {
      padding: 2em 0;
      text-align: center; }
    .vzw-page .games-on-verizon .max-content-width .btn-blue, .tango-page .games-on-verizon .max-content-width .btn-blue {
      margin: 0 1em 0 1.25em;
      font-size: 1.375em;
      font-weight: 600; }
    .vzw-page .games-on-verizon .max-content-width .login, .tango-page .games-on-verizon .max-content-width .login {
      color: #334957; }
  .vzw-page .games-on-tango, .tango-page .games-on-tango {
    height: 30.750em;
    z-index: 200;
    text-align: center;
    padding: 2.7em 0 0 0;
    background: #f0f2f3; }
    .vzw-page .games-on-tango .max-content-width p, .tango-page .games-on-tango .max-content-width p {
      font-size: 1.125em; }
    .vzw-page .games-on-tango .max-content-width .tango-orange, .tango-page .games-on-tango .max-content-width .tango-orange {
      color: #ff561e;
      font-style: italic;
      font-weight: 600; }
    .vzw-page .games-on-tango .max-content-width h4, .tango-page .games-on-tango .max-content-width h4 {
      width: 50%;
      margin: auto;
      padding: 1em 0 2em;
      text-align: center; }
    .vzw-page .games-on-tango .max-content-width img, .tango-page .games-on-tango .max-content-width img {
      margin-top: 3em; }
    .vzw-page .games-on-tango .max-content-width .btn-blue, .tango-page .games-on-tango .max-content-width .btn-blue {
      margin: 0 1em 0 1.25em;
      font-size: 1.375em;
      text-transform: none;
      font-weight: 600; }
  .vzw-page .reach-users, .tango-page .reach-users {
    position: relative;
    height: 38.750em;
    background: url(../images/vzw-section-bg-maps.jpg) no-repeat right center; }
    .vzw-page .reach-users p, .tango-page .reach-users p {
      line-height: 1.4;
      font-size: 1.125em; }
    .vzw-page .reach-users span, .tango-page .reach-users span {
      font-weight: 600;
      font-style: italic; }
    .vzw-page .reach-users img, .tango-page .reach-users img {
      top: -274px;
      left: 20%;
      position: absolute; }
    .vzw-page .reach-users .left, .tango-page .reach-users .left {
      width: 29.063em; }
    .vzw-page .reach-users h2, .tango-page .reach-users h2 {
      padding: 6.2em 0 .45em 0; }
    .vzw-page .reach-users .carrier-list, .tango-page .reach-users .carrier-list {
      padding-top: 6em;
      text-align: center; }
      .vzw-page .reach-users .carrier-list li, .tango-page .reach-users .carrier-list li {
        font-size: .75em;
        margin: 0 1.5em;
        text-transform: uppercase;
        font-weight: bold;
        color: #353535;
        display: inline; }
      .vzw-page .reach-users .carrier-list li.first, .tango-page .reach-users .carrier-list li.first {
        color: #999999; }
  .vzw-page .integrate-sdk, .tango-page .integrate-sdk {
    background: #eff1f2;
    height: 29.688em; }
    .vzw-page .integrate-sdk p, .tango-page .integrate-sdk p {
      line-height: 1.4;
      font-size: 1.125em; }
    .vzw-page .integrate-sdk img, .tango-page .integrate-sdk img {
      margin-left: -95px;
      margin-top: -65px; }
    .vzw-page .integrate-sdk .right, .tango-page .integrate-sdk .right {
      width: 29.063em; }
    .vzw-page .integrate-sdk .btn-blue, .tango-page .integrate-sdk .btn-blue {
      display: block;
      width: 140px;
      padding: .6em 0;
      text-align: center;
      margin: 2em 0 0 0; }
    .vzw-page .integrate-sdk h2, .tango-page .integrate-sdk h2 {
      padding: 2em 0 .45em 0; }
  .vzw-page .direct-billing, .tango-page .direct-billing {
    position: relative;
    z-index: 2;
    height: 30.750em; }
    .vzw-page .direct-billing p, .tango-page .direct-billing p {
      line-height: 1.4;
      font-size: 1.125em; }
    .vzw-page .direct-billing span, .tango-page .direct-billing span {
      font-weight: 600;
      font-style: italic; }
    .vzw-page .direct-billing img, .tango-page .direct-billing img {
      position: relative;
      top: 2.75em;
      float: right; }
    .vzw-page .direct-billing .left, .tango-page .direct-billing .left {
      width: 26.063em; }
    .vzw-page .direct-billing h2, .tango-page .direct-billing h2 {
      padding: 3.2em 0 .45em 0; }
  .vzw-page .gain-insights, .tango-page .gain-insights {
    position: relative;
    background: #eff1f2; }
    .vzw-page .gain-insights .max-content-width, .tango-page .gain-insights .max-content-width {
      height: 31.688em; }
    .vzw-page .gain-insights p, .tango-page .gain-insights p {
      line-height: 1.4;
      font-size: 1.125em; }
    .vzw-page .gain-insights img, .tango-page .gain-insights img {
      position: absolute;
      bottom: -2px; }
    .vzw-page .gain-insights .right, .tango-page .gain-insights .right {
      margin: 7em 0 0 0;
      width: 29.063em; }
    .vzw-page .gain-insights h2, .tango-page .gain-insights h2 {
      padding: 2em 0 .45em 0; }

.tango-page .reach-users h2 {
  padding: 4em 0 .45em 0; }
.tango-page .reach-users img {
  top: -290px; }

.weplay-devs-page {
  color: #788a95; }
  .weplay-devs-page .floating-bar {
    position: fixed;
    z-index: 10;
    margin-top: -2px;
    width: 100%;
    background: url(../images/carrier-imgs-trans-bg.png);
    padding: 16px 0 10px 0;
    text-align: center; }
    .weplay-devs-page .floating-bar .login {
      color: #788a95; }
    .weplay-devs-page .floating-bar span {
      color: #c3cace; }
    .weplay-devs-page .floating-bar .btn-blue {
      margin-right: 20px; }
  .weplay-devs-page h2 {
    color: #334a57;
    font-size: 2.375em; }
  .weplay-devs-page .games-on-singtel {
    padding: 2.7em 0;
    background: #f0f2f3 url(../images/carrier-imgs-main-bg.png) no-repeat center top; }
    .weplay-devs-page .games-on-singtel .max-content-width .ellipses-1 {
      position: absolute;
      top: -8.7em;
      left: -64px; }
    .weplay-devs-page .games-on-singtel .max-content-width .ellipses-2 {
      position: absolute;
      bottom: -2.7em;
      right: 0px; }
    .weplay-devs-page .games-on-singtel .max-content-width .right {
      margin-left: .75em;
      width: 30.3em; }
    .weplay-devs-page .games-on-singtel .max-content-width .announcing {
      padding-top: .8em;
      margin-bottom: 2em;
      margin-left: -1em; }
    .weplay-devs-page .games-on-singtel .max-content-width h2 {
      position: relative;
      z-index: 2;
      text-align: center;
      padding: .1em 0 0em 0; }
    .weplay-devs-page .games-on-singtel .max-content-width h5 {
      color: #14b795;
      font-weight: 600;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 1.45em; }
    .weplay-devs-page .games-on-singtel .max-content-width span, .weplay-devs-page .games-on-singtel .max-content-width p {
      font-size: 1.125em; }
    .weplay-devs-page .games-on-singtel .max-content-width .larger {
      font-size: 1.5em; }
    .weplay-devs-page .games-on-singtel .max-content-width h4 {
      padding: 2em 0;
      text-align: center; }
    .weplay-devs-page .games-on-singtel .max-content-width .sign-up-row {
      margin-left: -1em;
      padding-top: 1em; }
    .weplay-devs-page .games-on-singtel .max-content-width .btn-blue {
      position: relative;
      top: .2em;
      margin: 0 1em 0 0;
      font-size: 1.375em;
      font-weight: 600;
      padding: .6em .85em; }
    .weplay-devs-page .games-on-singtel .max-content-width .login {
      color: #2798e2; }
  .weplay-devs-page .white-row {
    border-top: 2px solid #e7eaec;
    padding: 2.5em 0 2em 0; }
    .weplay-devs-page .white-row p {
      line-height: 1.4;
      font-size: 1.125em; }
    .weplay-devs-page .white-row span {
      font-weight: 600;
      font-style: italic; }
    .weplay-devs-page .white-row img {
      position: relative;
      float: right; }
    .weplay-devs-page .white-row .left {
      margin-top: .75em;
      width: 28.063em; }
    .weplay-devs-page .white-row h2 {
      padding: .3em 0 .45em 0; }
    .weplay-devs-page .white-row .btn-blue {
      display: block;
      width: 140px;
      padding: .6em 0;
      text-align: center;
      margin: 1em 0 0 0; }
  .weplay-devs-page .what-devs-are-saying {
    padding-bottom: 3em; }
    .weplay-devs-page .what-devs-are-saying h5 {
      font-size: .9em;
      font-weight: 600;
      text-align: center;
      color: #4b6879;
      padding-bottom: .7em;
      border-bottom: 2px solid #e3e3e3; }
    .weplay-devs-page .what-devs-are-saying .quote {
      float: left;
      width: 29%;
      text-align: center;
      margin: 1em 0;
      padding: 0 2%; }
    .weplay-devs-page .what-devs-are-saying .quote.middle {
      border-right: 2px solid #e3e3e3;
      border-left: 2px solid #e3e3e3; }
  .weplay-devs-page .integrate-sdk {
    background: #eff1f2;
    height: 33.7em; }
    .weplay-devs-page .integrate-sdk p {
      line-height: 1.4;
      font-size: 1.125em; }
    .weplay-devs-page .integrate-sdk img {
      margin: 1.2em 0 0 -7.5em; }
    .weplay-devs-page .integrate-sdk .right {
      margin: 1.5em 0 0 -7em;
      width: 29.063em; }
    .weplay-devs-page .integrate-sdk .btn-blue {
      display: block;
      width: 140px;
      padding: .6em 0;
      text-align: center;
      margin: 2em 0 0 0; }
    .weplay-devs-page .integrate-sdk h2 {
      padding: 2em 0 .45em 0; }
  .weplay-devs-page .direct-billing {
    position: relative;
    z-index: 2;
    height: 30.750em; }
    .weplay-devs-page .direct-billing p {
      line-height: 1.4;
      font-size: 1.125em; }
    .weplay-devs-page .direct-billing span {
      font-weight: 600;
      font-style: italic; }
    .weplay-devs-page .direct-billing img {
      position: relative;
      top: 2.75em;
      float: right; }
    .weplay-devs-page .direct-billing .left {
      width: 26.063em; }
    .weplay-devs-page .direct-billing h2 {
      padding: 3.2em 0 .45em 0; }
  .weplay-devs-page .gain-insights {
    position: relative;
    background: #eff1f2; }
    .weplay-devs-page .gain-insights .max-content-width {
      height: 31.688em; }
    .weplay-devs-page .gain-insights p {
      line-height: 1.4;
      font-size: 1.125em; }
    .weplay-devs-page .gain-insights img {
      position: absolute;
      bottom: -2px; }
    .weplay-devs-page .gain-insights .right {
      margin: 7em 0 0 0;
      width: 29.063em; }
    .weplay-devs-page .gain-insights h2 {
      padding: 2em 0 .45em 0; }

.weplay-page {
  font-family: 'Source Sans Pro', sans-serif;
  background: #a8a6a1;
  background: -moz-linear-gradient(top, #a8a6a1 0%, #eceae1 20%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a6a1), color-stop(20%, #eceae1));
  background: -webkit-linear-gradient(top, #a8a6a1 0%, #eceae1 20%);
  background: -o-linear-gradient(top, #a8a6a1 0%, #eceae1 20%);
  background: -ms-linear-gradient(top, #a8a6a1 0%, #eceae1 20%);
  background: linear-gradient(top, #a8a6a1 0%, #eceae1 20%);
  padding-bottom: 3em;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .weplay-page .loader {
    width: 106px;
    height: 106px;
    position: absolute;
    z-index: -1;
    top: 120px;
    left: 200px;
    background: url(../images/carrierpages/weplay/loader.png) no-repeat;
    -webkit-animation: spin .5s infinite linear;
    -moz-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear; }
  .weplay-page .site-width {
    width: 950px;
    margin: auto; }
  .weplay-page header {
    padding: 0;
    opacity: 1;
    background: #000; }
    .weplay-page header .logo {
      padding: .6em .5em .6em .5em; }
    .weplay-page header .dev-info {
      float: right;
      font-family: 'Source Sans Pro', sans-serif;
      padding: 10px;
      color: #a19c8d; }
      .weplay-page header .dev-info a {
        color: #a19c8d; }
    .weplay-page header .nav {
      float: right;
      padding-top: .7em; }
    .weplay-page header .nav li {
      display: inline-block;
      float: left;
      padding: 0 2em;
      border-right: 1px solid #a19c8d; }
    .weplay-page header .nav li.last {
      padding-right: 0;
      border: none; }
    .weplay-page header .nav li a {
      font-size: 14px;
      color: #a19c8d;
      text-decoration: none; }
  .weplay-page span.social {
    position: relative;
    left: -11px;
    text-transform: uppercase;
    color: #a19c8d;
    font-size: 12px; }
  .weplay-page .right.social {
    padding-right: 20px; }
  .weplay-page .right.social img {
    width: 29px; }
  .weplay-page .main-content .not-supported {
    padding: .75em;
    font-size: 14px;
    color: #fff;
    width: 950px;
    margin: auto;
    background: #921c1c;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    opacity: .87;
    text-align: center; }
  .weplay-page .main-content .phone {
    padding: 5.3em 0em 0 1em; }
  .weplay-page .main-content .right {
    width: 535px;
    padding: 5.9em 0 0 0; }
    .weplay-page .main-content .right .start {
      padding: 1.48em 0 1em 0; }
    .weplay-page .main-content .right .download {
      -webkit-transition: border-radius .2s ease;
      float: left;
      display: block;
      background: #ccc;
      padding: .45em 2.2em;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -o-border-radius: 8px;
      color: #fff;
      text-decoration: none;
      font-size: 26px; }
    .weplay-page .main-content .right .download.active {
      background: #13b794; }
    .weplay-page .main-content .right .download.active:hover {
      background: #26c8a5; }
    .weplay-page .main-content .right .download:hover {
      background: #ccc; }
    .weplay-page .main-content .right .download.active:active {
      background: #099779; }
    .weplay-page .main-content .right .download:active {
      background: #ccc; }
    .weplay-page .main-content .right .points {
      margin-left: -27px;
      padding-top: 2.8em; }
    .weplay-page .main-content .right .points .point {
      float: left;
      width: 130px;
      margin-right: 14px;
      font-size: 12px;
      color: #a19c8d;
      text-align: center; }
    .weplay-page .main-content .right .points .point p {
      padding-top: .5em; }
    .weplay-page .main-content .right .points .point.last {
      margin-right: 0; }
  .weplay-page .featured-games {
    padding-bottom: 4.688em; }
    .weplay-page .featured-games .games {
      padding-left: 50px; }
      .weplay-page .featured-games .games .game {
        opacity: .85;
        position: relative;
        float: left;
        margin-right: 13px;
        width: 217px;
        height: 106px;
        cursor: pointer; }
      .weplay-page .featured-games .games .game:hover {
        opacity: 1; }
      .weplay-page .featured-games .games .featured {
        padding: 4em 0 1em 0; }
      .weplay-page .featured-games .games .game .title {
        -webkit-transition: all .1s ease-in-out;
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: .85;
        color: #fff;
        background: #000;
        font-size: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .3em .5em; }
      .weplay-page .featured-games .games .game:hover .title {
        padding: .6em;
        font-size: 13px; }
  .weplay-page .footer .ppp {
    width: 136px;
    padding-left: 25px; }
  .weplay-page .footer a {
    margin: 0 3px; }
  .weplay-page .footer .term-links a {
    position: relative;
    left: -4px;
    color: #a19c8d;
    margin: 0 10px;
    font-size: 12px; }
  .weplay-page .modal-bg {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../images/carrierpages/weplay/b-overlay.png); }
  .weplay-page .modal {
    display: none;
    position: fixed;
    z-index: 101;
    top: 175px;
    left: 50%;
    margin-left: -250px;
    width: 440px;
    min-height: 405px;
    padding: 50px 30px 30px 30px;
    background: #f5f2e9;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.5);
    /* specifics */ }
    .weplay-page .modal .preview {
      display: none;
      position: absolute;
      top: 2px;
      z-index: 2;
      background: #f5f2e9;
      left: 2px;
      width: 496px;
      height: 350px;
      overflow: hidden; }
    .weplay-page .modal .preview img {
      width: 100%;
      z-index: 10; }
    .weplay-page .modal .x {
      position: absolute;
      top: 15px;
      right: 15px;
      cursor: pointer; }
    .weplay-page .modal .main-image {
      float: left;
      width: 194px;
      height: 120px;
      margin-bottom: 30px; }
    .weplay-page .modal .title-stats {
      width: 225px;
      margin-left: 20px; }
    .weplay-page .modal .title-stats .title {
      font-size: 26px;
      padding-bottom: .3em;
      width: 225px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .weplay-page .modal .title-stats a {
      -webkit-transition: border-radius .2s ease;
      float: left;
      display: block;
      background: #00b4ff;
      padding: .4em 3.2em;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
      color: #fff;
      margin-top: .65em;
      text-decoration: none;
      font-size: 20px; }
    .weplay-page .modal .title-stats a:hover {
      background: #2bc1ff; }
    .weplay-page .modal .title-stats a:active {
      background: #0083ba; }
    .weplay-page .modal .description {
      color: #a19c8d;
      font-size: 17px;
      padding-bottom: 1.5em; }
    .weplay-page .modal .screenshots {
      position: absolute;
      bottom: 30px; }
    .weplay-page .modal .screenshots div {
      float: left;
      width: 142px;
      height: 87px;
      margin-right: 7px;
      cursor: pointer; }
    .weplay-page .modal .screenshots div.last {
      margin-right: 0; }
    .weplay-page .modal.mysingingmonsters .main-image {
      background: url(../images/carrierpages/weplay/t-mysingingmonsters-crop.png); }
    .weplay-page .modal.mysingingmonsters .screenshots .a {
      background: url(../images/carrierpages/weplay/t-mysingingmonsters-1.png); }
    .weplay-page .modal.mysingingmonsters .screenshots .b {
      background: url(../images/carrierpages/weplay/t-mysingingmonsters-2.png); }
    .weplay-page .modal.mysingingmonsters .screenshots .c {
      background: url(../images/carrierpages/weplay/t-mysingingmonsters-3.png); }
    .weplay-page .modal.acornbuster .main-image {
      background: url(../images/carrierpages/weplay/t-acornbuster-crop.png); }
    .weplay-page .modal.acornbuster .screenshots .a {
      background: url(../images/carrierpages/weplay/t-acornbuster-1.png); }
    .weplay-page .modal.acornbuster .screenshots .b {
      background: url(../images/carrierpages/weplay/t-acornbuster-2.png); }
    .weplay-page .modal.acornbuster .screenshots .c {
      background: url(../images/carrierpages/weplay/t-acornbuster-3.png); }
    .weplay-page .modal.cuttherope .main-image {
      background: url(../images/carrierpages/weplay/t-cuttherope-crop.png); }
    .weplay-page .modal.cuttherope .screenshots .a {
      background: url(../images/carrierpages/weplay/t-cuttherope-1.png); }
    .weplay-page .modal.cuttherope .screenshots .b {
      background: url(../images/carrierpages/weplay/t-cuttherope-2.png); }
    .weplay-page .modal.cuttherope .screenshots .c {
      background: url(../images/carrierpages/weplay/t-cuttherope-3.png); }
    .weplay-page .modal.nosferatu .main-image {
      background: url(../images/carrierpages/weplay/t-nosferatu-crop.png); }
    .weplay-page .modal.nosferatu .screenshots .a {
      background: url(../images/carrierpages/weplay/t-nosferatu-1.png); }
    .weplay-page .modal.nosferatu .screenshots .b {
      background: url(../images/carrierpages/weplay/t-nosferatu-2.png); }
    .weplay-page .modal.nosferatu .screenshots .c {
      background: url(../images/carrierpages/weplay/t-nosferatu-3.png); }
  .weplay-page .mobile {
    display: none; }
  .weplay-page .terms {
    position: absolute;
    left: 20%;
    z-index: 100;
    top: 5em;
    width: 60%;
    background: #fff;
    padding: 0 40px 25px 40px;
    box-sizing: border-box;
    font-size: 13px;
    height: 700px;
    overflow-y: scroll;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.4); }
    .weplay-page .terms b {
      display: block;
      font-size: 18px;
      color: #777;
      margin-top: 50px; }
  .weplay-page .term-links {
    padding: 30px;
    text-align: center; }
    .weplay-page .term-links span {
      margin: 0 20px;
      cursor: pointer; }
  .weplay-page .download-box {
    position: fixed;
    z-index: 101;
    top: 175px;
    left: 50%;
    margin-left: -250px;
    width: 440px;
    min-height: 405px;
    padding: 50px 30px 30px 30px;
    background: #f5f2e9;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.5); }
  .weplay-page .steps {
    position: absolute;
    bottom: 40px;
    left: 90px;
    font-size: 26px;
    color: #a19c8d; }
  .weplay-page .bjqs-controls {
    display: none; }
  .weplay-page ol.bjqs-markers li a {
    font-size: 26px;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
    color: #a19c8d; }
  .weplay-page ol.bjqs-markers li.active-marker a {
    color: #e0255e; }
  .weplay-page .tos .x, .weplay-page .privacy .x, .weplay-page .download-box .x {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer; }
  .weplay-page ol.bjqs-markers {
    text-align: center; }
  .weplay-page ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%; }
  .weplay-page #steps {
    margin: auto; }

.error-page {
  background: #eff1f2;
  text-align: center; }
  .error-page .error-message {
    min-height: 600px; }
    .error-page .error-message p {
      font-size: 2em;
      font-weight: 200;
      color: #2798e2; }
    .error-page .error-message img {
      -webkit-transform: rotate(359deg);
      -webkit-transition: all 2s ease;
      -moz-transform: rotate(359deg);
      -moz-transition: all 2s ease;
      padding: 7em 0 2em 0; }
  .error-page footer {
    position: fixed;
    bottom: 0;
    width: 100%; }

@media all and (max-width: 1020px) {
  .resp {
    display: none; }

  .heat {
    display: none; }

  .faces {
    display: none; }

  .max-content-width {
    width: 100%;
    padding: 0 1.5em;
    margin: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-width: 790px; }

  .main-slider .slide-1 .slide-content {
    width: 44%; }

  .tour .heavy-col {
    width: 40%; }
    .tour .heavy-col h4.darkbl {
      font-size: 2.5em; }
    .tour .heavy-col h2 {
      font-size: 2em; }

  .discover-games {
    height: auto; }
    .discover-games .split.left {
      width: 40%; }
    .discover-games .split.right {
      margin-right: 1.75em; }
    .discover-games h2 {
      padding-top: .8em; }
    .discover-games .discover-portal {
      width: 150%;
      bottom: 7em;
      left: -1em; }
    .discover-games .discover-nosferatu {
      width: 35%;
      top: 8em;
      left: 15em; }
    .discover-games .discover-assaulter {
      width: 35%;
      top: 8em;
      left: 5em; }

  .next-level .split.left {
    width: 40%; }

  .next-level h2 {
    font-size: 2.5em; }

  .maximize-revenue .split.right {
    width: 40%; }

  .maximize-revenue h2 {
    padding-top: 2em; }

  .about-page .about-slider {
    position: relative;
    z-index: 0;
    height: 572px;
    width: 100%;
    background: #eff1f2; }
  .about-page .swiper-wrapper {
    position: relative; }
    .about-page .swiper-wrapper li {
      width: 100%;
      height: 572px; }
    .about-page .swiper-wrapper .slide-1 .phone, .about-page .swiper-wrapper .slide-2 .phone, .about-page .swiper-wrapper .slide-3 .phone {
      position: absolute;
      left: 6.113em;
      bottom: 7.8em;
      width: 30%; }
    .about-page .swiper-wrapper .slide-1 .controller, .about-page .swiper-wrapper .slide-2 .controller, .about-page .swiper-wrapper .slide-3 .controller {
      position: absolute;
      z-index: 3;
      left: 3.4em;
      bottom: 5.55em;
      width: 30%; }
    .about-page .swiper-wrapper .slide-1 .slide-content, .about-page .swiper-wrapper .slide-2 .slide-content, .about-page .swiper-wrapper .slide-3 .slide-content {
      width: 50%;
      margin-right: .75em;
      margin-top: 8.75em; }
      .about-page .swiper-wrapper .slide-1 .slide-content .btn-blue, .about-page .swiper-wrapper .slide-2 .slide-content .btn-blue, .about-page .swiper-wrapper .slide-3 .slide-content .btn-blue {
        font-size: 0.875em;
        margin: 1em 0 0 .5em;
        padding: .6em 1.2em; }
      .about-page .swiper-wrapper .slide-1 .slide-content p, .about-page .swiper-wrapper .slide-2 .slide-content p, .about-page .swiper-wrapper .slide-3 .slide-content p {
        font-size: 2.063em;
        font-weight: 200;
        color: #6e7880; }
      .about-page .swiper-wrapper .slide-1 .slide-content h2, .about-page .swiper-wrapper .slide-2 .slide-content h2, .about-page .swiper-wrapper .slide-3 .slide-content h2 {
        color: #263a49;
        line-height: 1.1;
        font-size: 4em; }
      .about-page .swiper-wrapper .slide-1 .slide-content h3, .about-page .swiper-wrapper .slide-2 .slide-content h3, .about-page .swiper-wrapper .slide-3 .slide-content h3 {
        font-weight: 400; }
    .about-page .swiper-wrapper .slide-2 .claro {
      top: 10em;
      left: 1em;
      width: 40%; }
    .about-page .swiper-wrapper .slide-2 .slide-content {
      width: 55%;
      margin-top: 12em; }
      .about-page .swiper-wrapper .slide-2 .slide-content h2 {
        font-size: 3em; }
    .about-page .swiper-wrapper .slide-3 .lion {
      top: 0;
      left: 1em;
      width: 47%; }
    .about-page .swiper-wrapper .slide-3 .slide-content {
      width: 50%;
      margin-right: -2em;
      margin-top: 11em; }
      .about-page .swiper-wrapper .slide-3 .slide-content h2 {
        font-size: 2.3em; }
  .about-page .about-us {
    margin-top: 0;
    height: auto;
    padding-bottom: 3em;
    background-position: bottom; }
    .about-page .about-us h2 {
      font-size: 3.5em; }
    .about-page .about-us h4 {
      font-weight: 400;
      font-size: 1.2em; }

  .press-page .press-banner img {
    margin-right: -5em; }
  .press-page .press-banner .text-box {
    width: 46%;
    padding-top: 3em;
    margin-right: 5%; }
  .press-page .news-and-events .upcoming-events {
    width: 100%; }
  .press-page .news-and-events .in-the-news {
    margin-bottom: 2em; }
  .press-page .news-and-events .in-the-news {
    width: 97%; }
  .press-page .news-and-events .upcoming-events li {
    display: block;
    width: 92%;
    margin-right: 4em; }

  .team-page .management-team .max-content-width, .team-page .board-members-and-locations .max-content-width {
    width: 100%; }

  .careers-page .employee-quotes-slider_nav {
    display: none; }
  .careers-page .our-culture .slide-show {
    width: 98%;
    float: none; }
  .careers-page .culture-slider {
    width: 100%; }
    .careers-page .culture-slider li {
      width: 100%; }
  .careers-page .culture-slider img {
    width: 100%; }
  .careers-page .our-culture .text-box {
    width: 98%;
    float: none; }
  .careers-page .our-culture .text-box h2 {
    padding-top: 1em; }
  .careers-page .job-openings .last {
    width: 16%;
    font-size: 1.2em; }

  .developers-page .developers-welcome {
    position: relative; }
  .developers-page .carrier-icons {
    margin-top: -2em; }
  .developers-page .why-use-playphone {
    margin-top: 0;
    height: 31em; }
  .developers-page .why-use-playphone .welcome-img {
    position: absolute;
    left: -4em;
    top: -27em;
    background-size: 365px 416px; }
  .developers-page .why-use-playphone .left {
    width: 35%;
    margin-top: 4em; }
  .developers-page .carrier-img {
    display: none; }
  .developers-page .why-use-playphone .right-wrap {
    margin-right: 6%;
    margin-top: 1em;
    width: 430px; }
  .developers-page .single-billing .left {
    width: 40%;
    margin-top: 3em; }
  .developers-page .single-billing .right-img {
    width: 380px; }
  .developers-page .seamless-access .right {
    width: 46%;
    margin-top: 5em;
    margin-right: 4%; }
  .developers-page .seamless-access .left-img {
    width: 370px; }
  .developers-page .testimonial {
    padding: 2.75em 0 2em 0; }
    .developers-page .testimonial .block.blue img, .developers-page .testimonial .block.green img, .developers-page .testimonial .block.purple img {
      display: none; }
    .developers-page .testimonial .block {
      width: 32%;
      height: 14em;
      margin-bottom: 2em; }
    .developers-page .testimonial .block p {
      font-size: .85em;
      font-weight: 400;
      padding: 2em !important; }
    .developers-page .testimonial .block.with-logo {
      display: none; }
  .developers-page input {
    -webkit-appearance: none; }

  .team-details-page .team-menu {
    display: none; }

  .games-page .arrow-left, .games-page .arrow-right {
    display: none; }
  .games-page .games-main-slider .game-info {
    font-size: .8em;
    margin-right: 2em; }
  .games-page .games-main-slider .game-info h2 {
    font-size: 2.4em;
    font-weight: 400; }
  .games-page .game-rows .game-card span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: .2em .5em;
    color: #fff;
    font-weight: 600;
    background: #6a9ab3;
    font-size: .8em;
    opacity: .9; }
  .games-page .games-filter-bar .sections {
    font-size: 1.2em; }
  .games-page .games-filter-bar input[type=text] {
    width: 11em;
    padding: .65em; }
  .games-page .game-rows .game-card a {
    padding-top: .5em; }

  .contact-page h2 {
    color: #778087;
    font-size: 2.5em;
    text-align: center;
    padding: 2.9em 0 1em 0; }
  .contact-page .contact-form {
    background: #eff1f2 url(../images/about-slider-bg.jpg) no-repeat 0em top;
    height: 37.188em; }
    .contact-page .contact-form .right .btn-blue {
      -webkit-appearance: none;
      width: 99%;
      padding: .9em 1em; }
    .contact-page .contact-form .left {
      width: 48%; }
    .contact-page .contact-form .right {
      margin-right: 2%;
      width: 48%; }
    .contact-page .contact-form textarea {
      -moz-transition: all .25s ease-in-out;
      -webkit-transition: all .25s ease-in-out;
      display: block;
      width: 90%;
      height: 9em;
      background: #d6dde2;
      padding: .95em;
      margin: .6em 0;
      font-weight: 200;
      font-size: 1.063em;
      border: none;
      border-top: 2px solid #eff1f2;
      border-radius: 0.125em;
      -moz-border-radius: 0.125em;
      -webkit-border-radius: 0.125em;
      -o-border-radius: 0.125em;
      outline: none; }
      .contact-page .contact-form textarea:focus {
        border-top: 2px solid #2798e2;
        background: #fff; }
    .contact-page .contact-form input[type=text] {
      -moz-transition: all .25s ease-in-out;
      -webkit-transition: all .25s ease-in-out;
      display: block;
      width: 90%;
      background: #d6dde2;
      padding: .95em;
      margin: .6em 0;
      font-weight: 200;
      font-size: 1.063em;
      border: none;
      border-top: 2px solid #eff1f2;
      border-radius: 0.125em;
      -moz-border-radius: 0.125em;
      -webkit-border-radius: 0.125em;
      -o-border-radius: 0.125em;
      outline: none; }
      .contact-page .contact-form input[type=text]:focus {
        border-top: 2px solid #2798e2;
        background: #fff; }
  .contact-page .contacts-and-locations {
    height: auto;
    padding: 3.85em 0; }
    .contact-page .contacts-and-locations .contacts {
      float: none;
      width: 100%; }
      .contact-page .contacts-and-locations .contacts .person {
        width: 9.125em;
        padding: .8em;
        margin: 0 .5em 0 .5em; }
        .contact-page .contacts-and-locations .contacts .person.left-side {
          margin-right: 0; }
        .contact-page .contacts-and-locations .contacts .person .left {
          width: 8.775em;
          padding-bottom: .5em; }
        .contact-page .contacts-and-locations .contacts .person .icon {
          float: left;
          width: 20px;
          height: 21px;
          margin: .25em .5em 0 0;
          background: url(../images/sprite-master.png) no-repeat -600px -399px; }
        .contact-page .contacts-and-locations .contacts .person h4 {
          font-size: 0.875em;
          font-weight: 600;
          color: #263a49; }
        .contact-page .contacts-and-locations .contacts .person h5 {
          font-size: 0.875em;
          color: #9ea5aa; }
        .contact-page .contacts-and-locations .contacts .person a {
          color: #2798e2;
          font-size: 0.875em;
          text-decoration: none; }
        .contact-page .contacts-and-locations .contacts .person span {
          color: #747f87;
          font-size: 0.875em; }
    .contact-page .contacts-and-locations .office-locations {
      float: none; }
      .contact-page .contacts-and-locations .office-locations .office-location-map {
        position: relative;
        width: 500px;
        height: 300px;
        margin: auto; }
        .contact-page .contacts-and-locations .office-locations .office-location-map .map {
          position: relative;
          margin: 2em 0 0 -.7em; }
        .contact-page .contacts-and-locations .office-locations .office-location-map .dots {
          position: absolute;
          z-index: 2;
          cursor: pointer;
          padding: 5px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .dots.sfsj {
            top: 136px;
            left: 42px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .dots.ny {
            top: 157px;
            left: 112px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .dots.uk {
            top: 127px;
            left: 214px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .dots.brz {
            top: 249px;
            left: 149px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .dots.chi {
            top: 145px;
            left: 375px; }
        .contact-page .contacts-and-locations .office-locations .office-location-map .tooltip {
          position: absolute;
          z-index: 5;
          background: #aabcc8;
          color: #fff;
          font-size: 0.688em;
          font-weight: 600;
          text-transform: uppercase;
          padding: 1em;
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          -o-border-radius: 2px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .tooltip img {
            position: absolute;
            left: 50%;
            bottom: -5px;
            margin-left: -10px; }
          .contact-page .contacts-and-locations .office-locations .office-location-map .tooltip .line {
            padding-top: 4px;
            margin-top: 5px;
            text-align: center;
            border-top: 1px solid #8299a8; }

  .tango-page .reach-users h2 {
    padding: 2.2em 0 .45em 0 !important; }

  .vzw-page .floating-bar, .weplay-devs-page .floating-bar, .tango-page .floating-bar {
    display: none; }
  .vzw-page .games-on-verizon, .weplay-devs-page .games-on-verizon, .tango-page .games-on-verizon {
    height: 30.750em;
    text-align: center;
    padding: 2.7em 0 0 0;
    background: #f0f2f3 url(../images/vzw-main-bg.png) no-repeat center top; }
    .vzw-page .games-on-verizon .max-content-width img, .weplay-devs-page .games-on-verizon .max-content-width img, .tango-page .games-on-verizon .max-content-width img {
      position: relative;
      top: -7px; }
    .vzw-page .games-on-verizon .max-content-width span, .vzw-page .games-on-verizon .max-content-width p, .weplay-devs-page .games-on-verizon .max-content-width span, .weplay-devs-page .games-on-verizon .max-content-width p, .tango-page .games-on-verizon .max-content-width span, .tango-page .games-on-verizon .max-content-width p {
      font-size: 1.125em; }
    .vzw-page .games-on-verizon .max-content-width span, .weplay-devs-page .games-on-verizon .max-content-width span, .tango-page .games-on-verizon .max-content-width span {
      display: none; }
    .vzw-page .games-on-verizon .max-content-width h4, .weplay-devs-page .games-on-verizon .max-content-width h4, .tango-page .games-on-verizon .max-content-width h4 {
      padding: 2em 0;
      text-align: center; }
    .vzw-page .games-on-verizon .max-content-width .btn-blue, .weplay-devs-page .games-on-verizon .max-content-width .btn-blue, .tango-page .games-on-verizon .max-content-width .btn-blue {
      margin: 0 1em 0 1.25em;
      font-size: 1.375em;
      font-weight: 600; }
    .vzw-page .games-on-verizon .max-content-width .login, .weplay-devs-page .games-on-verizon .max-content-width .login, .tango-page .games-on-verizon .max-content-width .login {
      color: #334957; }
  .vzw-page .games-on-singtel, .weplay-devs-page .games-on-singtel, .tango-page .games-on-singtel {
    height: auto;
    padding: 2.7em 0 2.7em;
    background: #f0f2f3 url(../images/carrier-imgs-main-bg.png) no-repeat center top; }
    .vzw-page .games-on-singtel .max-content-width .right, .weplay-devs-page .games-on-singtel .max-content-width .right, .tango-page .games-on-singtel .max-content-width .right {
      width: 26.063em; }
    .vzw-page .games-on-singtel .max-content-width h2, .weplay-devs-page .games-on-singtel .max-content-width h2, .tango-page .games-on-singtel .max-content-width h2 {
      font-size: 2em;
      padding: 1em 0 .45em 0; }
    .vzw-page .games-on-singtel .max-content-width .announcing, .weplay-devs-page .games-on-singtel .max-content-width .announcing, .tango-page .games-on-singtel .max-content-width .announcing {
      width: 90%; }
    .vzw-page .games-on-singtel .max-content-width span, .vzw-page .games-on-singtel .max-content-width p, .weplay-devs-page .games-on-singtel .max-content-width span, .weplay-devs-page .games-on-singtel .max-content-width p, .tango-page .games-on-singtel .max-content-width span, .tango-page .games-on-singtel .max-content-width p {
      font-size: 1.125em; }
    .vzw-page .games-on-singtel .max-content-width .main, .weplay-devs-page .games-on-singtel .max-content-width .main, .tango-page .games-on-singtel .max-content-width .main {
      padding-top: 5%;
      width: 40%; }
    .vzw-page .games-on-singtel .max-content-width .larger, .weplay-devs-page .games-on-singtel .max-content-width .larger, .tango-page .games-on-singtel .max-content-width .larger {
      font-size: 1.5em; }
    .vzw-page .games-on-singtel .max-content-width h4, .weplay-devs-page .games-on-singtel .max-content-width h4, .tango-page .games-on-singtel .max-content-width h4 {
      padding: 2em 0;
      text-align: center; }
    .vzw-page .games-on-singtel .max-content-width .sign-up-row, .weplay-devs-page .games-on-singtel .max-content-width .sign-up-row, .tango-page .games-on-singtel .max-content-width .sign-up-row {
      padding-top: 3em; }
    .vzw-page .games-on-singtel .max-content-width .btn-blue, .weplay-devs-page .games-on-singtel .max-content-width .btn-blue, .tango-page .games-on-singtel .max-content-width .btn-blue {
      margin: 0 1em 0 0;
      font-size: 1.375em;
      font-weight: 600; }
    .vzw-page .games-on-singtel .max-content-width .login, .weplay-devs-page .games-on-singtel .max-content-width .login, .tango-page .games-on-singtel .max-content-width .login {
      color: #334957; }
  .vzw-page .white-row, .weplay-devs-page .white-row, .tango-page .white-row {
    position: relative;
    z-index: 2;
    background: #fff;
    border-top: 2px solid #e7eaec;
    padding: 2.5em 0 4em 0; }
    .vzw-page .white-row p, .weplay-devs-page .white-row p, .tango-page .white-row p {
      line-height: 1.4;
      font-size: 1.125em; }
    .vzw-page .white-row span, .weplay-devs-page .white-row span, .tango-page .white-row span {
      font-weight: 600;
      font-style: italic; }
    .vzw-page .white-row img, .weplay-devs-page .white-row img, .tango-page .white-row img {
      position: relative;
      top: 2.75em;
      width: 35%;
      float: right; }
    .vzw-page .white-row .left, .weplay-devs-page .white-row .left, .tango-page .white-row .left {
      width: 28.063em; }
    .vzw-page .white-row h2, .weplay-devs-page .white-row h2, .tango-page .white-row h2 {
      padding: .3em 0 .45em 0; }
    .vzw-page .white-row .btn-blue, .weplay-devs-page .white-row .btn-blue, .tango-page .white-row .btn-blue {
      display: block;
      width: 140px;
      padding: .6em 0;
      text-align: center;
      margin: 1em 0 0 0; }
  .vzw-page .reach-users, .weplay-devs-page .reach-users, .tango-page .reach-users {
    background: #fff;
    height: 27em; }
    .vzw-page .reach-users img, .weplay-devs-page .reach-users img, .tango-page .reach-users img {
      top: -274px;
      left: 20%;
      position: absolute; }
    .vzw-page .reach-users .left, .weplay-devs-page .reach-users .left, .tango-page .reach-users .left {
      float: none;
      width: 90%;
      margin: auto;
      text-align: center; }
    .vzw-page .reach-users h2, .weplay-devs-page .reach-users h2, .tango-page .reach-users h2 {
      padding: 4.2em 0 .45em 0; }
  .vzw-page .integrate-sdk, .weplay-devs-page .integrate-sdk, .tango-page .integrate-sdk {
    height: 29.688em; }
    .vzw-page .integrate-sdk img, .weplay-devs-page .integrate-sdk img, .tango-page .integrate-sdk img {
      width: 70%;
      margin: 40px -75px 0 -75px; }
    .vzw-page .integrate-sdk .right, .weplay-devs-page .integrate-sdk .right, .tango-page .integrate-sdk .right {
      margin-right: 15px;
      width: 21.063em; }
    .vzw-page .integrate-sdk h2, .weplay-devs-page .integrate-sdk h2, .tango-page .integrate-sdk h2 {
      padding: 1em 0 .45em 0; }
  .vzw-page .direct-billing, .weplay-devs-page .direct-billing, .tango-page .direct-billing {
    height: 25.750em; }
    .vzw-page .direct-billing img, .weplay-devs-page .direct-billing img, .tango-page .direct-billing img {
      position: relative;
      top: 2.75em;
      width: 40%;
      float: right; }
    .vzw-page .direct-billing .left, .weplay-devs-page .direct-billing .left, .tango-page .direct-billing .left {
      width: 26.063em; }
    .vzw-page .direct-billing h2, .weplay-devs-page .direct-billing h2, .tango-page .direct-billing h2 {
      padding: 2.2em 0 .45em 0; }
  .vzw-page .gain-insights .max-content-width, .weplay-devs-page .gain-insights .max-content-width, .tango-page .gain-insights .max-content-width {
    height: 25.688em; }
  .vzw-page .gain-insights img, .weplay-devs-page .gain-insights img, .tango-page .gain-insights img {
    position: absolute;
    width: 55%;
    bottom: -2px; }
  .vzw-page .gain-insights .right, .weplay-devs-page .gain-insights .right, .tango-page .gain-insights .right {
    margin: 2em 0 0 0;
    width: 21.063em; }

  /* **footer styles */
  footer {
    background: #13212a;
    color: #4e6c7d; }
    footer .max-content-width {
      padding: 0;
      min-width: 700px; }
    footer .iframe {
      position: relative;
      top: 1.2em;
      margin-right: 1em;
      left: .75em; }
    footer .quick-links {
      background: #182933; }
      footer .quick-links ul {
        margin: auto;
        text-align: center;
        padding: 2.1em 0;
        border-bottom: 1px solid #182d39; }
      footer .quick-links ul li {
        display: inline-block;
        *float: left; }
      footer .quick-links a {
        text-decoration: none;
        font-size: 1.043em;
        display: inline-block;
        color: #4e6c7d; }
    footer .the-end {
      background: #13212a;
      text-align: center; }
      footer .the-end .blocks {
        display: inline-block;
        *float: left;
        padding: 2em 1em 3em 1em;
        width: 29%;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.750em; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .games-page .game-rows .game-card {
    margin: 0 .5em 1em .5em; }

  .about-page .about-slider {
    position: relative; }

  .about-page .about-us {
    margin-top: 0; }

  .developers-page .developers-welcome {
    position: relative; }

  .developers-page .why-use-playphone {
    margin-top: 0; }

  .main-slider .rslides .slide-1 .slide-content {
    margin-right: -30px; }

  .games-page .games-main-slider .game-info {
    margin-right: 3em; } }
@media all and (max-width: 767px) {
  .resp {
    display: block; }

  body {
    font-size: .7em; }

  .company-subnav {
    font-size: 1.35em; }

  .tour {
    display: none; }

  .discover-games {
    display: none; }

  .next-level {
    display: none; }

  .maximize-revenue {
    display: none; }

  .stats .icon {
    display: none; }

  .heat {
    display: none; }

  h3 {
    font-weight: 400; }

  header {
    opacity: .95;
    position: fixed;
    top: 0;
    z-index: 500;
    background: #f4f4f5;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0.125em 0 0 rgba(0, 0, 0, 0.2);
    min-width: 0; }
    header .playphone-logo {
      display: none; }
    header .playphone-logo-r {
      width: 14em;
      padding: .75em 0 .55em .75em; }
    header nav {
      padding: 0; }
    header .mobile-nav-btn {
      width: 5em;
      float: right; }

  .max-content-width {
    width: 92% !important;
    margin: auto;
    padding: 0;
    min-width: 0; }

  .main-slider {
    position: relative;
    z-index: 100;
    text-align: center;
    height: auto; }
    .main-slider h3 {
      font-size: 1.5em; }
    .main-slider .swirl, .main-slider .candy {
      display: none !important; }
    .main-slider .btn-blue {
      float: none;
      width: 8em;
      display: block;
      text-align: center;
      font-weight: 600;
      font-size: 1.75em;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      margin: .75em auto 1em auto; }
    .main-slider .slide-1 {
      padding: 0 0 2em 0;
      height: auto; }
      .main-slider .slide-1 .max-content-width {
        height: auto; }
      .main-slider .slide-1 video,
      .main-slider .slide-1 .phone,
      .main-slider .slide-1 .zombie-grass,
      .main-slider .slide-1 .background-swap,
      .main-slider .slide-1 .place,
      .main-slider .slide-1 .sun,
      .main-slider .slide-1 .loader {
        display: none !important; }
      .main-slider .slide-1 .slide-content {
        width: 96%;
        float: none;
        margin: auto; }

  .mobile-tour h2 {
    font-size: 3em;
    padding: .4em 0 0 0;
    text-align: center; }
  .mobile-tour .tour-sections {
    padding: 1em 0 2em 0; }
    .mobile-tour .tour-sections .text {
      width: 65%; }
    .mobile-tour .tour-sections dt {
      border-top: 1px solid #dcdcdc;
      font-size: 1.25em;
      font-weight: 600;
      padding: 1em 0;
      text-transform: uppercase; }
    .mobile-tour .tour-sections dd {
      font-weight: 400;
      padding-bottom: 1em;
      font-size: 1.35em; }
    .mobile-tour .tour-sections img {
      width: 5.5em;
      margin: 4.65em 2em 0 1.5em; }

  .mobile-discover-games {
    text-align: center;
    padding-bottom: 1.5em;
    background: #1b313d url(../images/discover-bg-resp.jpg) -200px 0; }
    .mobile-discover-games .discover-nosferatu-resp {
      width: 20%; }
    .mobile-discover-games .max-content-width .btn-blue {
      float: none;
      width: 8em;
      display: block;
      text-align: center;
      font-weight: 600;
      font-size: 1.75em;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      margin: 1em auto; }
    .mobile-discover-games h2 {
      font-size: 3.6em;
      padding: .45em 0 .2em 0; }

  .mobile-next-level {
    text-align: center; }
    .mobile-next-level .quote {
      display: block;
      padding: 1em 0;
      font-size: 80%; }
      .mobile-next-level .quote span {
        color: #2798e2; }
    .mobile-next-level h2 {
      font-size: 3em;
      padding: 0 0 .3em 0; }
    .mobile-next-level .max-content-width .btn-blue {
      float: none;
      width: 10em;
      display: block;
      text-align: center;
      font-weight: 600;
      font-size: 1.75em;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      margin: 1.5em auto 1.75em auto; }

  .mobile-maximize-revenue {
    background: #f3f6f9;
    border-top: 2px solid #dde0e3;
    text-align: center; }
    .mobile-maximize-revenue .quote {
      display: block;
      padding: 1em 0;
      font-size: 80%; }
      .mobile-maximize-revenue .quote span {
        color: #2798e2; }
    .mobile-maximize-revenue h2 {
      font-size: 3em;
      padding: 0 0 .3em 0; }
    .mobile-maximize-revenue .max-content-width .btn-blue {
      float: none;
      width: 80%;
      display: block;
      text-align: center;
      font-weight: 600;
      font-size: 1.75em;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      margin: 1.5em auto 1.75em auto; }

  .company-nav-dropdown {
    display: none; }

  .nav-hover-lower {
    display: none; }

  .nav-hover-upper {
    display: none; }

  header nav ul.primary-nav {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.75em;
    background: #21a4f7;
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
    header nav ul.primary-nav li {
      border-bottom: 2px solid #2b92d4;
      width: 100%;
      padding: .75em 1em; }
      header nav ul.primary-nav li.special {
        padding: .75em 1em; }
      header nav ul.primary-nav li a {
        color: #fff;
        border-right: none;
        text-align: left; }

  nav.company-subnav ul li {
    padding: 0 .6em; }
    nav.company-subnav ul li a {
      font-size: 0.80em;
      letter-spacing: 1px; }

  .about-page .about-slider {
    height: 500px; }
    .about-page .about-slider .pagination {
      position: absolute;
      z-index: 99999;
      left: 45%;
      bottom: 15%; }
      .about-page .about-slider .pagination .swiper-pagination-switch {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        background: #b2c2cd;
        margin: 0 .2em;
        z-index: 9999; }
      .about-page .about-slider .pagination .swiper-active-switch {
        top: .2em;
        background: none;
        border: 3px solid #b2c2cd; }
    .about-page .about-slider .swiper-container .slide-1 .slide-content, .about-page .about-slider .swiper-container .slide-2 .slide-content, .about-page .about-slider .swiper-container .slide-3 .slide-content {
      position: absolute;
      bottom: 20%;
      float: none;
      width: 90%;
      left: 5%;
      text-align: center; }
      .about-page .about-slider .swiper-container .slide-1 .slide-content .btn-blue, .about-page .about-slider .swiper-container .slide-2 .slide-content .btn-blue, .about-page .about-slider .swiper-container .slide-3 .slide-content .btn-blue {
        float: none;
        display: block;
        width: 35%;
        font-size: 1.375em;
        margin: 1em auto 0 auto;
        padding: .8em 1.2em; }
      .about-page .about-slider .swiper-container .slide-1 .slide-content p, .about-page .about-slider .swiper-container .slide-2 .slide-content p, .about-page .about-slider .swiper-container .slide-3 .slide-content p {
        font-size: 2.063em;
        font-weight: 200;
        color: #6e7880; }
      .about-page .about-slider .swiper-container .slide-1 .slide-content h2, .about-page .about-slider .swiper-container .slide-2 .slide-content h2, .about-page .about-slider .swiper-container .slide-3 .slide-content h2 {
        color: #263a49;
        line-height: 1.1;
        font-size: 2.6em; }
    .about-page .about-slider .swiper-container .slide-1 .phone {
      top: 5.4em;
      left: 10%;
      width: 50%;
      left: 25%; }
    .about-page .about-slider .swiper-container .slide-1 .controller {
      top: 38%;
      left: 12%;
      width: 35%; }
    .about-page .about-slider .swiper-container .slide-2 .claro {
      top: 5.4em;
      left: 20%;
      width: 60%; }
    .about-page .about-slider .swiper-container .slide-2 .slide-content {
      margin-top: 12em; }
      .about-page .about-slider .swiper-container .slide-2 .slide-content h2 {
        font-size: 3em; }
    .about-page .about-slider .swiper-container .slide-3 .weplay {
      top: 5.4em;
      left: 20%;
      width: 60%; }
    .about-page .about-slider .swiper-container .slide-3 .slide-content {
      margin-right: -2em;
      margin-top: 11em; }
      .about-page .about-slider .swiper-container .slide-3 .slide-content h2 {
        font-size: 2.3em; }
  .about-page .about-us {
    height: auto;
    padding-bottom: 2em;
    background-position: bottom; }
    .about-page .about-us h2 {
      font-size: 4em; }
    .about-page .about-us .two-col {
      float: none;
      width: 92%;
      margin: auto;
      display: block;
      font-size: 1.3em;
      padding-top: 1.8em; }
  .about-page .news {
    padding-top: 1.8em; }
    .about-page .news h2 {
      display: none; }
    .about-page .news ul {
      width: 90%;
      margin: auto;
      display: block;
      float: none;
      font-size: 1.4em; }
      .about-page .news ul li.first {
        font-size: 1.5em;
        margin-bottom: 0; }
      .about-page .news ul h3 {
        top: .4em; }
      .about-page .news ul .arrow {
        margin-top: 1em; }

  .main-slider .rslides .slide-1 .slide-content .line1 {
    margin-left: 0; }

  .main-slider .rslides .slide-1 .slide-content .line2 {
    margin-left: 0; }

  .main-slider .rslides .slide-1 .slide-content .line3 {
    margin-left: 0; }

  .main-slider .rslides .slide-1 .slide-content .line4 {
    margin-left: 0; }

  .press-page .press-banner {
    padding: 3em 0; }
  .press-page .press-banner img {
    display: none; }
  .press-page .press-banner .text-box {
    width: 100%;
    margin: 0;
    font-size: 2em;
    padding-top: 2em;
    float: none; }
  .press-page .news-and-events .in-the-news h2, .press-page .news-and-events .upcoming-events h2 {
    font-size: 1.7em;
    top: 0em; }
  .press-page .news-and-events .in-the-news li .img-wrap {
    width: 13%; }
  .press-page .news-and-events .in-the-news li .img-wrap img {
    position: relative;
    top: .4em;
    width: 100%; }
  .press-page .news-and-events .in-the-news .text-box {
    margin-left: 3%;
    width: 73%; }
  .press-page .upcoming-events li {
    font-size: 1.6em;
    width: 96%; }

  .team-page .team-banner .text-box {
    width: 100%; }
  .team-page .team-banner .text-box h4 {
    font-size: 1.4em; }
  .team-page .management-team .team-member-wrap {
    width: 42%;
    height: 16em; }
  .team-page .management-team .team-member-wrap h2 {
    font-size: 1.3em;
    padding: 1em 0 0 0; }
  .team-page .img_wrapper {
    height: 11em !important; }
  .team-page .img_wrapper img {
    width: 11.2em;
    margin-left: 2%; }
  .team-page .board-members-and-locations .office-locations {
    display: none; }
  .team-page .board-members-and-locations .left {
    width: 100%; }
  .team-page .board-members-and-locations ul li {
    width: 100%;
    font-size: 1.5em; }

  .careers-page .careers-banner .text-box {
    width: 100%; }
  .careers-page .careers-banner .text-box p {
    font-size: 2em;
    margin-bottom: -1em; }
  .careers-page .careers-banner .text-box h3 {
    font-size: 3em;
    position: relative; }
  .careers-page .careers-banner .text-box .icons {
    position: relative;
    top: 11px; }
  .careers-page .careers-banner .text-box h4 {
    font-size: 1.4em; }
  .careers-page .photo-stream {
    display: none; }
  .careers-page .careers-banner .text-box .btn-blue {
    font-size: 1.3em;
    width: 200px; }
  .careers-page .employee-quotes .slider {
    width: 100%; }
  .careers-page .rslides3 {
    width: 100%; }
  .careers-page .employee-quotes .slider .rslides3 li {
    width: 100%; }
  .careers-page .perks ul {
    width: 100%;
    margin-right: 2%; }
    .careers-page .perks ul li {
      font-size: 1.6em; }
  .careers-page .perks ul.last {
    width: 100%; }
  .careers-page .job-openings {
    padding: 2em 0;
    font-size: 1.5em; }
    .careers-page .job-openings ul {
      padding: 0;
      width: 100%; }
    .careers-page .job-openings .last {
      display: none; }
    .careers-page .job-openings ul li {
      height: 320px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      /* Firefox */
      display: block;
      float: none;
      width: 100%;
      margin: .9em auto; }
  .careers-page .employee-quotes-slider_nav {
    display: none; }
  .careers-page .culture-slide {
    height: 360px;
    width: 100%; }

  .careers-details-page {
    background-position: 0 -463px; }
    .careers-details-page .breadcrumb a {
      position: relative;
      top: -.15em; }
    .careers-details-page .job-listing .white-box {
      width: 100% !important;
      padding: 0; }
      .careers-details-page .job-listing .white-box .padded {
        padding: 2em; }
      .careers-details-page .job-listing .white-box .fixed {
        display: none; }
      .careers-details-page .job-listing .white-box .head {
        padding: 0; }
      .careers-details-page .job-listing .white-box .feature img {
        display: none;
        width: 25%; }
      .careers-details-page .job-listing .white-box .feature h4 {
        float: none;
        width: 89.5%;
        margin: auto;
        font-size: 1.5em; }
      .careers-details-page .job-listing .white-box .lowPar {
        padding: .5em 1.6em .5em 1.6em; }
      .careers-details-page .job-listing .white-box h3 {
        font-size: 2.3em;
        padding-top: .55em; }

  /* **press details page */
  .press-details-page .white-box {
    width: 100% !important; }
    .press-details-page .white-box span {
      position: relative;
      top: 1.2em;
      width: 30px;
      height: 30px;
      margin: 20px .25em 10px 30px;
      display: inline-block;
      background: url(../images/sprite-master.png) no-repeat;
      background-position: -250px -295px; }
    .press-details-page .white-box h2 {
      position: relative;
      color: #263a49;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
      font-size: 0.875em;
      top: 3px;
      padding: 0 0 2em 0;
      letter-spacing: .1em; }
    .press-details-page .white-box .news-list {
      width: 90%;
      padding: 1em;
      margin: auto;
      border-top: 1px solid #d8dfe2; }
      .press-details-page .white-box .news-list .left {
        width: 70%;
        font-size: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #2798e2; }
      .press-details-page .white-box .news-list .right {
        font-size: .8em;
        font-weight: 600;
        color: #aabcc8;
        text-transform: uppercase; }
    .press-details-page .white-box a {
      color: #2798e2;
      text-decoration: none; }

  .developers-page .developers-subnav {
    display: none; }
  .developers-page .developers-welcome .right {
    width: 100%;
    float: none;
    margin: 0;
    padding-top: 1.6em;
    text-align: center; }
  .developers-page .developers-welcome .right h3 {
    font-size: 3em;
    padding-bottom: 0; }
  .developers-page .developers-welcome .btn-blue {
    float: none;
    display: block;
    width: 6.5em;
    margin: auto;
    width: 70%;
    margin: .75em auto; }
  .developers-page .welcome-img {
    display: none; }
  .developers-page .why-use-playphone {
    padding: 2em 0 .5em 0;
    font-size: 1.5em;
    height: auto; }
    .developers-page .why-use-playphone .carrier-icons {
      width: 100%; }
    .developers-page .why-use-playphone .d {
      width: 100%; }
    .developers-page .why-use-playphone img.resp {
      margin-top: -10em; }
    .developers-page .why-use-playphone .right-wrap {
      display: none; }
    .developers-page .why-use-playphone .left {
      float: none;
      width: 100%;
      margin: 0;
      text-align: center; }
  .developers-page .industry-leading.tour-text {
    display: none; }
  .developers-page .industry-leading.resp {
    font-size: 1.3em;
    padding: 2em 0 .5em 0; }
    .developers-page .industry-leading.resp h2 {
      padding: 0 0 .5em 0;
      text-align: center; }
    .developers-page .industry-leading.resp .tour-sections {
      padding: 1em 0 2em 0; }
      .developers-page .industry-leading.resp .tour-sections .text {
        width: 65%; }
      .developers-page .industry-leading.resp .tour-sections dt {
        border-top: 1px solid #dcdcdc;
        font-weight: 600;
        padding: 1em 0;
        text-transform: uppercase; }
      .developers-page .industry-leading.resp .tour-sections dd {
        font-weight: 400;
        padding-bottom: 1em; }
      .developers-page .industry-leading.resp .tour-sections img {
        width: 4.5em;
        margin: 4.65em 1.25em 0 1.4em; }
  .developers-page .testimonial {
    padding: 2.75em 0 0 0; }
    .developers-page .testimonial .block.blue img, .developers-page .testimonial .testimonial .block.green img, .developers-page .testimonial .testimonial .block.purple img {
      display: none; }
    .developers-page .testimonial .block {
      width: 100%;
      height: auto;
      margin-bottom: .9em; }
    .developers-page .testimonial .block p {
      font-size: 1em;
      font-weight: 400;
      padding: 2em !important; }
    .developers-page .testimonial .block.with-logo {
      display: none; }
  .developers-page .single-billing {
    padding: 2em 0 .5em 0;
    height: auto;
    font-size: 1.5em; }
  .developers-page .single-billing .right-img {
    display: none; }
  .developers-page .single-billing .left {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center; }
  .developers-page .seamless-access {
    padding: 2em 0; }
    .developers-page .seamless-access .btn-blue {
      display: none; }
    .developers-page .seamless-access .coins {
      width: 0px;
      display: none; }
    .developers-page .seamless-access .left-img {
      display: none; }
    .developers-page .seamless-access .go {
      display: none !important; }
    .developers-page .seamless-access .right {
      float: none;
      text-align: center;
      width: 100%;
      margin: 0;
      font-size: 1.5em; }
  .developers-page .dev-signup {
    padding: 2em 0;
    font-size: 1.5em;
    background: #eff1f2; }
    .developers-page .dev-signup h2 {
      text-align: center;
      font-size: 1.4em;
      padding: 0 0 .75em 0; }
    .developers-page .dev-signup .form.left {
      float: none;
      width: 100%; }
    .developers-page .dev-signup .sdk-chute {
      display: none; }
    .developers-page .dev-signup input[type=text] {
      width: 90%;
      margin: .3em auto; }
    .developers-page .dev-signup .btn-blue {
      width: 100%;
      margin: auto; }
    .developers-page .dev-signup .agree.left {
      width: 65%;
      font-size: .7em;
      margin-top: .9em;
      margin-bottom: 1em; }

  .games-page .games-main-slider .max-content-width {
    padding: 2em 0; }
    .games-page .games-main-slider .max-content-width .fade-left {
      display: none; }
    .games-page .games-main-slider .max-content-width .fade-right {
      display: none; }
    .games-page .games-main-slider .max-content-width .swiper-slide img {
      display: none; }
    .games-page .games-main-slider .max-content-width .swiper-slide-active img {
      display: block; }
    .games-page .games-main-slider .max-content-width .game-info {
      font-size: 1em;
      float: none;
      text-align: center;
      width: 92%;
      margin: auto; }
      .games-page .games-main-slider .max-content-width .game-info h2 {
        font-size: 3.1em;
        font-weight: 400; }
      .games-page .games-main-slider .max-content-width .game-info h3 {
        font-size: 1.4em;
        font-weight: 400; }
      .games-page .games-main-slider .max-content-width .game-info h5 {
        padding-bottom: .75em;
        font-size: 1.4em; }
      .games-page .games-main-slider .max-content-width .game-info p {
        font-size: 1.3em; }
      .games-page .games-main-slider .max-content-width .game-info .btn-green {
        float: left;
        width: 32%;
        padding: .625em 0;
        font-weight: 600;
        font-size: 1.2em; }
  .games-page .game-rows h2 {
    font-size: 2em; }
  .games-page .game-rows .star-row {
    margin-top: .5em;
    display: block; }
  .games-page .game-rows .row-dark {
    padding: 0;
    background: none; }
  .games-page .game-rows .row-light {
    padding: 0;
    background: none;
    border-top: 0;
    border-bottom: 0; }
  .games-page .game-rows .slide {
    padding: 0 1.5em; }
  .games-page .game-rows .game-card {
    position: relative;
    float: none;
    margin: 0 auto 1em auto;
    width: 94%; }
    .games-page .game-rows .game-card .hover div {
      background-position: 135px -580px;
      margin-top: 14%; }
    .games-page .game-rows .game-card span {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      padding: .2em .5em;
      color: #fff;
      font-weight: 600;
      background: #6a9ab3;
      font-size: .8em;
      opacity: .9; }
    .games-page .game-rows .game-card a {
      font-size: 2em;
      padding-top: .4em;
      display: block; }
    .games-page .game-rows .game-card .pub {
      font-size: 1.5em; }
  .games-page .modal {
    top: 10%;
    left: 0;
    margin-left: 0; }
  .games-page .close {
    top: -15%;
    right: 3%; }
  .games-page .game-download {
    width: 96%;
    left: 2%; }
    .games-page .game-download .details {
      padding-top: 0; }
    .games-page .game-download .brick-and-send {
      display: none; }
    .games-page .game-download .input-row .left.tbox {
      width: 92%;
      display: block;
      font-weight: 400;
      font-size: 1.4em;
      padding: .8em;
      float: none; }
    .games-page .game-download .mobilesend {
      width: 100%;
      margin-top: 1em;
      display: block;
      background: #2296e2;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      text-align: center; }
    .games-page .game-download .submit {
      width: 32%;
      float: none;
      margin: auto; }
  .games-page .games-filter-bar .sections {
    font-size: 1.4em;
    padding: 0 .6em; }
  .games-page .games-filter-bar input[type=text] {
    width: 11em;
    display: block;
    float: none;
    width: 80%;
    margin: .75em;
    font-size: 1.5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: .65em .65em .8em .65em; }
  .games-page h2 {
    font-size: 1.5em; }

  .team-details-page {
    background-position: 0 -463px; }
    .team-details-page .breadcrumb a {
      position: relative;
      top: -.15em; }
    .team-details-page .white-box {
      width: 100% !important; }
      .team-details-page .white-box .head {
        padding: 0; }
      .team-details-page .white-box .feature img {
        display: none;
        width: 25%; }
      .team-details-page .white-box .feature h4 {
        float: none;
        width: 89.5%;
        margin: auto;
        font-size: 1.5em; }
      .team-details-page .white-box .lowPar {
        padding: .5em 1.6em .5em 1.6em; }
      .team-details-page .white-box h3 {
        font-size: 2.3em;
        padding-top: .55em; }
      .team-details-page .white-box img.resp {
        padding: 0 1.5em 1em 0;
        width: 25%; }

  .breadcrumb h2 {
    position: relative;
    top: -.15em; }

  .legal-details-page {
    background: #eff1f2 url(../images/careers-banner-bg.jpg) repeat-x 0 -544px; }
    .legal-details-page .white-box {
      width: 100% !important; }
    .legal-details-page .legal-menu {
      display: block;
      position: relative;
      opacity: 1;
      width: 100%;
      margin-top: 10px;
      font-weight: 200; }
      .legal-details-page .legal-menu li {
        font-size: 1.1em;
        font-weight: 400;
        padding: .3em 0; }
      .legal-details-page .legal-menu a {
        color: #279ce7;
        text-decoration: none;
        font-size: 0.875em; }
        .legal-details-page .legal-menu a:hover {
          text-decoration: underline; }
      .legal-details-page .legal-menu p {
        font-size: 0.875em;
        color: #788c97; }
      .legal-details-page .legal-menu h4 {
        font-size: 1.875em;
        font-weight: 200;
        text-transform: capitalize;
        padding-bottom: .3em; }

  .unsubscribe-page .unsubscribe-box {
    width: 70%;
    padding: 20px;
    margin: 40px auto; }

  .tango-page .reach-users h2 {
    padding-top: 1.3em !important; }

  .vzw-page .what-devs-are-saying, .weplay-devs-page .what-devs-are-saying, .tango-page .what-devs-are-saying {
    padding-bottom: 3em; }
    .vzw-page .what-devs-are-saying h5, .weplay-devs-page .what-devs-are-saying h5, .tango-page .what-devs-are-saying h5 {
      font-size: .9em;
      font-weight: 600;
      text-align: center;
      color: #4b6879;
      padding-bottom: .7em;
      border-bottom: 2px solid #e3e3e3; }
    .vzw-page .what-devs-are-saying .quote, .weplay-devs-page .what-devs-are-saying .quote, .tango-page .what-devs-are-saying .quote {
      float: none;
      width: 100%;
      text-align: center;
      margin: 1em 0;
      padding: 0 2%; }
    .vzw-page .what-devs-are-saying .quote.middle, .weplay-devs-page .what-devs-are-saying .quote.middle, .tango-page .what-devs-are-saying .quote.middle {
      border-right: none;
      border-left: none; }
  .vzw-page .games-on-verizon, .weplay-devs-page .games-on-verizon, .tango-page .games-on-verizon {
    height: 23.750em;
    text-align: center;
    padding: 2.7em 0 0 0;
    background: #f0f2f3 url(../images/vzw-main-bg.png) no-repeat center top; }
    .vzw-page .games-on-verizon .max-content-width img, .weplay-devs-page .games-on-verizon .max-content-width img, .tango-page .games-on-verizon .max-content-width img {
      width: 54%;
      position: relative;
      top: -2px; }
    .vzw-page .games-on-verizon .max-content-width span, .vzw-page .games-on-verizon .max-content-width p, .weplay-devs-page .games-on-verizon .max-content-width span, .weplay-devs-page .games-on-verizon .max-content-width p, .tango-page .games-on-verizon .max-content-width span, .tango-page .games-on-verizon .max-content-width p {
      font-size: 1.125em; }
    .vzw-page .games-on-verizon .max-content-width span, .weplay-devs-page .games-on-verizon .max-content-width span, .tango-page .games-on-verizon .max-content-width span {
      display: none; }
    .vzw-page .games-on-verizon .max-content-width h4, .weplay-devs-page .games-on-verizon .max-content-width h4, .tango-page .games-on-verizon .max-content-width h4 {
      padding: 2em 0;
      font-size: 1.125em;
      text-align: center; }
    .vzw-page .games-on-verizon .max-content-width .btn-blue, .weplay-devs-page .games-on-verizon .max-content-width .btn-blue, .tango-page .games-on-verizon .max-content-width .btn-blue {
      margin: 0 1em 0 .75em;
      font-size: 1.375em;
      font-weight: 600; }
    .vzw-page .games-on-verizon .max-content-width .login, .weplay-devs-page .games-on-verizon .max-content-width .login, .tango-page .games-on-verizon .max-content-width .login {
      display: none;
      color: #334957; }
  .vzw-page .games-on-tango, .weplay-devs-page .games-on-tango, .tango-page .games-on-tango {
    height: 30em;
    text-align: center;
    padding: 2.7em 0 0 0;
    background: #f0f2f3 url(../images/vzw-main-bg.png) no-repeat center top; }
    .vzw-page .games-on-tango .max-content-width, .weplay-devs-page .games-on-tango .max-content-width, .tango-page .games-on-tango .max-content-width {
      height: 29.750em; }
      .vzw-page .games-on-tango .max-content-width img, .weplay-devs-page .games-on-tango .max-content-width img, .tango-page .games-on-tango .max-content-width img {
        width: 65%; }
      .vzw-page .games-on-tango .max-content-width span, .vzw-page .games-on-tango .max-content-width p, .weplay-devs-page .games-on-tango .max-content-width span, .weplay-devs-page .games-on-tango .max-content-width p, .tango-page .games-on-tango .max-content-width span, .tango-page .games-on-tango .max-content-width p {
        font-size: 1.125em; }
      .vzw-page .games-on-tango .max-content-width h4, .weplay-devs-page .games-on-tango .max-content-width h4, .tango-page .games-on-tango .max-content-width h4 {
        padding: 2em 0;
        width: 90%;
        font-size: 1.125em;
        text-align: center; }
      .vzw-page .games-on-tango .max-content-width .btn-blue, .weplay-devs-page .games-on-tango .max-content-width .btn-blue, .tango-page .games-on-tango .max-content-width .btn-blue {
        display: block;
        width: 57%;
        margin: auto;
        font-size: 1.375em;
        font-weight: 600; }
      .vzw-page .games-on-tango .max-content-width .login, .weplay-devs-page .games-on-tango .max-content-width .login, .tango-page .games-on-tango .max-content-width .login {
        display: none;
        color: #334957; }
  .vzw-page .games-on-singtel, .weplay-devs-page .games-on-singtel, .tango-page .games-on-singtel {
    height: auto;
    padding: 2.7em 0 7em;
    background: #f0f2f3 url(../images/carrier-imgs-main-bg.png) no-repeat center top; }
    .vzw-page .games-on-singtel .max-content-width .left.main, .weplay-devs-page .games-on-singtel .max-content-width .left.main, .tango-page .games-on-singtel .max-content-width .left.main {
      float: none; }
    .vzw-page .games-on-singtel .max-content-width .right, .weplay-devs-page .games-on-singtel .max-content-width .right, .tango-page .games-on-singtel .max-content-width .right {
      float: none;
      width: 95%;
      margin: auto;
      text-align: center;
      padding-top: 1em; }
    .vzw-page .games-on-singtel .max-content-width h2, .weplay-devs-page .games-on-singtel .max-content-width h2, .tango-page .games-on-singtel .max-content-width h2 {
      font-size: 2em;
      font-weight: 400;
      padding: 1em 0 .45em 0; }
    .vzw-page .games-on-singtel .max-content-width .announcing, .weplay-devs-page .games-on-singtel .max-content-width .announcing, .tango-page .games-on-singtel .max-content-width .announcing {
      position: relative;
      top: -.6em;
      display: block;
      width: 100%;
      margin: auto; }
    .vzw-page .games-on-singtel .max-content-width .main, .weplay-devs-page .games-on-singtel .max-content-width .main, .tango-page .games-on-singtel .max-content-width .main {
      display: none; }
    .vzw-page .games-on-singtel .max-content-width .ellipses-1, .weplay-devs-page .games-on-singtel .max-content-width .ellipses-1, .tango-page .games-on-singtel .max-content-width .ellipses-1 {
      right: -140px; }
    .vzw-page .games-on-singtel .max-content-width .ellipses-2, .weplay-devs-page .games-on-singtel .max-content-width .ellipses-2, .tango-page .games-on-singtel .max-content-width .ellipses-2 {
      bottom: -9em;
      right: -89px; }
    .vzw-page .games-on-singtel .max-content-width span, .vzw-page .games-on-singtel .max-content-width p, .weplay-devs-page .games-on-singtel .max-content-width span, .weplay-devs-page .games-on-singtel .max-content-width p, .tango-page .games-on-singtel .max-content-width span, .tango-page .games-on-singtel .max-content-width p {
      font-size: 1.125em; }
    .vzw-page .games-on-singtel .max-content-width .larger, .weplay-devs-page .games-on-singtel .max-content-width .larger, .tango-page .games-on-singtel .max-content-width .larger {
      font-size: 1.5em; }
    .vzw-page .games-on-singtel .max-content-width h4, .weplay-devs-page .games-on-singtel .max-content-width h4, .tango-page .games-on-singtel .max-content-width h4 {
      padding: 2em 0;
      text-align: center; }
    .vzw-page .games-on-singtel .max-content-width .sign-up-row, .weplay-devs-page .games-on-singtel .max-content-width .sign-up-row, .tango-page .games-on-singtel .max-content-width .sign-up-row {
      padding-top: 3em; }
    .vzw-page .games-on-singtel .max-content-width .btn-blue, .weplay-devs-page .games-on-singtel .max-content-width .btn-blue, .tango-page .games-on-singtel .max-content-width .btn-blue {
      margin: 0 1em 0 0;
      font-size: 1.375em;
      font-weight: 600; }
    .vzw-page .games-on-singtel .max-content-width .login, .weplay-devs-page .games-on-singtel .max-content-width .login, .tango-page .games-on-singtel .max-content-width .login {
      color: #334957; }
  .vzw-page .white-row, .weplay-devs-page .white-row, .tango-page .white-row {
    position: relative;
    z-index: 2;
    background: #fff;
    border-top: 2px solid #e7eaec;
    padding: 2.5em 0 4em 0; }
    .vzw-page .white-row p, .weplay-devs-page .white-row p, .tango-page .white-row p {
      line-height: 1.4;
      font-size: 1.125em; }
    .vzw-page .white-row span, .weplay-devs-page .white-row span, .tango-page .white-row span {
      font-weight: 600;
      font-style: italic; }
    .vzw-page .white-row img, .weplay-devs-page .white-row img, .tango-page .white-row img {
      position: relative;
      width: 90%;
      margin: auto;
      display: block;
      float: none; }
    .vzw-page .white-row .left, .weplay-devs-page .white-row .left, .tango-page .white-row .left {
      text-align: center;
      float: none;
      width: 100%; }
    .vzw-page .white-row h2, .weplay-devs-page .white-row h2, .tango-page .white-row h2 {
      padding: .3em 0 .45em 0; }
    .vzw-page .white-row .btn-blue, .weplay-devs-page .white-row .btn-blue, .tango-page .white-row .btn-blue {
      font-weight: 600;
      font-size: 1.3em;
      margin: 1em auto 0 auto; }
  .vzw-page .reach-users, .weplay-devs-page .reach-users, .tango-page .reach-users {
    background: #fff;
    height: 31em; }
    .vzw-page .reach-users img, .weplay-devs-page .reach-users img, .tango-page .reach-users img {
      top: -134px;
      width: 100%;
      left: 0;
      position: absolute; }
    .vzw-page .reach-users .left, .weplay-devs-page .reach-users .left, .tango-page .reach-users .left {
      float: none;
      width: 90%;
      margin: auto;
      text-align: center; }
    .vzw-page .reach-users h2, .weplay-devs-page .reach-users h2, .tango-page .reach-users h2 {
      padding: 2.7em 0 .45em 0; }
    .vzw-page .reach-users .carrier-list, .weplay-devs-page .reach-users .carrier-list, .tango-page .reach-users .carrier-list {
      padding-top: 6em; }
  .vzw-page .integrate-sdk, .weplay-devs-page .integrate-sdk, .tango-page .integrate-sdk {
    position: relative;
    z-index: 3;
    padding: 0 0 2em 0;
    text-align: center;
    height: auto; }
    .vzw-page .integrate-sdk img, .weplay-devs-page .integrate-sdk img, .tango-page .integrate-sdk img {
      width: 100%;
      float: none;
      margin: -2.67em 0 0 0; }
    .vzw-page .integrate-sdk .right, .weplay-devs-page .integrate-sdk .right, .tango-page .integrate-sdk .right {
      float: none;
      margin: 0;
      width: 100%; }
    .vzw-page .integrate-sdk h2, .weplay-devs-page .integrate-sdk h2, .tango-page .integrate-sdk h2 {
      width: 80%;
      margin: auto;
      padding: 1em 0 .45em 0; }
    .vzw-page .integrate-sdk .btn-blue, .weplay-devs-page .integrate-sdk .btn-blue, .tango-page .integrate-sdk .btn-blue {
      font-weight: 600;
      font-size: 1.3em;
      margin: 1em auto 0 auto; }
  .vzw-page .direct-billing, .weplay-devs-page .direct-billing, .tango-page .direct-billing {
    text-align: center;
    height: auto;
    padding: 0 0 2em 0; }
    .vzw-page .direct-billing img, .weplay-devs-page .direct-billing img, .tango-page .direct-billing img {
      width: 80%;
      float: none;
      margin: auto; }
    .vzw-page .direct-billing .left, .weplay-devs-page .direct-billing .left, .tango-page .direct-billing .left {
      float: none;
      width: 100%; }
    .vzw-page .direct-billing h2, .weplay-devs-page .direct-billing h2, .tango-page .direct-billing h2 {
      padding: 2.2em 0 .45em 0; }
  .vzw-page .gain-insights, .weplay-devs-page .gain-insights, .tango-page .gain-insights {
    text-align: center; }
    .vzw-page .gain-insights .max-content-width, .weplay-devs-page .gain-insights .max-content-width, .tango-page .gain-insights .max-content-width {
      height: auto; }
    .vzw-page .gain-insights img, .weplay-devs-page .gain-insights img, .tango-page .gain-insights img {
      position: relative;
      width: 80%; }
    .vzw-page .gain-insights .right, .weplay-devs-page .gain-insights .right, .tango-page .gain-insights .right {
      float: none;
      width: 100%; }
    .vzw-page .gain-insights h2, .weplay-devs-page .gain-insights h2, .tango-page .gain-insights h2 {
      padding: 1em 0; }

  .weplay-devs-page .reach-users h2 {
    padding-top: 3.2em; }

  .weplay-devs-page .reach-users img {
    top: -113px; }

  footer .max-content-width {
    min-width: 0; }
  footer .quick-links ul li {
    font-size: 1.2em; }
    footer .quick-links ul li.games {
      display: none; }
    footer .quick-links ul li.about {
      display: none; }
    footer .quick-links ul li.developers {
      display: none; }
    footer .quick-links ul li.blog {
      display: none; }
  footer .the-end .blocks {
    width: 100%;
    padding: 2em 0 2em 0;
    text-align: center;
    display: block; }
    footer .the-end .blocks.copyright.resp {
      display: block; }
    footer .the-end .blocks.follow {
      border-bottom: 1px solid #19313f; }
      footer .the-end .blocks.follow a {
        position: relative;
        top: -.1em;
        left: .6em;
        display: inline-block;
        margin: 0 .75em;
        width: 13%; }
        footer .the-end .blocks.follow a img {
          width: 100%;
          height: auto;
          -webkit-transition: opacity .5s ease;
          -moz-transition: opacity .5s ease;
          transition: opacity .5s ease;
          opacity: .65; }
          footer .the-end .blocks.follow a img:hover {
            opacity: 1; }
    footer .the-end .blocks.copyright {
      color: #334a58;
      font-size: 1em; }
  footer .remove {
    display: none !important; }

  .contact-page .contact-form {
    height: auto;
    padding-bottom: 2em; }
    .contact-page .contact-form .left {
      float: none;
      width: 100%; }
      .contact-page .contact-form .left input[type=text] {
        display: block;
        width: 90%; }
      .contact-page .contact-form .left textarea {
        display: block;
        width: 90%; }
    .contact-page .contact-form .right {
      float: none;
      width: 100%; }
      .contact-page .contact-form .right .btn-blue {
        display: block;
        width: 97%; }
  .contact-page .office-locations {
    display: none; }
  .contact-page .contacts-and-locations .contacts .person {
    width: 90%;
    display: block;
    float: none;
    font-size: 1.5em; }

  .error-page {
    background: #eff1f2;
    text-align: center; }
    .error-page .error-message {
      min-height: 600px; }
      .error-page .error-message p {
        font-size: 2em;
        font-weight: 200;
        color: #2798e2; }
      .error-page .error-message img {
        padding: 2em 0 2em 0; }
    .error-page footer {
      position: relative;
      bottom: 0;
      width: 100%; }

  html.weplay {
    background: #a8a6a1; }

  .weplay-page {
    background-repeat: no-repeat;
    background-attachment: scroll; }
    .weplay-page .main-content .not-supported {
      padding: .75em;
      font-size: 14px;
      color: #fff;
      width: 75%;
      margin: auto;
      background: #921c1c;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      opacity: .87;
      text-align: center; }
    .weplay-page .terms {
      position: absolute;
      left: 2%;
      z-index: 100;
      width: 96%;
      background: #fff;
      padding: 0 10px 5px 10px;
      height: auto;
      box-sizing: border-box;
      font-size: 14px; }
    .weplay-page .dev-info {
      padding-top: 14px !important; }
    .weplay-page .mobile {
      display: block; }
    .weplay-page .show {
      display: block !important; }
    .weplay-page .nav-click {
      float: right;
      top: 0;
      margin-right: -1em;
      right: 0;
      width: 4.3em; }
    .weplay-page .site-width {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 1em; }
    .weplay-page .left.phone {
      position: relative;
      left: -2%;
      float: none;
      width: 80%;
      display: block;
      margin: auto;
      padding-top: 2em; }
    .weplay-page .main-content .right {
      width: 100%;
      float: none;
      padding-top: 1em; }
      .weplay-page .main-content .right .announcing {
        width: 100%;
        display: block;
        float: none; }
      .weplay-page .main-content .right .start {
        width: 90%;
        display: block;
        float: none;
        padding-top: .5em; }
      .weplay-page .main-content .right .download {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center; }
    .weplay-page .main-content .right .points {
      padding-left: 9%; }
      .weplay-page .main-content .right .points .point {
        float: left;
        width: 47%;
        margin: 0 1% 2em 1%;
        font-size: 14px;
        color: #a19c8d;
        text-align: center; }
      .weplay-page .main-content .right .points .point img {
        width: 60%; }
    .weplay-page .featured-games {
      padding-bottom: 2em; }
      .weplay-page .featured-games .games {
        padding: 0 1em; }
      .weplay-page .featured-games .games .featured {
        display: block;
        margin: 0 auto;
        padding: 2em 0 1em 0; }
      .weplay-page .featured-games .games .game {
        position: relative;
        float: none;
        display: block;
        margin: 0 auto 1.25em auto;
        width: 90%;
        margin: 0 auto 1.5em auto;
        height: auto;
        cursor: pointer; }
      .weplay-page .featured-games .games .game img {
        width: 100%; }
    .weplay-page .footer .ppp {
      position: relative;
      top: 6px;
      padding-left: 0; }
    .weplay-page .footer .right {
      padding-right: 0; }
    .weplay-page header .nav {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      padding-top: 0;
      background: #13b794; }
      .weplay-page header .nav li {
        display: block;
        float: none;
        padding: .6em;
        border-right: none;
        padding: .8em 1.5em;
        font-weight: bold;
        border-bottom: 2px solid #129e80;
        cursor: pointer; }
      .weplay-page header .nav li:hover {
        background: #12a485; }
      .weplay-page header .nav li.last {
        padding-right: 1.5em;
        border: none; }
      .weplay-page header .nav li a {
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none; }
    .weplay-page .modal {
      display: none;
      position: fixed;
      z-index: 101;
      top: 14%;
      width: 90%;
      left: 2%;
      margin: 0;
      min-height: 0;
      text-align: center;
      padding: 20px 10px 20px 10px;
      background: #f5f2e9;
      box-shadow: 0 7px 7px rgba(0, 0, 0, 0.5); }
      .weplay-page .modal .main-image {
        display: none; }
      .weplay-page .modal .x {
        width: 1.5em;
        top: 7px;
        right: 7px; }
      .weplay-page .modal .title-stats {
        width: 100%; }
        .weplay-page .modal .title-stats .title {
          font-size: 26px;
          padding-bottom: .1em;
          width: 100%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .weplay-page .modal .title-stats img {
          width: 5%; }
        .weplay-page .modal .title-stats a {
          float: none;
          display: block;
          width: 30%;
          margin: .75em auto; }
      .weplay-page .modal .desc-img {
        width: 30%; }
      .weplay-page .modal .description {
        font-size: 1.3em; }
      .weplay-page .modal .screenshots div {
        display: none; }
    .weplay-page .download-box {
      box-sizing: border-box;
      left: 0;
      margin-left: 0;
      width: 100%;
      top: 5%; }
      .weplay-page .download-box .row {
        left: 75px; }
      .weplay-page .download-box .install-text {
        width: 100%; }
      .weplay-page .download-box .step1 {
        width: 80%; }
      .weplay-page .download-box .step2 {
        width: 80%; }
      .weplay-page .download-box .step3 {
        width: 80%; }

  ol.bjqs-markers {
    display: none; } }
@media all and (max-width: 480px) {
  .max-content-width {
    padding: 0;
    width: 96%;
    margin: auto; } }
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }

  70% {
    -moz-transform: scale(0.9); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }

  50% {
    opacity: 1;
    -o-transform: scale(1.05); }

  70% {
    -o-transform: scale(0.9); }

  100% {
    -o-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }

  50% {
    opacity: 1;
    transform: scale(1.05); }

  70% {
    transform: scale(0.9); }

  100% {
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

.faces {
  position: absolute;
  z-index: 50; }

.face1 {
  top: 13.25em;
  left: -1.25em; }

.face2 {
  top: 21.25em;
  left: 13.5em; }

.face3 {
  top: 9em;
  left: 22em; }

.one {
  background: #ffc018 !important; }

.two {
  background: #18b6ff !important; }

.three {
  background: #c380d9 !important; }

.four {
  background: #d98093 !important; }