/* ============================================================================
 *
 *     __/\\\\\\_____/\\_______/\\__/\\____________/\\_
 *      _\/\\////////\\__\///\\___/\\/__\/\\\________/\\\_
 *       _\/\\______\//\\___\///\\\/____\/\\//\\____/\\//\\_
 *        _\/\\_______\/\\_____\//\\______\/\\///\\/\\/_\/\\_
 *         _\/\\_______\/\\______\/\\______\/\\__\///\\/___\/\\_
 *          _\/\\_______\/\\______/\\\_____\/\\____\///_____\/\\_
 *           _\/\\_______/\\_____/\\////\\___\/\\_____________\/\\_
 *            _\/\\\\\\/____/\\/___\///\\_\/\\_____________\/\\_
 *             _\////////////_____\///_______\///__\///______________\///__
 *
 *                       Parse.com (Docs) Sass Library
 *
 ============================================================================ */
::selection {
  background: black;
  color: white; }

/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  background: #fff;
  color: #000;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

p,
pre {
  margin: 1em 0; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu,
ol,
ul {
  padding: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

main {
  display: block; }

a {
  text-decoration: none;
  color: inherit; }
  a:hover {
    text-decoration: underline; }

a:active,
a:focus {
  outline: none; }

img {
  width: auto;
  height: auto;
  max-width: 100%; }

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 * https://css-tricks.com/scale-svg/
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.lte-ie9 img[src*=".svg"] {
  width: 100%; }

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; } }
@font-face {
  font-family: 'webfont_din-regular';
  src: url("../assets/fonts/din17sbop-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'webfont_input';
  src: url("../assets/fonts/d94de4bd-16a6-4c19-81bd-ed8f4e1624c6-3.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'webfont_alright';
  src: url("../assets/fonts/ttfah-AlrightSubLPWebfontUseOnly-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'webfont_alright';
  src: url("../assets/fonts/ttfah-AlrightSubLPWebfontUseOnly-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'webfont_alright';
  src: url("../assets/fonts/ttfah-AlrightSubLPWebfontUseOnly-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'webfont_alright';
  src: url("../assets/fonts/ttfah-AlrightSubLPWebfontUseOnly-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'webfont_alright';
  src: url("../assets/fonts/ttfah-AlrightSubLPWebfontUseOnly-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal; }
p,
.p,
[class^="p--"],
[class*=" p--"] {
  color: #555572;
  font-size: 1.4rem;
  line-height: 1.6; }
  p a,
  .p a,
  [class^="p--"] a,
  [class*=" p--"] a {
    color: #169CEE; }
  @media (min-width: 760px) {
    p,
    .p,
    [class^="p--"],
    [class*=" p--"] {
      font-size: 1.6rem; } }

.p--white {
  color: white; }
.p--translucent {
  color: white;
  opacity: 0.29; }
.p--medium {
  font-size: 1.4rem; }
.p--small {
  font-size: 1.2rem;
  color: #595959; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0; }

.h1 {
  color: #169CEE;
  font-family: "webfont_alright";
  font-size: 4rem;
  letter-spacing: -0.1rem;
  line-height: 1.1;
  font-weight: 700; }
  @media (min-width: 760px) {
    .h1 {
      font-size: 4.6rem;
      letter-spacing: -0.216rem; } }
  .h1--purple {
    color: #555572; }
  .h1--white {
    color: white; }
  .h1--green {
    color: #00DB7C; }
  .h1--home {
    color: #555572;
    font-size: 2.7rem;
    line-height: 1.1;
    font-weight: 400; }
    @media (min-width: 760px) {
      .h1--home {
        font-size: 4.6rem; } }

.h2 {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.1875;
  letter-spacing: -0.075rem;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  @media (min-width: 760px) {
    .h2 {
      font-size: 3.2rem; } }
  .h2--green {
    color: #00DB7C; }
  .h2--red {
    color: #FF395E; }
  .h2--white {
    color: white; }
  .h2--blue {
    color: #169CEE; }
  .h2--strong {
    font-family: "webfont_alright";
    font-weight: 700; }
    .h2--strong-blue {
      font-family: "webfont_alright";
      font-weight: 700;
      color: #169CEE; }

.h3 {
  font-size: 2.1rem;
  font-family: "webfont_alright";
  font-weight: 500;
  letter-spacing: -0.075rem; }
  @media (min-width: 760px) {
    .h3 {
      font-size: 2.7rem;
      letter-spacing: -0.1rem; } }
  .h3--white {
    color: white; }
  .h3--blue {
    color: #169CEE; }
  .h3--green {
    color: #00DB7C; }
  .h3--list {
    font-size: 2.4rem;
    margin: 0.25em 0;
    color: #169CEE; }
    .h3--list + p {
      margin: 0; }

.h4 {
  font-family: "webfont_din-regular";
  font-size: 1.1rem;
  letter-spacing: 0.4rem;
  text-transform: uppercase;
  font-weight: 400; }

.h4--translucent {
  opacity: 0.39; }

.h5 {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  font-family: "webfont_din-regular";
  font-size: 1.1rem;
  letter-spacing: 0.225rem;
  text-transform: uppercase;
  font-weight: 400; }
  .h5:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 100%;
    height: 18px;
    opacity: 0.1;
    background: #555572; }
  @media (min-width: 760px) {
    .h5 {
      font-size: 1.2rem; } }

.h5--white {
  color: white; }
  .h5--white:before {
    background: white; }
.h5--red {
  color: #FF395E; }
  .h5--red:before {
    background: #FF395E; }
.h5--green {
  color: #00DB7C; }
  .h5--green:before {
    background: #00DB7C; }
.h5--blue {
  color: #169CEE; }
  .h5--blue:before {
    background: #169CEE; }

.h6 {
  font-size: 1.8rem;
  letter-spacing: -0.06rem;
  line-height: 1.2;
  font-weight: 500; }
  @media (min-width: 760px) {
    .h6 {
      font-size: 2rem; } }
  .h6--red {
    color: #FF395E; }
  .h6--green {
    color: #00DB7C; }
  .h6--blue {
    color: #169CEE; }

.h7 {
  font-size: 1.4rem;
  font-family: "webfont_alright";
  font-weight: 800; }

.h-tagline {
  font-family: "webfont_din-regular";
  font-size: 1.2rem;
  line-height: 1.0833333333; }

hr,
.hr {
  display: block;
  width: 100%;
  height: 1px;
  background: #169CEE;
  border: none;
  outline: none;
  margin: 2em 0;
  padding: 0; }

.hr--gray {
  background: #E0E0EA; }
.hr--green {
  background: #00DB7C; }
.hr--red {
  background: #FF395E; }

.copy-block {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }
  .copy-block p {
    max-width: 582px;
    margin-left: auto;
    margin-right: auto; }
  .copy-block .h5 {
    margin-top: 0; }
  .copy-block .h1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .copy-block .btns {
    margin-top: 2em; }

@media (min-width: 1104px) {
  .copy-block--left {
    margin-left: 0;
    text-align: left;
    max-width: 398px; } }
.copy-block--triplet {
  position: relative;
  padding-top: 42px;
  padding-bottom: 30px; }
  .copy-block--triplet:before {
    content: "";
    display: block !important;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    height: 1px;
    background-color: #00DB7C; }
  .copy-block--triplet > div + div {
    margin-top: 40px; }
  .copy-block--triplet .h6 {
    color: #00DB7C;
    margin: 0; }
    .copy-block--triplet .h6 + p {
      margin-top: 1em; }
  .copy-block--triplet p {
    font-size: 1.4rem; }
  @media (min-width: 760px) {
    .copy-block--triplet:before {
      left: 30px;
      right: 30px; }
    .copy-block--triplet > div + div {
      margin-top: 0; } }
  @media (min-width: 1104px) {
    .copy-block--triplet:before {
      left: 40px;
      right: 40px; } }
.copy-block--triplet-blue:before {
  background-color: #169CEE; }
.copy-block--triplet-blue .h6 {
  color: #169CEE; }
.copy-block--triplet-red:before {
  background-color: #FF395E; }
.copy-block--triplet-red .h6 {
  color: #FF395E; }

.quote-circle {
  width: 346px;
  height: 346px;
  background: rgba(85, 85, 114, 0.96);
  border-radius: 50%;
  text-align: center;
  color: white; }
  .quote-circle__content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .quote-circle blockquote {
    font-family: "webfont_alright";
    font-weight: 300;
    font-size: 3.04rem;
    letter-spacing: -0.1rem;
    width: 80%;
    max-width: 274px;
    margin: 0 auto;
    padding: 27px 0; }
    .quote-circle blockquote:before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 100%;
      width: 34px;
      height: 34px;
      border: 2px solid white;
      border-radius: 50%;
      margin-left: -17px;
      background: url(/http/blog.parseplatform.org/assets/svgs/quotes.svg) 45% center no-repeat; }
  .quote-circle cite {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 0 20%;
    font-size: 1.76rem;
    display: block;
    margin: 0 auto;
    font-style: normal;
    font-family: "webfont_alright";
    font-weight: 700; }
    .quote-circle cite .title {
      display: block;
      text-transform: uppercase;
      font-family: "webfont_din-regular";
      font-size: 1rem;
      letter-spacing: 0.087rem;
      margin-top: 4px; }

.shout-quote {
  text-align: center;
  font-family: "webfont_alright";
  font-weight: 300;
  color: #169CEE;
  font-size: 3rem;
  line-height: 1.36;
  letter-spacing: -1.78px;
  margin: 1em auto;
  max-width: 1080px; }
  @media (min-width: 375px) {
    .shout-quote {
      font-size: 3.3rem; } }
  @media (min-width: 760px) {
    .shout-quote {
      font-size: 5.6rem;
      line-height: 1.5; } }

.icon {
  fill: #555572;
  display: inline-block;
  width: 32px;
  height: 32px; }
  .icon.icon-scroll-hint, .icon.icon-pointer {
    fill: none !important;
    stroke: #555572; }

svg use {
  pointer-events: none; }

.grid-container {
  *zoom: 1;
  position: relative;
  min-width: 320px;
  max-width: 420px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto; }
  .grid-container:before, .grid-container:after {
    content: " ";
    display: table; }
  .grid-container:after {
    clear: both; }
  @media (min-width: 760px) {
    .grid-container {
      max-width: 900px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1104px) {
    .grid-container {
      max-width: 1180px;
      padding-left: 20px;
      padding-right: 20px; } }

.col--1 {
  float: left;
  width: 11.1111111111%;
  padding: 0 2%; }

.offset--1 {
  margin-left: 11.1111111111%; }

.col--2 {
  float: left;
  width: 22.2222222222%;
  padding: 0 2%; }

.offset--2 {
  margin-left: 22.2222222222%; }

.col--3 {
  float: left;
  width: 33.3333333333%;
  padding: 0 2%; }

.offset--3 {
  margin-left: 33.3333333333%; }

.col--4 {
  float: left;
  width: 44.4444444444%;
  padding: 0 2%; }

.offset--4 {
  margin-left: 44.4444444444%; }

.col--5 {
  float: left;
  width: 55.5555555556%;
  padding: 0 2%; }

.offset--5 {
  margin-left: 55.5555555556%; }

.col--6 {
  float: left;
  width: 66.6666666667%;
  padding: 0 2%; }

.offset--6 {
  margin-left: 66.6666666667%; }

.col--7 {
  float: left;
  width: 77.7777777778%;
  padding: 0 2%; }

.offset--7 {
  margin-left: 77.7777777778%; }

.col--8 {
  float: left;
  width: 88.8888888889%;
  padding: 0 2%; }

.offset--8 {
  margin-left: 88.8888888889%; }

.col--9 {
  float: left;
  width: 100%;
  padding: 0 2%; }

.offset--9 {
  margin-left: 100%; }

@media (min-width: 760px) and (max-width: 1103px) {
  .col-md--1 {
    float: left;
    width: 16.6666666667%;
    padding-left: 15px;
    padding-right: 15px; }

  .offset-md--1 {
    margin-left: 16.6666666667%; }

  .col-md--2 {
    float: left;
    width: 33.3333333333%;
    padding-left: 15px;
    padding-right: 15px; }

  .offset-md--2 {
    margin-left: 33.3333333333%; }

  .col-md--3 {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px; }

  .offset-md--3 {
    margin-left: 50%; }

  .col-md--4 {
    float: left;
    width: 66.6666666667%;
    padding-left: 15px;
    padding-right: 15px; }

  .offset-md--4 {
    margin-left: 66.6666666667%; }

  .col-md--5 {
    float: left;
    width: 83.3333333333%;
    padding-left: 15px;
    padding-right: 15px; }

  .offset-md--5 {
    margin-left: 83.3333333333%; }

  .col-md--6 {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }

  .offset-md--6 {
    margin-left: 100%; } }
@media (min-width: 1104px) {
  .col-lg--1 {
    float: left;
    width: 11.1111111111%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--1 {
    margin-left: 11.1111111111%; }

  .col-lg--2 {
    float: left;
    width: 22.2222222222%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--2 {
    margin-left: 22.2222222222%; }

  .col-lg--3 {
    float: left;
    width: 33.3333333333%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--3 {
    margin-left: 33.3333333333%; }

  .col-lg--4 {
    float: left;
    width: 44.4444444444%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--4 {
    margin-left: 44.4444444444%; }

  .col-lg--5 {
    float: left;
    width: 55.5555555556%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--5 {
    margin-left: 55.5555555556%; }

  .col-lg--6 {
    float: left;
    width: 66.6666666667%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--6 {
    margin-left: 66.6666666667%; }

  .col-lg--7 {
    float: left;
    width: 77.7777777778%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--7 {
    margin-left: 77.7777777778%; }

  .col-lg--8 {
    float: left;
    width: 88.8888888889%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--8 {
    margin-left: 88.8888888889%; }

  .col-lg--9 {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }

  .offset-lg--9 {
    margin-left: 100%; } }
* {
  margin: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body {
  height: 100%;
  font-size: 62.5%; }

body {
  font-family: "webfont_alright", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.6rem;
  min-width: 320px;
  background: #0E1B24;
  color: #555572; }
  body.is-locked {
    overflow: hidden; }
  @media (min-width: 1104px) {
    body {
      font-size: 1.4545454545rem; } }
  @media (max-width: 759px) {
    body.menu-overflow .site__wrapper {
      overflow: hidden; }
    body.show-menu .js__menu-hitbox {
      display: block; }
    body.show-menu .site__content,
    body.show-menu .site__header--clone {
      transform: translate(310px, 0);
      transform: translate3d(310px, 0, 0); }
    body.show-menu .legal-section__nav--clone {
      transform: translate(310px, 100%);
      transform: translate3d(310px, 100%, 0); } }
  @media (max-width: 374px) {
    body.show-menu .site__content,
    body.show-menu .site__header--clone {
      transform: translate(250px, 0);
      transform: translate3d(250px, 0, 0); }
    body.show-menu .legal-section__nav--clone {
      transform: translate(250px, 100%);
      transform: translate3d(250px, 100%, 0); } }

.site__menu {
  transition: left 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  left: -310px;
  top: 0;
  position: absolute;
  width: 310px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  color: white;
  background-image: -webkit-linear-gradient(top, #169CEE 0%, #117DBF 100%);
  background-image: -o-linear-gradient(top, #169CEE 0%, #117DBF 100%);
  background-image: linear-gradient(to bottom, #169CEE 0%, #117DBF 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF169CEE', endColorstr='#FF117DBF', GradientType=0); }
  @media (max-width: 374px) {
    .site__menu {
      left: -250px;
      width: 250px; } }
  @media (min-width: 760px) {
    .site__menu {
      display: none !important; } }

.js__menu-hitbox {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.site__wrapper {
  min-height: 100%;
  height: auto;
  position: relative; }

.site__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1), width 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.content__wrapper {
  position: relative;
  min-height: 100%;
  margin-bottom: -830px;
  color: #555572;
  background: white; }
  .content__wrapper:after {
    content: "";
    display: block;
    height: 830px; }
  @media (min-width: 760px) {
    .content__wrapper {
      margin-bottom: -358px; }
      .content__wrapper:after {
        height: 358px; } }
  @media (min-width: 760px) {
    .content__wrapper {
      top: 0 !important; } }

.site__footer {
  position: relative;
  height: 830px;
  background: #0E1B24;
  color: white;
  transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1), width 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }
  @media (min-width: 760px) {
    .site__footer {
      height: 358px; } }
  @media (min-width: 760px) {
    .site__footer {
      top: 0 !important; } }

.container {
  position: relative;
  margin: 0 auto;
  min-width: 320px;
  max-width: 420px;
  padding: 0 30px; }
  @media (min-width: 760px) {
    .container {
      padding: 0 30px;
      max-width: 900px; } }
  @media (min-width: 1104px) {
    .container {
      padding: 0 40px;
      max-width: 1320px; } }

.site__content {
  z-index: 100; }

.legal-section__nav--clone {
  z-index: 200; }

.mobile-toc-select--clone {
  z-index: 300; }

.site__footer {
  z-index: 400; }

.site__header {
  z-index: 500; }

.site__menu {
  z-index: 600; }

.js__menu-hitbox {
  z-index: 700; }

.site__header {
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  width: 100%;
  height: 80px;
  overflow: hidden; }
  .site__header:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0; }
  .site__header .container {
    height: 80px;
    max-width: none;
    position: relative; }
  .site__header .iframe-btn {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    display: none;
    width: 198px;
    height: 43px; }
    .site__header .iframe-btn .btn {
      color: white;
      font-size: 1.6rem;
      background: #169CEE;
      color: white;
      text-align: center;
      padding: 0;
      display: block;
      width: 100%; }
  .site__header.site__header--white a, .site__header.site__header--full-white a {
    color: white; }
  .site__header.site__header--white svg g, .site__header.site__header--full-white svg g {
    fill: white; }
    .site__header.site__header--white svg g .line.three, .site__header.site__header--full-white svg g .line.three {
      stroke: white !important; }
  .site__header.site__header--white .iframe-login, .site__header.site__header--full-white .iframe-login {
    border-left-color: rgba(255, 255, 255, 0.15); }
  .site__header.site__header--white .header-nav a, .site__header.site__header--full-white .header-nav a {
    opacity: 0.5;
    transition: opacity 150ms ease-in; }
    .site__header.site__header--white .header-nav a.active, .site__header.site__header--white .header-nav a:hover, .site__header.site__header--full-white .header-nav a.active, .site__header.site__header--full-white .header-nav a:hover {
      opacity: 1; }
  .site__header.site__header--white .header-hamburger .header-hamburger__line--top,
  .site__header.site__header--white .header-hamburger .header-hamburger__line--middle,
  .site__header.site__header--white .header-hamburger .header-hamburger__line--bottom,
  .site__header.site__header--white .header-hamburger .header-hamburger__line--arrow-top,
  .site__header.site__header--white .header-hamburger .header-hamburger__line--arrow-bottom, .site__header.site__header--full-white .header-hamburger .header-hamburger__line--top,
  .site__header.site__header--full-white .header-hamburger .header-hamburger__line--middle,
  .site__header.site__header--full-white .header-hamburger .header-hamburger__line--bottom,
  .site__header.site__header--full-white .header-hamburger .header-hamburger__line--arrow-top,
  .site__header.site__header--full-white .header-hamburger .header-hamburger__line--arrow-bottom {
    background: white; }
  .site__header.site__header--full-white .header-nav a {
    opacity: 1; }
  .site__header.site__header--blue .header-nav a {
    opacity: 0.3;
    transition: opacity 150ms ease-in; }
    .site__header.site__header--blue .header-nav a.active, .site__header.site__header--blue .header-nav a:hover {
      opacity: 1; }
  .site__header.site__header--clone {
    transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1), width 600ms cubic-bezier(0.645, 0.045, 0.355, 1), top 200ms ease;
    position: fixed !important;
    height: 55px;
    top: -55px; }
    .site__header.site__header--clone:before {
      display: block;
      opacity: 0.95; }
    .site__header.site__header--clone .container {
      height: 55px; }
    .site__header.site__header--clone.site__header--reveal {
      top: 0; }
    .site__header.site__header--clone .header-logo svg g {
      fill: #169CEE !important; }
    .site__header.site__header--clone .header-nav a {
      padding: 8px 10px;
      opacity: 1 !important;
      color: #555572 !important; }
      .site__header.site__header--clone .header-nav a.active {
        color: white !important;
        background: #169CEE;
        border-radius: 6px;
        padding-top: 4px;
        padding-bottom: 5px; }
    .site__header.site__header--clone .header-subnav {
      display: none; }
    .site__header.site__header--clone .iframe-login {
      display: none; }
    .site__header.site__header--clone .header-hamburger .header-hamburger__line--top,
    .site__header.site__header--clone .header-hamburger .header-hamburger__line--middle,
    .site__header.site__header--clone .header-hamburger .header-hamburger__line--bottom,
    .site__header.site__header--clone .header-hamburger .header-hamburger__line--arrow-top,
    .site__header.site__header--clone .header-hamburger .header-hamburger__line--arrow-bottom {
      background: #555572 !important; }
  @media (min-width: 760px) {
    .site__header {
      height: 120px; }
      .site__header .container {
        height: 120px;
        padding-top: 38px;
        max-width: 1470px; }
      .site__header.site__header--clone {
        height: 63px;
        top: -63px; }
        .site__header.site__header--clone .container {
          height: 63px;
          padding-top: 13px; }
        .site__header.site__header--clone .header-nav {
          text-align: center;
          padding-top: 5px; }
        .site__header.site__header--clone .iframe-btn {
          right: 40px;
          display: block; }
        .site__header.site__header--clone .header-logo svg {
          width: 118px;
          height: 50px; } }
  @media (min-width: 1240px) {
    .site__header.site__header--clone .header-nav li a {
      padding-left: 16px;
      padding-right: 16px; } }

.header-logo {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 10px;
  transform: translate(-50%, -50%);
  margin: 0; }
  .header-logo svg {
    display: block;
    height: 40px;
    width: 90px;
    fill: #169CEE; }
    .header-logo svg .line {
      fill: none;
      stroke-width: 10;
      stroke-miterlimit: 10; }
      .header-logo svg .line.one {
        stroke: #FF395E;
        stroke-dasharray: 89px;
        stroke-dashoffset: 89px; }
      .header-logo svg .line.two {
        stroke: #00DB7C;
        stroke-dasharray: 89px;
        stroke-dashoffset: 89px; }
      .header-logo svg .line.three {
        stroke: #169CEE;
        stroke-dasharray: 200px, 89px;
        stroke-dashoffset: 200px; }
  .header-logo:hover svg .line {
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1); }
    .header-logo:hover svg .line.one {
      transition-delay: 0s;
      transition-duration: 2s;
      stroke-dashoffset: 269px; }
    .header-logo:hover svg .line.two {
      transition-delay: .1s;
      transition-duration: 2.1s;
      stroke-dashoffset: 269px; }
    .header-logo:hover svg .line.three {
      transition-delay: .25s;
      transition-duration: 2.5s;
      stroke-dashoffset: 490px; }
  @media (min-width: 760px) {
    .header-logo {
      position: absolute;
      left: 40px;
      top: 50%;
      padding: 0;
      transform: translate(0, -50%); }
      .header-logo svg {
        width: 152px;
        height: 60px; } }

.header-nav {
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "webfont_din-regular"; }
  @media (min-width: 760px) {
    .header-nav {
      display: block; } }
  .header-nav li {
    display: none;
    position: relative; }
    .header-nav li.iframe-login {
      display: inline-block;
      margin-top: 15px; }
    @media (min-width: 760px) {
      .header-nav li {
        display: inline-block; }
        .header-nav li.iframe-login {
          border-left: 1px solid #E0E0EA;
          margin-top: 0px; } }
    @media (max-width: 550px) {
      .header-nav li {
        display: none !important; } }
    .header-nav li a {
      font-size: 1.6rem;
      display: block;
      padding: 15px 10px;
      text-decoration: none;
      color: #169CEE;
      top: -5px;
      position: relative; }
    .header-nav li + li {
      margin-left: 10px; }
  .header-nav .iframe-login {
    margin-left: 22px;
    padding-left: 26px;
    height: 50px; }
    .header-nav .iframe-login iframe {
      width: 150px;
      height: 36px;
      outline: 0;
      border: 0;
      padding: 0;
      margin: 0;
      top: 0;
      position: relative; }
    .header-nav .iframe-login a {
      display: inline-block; }

.header-subnav {
  z-index: 10;
  position: absolute;
  top: 47px;
  left: 0px;
  width: 590px;
  height: 26px;
  margin: 0;
  padding: 0;
  text-align: left; }
  .header-subnav li {
    padding: 0 3px; }
    .header-subnav li a {
      font-size: 1.4rem;
      padding: 4px 7px; }
      .header-subnav li a.active {
        color: #169CEE;
        background-color: white;
        border-radius: 4px; }
        .header-subnav li a.active--red {
          color: #FF395E; }
        .header-subnav li a.active--green {
          color: #00DB7C; }
    .header-subnav li + li {
      margin-left: 0; }
  .header-subnav__divider {
    padding: 0 6px;
    color: white;
    opacity: 0.32;
    top: -5px; }

.header-hamburger {
  display: block;
  position: absolute;
  width: 34px;
  height: 50px;
  top: 50%;
  left: 30px;
  transform: translate(0, -50%); }
  .header-hamburger__wrap {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 22px; }
  .header-hamburger__line--top, .header-hamburger__line--middle, .header-hamburger__line--bottom, .header-hamburger__line--arrow-top, .header-hamburger__line--arrow-bottom {
    display: block;
    height: 4px;
    background: #555572;
    position: absolute;
    left: 0;
    top: 0; }
  .header-hamburger__line--top, .header-hamburger__line--middle, .header-hamburger__line--bottom {
    transition: width 250ms cubic-bezier(0, 0.075, 0.47, 1.275) 200ms, top 250ms cubic-bezier(0, 0.075, 0.47, 1.275) 450ms; }
  .header-hamburger__line--top {
    width: 34px;
    top: 0; }
  .header-hamburger__line--middle {
    width: 27px;
    top: 8px; }
  .header-hamburger__line--bottom {
    width: 17px;
    top: 16px; }
  .header-hamburger__line--arrow-top, .header-hamburger__line--arrow-bottom {
    top: 8px;
    width: 10px;
    left: 10px;
    background: #555572;
    transition: transform 200ms cubic-bezier(0.25, 0.1, 0.44, 2) 0ms;
    transform-origin: 80% 50%; }
  body.show-menu .header-hamburger__line--top, body.show-menu .header-hamburger__line--middle, body.show-menu .header-hamburger__line--bottom {
    top: 8px;
    width: 17px;
    transition: width 250ms ease-out 250ms, top 250ms ease-out 0ms; }
  body.show-menu .header-hamburger__line--arrow-top, body.show-menu .header-hamburger__line--arrow-bottom {
    transition: transform 200ms cubic-bezier(0.25, 0.1, 0.44, 2) 550ms; }
  body.show-menu .header-hamburger__line--arrow-top {
    transform: rotate(45deg); }
  body.show-menu .header-hamburger__line--arrow-bottom {
    transform: rotate(-45deg); }
  @media (min-width: 760px) {
    .header-hamburger {
      left: 30px; } }
  @media (min-width: 1104px) {
    .header-hamburger {
      left: 40px; } }
  @media (min-width: 760px) {
    .header-hamburger {
      display: none !important; } }

.footer__main {
  padding: 24px 0 14px;
  background: #070D12; }
.footer__list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer__list li {
    padding: 6px 0; }
  .footer__list a {
    position: relative;
    font-family: "webfont_alright";
    font-size: 1.8rem;
    color: white;
    text-decoration: none !important; }
    .footer__list a:hover {
      text-decoration: none; }
.footer__quicklinks {
  *zoom: 1;
  margin-bottom: 42px; }
  .footer__quicklinks:before, .footer__quicklinks:after {
    content: " ";
    display: table; }
  .footer__quicklinks:after {
    clear: both; }
  .footer__quicklinks .footer__list {
    float: left;
    width: 50%; }
.footer__support-socials {
  margin-bottom: 30px; }
.footer__support {
  margin-bottom: 26px; }
.footer__socials a {
  display: inline-block; }
  .footer__socials a + a {
    margin-left: 10px; }
    @media (min-width: 760px) and (max-width: 900px) {
      .footer__socials a + a {
        margin-left: 3px; } }
.footer__socials .icon {
  fill: white;
  width: 30px;
  height: 20px; }
.footer__newsletter h3 + p {
  font-size: 1.6rem; }
.footer__newsletter .field-group {
  margin-bottom: 2.2rem; }
.footer__epilogue {
  background: #0E1B24;
  text-align: center;
  color: #169CEE;
  padding: 16px 0; }
  .footer__epilogue span {
    font-size: 1.4rem;
    font-family: "webfont_alright";
    font-weight: 800;
    font-weight: 700;
    display: block;
    background: url(/http/blog.parseplatform.org/assets/images/epilogue-build-together.png) center center no-repeat;
    background-size: auto 100%;
    width: 175px;
    margin: 0 auto;
    padding: 13px 0; }
.footer__heading {
  font-family: "webfont_din-regular";
  font-size: 1.1rem;
  letter-spacing: 0.4rem;
  text-transform: uppercase;
  font-weight: 400;
  opacity: 0.29; }
.footer__para--white {
  color: white; }
.footer__para--small {
  font-size: 1.2rem;
  color: #595959; }
@media (min-width: 760px) {
  .footer__main {
    padding: 24px 0 30px; }
    .footer__main .container {
      *zoom: 1; }
      .footer__main .container:before, .footer__main .container:after {
        content: " ";
        display: table; }
      .footer__main .container:after {
        clear: both; }
  .footer__quicklinks {
    float: left;
    margin-bottom: 0;
    width: 28%; }
  .footer__newsletter {
    float: left;
    width: 44%;
    border-left: 1px solid #0E1B24;
    border-right: 1px solid #0E1B24;
    text-align: center;
    padding: 0 25px; }
    .footer__newsletter .field-group {
      margin: 3.6rem 0 2.2rem; }
  .footer__support-socials {
    float: right;
    width: 28%;
    text-align: right;
    margin-bottom: 0; } }
@media (min-width: 1104px) {
  .footer__main .container {
    max-width: 1190px; }
  .footer__quicklinks, .footer__support-socials {
    padding-top: 5px;
    width: 26%; }
  .footer__newsletter {
    width: 48%;
    padding: 5px 76px 12px; }
    .footer__newsletter h3 + p {
      font-size: 1.8rem; } }

.site__menu__nav {
  margin: 0;
  padding: 0; }
  .site__menu__nav > ul {
    margin: 0;
    padding: 0; }
    .site__menu__nav > ul > li a {
      display: block;
      padding: 22px 20px 18px;
      border-bottom: 1px solid rgba(253, 250, 251, 0.3);
      transition: all 200ms ease-in;
      font-size: 1.8rem;
      font-family: "webfont_din-regular";
      text-decoration: none;
      color: white; }
      html.no-touch .site__menu__nav > ul > li a:hover {
        transition: all 200ms ease;
        background: rgba(255, 255, 255, 0.1); }
.site__menu .h4 {
  opacity: 0.39; }
.site__menu__socials {
  *zoom: 1;
  position: relative;
  padding: 16px 20px 119px; }
  .site__menu__socials:before, .site__menu__socials:after {
    content: " ";
    display: table; }
  .site__menu__socials:after {
    clear: both; }
  .site__menu__socials > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .site__menu__socials > ul > li {
      float: left;
      width: 16%; }
      .site__menu__socials > ul > li a {
        display: block;
        text-align: center; }
        .site__menu__socials > ul > li a .icon {
          fill: white;
          width: 100%;
          height: 27px; }
      .site__menu__socials > ul > li + li {
        margin-left: 5%; }
.site__menu__build-together {
  font-size: 1.4rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.49);
  position: absolute;
  left: 0;
  bottom: 36px;
  width: 100%;
  height: 43px;
  background: url(/http/blog.parseplatform.org/assets/images/build-together.png) center center no-repeat;
  background-size: auto 100%;
  text-align: center;
  line-height: 43px;
  margin: 0;
  padding: 0; }

.codebook {
  margin: 2em auto;
  text-align: left;
  background-color: #169CEE;
  border-radius: 4px;
  color: white; }
  .codebook a {
    text-decoration: none; }
  @media (min-width: 880px) {
    .codebook__container--inline-popout {
      margin-left: -15%;
      width: 130%; } }
  @media (min-width: 1024px) {
    .codebook__container--inline-popout {
      margin-left: -25%;
      width: 150%; } }
  .codebook__container--tooltip {
    text-align: left;
    position: relative; }
    .codebook__container--tooltip .codebook {
      display: none;
      text-align: left;
      margin: 1em 0; }
    .codebook__container--tooltip.is-open .codebook {
      display: block; }
  .codebook__platform-content {
    display: none; }
    .codebook__platform-content.is-active-platform {
      display: block; }
  .codebook__platforms {
    padding: 0 5px; }
  .codebook__platform {
    display: inline-block;
    padding: 11px 10px 9px;
    opacity: 0.5;
    width: 46px;
    transition: opacity 180ms ease; }
    .codebook__platform svg {
      width: auto;
      height: auto;
      max-width: 21px;
      max-height: 21px;
      fill: white; }
    .codebook__platform.is-active-platform, .codebook__platform:hover {
      opacity: 1; }
  .codebook__languages {
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0.1); }
  .codebook__language {
    display: inline-block;
    font-family: "webfont_input", Monaco, monospace;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 7px 8px;
    opacity: 0.5;
    color: white !important;
    transition: opacity 180ms ease; }
    .codebook__language.is-active-language, .codebook__language:hover {
      opacity: 1; }
  .codebook .codebook__prisms pre {
    display: none;
    font-size: 1.2rem;
    border-radius: 0 0 4px 4px;
    margin: 0 !important; }
    .codebook .codebook__prisms pre.is-active-language {
      display: block; }
  @media (min-width: 760px) {
    .codebook__container--tooltip {
      width: 28px;
      height: 28px; }
      .codebook__container--tooltip .codebook {
        position: absolute;
        width: 500px;
        top: 100%;
        transform: translateY(10px);
        z-index: 1892;
        margin: 0; }
        .codebook__container--tooltip .codebook.codebook--left {
          left: 0; }
        .codebook__container--tooltip .codebook.codebook--right {
          right: 0; }
        .codebook__container--tooltip .codebook__prisms {
          max-height: 200px;
          overflow: auto; } }
  .codebook--green {
    background-color: #00DB7C; }
  .codebook--red {
    background-color: #FF395E; }
  .codebook--martinique {
    background-color: #3B2C48; }

.code-btn {
  display: inline-block;
  position: relative;
  background: none;
  padding: 0 0 0 38px;
  font-family: "webfont_din-regular";
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #169CEE;
  letter-spacing: 0.2rem; }
  .code-btn .code-btn__icon {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    border: 1px solid #169CEE;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all 150ms ease; }
    .code-btn .code-btn__icon:before, .code-btn .code-btn__icon:after {
      opacity: 0;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 12px;
      height: 2px;
      background-color: #169CEE; }
    .code-btn .code-btn__icon svg {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 18px;
      height: 12px;
      fill: #169CEE;
      transition: fill 150ms ease; }
  .code-btn.show-close .code-btn__icon {
    background-color: #169CEE; }
    .code-btn.show-close .code-btn__icon:before, .code-btn.show-close .code-btn__icon:after {
      opacity: 1;
      background-color: white; }
    .code-btn.show-close .code-btn__icon:before {
      transform: translate(-50%, -50%) rotate(-45deg); }
    .code-btn.show-close .code-btn__icon:after {
      transform: translate(-50%, -50%) rotate(45deg); }
    .code-btn.show-close .code-btn__icon svg {
      opacity: 0;
      fill: white; }
  html.no-touch .code-btn:hover {
    text-decoration: none; }
    html.no-touch .code-btn:hover .code-btn__icon {
      background-color: #169CEE; }
      html.no-touch .code-btn:hover .code-btn__icon:before, html.no-touch .code-btn:hover .code-btn__icon:after {
        background-color: white; }
      html.no-touch .code-btn:hover .code-btn__icon svg {
        fill: white; }

.code-btn--green {
  color: #00DB7C; }
  .code-btn--green .code-btn__icon {
    border-color: #00DB7C; }
    .code-btn--green .code-btn__icon svg {
      fill: #00DB7C; }
  html.no-touch .code-btn--green:hover .code-btn__icon, .code-btn--green.show-close .code-btn__icon {
    background-color: #00DB7C; }

.code-btn--red {
  color: #FF395E; }
  .code-btn--red .code-btn__icon {
    border-color: #FF395E; }
    .code-btn--red .code-btn__icon svg {
      fill: #FF395E; }
  html.no-touch .code-btn--red:hover .code-btn__icon, .code-btn--red.show-close .code-btn__icon {
    background-color: #FF395E; }

.code-btn--martinique {
  color: #3B2C48; }
  .code-btn--martinique .code-btn__icon {
    border-color: #3B2C48; }
    .code-btn--martinique .code-btn__icon svg {
      fill: #3B2C48; }
  html.no-touch .code-btn--martinique:hover .code-btn__icon, .code-btn--martinique.show-close .code-btn__icon {
    background-color: #3B2C48; }

.btn {
  display: block;
  font-family: "webfont_din-regular";
  font-size: 1.6rem;
  background: #169CEE;
  color: white;
  text-align: center;
  padding: 0 22px;
  border-radius: 4px;
  border: none;
  outline: none;
  height: 43px;
  line-height: 41px;
  display: inline-block; }
  .btns .btn + .btn {
    margin-top: 1em; }
  .btns--center {
    text-align: center; }
  @media (min-width: 760px) {
    .btns .btn + .btn {
      margin-top: 0;
      margin-left: 0.8em; } }
  html.no-touch .btn:hover {
    text-decoration: none;
    background: #108edb; }
  .btn--block {
    display: block;
    width: 100%; }
  .btn--outline {
    background: none;
    color: #169CEE;
    border: 1px solid #169CEE;
    padding: 0 22px; }
    html.no-touch .btn--outline:hover {
      background: #169CEE;
      color: white; }
  .btn--twitter {
    margin-top: 20px;
    border-radius: 20px; }
  .btn--inverse, .btn--white {
    background: white;
    color: #169CEE; }
    html.no-touch .btn--inverse:hover, html.no-touch .btn--white:hover {
      background: rgba(255, 255, 255, 0.9); }
    .btn--inverse--outline, .btn--white--outline {
      padding: 0 22px;
      background: none;
      border: 1px solid white; }
      html.no-touch .btn--inverse--outline:hover, html.no-touch .btn--white--outline:hover {
        background: white;
        color: #169CEE; }
  .btn--disabled {
    opacity: .2;
    pointer-events: none;
    cursor: default; }
    .btn--disabled--outline {
      padding: 0 22px;
      background: none;
      border: 1px solid white; }
  .btn--dark {
    opacity: 0.5;
    background: #070D12;
    color: white; }
    .btn--dark--outline {
      opacity: 0.5;
      background: none;
      padding: 0 22px;
      border: 1px solid #070D12;
      color: #070D12; }
      html.no-touch .btn--dark--outline:hover {
        background: #070D12;
        color: white; }
  .btn--green {
    background: #00DB7C; }
    html.no-touch .btn--green:hover {
      background: #00c26e; }
    .btn--green--outline {
      background: none;
      padding: 0 22px;
      border: 1px solid #00DB7C;
      color: #00DB7C; }
      html.no-touch .btn--green--outline:hover {
        background: #00DB7C;
        color: white; }
  .btn--red {
    background: #FF395E; }
    html.no-touch .btn--red:hover {
      background: #ff2049; }
    .btn--red--outline {
      padding: 0 22px;
      background: none;
      color: #FF395E;
      border: 1px solid #FF395E; }
      html.no-touch .btn--red--outline:hover {
        background: #FF395E;
        color: white; }
  .btn--wide {
    min-width: 231px; }
  .btn--small {
    font-size: 1.4rem;
    padding: 0 22px; }
  .btn--back {
    position: relative;
    padding-left: 40px;
    padding-right: 16px; }
    .btn--back:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 15px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 8px 6px 0;
      border-color: transparent rgba(216, 216, 216, 0.26) transparent transparent;
      transform: translateY(-50%); }
  .btn--icon {
    position: relative;
    padding-right: 50px; }
    .btn--icon svg {
      position: absolute;
      right: 16px;
      width: 24px;
      height: 24px;
      top: 50%;
      transform: translateY(-54%);
      fill: white;
      opacity: 0.5; }

@media (max-width: 759px) {
  button.btn,
  input.btn {
    width: 100%; } }

.play-btn {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  background-color: white;
  border-radius: 50%; }
  .play-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    margin: -13.5px 0 0 -5.5px;
    border-width: 13.5px 0 13.5px 17px;
    border-color: transparent transparent transparent #169CEE;
    transition: border-left-color 150ms ease; }
  .play-btn:hover:before {
    border-left-color: #117DBF; }
  @media (min-width: 1104px) {
    .play-btn {
      width: 91px;
      height: 91px; }
      .play-btn:before {
        margin: -17.5px 0 0 -6.5px;
        border-width: 17.5px 0 17.5px 22px; } }

.hero {
  padding-top: 20px;
  text-align: center;
  position: relative;
  background: #169CEE url("") center center no-repeat;
  background-size: cover;
  overflow: hidden; }
  .hero:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #169CEE;
    opacity: 0.77;
    z-index: 1; }
  @media (min-width: 320px) {
    .hero {
      height: 120px;
      padding-top: 40px; } }
  .hero .container {
    z-index: 2;
    position: relative;
    top: 50%;
    transform: translateY(-50%) translateZ(0); }
  .hero .h1, .hero p {
    margin-left: auto;
    margin-right: auto; }
  .hero .h1 {
    max-width: 661px;
    margin: 0.5em auto; }
  .hero p {
    max-width: 580px; }
  .hero .btns {
    margin-top: 20px; }
    .hero .btns a {
      cursor: pointer; }
    @media (min-width: 320px) {
      .hero .btns {
        margin-top: 50px; } }
  .hero__video {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
    .hero__video video {
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    html.touch .hero__video {
      display: none !important; }
  .hero__pointer {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3; }
    .hero__pointer .icon {
      stroke: #EDEDED;
      animation: anim_scroll-hint 4s infinite;
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
      .hero__pointer .icon:hover {
        stroke: #169CEE; }
    @media (min-width: 320px) {
      .hero__pointer .icon {
        width: 39px;
        height: 39px; } }
    html.lte-ie9 .hero__pointer {
      display: none; }
  .hero__emoji {
    width: 74px; }
    .hero__emoji + .h1 {
      margin: 0.6em auto 0; }
      .hero__emoji + .h1 + p {
        margin: 0.9em auto 1.7em; }
  .hero--green {
    background-color: #00DB7C; }
    .hero--green:before {
      background-color: #00DB7C; }
    .hero--green .btn--inverse {
      color: #00DB7C; }
  .hero--red {
    background-color: #FF395E; }
    .hero--red:before {
      background-color: #FF395E; }
    .hero--red .btn--inverse {
      color: #FF395E; }
  .hero--basic {
    height: 578px;
    background-color: white; }
    .hero--basic:before {
      background-color: white;
      opacity: 0.92; }
    .hero--basic .container a {
      color: #169CEE; }
    .hero--basic .container p {
      max-width: 468px; }
  .hero--about {
    height: 578px;
    background-color: white; }
    .hero--about:before {
      background-color: white;
      opacity: 0.92; }
    .hero--about .container a {
      color: #169CEE; }
    .hero--about .container p {
      max-width: 558px; }
    .hero--about .container .btns {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -100px; }
  .hero--small {
    height: 500px; }
  .hero--noverlay:before {
    display: none !important; }
  .hero--gradient:before {
    background: url(/http/blog.parseplatform.org/assets/images/heros/gradient_blue-gray.png) left top repeat-x;
    background-size: auto 100%;
    opacity: 1; }
  .hero--home {
    overflow: hidden;
    height: 100vh;
    min-height: 568px;
    padding: 80px 0 0;
    background: none; }
    @media (min-width: 320px) {
      .hero--home {
        padding-top: 110px;
        min-height: 700px; } }
    .hero--home:before {
      display: none; }
    .hero--home:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 80px;
      bottom: 320px;
      background: url("/http/blog.parseplatform.org/assets/images/heros/home.svg") center center no-repeat;
      background-size: auto 100%; }
      @media (min-width: 375px) {
        .hero--home:after {
          bottom: 300px; } }
      @media (min-width: 760px) {
        .hero--home:after {
          bottom: 270px; } }
      @media (min-width: 1160px) {
        .hero--home:after {
          top: 110px;
          bottom: 210px; } }
    .hero--home__content {
      position: absolute;
      bottom: 0;
      height: auto;
      width: 100%;
      padding-top: 0px;
      padding-bottom: 70px;
      background: #FDFAFB; }
      @media (max-width: 320px) {
        .hero--home__content {
          padding-top: 60px; } }
      .hero--home__content .container {
        position: static;
        transform: none; }
        @media (min-width: 320px) {
          .hero--home__content .container {
            padding-top: 60px; } }
      .hero--home__content .h1 {
        margin: 0 auto; }
        @media (min-width: 1160px) {
          .hero--home__content .h1 {
            max-width: none; } }
      .hero--home__content .btns {
        margin-top: 1.95em; }
  .hero--policies {
    padding-top: 120px;
    height: auto; }
    .hero--policies .container {
      top: 0;
      transform: none;
      position: relative; }
      .hero--policies .container .h1 {
        margin: 0.5em auto 0.25em; }
      .hero--policies .container .p {
        margin: 0 auto; }
    .hero--policies__numbered-list {
      margin-top: 32px;
      padding: 20px 0;
      z-index: 2;
      position: relative;
      background-color: #1490DE;
      color: white; }
    @media (min-width: 320px) {
      .hero--policies {
        padding-top: 136px; }
        .hero--policies__numbered-list {
          padding: 30px 0 23px; } }
  .hero--docs {
    padding-top: 0;
    height: 250px;
    background-color: #6D7A82;
    text-align: left;
    overflow: hidden; }
    .hero--docs:before {
      display: none; }
    .hero--docs.server_docs_header {
      background-color: #169CEE; }
    .hero--docs.ios_docs_header {
      background-color: #5B707D; }
    .hero--docs.android_docs_header {
      background-color: #00C26E; }
    .hero--docs.cloudcode_docs_header {
      background-color: #169CEE; }
    .hero--docs.js_docs_header {
      background-color: #F5A623; }
    .hero--docs.osx_docs_header {
      background-color: #9CAFBA; }
    .hero--docs.unity_docs_header {
      background-color: #11A4BA; }
    .hero--docs.php_docs_header {
      background-color: #0E69A1; }
    .hero--docs.dotnet_docs_header {
      background-color: #922ADD; }
    .hero--docs.arduino_docs_header {
      background-color: #169CEE; }
    .hero--docs.embedded_c_docs_header {
      background-color: #15D0ED; }
    .hero--docs.rest_docs_header {
      background-color: #FF395E; }
    .hero--docs .grid-container {
      top: 0;
      padding-top: 150px;
      transform: none div;
        transform-position: relative; }
    .hero--docs .h1 {
      max-width: none;
      position: relative;
      margin: 0;
      letter-spacing: -1px; }
      .hero--docs .h1 em {
        display: block;
        font-style: normal;
        font-family: "webfont_alright";
        font-weight: 300; }
      .hero--docs .h1 .btn {
        position: absolute;
        right: 0;
        bottom: 0;
        font-family: "webfont_din-regular";
        letter-spacing: 0;
        background-color: rgba(0, 0, 0, 0.28);
        font-weight: 400; }
        html.no-touch .hero--docs .h1 .btn:hover {
          background-color: rgba(0, 0, 0, 0.5); }
    .hero--docs svg {
      fill: white;
      opacity: 0.1;
      position: absolute;
      left: -60px;
      bottom: -16px;
      width: 130px;
      height: 130px; }
    @media (min-width: 760px) {
      .hero--docs .grid-container {
        padding-top: 180px; }
      .hero--docs .h1 em {
        display: inline; } }
  .hero--docs-landing {
    padding: 166px 0 12px;
    height: auto;
    text-align: left;
    color: white; }
    .hero--docs-landing:before {
      display: none !important; }
    .hero--docs-landing__content {
      padding-right: 30%;
      position: relative; }
      .hero--docs-landing__content .h1 {
        margin: 0 0 2px;
        font-family: "webfont_alright";
        text-align: left; }
    .hero--docs-landing__languages a {
      font-size: 1.4rem;
      opacity: 0.41;
      color: white;
      line-height: 2;
      transition: opacity 180ms ease; }
      .hero--docs-landing__languages a.selected, .hero--docs-landing__languages a:hover {
        text-decoration: none;
        opacity: 1; }
      .hero--docs-landing__languages a + a {
        margin-left: 10px; }
    .hero--docs-landing__quickstart {
      display: none;
      position: absolute;
      right: 0;
      bottom: 6px;
      font-size: 1.6rem; }
      .hero--docs-landing__quickstart span {
        margin-right: 16px; }
    @media (min-width: 900px) {
      .hero--docs-landing__quickstart {
        display: block; } }
  .hero--platform-mobile {
    background-image: url(/http/blog.parseplatform.org/assets/images/heros/mobile.jpg);
    background-color: #00DB7C;
    background-size: auto 82%;
    background-position: center bottom; }
    .hero--platform-mobile:before {
      display: none !important; }
  .hero--platform-desktop {
    background-image: url(/http/blog.parseplatform.org/assets/images/heros/desktop.jpg);
    background-color: #FF395E;
    background-size: auto 55%;
    background-position: center 199px; }
    .hero--platform-desktop:before {
      display: none !important; }
  .hero--product-core {
    background-image: url(/http/blog.parseplatform.org/assets/images/heros/core.png);
    background-color: #1494E3;
    background-size: auto 77%;
    background-position: center 90%; }
    .hero--product-core:before {
      display: none !important; }
  .hero--product-push {
    background-image: url(/http/blog.parseplatform.org/assets/images/heros/push.jpg);
    background-color: #148DD9;
    background-size: auto 72%;
    background-position: center center; }
    .hero--product-push .h1 {
      max-width: 490px; }
    .hero--product-push:before {
      display: none !important; }
  .hero--product-analytics {
    background-image: url(/http/blog.parseplatform.org/assets/images/heros/analytics.jpg);
    background-color: #117EC2;
    background-size: auto 72%;
    background-position: center 126px; }
    .hero--product-analytics:before {
      display: none !important; }

.field-group--newsletter {
  position: relative; }
  .field-group--newsletter input {
    text-align: center; }
  .field-group--newsletter .btn {
    margin-top: 0.8rem; }
  @media (min-width: 760px) {
    .field-group--newsletter input[type="text"] {
      text-align: left;
      padding-right: 132px; }
    .field-group--newsletter .btn {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      margin-top: 0;
      border-radius: 0 4px 4px 0;
      padding-left: 0;
      padding-right: 0;
      width: 113px; } }

input[type="text"] {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  font-family: "webfont_alright";
  font-size: 1.4rem;
  border-radius: 4px;
  margin: 0;
  padding: 13px 15px;
  background: white; }
  input[type="text"]::placeholder {
    color: rgba(102, 99, 122, 0.4);
    transition: color 150ms ease; }
  input[type="text"]:focus::placeholder {
    color: rgba(102, 99, 122, 0.2); }

.toggle-switch {
  position: relative;
  margin: 1em 0;
  padding: 0; }
  .toggle-switch__input {
    display: none; }
  .toggle-switch__input:checked + .toggle-switch__display {
    background-color: #00DB7C; }
    .toggle-switch__input:checked + .toggle-switch__display:after {
      left: 19px; }
  .toggle-switch__display {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 40px;
    height: 18px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 9px;
    transform: translateY(-50%);
    transition: background-color 150ms ease-out; }
    .toggle-switch__display:after {
      content: "";
      position: absolute;
      display: block;
      left: -3px;
      top: 50%;
      width: 100%;
      height: 100%;
      margin: -12px 0 0;
      background-color: #00DB7C;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #FDFAFB;
      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
      transition: left 150ms ease-out; }
  .toggle-switch__label {
    display: block;
    position: relative;
    padding: 8px 0 8px 58px;
    font-family: "webfont_din-regular";
    font-size: 1.3rem; }
  .toggle-switch--white .toggle-switch__label {
    color: white; }
  .toggle-switch--surprise .toggle-switch__label {
    color: rgba(85, 85, 114, 0.37); }
  .toggle-switch--surprise .toggle-switch__input:checked + .toggle-switch__display {
    background-color: #FF395E; }

.banner-cta {
  position: relative;
  text-align: center;
  background-position: center center;
  background-size: cover;
  padding: 46px 0 40px; }
  .banner-cta:before {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.78; }
  .banner-cta .h2 {
    margin: 0; }
  .banner-cta .h2 + .btn {
    margin-top: 13px; }
  .banner-cta--blue {
    background-color: #169CEE; }
    .banner-cta--blue .h2 {
      color: white; }
    .banner-cta--blue .btn--white {
      color: #169CEE; }
  .banner-cta--purple {
    background-color: #3B2C48; }
    .banner-cta--purple .h2 {
      color: white; }
    .banner-cta--purple .btn--white {
      color: #3B2C48; }
  .banner-cta--green {
    background-color: #00DB7C; }
    .banner-cta--green .h2 {
      color: white; }
    .banner-cta--green .btn--white {
      color: #00DB7C; }
  .banner-cta--tall {
    background-color: #169CEE;
    padding: 70px 0 60px; }
    .banner-cta--tall:before {
      background-color: #169CEE;
      display: block; }
    .banner-cta--tall .h2 {
      color: white; }
  .banner-cta--gray {
    background-color: #f5f5f8; }

#toc {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 85px;
  padding-bottom: 85px;
  width: 174px;
  transition: padding-top 200ms ease-in; }
  #toc a {
    display: block; }
  #toc.is-fixed {
    padding-top: 120px;
    position: fixed;
    height: 100%;
    overflow: auto; }
  #toc .top_links {
    margin-bottom: 15px; }
    #toc .top_links a {
      display: block;
      padding: 3px 0;
      font-family: "webfont_alright";
      font-weight: 300;
      font-size: 1.6rem;
      color: #8F8F8F; }
      #toc .top_links a:after {
        content: "";
        display: inline-block;
        margin-left: 5px;
        width: 15px;
        height: 13px; }
  #toc .ui_live_toc {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "webfont_alright";
    font-weight: 300;
    font-size: 1.6rem;
    text-transform: capitalize; }
    #toc .ui_live_toc ul {
      padding: 0;
      margin: 0;
      list-style: none; }
    #toc .ui_live_toc .ui_live_toc_major_list:empty {
      display: none !important; }
    #toc .ui_live_toc > li > a {
      padding: 3px 0;
      color: #66637A; }
    #toc .ui_live_toc > li > ul {
      margin: 5px 0 7px;
      display: none;
      padding-left: 10px;
      border-left: 2px solid #F3F3F5; }
      #toc .ui_live_toc > li > ul > li > a {
        color: #8F8F8F;
        font-size: 1.4rem;
        padding: 3px 0; }
      #toc .ui_live_toc > li > ul > li > ul {
        display: none;
        margin: 10px 0;
        background-color: #F3F3F5;
        border-radius: 4px;
        padding: 8px; }
        #toc .ui_live_toc > li > ul > li > ul:empty {
          display: none; }
        #toc .ui_live_toc > li > ul > li > ul > li > a {
          font-size: 1.2rem;
          padding: 1px 0; }
    #toc .ui_live_toc > li.selected > a,
    #toc .ui_live_toc > li .selected > a {
      font-weight: 700;
      color: #169CEE; }
    #toc .ui_live_toc > li.selected > ul,
    #toc .ui_live_toc > li .selected > ul {
      display: block; }
  @media (min-width: 760px) {
    #toc {
      display: block; } }

#mobile_toc {
  position: relative;
  display: none; }
  #mobile_toc.is-fixed {
    width: 100%;
    min-width: 320px;
    opacity: 0; }
  #mobile_toc:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7.5px 0 7.5px;
    border-color: #E0E0EA transparent transparent transparent; }
  #mobile_toc select {
    appearance: none;
    width: 100%;
    border: 0;
    height: 50px;
    text-align: center;
    background-color: #FDFAFB;
    outline: 0;
    font-size: 1.8rem;
    font-family: "webfont_alright";
    font-weight: 700;
    color: #169CEE;
    padding-left: 20px;
    padding-right: 50px;
    border-radius: 0;
    border-bottom: 2px solid #E0E0EA; }

@media (max-width: 759px) {
  #mobile_toc {
    display: block; }

  .site__header.has-fixed-docs-select {
    height: 105px; } }
.docs-platform {
  margin: 2em 0; }
  .docs-platforms {
    *zoom: 1;
    margin: 3em auto 0; }
    .docs-platforms:before, .docs-platforms:after {
      content: " ";
      display: table; }
    .docs-platforms:after {
      clear: both; }
  .docs-platform:first-child {
    margin-top: 0; }
  .docs-platform:last-child {
    margin-bottom: 0; }
  .docs-platform__header, .docs-platform__footer {
    background-color: rgba(22, 156, 238, 0.03);
    background-repeat: no-repeat;
    border: 1px solid #E0E0EA; }
  .docs-platform__header {
    position: relative;
    border-radius: 4px 4px 0 0;
    padding: 15px 50px 15px 16px;
    min-height: 69px; }
    .docs-platform__header svg, .docs-platform__header img {
      display: block;
      position: absolute;
      top: 25%;
      right: 16px; }
  .docs-platform__name, .docs-platform__version {
    display: block; }
  .docs-platform__name {
    color: #66637A;
    font-size: 1.8rem;
    margin-bottom: 0; }
  .docs-platform__version {
    font-family: "webfont_din-regular";
    font-size: 1.2rem;
    color: #66637A;
    opacity: 0.43; }
  .docs-platform__links {
    margin: 0;
    padding: 0; }
    .docs-platform__links li {
      list-style: none; }
      .docs-platform__links li a {
        position: relative;
        display: block;
        text-decoration: none;
        padding: 13px 16px 11px;
        border-left: 1px solid #E0E0EA;
        border-right: 1px solid #E0E0EA;
        font-size: 1.4rem;
        transition: background-color 150ms ease; }
        .docs-platform__links li a:before {
          position: absolute;
          right: 16px;
          top: 50%;
          transform: translateY(-50%);
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 0 6px 7px;
          border-color: transparent transparent transparent #E0E0EA;
          transition: all 150ms ease; }
      .docs-platform__links li + li {
        border-top: 1px solid #E0E0EA; }
  .docs-platform__footer {
    border-radius: 0 0 4px 4px;
    padding: 12px 16px 12px;
    min-height: 58px; }
    .docs-platform__footer .btn {
      width: 100%;
      font-size: 1.4rem;
      padding: 0 22px;
      height: 32px;
      line-height: 31px; }
  .docs-platform img {
    width: 38px;
    height: auto; }
  .docs-platform svg.icon-infinity {
    fill: #169CEE;
    width: 24px;
    height: 24px; }
  .docs-platform svg.icon-ios {
    fill: #5B707D;
    width: 24px;
    height: 24px; }
  .docs-platform svg.icon-android {
    fill: #00C26E;
    width: 22px;
    height: 26px; }
  .docs-platform svg.icon-osx {
    fill: #9CAFBA;
    width: 24px;
    height: 24px; }
  .docs-platform svg.icon-js {
    fill: #F5A623;
    width: 33px;
    height: 22px; }
  .docs-platform svg.icon-dotnet {
    fill: #922ADD;
    width: 32px;
    height: 32px; }
  .docs-platform svg.icon-php {
    fill: #0E69A1;
    width: 23px;
    height: 24px; }
  .docs-platform svg.icon-unity {
    fill: #11A4BA;
    width: 23px;
    height: 24px; }
  .docs-platform svg.icon-cloudcode {
    fill: #169CEE;
    width: 24px;
    height: 24px; }
  .docs-platform svg.icon-iot, .docs-platform svg.icon-embedded_c, .docs-platform svg.icon-arduino {
    fill: #169CEE;
    width: 31px;
    height: 21px; }
  .docs-platform svg.icon-rest {
    fill: #FF395E;
    width: 25px;
    height: 24px; }
  .docs-platform svg.icon-server {
    fill: #6D7A82;
    width: 25px;
    height: 25px; }
  html.no-touch .docs-platform__links a:hover {
    background-color: #FDFAFB; }
    html.no-touch .docs-platform__links a:hover:before {
      border-left-color: #7C8C9C; }
  html.no-touch .docs-platform .btn:hover {
    background-color: #169CEE;
    color: white; }
  @media (min-width: 760px) {
    .docs-platform {
      float: left;
      width: 33.3333333333%;
      margin: 1.25em 0;
      padding: 0 19px; }
      .docs-platforms {
        margin: 2em -15px; }
      .docs-platform:first-child, .docs-platform:last-child {
        margin: 1.25em 0; } }
  @media (min-width: 1104px) {
    .docs-platforms {
      margin: 2em auto;
      max-width: 840px; } }
  .docs-platform header:not(.hasversion) .docs-platform__name {
    padding-top: 9px; }
  .docs-platform span.spacer {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 13px 16px 11px;
    border-left: 1px solid #E0E0EA;
    border-right: 1px solid #E0E0EA;
    font-size: 1.4rem;
    transition: background-color 150ms ease;
    height: 41px; }

div.algolia-search-wrapper {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 20px;
  left: 0; }

.algolia-autocomplete .aa-dropdown-menu {
  margin-left: -210px;
  margin-top: -4px; }

@media screen and (max-width: 960px) {
  div.algolia-search-wrapper {
    display: none; } }
input#algolia-doc-search {
  background: transparent url("../assets/images/search.png") no-repeat 10px center;
  background-size: 16px 16px;
  padding: 0 10px;
  padding-left: 35px;
  margin-top: 10px;
  height: 30px;
  font-size: 16px;
  line-height: 20px;
  background-color: #555;
  border-radius: 4px;
  color: white;
  outline: none;
  border: none;
  width: 170px;
  transition: .5s width ease;
  -webkit-transition: .5s width ease;
  -moz-transition: .5s width ease;
  -o-transition: .5s width ease; }
  input#algolia-doc-search::placeholder {
    color: white; }
  input#algolia-doc-search::-webkit-input-placeholder {
    color: white; }
  input#algolia-doc-search::-moz-placeholder {
    color: white; }
  input#algolia-doc-search:-ms-input-placeholder {
    color: white; }
  input#algolia-doc-search:-moz-placeholder {
    color: white; }
  input#algolia-doc-search.ios_docs_docsearch {
    background-color: #5B707D; }
  input#algolia-doc-search.android_docs_docsearch {
    background-color: #00C26E; }
  input#algolia-doc-search.cloudcode_docs_docsearch {
    background-color: #169CEE; }
  input#algolia-doc-search.js_docs_docsearch {
    background-color: #F5A623; }
  input#algolia-doc-search.osx_docs_docsearch {
    background-color: #9CAFBA; }
  input#algolia-doc-search.unity_docs_docsearch {
    background-color: #11A4BA; }
  input#algolia-doc-search.php_docs_docsearch {
    background-color: #0E69A1; }
  input#algolia-doc-search.dotnet_docs_docsearch {
    background-color: #922ADD; }
  input#algolia-doc-search.arduino_docs_docsearch {
    background-color: #169CEE; }
  input#algolia-doc-search.embedded_c_docs_docsearch {
    background-color: #15D0ED; }
  input#algolia-doc-search.rest_docs_docsearch {
    background-color: #FF395E; }
  input#algolia-doc-search:focus {
    width: 300px; }

.algolia-autocomplete {
  vertical-align: top;
  height: 53px; }

.algolia-docsearch-suggestion {
  border-bottom-color: #e0f6ff; }
  .algolia-docsearch-suggestion--category-header {
    background-color: white; }
  .algolia-docsearch-suggestion--highlight {
    color: #169CEE; }
  .algolia-docsearch-suggestion--category-header, .algolia-docsearch-suggestion--highlight {
    background-color: #169CEE; }
  .algolia-docsearch-suggestion--subcategory-column {
    border-right-color: #e0f6ff;
    background-color: #ebf9ff;
    color: #3B3738; }

.aa-cursor .algolia-docsearch-suggestion {
  background: #ebf9ff; }
  .aa-cursor .algolia-docsearch-suggestion--content {
    color: #169CEE; }

.logo-stack {
  *zoom: 1;
  padding: 28px 0;
  border-top: 1px solid rgba(216, 216, 216, 0.4); }
  .logo-stacks {
    *zoom: 1; }
    .logo-stacks:before, .logo-stacks:after {
      content: " ";
      display: table; }
    .logo-stacks:after {
      clear: both; }
  .logo-stack:before, .logo-stack:after {
    content: " ";
    display: table; }
  .logo-stack:after {
    clear: both; }
  @media (min-width: 760px) {
    .logo-stack {
      padding: 28px 48px;
      border-top: none;
      border-right: 1px solid rgba(216, 216, 216, 0.4);
      float: left;
      width: 50%; }
      .logo-stack:nth-child(2n) {
        border-right: none; } }
  @media (min-width: 1110px) {
    .logo-stack {
      width: 33.3333333333%; }
      .logo-stack:nth-child(2n) {
        border-right: 1px solid rgba(216, 216, 216, 0.4); }
      .logo-stack:nth-child(3n) {
        border-right: none; } }
  .logo-stack__icon {
    position: relative;
    background-color: #00DB7C;
    width: 93px;
    height: 93px;
    border-radius: 4px;
    float: left;
    margin-right: 16px; }
    .logo-stack__icon .icon {
      display: block;
      fill: white;
      width: 100%;
      height: auto;
      max-width: 55px;
      max-height: 55px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      transition: all 250ms cubic-bezier(0.25, 0.1, 0.44, 1.75); }
  .logo-stack__heading {
    margin: 0 0 2px; }
  .logo-stack__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "webfont_din-regular"; }
    .logo-stack__list a {
      font-size: 1.5rem;
      color: #00DB7C; }
  .logo-stack__link + .logo-stack__link {
    margin-top: 0px; }
  .logo-stack:hover .logo-stack__icon .icon {
    transform: translateY(-50%) scale(1.15) translateZ(0); }
  .logo-stack--blue .logo-stack__icon {
    background-color: #169CEE; }
  .logo-stack--blue .logo-stack__list a {
    color: #169CEE; }
  .logo-stack--red .logo-stack__icon {
    background-color: #FF395E; }
  .logo-stack--red .logo-stack__list a {
    color: #FF395E; }
  .logo-stack--purple .logo-stack__icon {
    background-color: #3B2C48; }
  .logo-stack--purple .logo-stack__list a {
    color: #3B2C48; }

.p_docs .guide_content {
  position: relative;
  padding: 75px 0 0 0; }
  @media (min-width: 760px) {
    .p_docs .guide_content {
      padding-left: 210px; } }
  @media (min-width: 1104px) {
    .p_docs .guide_content {
      padding-left: 230px;
      padding-right: 270px; } }
  .p_docs .guide_content .helpful {
    color: #66637A;
    font-size: 1.2rem;
    margin: 2em 0 5em; }
    @media (min-width: 760px) {
      .p_docs .guide_content .helpful {
        margin: 2.25em 0 10em; } }
    .p_docs .guide_content .helpful > span {
      display: block; }
    .p_docs .guide_content .helpful hr {
      width: 100%;
      margin: 3.3em 0 2em; }
    .p_docs .guide_content .helpful .vote .label {
      display: block;
      float: left;
      width: 40%;
      font-family: "webfont_alright";
      font-weight: 700;
      color: #555572; }
      @media (min-width: 365px) {
        .p_docs .guide_content .helpful .vote .label {
          width: 50%;
          padding-top: 6px; } }
    .p_docs .guide_content .helpful .vote a {
      display: block;
      float: right;
      font-family: "webfont_din-regular";
      font-size: 1.2rem;
      width: 67px;
      padding: 4px 4px 5px;
      color: #169CEE;
      border: 1px solid #169CEE;
      border-radius: 4px;
      transition: all 180ms ease-out;
      text-align: center; }
      .p_docs .guide_content .helpful .vote a:hover {
        text-decoration: none;
        background-color: #169CEE;
        color: white; }
      .p_docs .guide_content .helpful .vote a + a {
        margin-right: 10px; }
    .p_docs .guide_content .helpful .vote .thanks {
      display: none;
      width: 100%;
      text-align: center; }
  .p_docs .guide_content .tip {
    margin: 2em 0; }
    .p_docs .guide_content .tip > div {
      position: relative;
      padding-left: 20px;
      border-left: #e8e8e8 2px solid; }
      .p_docs .guide_content .tip > div, .p_docs .guide_content .tip > div > p {
        font-size: 1.3rem;
        letter-spacing: -0.1px;
        line-height: 1.53; }
        .p_docs .guide_content .tip > div code, .p_docs .guide_content .tip > div > p code {
          font-size: 1.3rem; }
      .p_docs .guide_content .tip > div p {
        margin: 0; }
      .p_docs .guide_content .tip > div ul {
        margin: 1em 0 0; }
        .p_docs .guide_content .tip > div ul li {
          padding: 0;
          margin: 0.3em 0;
          font-size: 1.3rem; }
          .p_docs .guide_content .tip > div ul li a {
            font-weight: 400; }
          .p_docs .guide_content .tip > div ul li:before {
            display: none; }
          .p_docs .guide_content .tip > div ul li:first-child {
            margin-top: 0; }
          .p_docs .guide_content .tip > div ul li:last-child {
            margin-bottom: 0; }
      .p_docs .guide_content .tip > div .tip__title {
        display: block;
        color: #66637A;
        font-family: "webfont_din-regular";
        font-size: 1rem;
        margin: 0 0 1em;
        letter-spacing: 0.2rem;
        text-transform: uppercase; }
    .p_docs .guide_content .tip.info > div, .p_docs .guide_content .tip.warning > div {
      padding-top: 30px; }
      .p_docs .guide_content .tip.info > div:before, .p_docs .guide_content .tip.warning > div:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 0;
        width: 29px;
        height: 18px; }
      .p_docs .guide_content .tip.info > div .tip__title, .p_docs .guide_content .tip.warning > div .tip__title {
        color: #169CEE; }
    .p_docs .guide_content .tip.warning > div:before {
      width: 18px;
      height: 16px; }
    .p_docs .guide_content .tip.warning > div .tip__title {
      color: #FF395E; }
    .p_docs .guide_content .tip.warning > div a {
      color: #FF395E; }
    @media (min-width: 1104px) {
      .p_docs .guide_content .tip {
        margin: 0; }
        .p_docs .guide_content .tip > div {
          position: absolute;
          right: 0;
          width: 180px; } }
  .p_docs .guide_content .toggles {
    text-align: right;
    padding-top: 15px; }
    .p_docs .guide_content .toggles .toggle-item {
      display: inline-block; }
      .p_docs .guide_content .toggles .toggle-item.selected a {
        background-color: #169CEE;
        color: white;
        opacity: 1; }
      .p_docs .guide_content .toggles .toggle-item a {
        display: block;
        text-decoration: none;
        padding: 4px 12px 5px;
        font-family: "webfont_din-regular";
        color: #169CEE;
        border: 1px solid #169CEE;
        border-radius: 4px;
        font-size: 1.2rem;
        opacity: .4; }
        .p_docs .guide_content .toggles .toggle-item a:hover {
          background-color: #169CEE;
          color: white;
          opacity: 1; }
      .p_docs .guide_content .toggles .toggle-item + .toggle-item {
        margin-left: 10px; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.bg--dark, .bg--comet {
  background: #555572; }
.bg--light {
  background: #FDFAFB; }
.bg--neutral {
  background: rgba(85, 85, 114, 0.25); }
.bg--blue {
  background: #169CEE; }
.bg--blue-alt {
  background: #1194e4; }
.bg--green {
  background: #00DB7C; }
.bg--ebony {
  background: #070D12; }
.bg--midnight {
  background: #0E1B24; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.italic, .oblique {
  font-style: italic; }

.kerning-loose {
  letter-spacing: 1px; }

.kerning-tight {
  letter-spacing: -1px; }

html.csstransforms .vertically-centered,
html.csstransforms .vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.margin-top-0 {
  margin-top: 0px; }

.margin-right-0 {
  margin-right: 0px; }

.margin-bottom-0 {
  margin-bottom: 0px; }

.margin-left-0 {
  margin-left: 0px; }

.margin-vertical-0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.margin-horizontal-0 {
  margin-left: 0px;
  margin-right: 0px; }

.padding-top-0 {
  padding-top: 0px; }

.padding-right-0 {
  padding-right: 0px; }

.padding-bottom-0 {
  padding-bottom: 0px; }

.padding-left-0 {
  padding-left: 0px; }

.padding-vertical-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.padding-horizontal-0 {
  padding-left: 0px;
  padding-right: 0px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-right-10 {
  margin-right: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-vertical-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.margin-horizontal-10 {
  margin-left: 10px;
  margin-right: 10px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-right-10 {
  padding-right: 10px; }

.padding-bottom-10 {
  padding-bottom: 10px; }

.padding-left-10 {
  padding-left: 10px; }

.padding-vertical-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.padding-horizontal-10 {
  padding-left: 10px;
  padding-right: 10px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-right-20 {
  margin-right: 20px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-left-20 {
  margin-left: 20px; }

.margin-vertical-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.margin-horizontal-20 {
  margin-left: 20px;
  margin-right: 20px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-right-20 {
  padding-right: 20px; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.padding-left-20 {
  padding-left: 20px; }

.padding-vertical-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.padding-horizontal-20 {
  padding-left: 20px;
  padding-right: 20px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-right-30 {
  margin-right: 30px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-left-30 {
  margin-left: 30px; }

.margin-vertical-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.margin-horizontal-30 {
  margin-left: 30px;
  margin-right: 30px; }

.padding-top-30 {
  padding-top: 30px; }

.padding-right-30 {
  padding-right: 30px; }

.padding-bottom-30 {
  padding-bottom: 30px; }

.padding-left-30 {
  padding-left: 30px; }

.padding-vertical-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.padding-horizontal-30 {
  padding-left: 30px;
  padding-right: 30px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-right-40 {
  margin-right: 40px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-left-40 {
  margin-left: 40px; }

.margin-vertical-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.margin-horizontal-40 {
  margin-left: 40px;
  margin-right: 40px; }

.padding-top-40 {
  padding-top: 40px; }

.padding-right-40 {
  padding-right: 40px; }

.padding-bottom-40 {
  padding-bottom: 40px; }

.padding-left-40 {
  padding-left: 40px; }

.padding-vertical-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.padding-horizontal-40 {
  padding-left: 40px;
  padding-right: 40px; }

.margin-top-50 {
  margin-top: 50px; }

.margin-right-50 {
  margin-right: 50px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-left-50 {
  margin-left: 50px; }

.margin-vertical-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.margin-horizontal-50 {
  margin-left: 50px;
  margin-right: 50px; }

.padding-top-50 {
  padding-top: 50px; }

.padding-right-50 {
  padding-right: 50px; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-left-50 {
  padding-left: 50px; }

.padding-vertical-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.padding-horizontal-50 {
  padding-left: 50px;
  padding-right: 50px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-right-60 {
  margin-right: 60px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

.margin-left-60 {
  margin-left: 60px; }

.margin-vertical-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.margin-horizontal-60 {
  margin-left: 60px;
  margin-right: 60px; }

.padding-top-60 {
  padding-top: 60px; }

.padding-right-60 {
  padding-right: 60px; }

.padding-bottom-60 {
  padding-bottom: 60px; }

.padding-left-60 {
  padding-left: 60px; }

.padding-vertical-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.padding-horizontal-60 {
  padding-left: 60px;
  padding-right: 60px; }

.margin-top-70 {
  margin-top: 70px; }

.margin-right-70 {
  margin-right: 70px; }

.margin-bottom-70 {
  margin-bottom: 70px; }

.margin-left-70 {
  margin-left: 70px; }

.margin-vertical-70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.margin-horizontal-70 {
  margin-left: 70px;
  margin-right: 70px; }

.padding-top-70 {
  padding-top: 70px; }

.padding-right-70 {
  padding-right: 70px; }

.padding-bottom-70 {
  padding-bottom: 70px; }

.padding-left-70 {
  padding-left: 70px; }

.padding-vertical-70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.padding-horizontal-70 {
  padding-left: 70px;
  padding-right: 70px; }

.margin-top-80 {
  margin-top: 80px; }

.margin-right-80 {
  margin-right: 80px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-left-80 {
  margin-left: 80px; }

.margin-vertical-80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.margin-horizontal-80 {
  margin-left: 80px;
  margin-right: 80px; }

.padding-top-80 {
  padding-top: 80px; }

.padding-right-80 {
  padding-right: 80px; }

.padding-bottom-80 {
  padding-bottom: 80px; }

.padding-left-80 {
  padding-left: 80px; }

.padding-vertical-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.padding-horizontal-80 {
  padding-left: 80px;
  padding-right: 80px; }

.margin-top-90 {
  margin-top: 90px; }

.margin-right-90 {
  margin-right: 90px; }

.margin-bottom-90 {
  margin-bottom: 90px; }

.margin-left-90 {
  margin-left: 90px; }

.margin-vertical-90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.margin-horizontal-90 {
  margin-left: 90px;
  margin-right: 90px; }

.padding-top-90 {
  padding-top: 90px; }

.padding-right-90 {
  padding-right: 90px; }

.padding-bottom-90 {
  padding-bottom: 90px; }

.padding-left-90 {
  padding-left: 90px; }

.padding-vertical-90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.padding-horizontal-90 {
  padding-left: 90px;
  padding-right: 90px; }

.margin-top-100 {
  margin-top: 100px; }

.margin-right-100 {
  margin-right: 100px; }

.margin-bottom-100 {
  margin-bottom: 100px; }

.margin-left-100 {
  margin-left: 100px; }

.margin-vertical-100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.margin-horizontal-100 {
  margin-left: 100px;
  margin-right: 100px; }

.padding-top-100 {
  padding-top: 100px; }

.padding-right-100 {
  padding-right: 100px; }

.padding-bottom-100 {
  padding-bottom: 100px; }

.padding-left-100 {
  padding-left: 100px; }

.padding-vertical-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.padding-horizontal-100 {
  padding-left: 100px;
  padding-right: 100px; }

.hidden {
  display: none !important; }

html.touch .show-touch {
  display: block; }

html.no-touch .show-touch {
  display: none; }

html.touch .hide-touch {
  display: none; }

html.no-touch .hide-touch {
  display: block; }

.show-mobile {
  display: block; }
  @media (min-width: 760px) {
    .show-mobile {
      display: none !important; } }

.show-tablet {
  display: block; }
  @media (max-width: 759px) {
    .show-tablet {
      display: none !important; } }
  @media (min-width: 1104px) {
    .show-tablet {
      display: none !important; } }

.show-desktop {
  display: block; }
  @media (max-width: 1103px) {
    .show-desktop {
      display: none !important; } }

.hide-mobile {
  display: none; }
  @media (min-width: 760px) {
    .hide-mobile {
      display: block !important; } }

.hide-tablet {
  display: none; }
  @media (max-width: 759px) {
    .hide-tablet {
      display: block !important; } }
  @media (min-width: 1104px) {
    .hide-tablet {
      display: block !important; } }

.hide-desktop {
  display: none; }
  @media (max-width: 1103px) {
    .hide-desktop {
      display: block !important; } }

.wysiwyg-content h1 {
  font-size: 2.7rem;
  font-family: "webfont_alright";
  font-weight: 700;
  color: #169CEE;
  letter-spacing: -0.04rem;
  margin: 0.6em 0;
  line-height: 1.1; }
.wysiwyg-content h2 {
  font-family: "webfont_din-regular";
  font-weight: 400;
  font-size: 2rem;
  color: #66637A;
  margin: 0.5em 0;
  line-height: 1.2; }
.wysiwyg-content h3,
.wysiwyg-content h4,
.wysiwyg-content h5,
.wysiwyg-content h6 {
  font-family: "webfont_din-regular";
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin: 1em 0;
  color: #66637A; }
  .wysiwyg-content h3 + h1,
  .wysiwyg-content h4 + h1,
  .wysiwyg-content h5 + h1,
  .wysiwyg-content h6 + h1 {
    margin-top: 0; }
@media (min-width: 760px) {
  .wysiwyg-content h1 {
    font-size: 4rem;
    letter-spacing: -0.05rem;
    margin: 0.28em 0; }
  .wysiwyg-content h2 {
    font-size: 2.6rem; }
  .wysiwyg-content h3,
  .wysiwyg-content h4,
  .wysiwyg-content h5,
  .wysiwyg-content h6 {
    font-size: 1.2rem;
    letter-spacing: 0.225rem; } }
.wysiwyg-content p, .wysiwyg-content ul, .wysiwyg-content ol {
  font-size: 1.4rem;
  color: #66637A;
  margin: 1.2em auto;
  line-height: 1.7; }
  .wysiwyg-content p a, .wysiwyg-content ul a, .wysiwyg-content ol a {
    color: #169CEE;
    font-weight: 700; }
    .wysiwyg-content p a code, .wysiwyg-content ul a code, .wysiwyg-content ol a code {
      color: #169CEE; }
  @media (min-width: 760px) {
    .wysiwyg-content p, .wysiwyg-content ul, .wysiwyg-content ol {
      font-size: 1.6rem; } }
.wysiwyg-content p:empty {
  display: none; }
.wysiwyg-content p:not(:empty) + h2, .wysiwyg-content p:not(:empty) + h3, .wysiwyg-content p:not(:empty) + h4, .wysiwyg-content p:not(:empty) + h5, .wysiwyg-content p:not(:empty) + h6 {
  margin-top: 2em; }
.wysiwyg-content a:not(.btn) {
  font-weight: 700;
  color: #169CEE; }
  .wysiwyg-content a:not(.btn) code {
    font-weight: 700;
    color: #169CEE; }
.wysiwyg-content ul, .wysiwyg-content ol {
  padding: 0;
  margin: 2em 0 2em 1em;
  list-style: none; }
  .wysiwyg-content ul li, .wysiwyg-content ol li {
    margin: 0.9em 0;
    padding: 0 0 0 25px;
    position: relative;
    line-height: 1.4; }
    .wysiwyg-content ul li:before, .wysiwyg-content ol li:before {
      display: block;
      content: "";
      position: absolute;
      left: 0;
      top: 3px;
      width: 15px;
      height: 11px;
      background: url("/http/blog.parseplatform.org/assets/svgs/plus.svg") left top no-repeat;
      background-size: 9px auto; }
  @media (min-width: 760px) {
    .wysiwyg-content ul, .wysiwyg-content ol {
      max-width: 480px; }
      .wysiwyg-content ul li, .wysiwyg-content ol li {
        padding-left: 30px; }
        .wysiwyg-content ul li:before, .wysiwyg-content ol li:before {
          background-size: 11px auto;
          top: 4px; } }
.wysiwyg-content ol {
  counter-reset: new-ol-counter; }
  .wysiwyg-content ol li:before {
    top: 2px;
    color: #169CEE;
    font-family: "webfont_din-regular";
    font-size: 1.2rem;
    background: none;
    content: counter(new-ol-counter);
    counter-increment: new-ol-counter; }
  @media (min-width: 760px) {
    .wysiwyg-content ol li:before {
      top: 2px;
      font-size: 1.4rem; } }
.wysiwyg-content hr {
  background-color: #E0E0EA;
  display: block;
  width: 268px;
  height: 1px;
  margin: 4em auto;
  border: none;
  outline: none; }
  @media (min-width: 760px) {
    .wysiwyg-content hr {
      margin: 6em auto; } }
.wysiwyg-content p code,
.wysiwyg-content ul code,
.wysiwyg-content ol code {
  color: #3B2C48;
  background: #FDFAFB;
  border: 1px solid #E0E0EA;
  padding: 0.1rem 0.2rem;
  font-family: "webfont_input", Monaco, monospace;
  font-weight: 400;
  font-size: 1.4rem;
  border-radius: 0.2rem;
  letter-spacing: -1px;
  word-wrap: break-word; }
  .wysiwyg-content p code a,
  .wysiwyg-content ul code a,
  .wysiwyg-content ol code a {
    color: #169CEE;
    font-weight: 700; }
  @media (min-width: 760px) {
    .wysiwyg-content p code,
    .wysiwyg-content ul code,
    .wysiwyg-content ol code {
      border-radius: 0.3rem;
      font-size: 1.6rem;
      padding: 0.1rem 0.3rem; } }
.wysiwyg-content pre {
  font-family: "webfont_input", Monaco, monospace;
  background-color: #F0F0F0 !important;
  color: #66637A;
  font-size: 1.3rem;
  border-radius: 4px;
  word-wrap: normal;
  margin: 2em -20px !important;
  overflow: auto; }
  .wysiwyg-content pre.line-numbers {
    padding-left: 58px; }
    .wysiwyg-content pre.line-numbers:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: #F0EDEE;
      width: 40px;
      height: 100%; }
    .wysiwyg-content pre.line-numbers, .wysiwyg-content pre.line-numbers .line-numbers-rows span:before {
      line-height: 1.75; }
  .wysiwyg-content pre code {
    color: #66637A;
    font-family: "webfont_input", Monaco, monospace; }
    .wysiwyg-content pre code .token.comment,
    .wysiwyg-content pre code .token.prolog,
    .wysiwyg-content pre code .token.doctype,
    .wysiwyg-content pre code .token.cdata {
      opacity: 0.4; }
  .wysiwyg-content pre .line-numbers-rows {
    border-right: none;
    top: -3px;
    left: -58px; }
    .wysiwyg-content pre .line-numbers-rows span:before {
      opacity: 0.5;
      text-align: center;
      padding-right: 0; }
  .wysiwyg-content pre.pre--dark {
    background-color: #110D11 !important;
    color: white; }
    .wysiwyg-content pre.pre--dark, .wysiwyg-content pre.pre--dark code {
      text-shadow: 0 1px black; }
    .wysiwyg-content pre.pre--dark.line-numbers:before {
      background: #292529; }
    .wysiwyg-content pre.pre--dark code .token.comment,
    .wysiwyg-content pre.pre--dark code .token.prolog,
    .wysiwyg-content pre.pre--dark code .token.doctype,
    .wysiwyg-content pre.pre--dark code .token.cdata {
      opacity: 0.75; }
    .wysiwyg-content pre.pre--dark .line-numbers-rows span:before {
      opacity: 1; }
  @media (min-width: 760px) {
    .wysiwyg-content pre {
      margin: 3.5em 0 !important; } }
.wysiwyg-content blockquote {
  color: #5A6b77;
  border-left: 2px solid #E0E0EA;
  margin: 1.9em 0;
  position: relative;
  background: url(/http/blog.parseplatform.org/assets/images/alright-quotes.png) no-repeat 20px 15px;
  background-size: 28px auto;
  padding: 2.5rem 0 2.4rem 2rem; }
  @media (min-width: 880px) {
    .wysiwyg-content blockquote {
      background-position: 35px 20px;
      padding-left: 3.5rem;
      margin-left: -15%;
      width: 130%; } }
  @media (min-width: 1024px) {
    .wysiwyg-content blockquote {
      margin-left: -25%;
      width: 150%; } }
  .wysiwyg-content blockquote:before, .wysiwyg-content blockquote:after {
    content: "";
    border-radius: 50%;
    position: absolute; }
  .wysiwyg-content blockquote:before {
    top: -4px;
    left: -4px;
    width: 6px;
    height: 6px;
    background: #E0E0EA; }
  .wysiwyg-content blockquote:after {
    bottom: -6px;
    left: -8px;
    border: 2px solid #E0E0EA;
    width: 10px;
    height: 10px; }
  .wysiwyg-content blockquote p {
    padding-top: 2.5rem;
    margin: 0 auto;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: -0.03rem; }
    @media (min-width: 760px) {
      .wysiwyg-content blockquote p {
        font-size: 3rem;
        letter-spacing: -0.047rem;
        padding-top: 3.5rem; } }
  .wysiwyg-content blockquote cite {
    display: block;
    margin-top: 1rem;
    color: #169CEE;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    line-height: normal; }
    @media (min-width: 760px) {
      .wysiwyg-content blockquote cite {
        font-size: 1.8rem; } }
    .wysiwyg-content blockquote cite span {
      color: #555572;
      display: block;
      font-size: 1rem;
      line-height: 1;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0.1rem; }
.wysiwyg-content img {
  height: auto;
  border-radius: 4px; }
.wysiwyg-content figure {
  margin-top: 60px;
  margin-bottom: 60px;
  width: 100% !important; }
  .wysiwyg-content figure img {
    display: block;
    margin: 0 auto; }
  .wysiwyg-content figure figcaption {
    font-size: 14px;
    color: #66637A;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    max-width: 270px; }
  @media (min-width: 880px) {
    .wysiwyg-content figure {
      margin-left: -15%;
      width: 130% !important; }
      .wysiwyg-content figure figcaption {
        max-width: 600px; } }
  @media (min-width: 1024px) {
    .wysiwyg-content figure {
      margin-left: -25%;
      width: 150% !important; } }
.wysiwyg-content .docs_table {
  text-align: left;
  overflow: auto;
  font-family: "webfont_input", Monaco, monospace;
  border-radius: 4px;
  border: 1px solid #E0E0EA;
  margin: 1.5em auto 3em;
  font-size: 1.2rem; }
  .wysiwyg-content .docs_table thead {
    background-color: #169CEE; }
    .wysiwyg-content .docs_table thead tr th {
      padding: 12px 15px;
      font-family: "webfont_alright";
      font-weight: 400;
      color: white; }
      .wysiwyg-content .docs_table thead tr th:nth-child(even) {
        background-color: #1494e1; }
      .wysiwyg-content .docs_table thead tr th + th {
        border-left: 1px solid #108edb; }
  .wysiwyg-content .docs_table tbody tr td {
    padding: 12px 15px; }
    .wysiwyg-content .docs_table tbody tr td:nth-child(even) {
      background-color: #FDFAFB; }
    .wysiwyg-content .docs_table tbody tr td:first-child {
      color: #3B2C48; }
    .wysiwyg-content .docs_table tbody tr td:last-child {
      font-family: "webfont_alright";
      line-height: 1.4; }
    .wysiwyg-content .docs_table tbody tr td + td {
      border-left: 1px solid #E0E0EA; }
  .wysiwyg-content .docs_table tbody tr:nth-child(even) {
    background-color: #f8fcfe; }
    .wysiwyg-content .docs_table tbody tr:nth-child(even) td:nth-child(even) {
      background-color: rgba(22, 156, 238, 0.015); }
  .wysiwyg-content .docs_table tbody tr + tr {
    border-top: 1px solid #E0E0EA; }
  @media (min-width: 760px) {
    .wysiwyg-content .docs_table {
      font-size: 1.4rem; } }

.secondaryNav {
  width: 100%;
  height: 48px;
  text-align: center;
  border-bottom: 1px solid #E0E0EA;
  font-family: "webfont_din-regular";
  overflow: hidden; }
  .secondaryNav ul {
    display: inline-block;
    margin: 0px auto;
    padding: 0px;
    pointer-events: all;
    height: 48px; }
    .secondaryNav ul a:first-of-type {
      margin-left: 0px; }
    .secondaryNav ul a.active {
      color: #169CEE; }
    .secondaryNav ul a {
      text-decoration: none;
      float: left;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      margin-left: 48px;
      color: rgba(118, 140, 151, 0.5); }
    .secondaryNav ul li:last-of-type {
      margin: 0px; }
    .secondaryNav ul li {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      line-height: 48px;
      margin: 0px;
      padding: 0px;
      list-style: none;
      font-size: 16px;
      cursor: pointer;
      letter-spacing: 0.2px; }
  @media screen and (max-width: 1104px) {
    .secondaryNav ul li {
      font-size: 14px;
      letter-spacing: 0.1; } }
  @media screen and (max-width: 760px) {
    .secondaryNav ul a {
      margin-left: 8px; }
    .secondaryNav ul li {
      font-size: 12px; } }
  @media screen and (max-width: 320px) {
    .secondaryNav ul a {
      margin-left: 6px; }
    .secondaryNav ul li {
      font-size: 10px; } }

.posts {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px; }

.post {
  border-bottom: 1px solid #E0E0EA; }

.author {
  font-weight: bold; }

.date {
  color: rgba(118, 140, 151, 0.5);
  font-weight: bold; }

.hero--docs-landing__content .date {
  color: #fff;
  opacity: .48; }

.paginator a {
  font-weight: 700;
  color: #169CEE; }

.category {
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
  height: 32px; }

.signature {
  font-size: 16px; }
  .signature .author {
    font-size: 22px;
    font-weight: 400; }
  .signature .byline {
    font-size: 22px;
    color: rgba(102, 99, 122, 0.44); }