@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-user-select: inherit;
     -moz-user-select: inherit;
      -ms-user-select: inherit;
          user-select: inherit;
}
@font-face {
  font-family: "Icons";
  src: url("/assets/fonts/icons.eot");
  src: url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/icons.woff") format("woff"), url("/assets/fonts/icons.ttf") format("truetype"), url("/assets/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\75";
  display: inline-block;
}
.icon-twitter:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\76";
  display: inline-block;
}
.icon-3d-touch:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\77";
  display: inline-block;
}
.icon-adaptive-environment:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\78";
  display: inline-block;
}
.icon-annotations:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\79";
  display: inline-block;
}
.icon-attach-mail:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\7a";
  display: inline-block;
}
.icon-auto-correction:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\41";
  display: inline-block;
}
.icon-auto-save:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\42";
  display: inline-block;
}
.icon-backup-restore:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\43";
  display: inline-block;
}
.icon-bookmarks:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\44";
  display: inline-block;
}
.icon-close:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6f";
  display: inline-block;
}
.icon-collapsible-groups:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\46";
  display: inline-block;
}
.icon-comments:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\47";
  display: inline-block;
}
.icon-conflict-resolution:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\48";
  display: inline-block;
}
.icon-custom-fonts:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\49";
  display: inline-block;
}
.icon-customizable-markup:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\4a";
  display: inline-block;
}
.icon-dark-mode:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\4b";
  display: inline-block;
}
.icon-dictation:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\4c";
  display: inline-block;
}
.icon-dictionary:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\4d";
  display: inline-block;
}
.icon-docx-export:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\4e";
  display: inline-block;
}
.icon-docx-import:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\4f";
  display: inline-block;
}
.icon-epub:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\51";
  display: inline-block;
}
.icon-export-styles:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\52";
  display: inline-block;
}
.icon-integrations:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e015";
  display: inline-block;
}
.icon-external-files:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\53";
  display: inline-block;
}
.icon-favorites:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\54";
  display: inline-block;
}
.icon-feature-parity:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\55";
  display: inline-block;
}
.icon-filters:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\56";
  display: inline-block;
}
.icon-full-version-history:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\58";
  display: inline-block;
}
.icon-fullscreen:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\59";
  display: inline-block;
}
.icon-glueing:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5a";
  display: inline-block;
}
.icon-group-icons:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\31";
  display: inline-block;
}
.icon-handoff:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\32";
  display: inline-block;
}
.icon-html-export:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\33";
  display: inline-block;
}
.icon-icloud-sync:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\34";
  display: inline-block;
}
.icon-image-attachments:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\35";
  display: inline-block;
}
.icon-import-export:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\36";
  display: inline-block;
}
.icon-interface:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\38";
  display: inline-block;
}
.icon-keyboard-control:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\39";
  display: inline-block;
}
.icon-keywords:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\21";
  display: inline-block;
}
.icon-live-statistics:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\23";
  display: inline-block;
}
.icon-localization:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\24";
  display: inline-block;
}
.icon-markdown-export:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\25";
  display: inline-block;
}
.icon-markdown-import:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\26";
  display: inline-block;
}
.icon-minimal-mode:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\29";
  display: inline-block;
}
.icon-no-clutter:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\2a";
  display: inline-block;
}
.icon-no-setup:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\2b";
  display: inline-block;
}
.icon-note-attachments:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\2c";
  display: inline-block;
}
.icon-pdf-export:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\2d";
  display: inline-block;
}
.icon-printing:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\2e";
  display: inline-block;
}
.icon-quick-open:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\2f";
  display: inline-block;
}
.icon-search-replace:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\3a";
  display: inline-block;
}
.icon-semantic-search:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\3b";
  display: inline-block;
}
.icon-send-mail:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\3d";
  display: inline-block;
}
.icon-share-extension:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\3e";
  display: inline-block;
}
.icon-sheet-sorting:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\3f";
  display: inline-block;
}
.icon-smart-lists:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5b";
  display: inline-block;
}
.icon-smart-tags:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5d";
  display: inline-block;
}
.icon-spell-check:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5f";
  display: inline-block;
}
.icon-split-merge:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\60";
  display: inline-block;
}
.icon-split-view:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\7b";
  display: inline-block;
}
.icon-spotlight:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\7c";
  display: inline-block;
}
.icon-style-exchange:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\7d";
  display: inline-block;
}
.icon-supported-by:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\7e";
  display: inline-block;
}
.icon-synced-themes:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5c";
  display: inline-block;
}
.icon-text-expander:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e000";
  display: inline-block;
}
.icon-text-navigation:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e001";
  display: inline-block;
}
.icon-text-to-speech:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e002";
  display: inline-block;
}
.icon-themeable-editor:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e003";
  display: inline-block;
}
.icon-thesaurus:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e004";
  display: inline-block;
}
.icon-typewriter-scrolling:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e005";
  display: inline-block;
}
.icon-unified-library:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e006";
  display: inline-block;
}
.icon-writing-goals:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e007";
  display: inline-block;
}
.icon-dropbox:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\50";
  display: inline-block;
}
.icon-grammar-check:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e009";
  display: inline-block;
}
.icon-life-preview:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\37";
  display: inline-block;
}
.icon-special-characters:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\22";
  display: inline-block;
}
.icon-markup-sidebar:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\27";
  display: inline-block;
}
.icon-smart-copy-paste:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\40";
  display: inline-block;
}
.icon-send-apps:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\3c";
  display: inline-block;
}
.icon-medium:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\28";
  display: inline-block;
}
.icon-info:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\57";
  display: inline-block;
}
.icon-full-text-search:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\30";
  display: inline-block;
}
.icon-ulysses:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5e";
  display: inline-block;
}
.icon-books:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\61";
  display: inline-block;
}
.icon-e-mail-course:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\62";
  display: inline-block;
}
.icon-faq:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\63";
  display: inline-block;
}
.icon-getting-started:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\64";
  display: inline-block;
}
.icon-knowledge-base:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\65";
  display: inline-block;
}
.icon-style-reference:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\66";
  display: inline-block;
}
.icon-tips-and-tricks:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\67";
  display: inline-block;
}
.icon-tutorials:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\68";
  display: inline-block;
}
.icon-videos:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\69";
  display: inline-block;
}
.icon-weibo:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\74";
  display: inline-block;
}
.icon-arrow-down:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6a";
  display: inline-block;
}
.icon-arrow-left:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6b";
  display: inline-block;
}
.icon-arrow-right:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6c";
  display: inline-block;
}
.icon-arrow-up:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6d";
  display: inline-block;
}
.icon-cite:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6e";
  display: inline-block;
}
.icon-close:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6f";
  display: inline-block;
}
.icon-expand:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\70";
  display: inline-block;
}
.icon-external:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\71";
  display: inline-block;
}
.icon-menu:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\72";
  display: inline-block;
}
.icon-play:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\73";
  display: inline-block;
}
.icon-rtf-export:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e008";
  display: inline-block;
}
.icon-voiceover:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e00a";
  display: inline-block;
}
.icon-x-callback-url:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e00b";
  display: inline-block;
}
.icon-wordpress:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e00c";
  display: inline-block;
}
.icon-voiceover-support:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e00d";
  display: inline-block;
}
.icon-evernote:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e00f";
  display: inline-block;
}
.icon-touch-bar:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e010";
  display: inline-block;
}
.icon-touchid:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e011";
  display: inline-block;
}
.icon-window-tabs:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e012";
  display: inline-block;
}
.icon-workflow:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e013";
  display: inline-block;
}
.icon-textbundle:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e014";
  display: inline-block;
}
.icon-writing-deadlines:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e019";
  display: inline-block;
}
.icon-daily-goals:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e016";
  display: inline-block;
}
.icon-code-blocks:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e01a";
  display: inline-block;
}
.icon-syntax-highlighting:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e018";
  display: inline-block;
}
.icon-fenced-code-blocks:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e017";
  display: inline-block;
}
html {
  font-family: Interstate, Calibri;
  font-size: 15px;
  line-height: 1.5;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
}
h1 {
  font-size: 33.75px;
  line-height: 41.25px;
  font-weight: bold;
}
@media (max-width: 750px) {
  h1 {
    font-size: 22.5px;
    line-height: 30px;
  }
}
h2 {
  font-size: 22.5px;
  line-height: 30px;
  font-weight: bold;
}
@media (max-width: 750px) {
  h2 {
    font-size: 18px;
    line-height: 22.5px;
  }
}
h3 {
  font-size: 18px;
  line-height: 22.5px;
  font-weight: bold;
}
@media (max-width: 750px) {
  h3 {
    font-size: 15px;
    line-height: 22.5px;
  }
}
h4 {
  font-size: 15px;
  line-height: 22.5px;
  font-weight: bold;
}
h5 {
  font-size: 13.5px;
  line-height: 18px;
  font-weight: bold;
}
a {
  color: #e9714c;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #f37e5a;
}
p {
  font-weight: normal;
}
html[data-platform]:not([data-platform="desktop"]) [data-desktop-only] {
  display: none !important;
}
html[data-platform][data-platform="desktop"] [data-desktop-skip] {
  display: none !important;
}
.nodisplay {
  display: none !important;
}
input[type="checkbox"]:not([name]) {
  display: none !important;
}
html {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-text-size-adjust: 100%;
}
body {
  min-height: 100%;
  width: 100%;
}
article,
section,
input,
textarea {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
body[data-editing] .viewonly {
  display: none !important;
}
body:not([data-editing]) .editonly {
  display: none !important;
}
.scroller .content {
  overflow: hidden;
}
.scroller .content > *:first-child {
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -moz-transform .5s;
}
header a,
nav a,
footer a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
header a:hover,
nav a:hover,
footer a:hover {
  color: inherit;
  text-decoration: none;
}
form {
  position: relative;
  margin: 30px auto;
}
form.beta #input_wants_blogging + * ~ * {
  display: none;
}
form.beta #input_wants_blogging:checked + * ~ * {
  display: block;
}
form .success {
  color: #6bb87a;
  background: #daedde;
  display: -moz-box;
  display: flex;
  padding: 15px 0;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
form .success:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
form:not(.sent) .success {
  display: none;
}
form.sent .success:nth-child(n+2) + * {
  display: none;
}
form.sent input,
form.sent button,
form.sent textarea {
  opacity: .5;
}
form input:not([type="checkbox"]):not([type="radio"]),
form button,
form textarea {
  display: block;
  margin: 15px auto;
  width: 100%;
  max-width: 100%;
  font: inherit;
  font-size: 13.5px;
  line-height: 18px;
  font-weight: bold;
  padding: 10px 15px;
  border: 1px solid gray;
  -moz-border-radius: 5px;
       border-radius: 5px;
}
form textarea {
  resize: none;
  height: 300px;
}
form label {
  cursor: pointer;
}
form .error {
  text-align: left;
  font-size: 10.5px;
  color: red;
  padding-bottom: 0;
  margin-bottom: -0.75em;
}
form fieldset {
  border: none;
  display: block;
  text-align: center;
  margin-top: 30px;
}
form button {
  display: inline-block;
  border: none;
  color: white;
  margin: 0 .5em;
  width: 120px;
  background: #e9714c;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  cursor: pointer;
}
form button:disabled {
  cursor: not-allowed;
  background: #ccc;
  color: #888;
}
form.newsletter input[name="Name"] {
  display: none !important;
}
#top {
  height: 60px;
  display: block;
}
nav.primary {
  font-weight: bold;
  -moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.06);
       box-shadow: 0 0 32px rgba(0, 0, 0, 0.06);
  height: 60px;
  position: fixed;
  top: 0;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  z-index: 1000;
  width: 100%;
  padding: 0 -moz-calc(50vw - 450px);
  padding: 0 calc(50vw - 450px);
}
nav.primary:before {
  content: ' ';
  display: block;
  background: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
nav.primary a.main {
  position: relative;
  padding-right: 30px;
  background: #27272b;
  color: white;
  align-self: stretch;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-pack: center;
       justify-content: center;
}
nav.primary a.main:before {
  content: ' ';
  display: block;
  background: inherit;
  top: 0;
  right: 99%;
  bottom: 0;
  width: 100vw;
  position: absolute;
}
nav.primary a.main h1,
nav.primary a.main h2 {
  margin: 0;
  text-align: left;
}
nav.primary a.main h1 {
  padding: 0;
  font-size: 1.5em;
}
nav.primary a.main h1:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\5e";
  display: inline-block;
}
nav.primary a.main h1:before {
  position: relative;
  top: .2em;
  line-height: 0;
  font-size: 1.3em;
  padding-right: .3em;
}
nav.primary a.main h2 {
  font-size: 1em;
}
nav.primary label[for="toggle-menu"] {
  -moz-transition: all .25s;
  transition: all .25s;
  font-size: 0;
  cursor: pointer;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  text-align: center;
  width: 60px;
  position: relative;
}
nav.primary label[for="toggle-menu"]:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\72";
  display: inline-block;
}
nav.primary label[for="toggle-menu"]:before {
  font-size: 15px;
  line-height: 22.5px;
  line-height: 60px;
  -moz-transition: all .25s;
  transition: all .25s;
}
nav.primary label[for="toggle-menu"]:after {
  font-family: "Icons";
  content: "\6f";
  font-size: 15px;
  line-height: 22.5px;
  line-height: 60px;
  position: absolute;
  opacity: 0;
  top: 0;
  display: block;
  width: 60px;
  -moz-transition: all .25s;
  transition: all .25s;
  -moz-transform: rotate(-135deg);
       transform: rotate(-135deg);
  color: white;
}
nav.primary #toggle-menu:checked ~ label[for="toggle-menu"]:before {
  opacity: 0;
  -moz-transform: rotate(135deg);
       transform: rotate(135deg);
}
nav.primary #toggle-menu:checked ~ label[for="toggle-menu"]:after {
  opacity: 1;
  -moz-transform: none;
       transform: none;
}
@media (max-width: 644px) {
  nav.primary {
    -moz-box-pack: justify;
         justify-content: space-between;
  }
  nav.primary #toggle-menu:checked ~ label[for="toggle-menu"] {
    background: #27272b;
  }
  nav.primary #toggle-menu:checked ~ ol {
    -moz-transform: none;
         transform: none;
  }
  nav.primary a.main {
    padding-left: 15px;
    -moz-box-flex: 1;
         flex-grow: 1;
  }
  nav.primary ol {
    padding: 15px;
    -moz-transition: all .25s;
    transition: all .25s;
    z-index: -10;
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
    position: absolute;
    background: #27272b;
    color: white;
    left: 0;
    right: 0;
    top: 60px;
  }
  nav.primary ol .primary {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .65em;
  }
  nav.primary ol .primary > li {
    width: 50%;
  }
  nav.primary ol ul {
    list-style: none;
  }
  nav.primary ol ul.secondary {
    margin-bottom: .65em;
  }
  nav.primary ol ul.secondary li {
    width: 50%;
  }
  nav.primary ol ul.secondary li:first-child {
    width: 100%;
    margin-bottom: .65em;
  }
  nav.primary ol ul.secondary,
  nav.primary ol ul.social {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
  }
}
nav.primary ul.social li a {
  font-size: 0;
}
nav.primary ul.social li a.twitter:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\76";
  display: inline-block;
}
nav.primary ul.social li a.facebook:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\75";
  display: inline-block;
}
nav.primary ul.social li a.weibo:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\74";
  display: inline-block;
}
nav.primary ul.social li a:before {
  font-size: 15px;
  padding: 0 1em;
  margin: 0 -1em;
  margin-right: 0;
}
@media (min-width: 645px) {
  nav.primary #toggle-menu:checked ~ label[for="toggle-menu"] {
    background: #9196a6;
  }
  nav.primary #toggle-menu:checked ~ ol ul {
    -moz-transform: none;
         transform: none;
  }
  nav.primary ol {
    display: -moz-box;
    display: flex;
    -moz-box-flex: 1;
         flex-grow: 1;
  }
  nav.primary ol ul {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
  }
  nav.primary ol ul.primary {
    position: relative;
    -moz-box-flex: 1;
         flex-grow: 1;
    -moz-box-pack: center;
         justify-content: center;
    padding-right: 90px;
  }
  nav.primary ol ul.primary li a {
    padding: 2em;
  }
  nav.primary ol ul.primary li.buy-now {
    position: absolute;
    right: 15px;
    top: -2px;
  }
  nav.primary ol ul.primary li.buy-now a {
    font: inherit;
    color: white;
    background: #e9714c;
    -moz-border-radius: 5px;
         border-radius: 5px;
    border: none;
    display: block;
    padding: 0.35em .75em;
    text-align: center;
    cursor: pointer;
    font-size: 13.5px;
    line-height: 18.75px;
    font-weight: bold;
  }
  nav.primary ol ul.primary li.buy-now a span {
    display: none;
  }
  nav.primary ol ul.primary li.buy-now a:before {
    content: 'Pricing';
  }
  nav.primary ol ul li {
    list-style: none;
  }
  nav.primary ol ul.secondary {
    z-index: -10;
    -moz-transition: all .25s;
    transition: all .25s;
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
    color: white;
    align-content: flex-start;
    top: 60px;
    left: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: -moz-calc(50vw - 270px);
    padding-left: calc(50vw - 270px);
    background: #9196a6;
    right: 0;
    position: absolute;
  }
  nav.primary ol ul.secondary li {
    width: 180px;
  }
  nav.primary ol ul.social {
    z-index: -10;
    -moz-transition: all .25s;
    transition: all .25s;
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
    color: white;
    padding-top: 1em;
    position: absolute;
    left: -moz-calc(50vw - 450px);
    left: calc(50vw - 450px);
    width: 180px;
    top: 60px;
  }
}
@media (min-width: 645px) and (max-width: 750px) {
  nav.primary ol ul.primary span {
    display: none;
  }
}
@media (min-width: 645px) and (max-width: 930px) {
  nav.primary {
    padding: 0;
  }
  nav.primary a.main {
    padding-left: 15px;
  }
  nav.primary ol ul.primary li a {
    color: inherit;
    padding: 1em;
  }
  nav.primary ol ul.social {
    left: 15px;
  }
  nav.primary ol ul.secondary {
    padding-left: 195px;
  }
}
footer.primary {
  font-size: 12.75px;
  font-weight: bold;
  display: -moz-box;
  display: flex;
  justify-content: space-around;
  background: #e5e5e5;
  padding: 15px 0;
  color: #222220;
}
footer.primary li {
  list-style: none;
}
@media (min-width: 750px) {
  footer.primary ul {
    display: -moz-box;
    display: flex;
  }
  footer.primary ul li {
    margin: 0 2em;
  }
}
footer.primary a.twitter,
footer.primary a.facebook,
footer.primary a.weibo {
  font-size: 0;
  line-height: 0;
  position: relative;
  top: 3px;
  display: inline-block;
}
footer.primary a.twitter.twitter:before,
footer.primary a.facebook.twitter:before,
footer.primary a.weibo.twitter:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\76";
  display: inline-block;
}
footer.primary a.twitter.facebook:before,
footer.primary a.facebook.facebook:before,
footer.primary a.weibo.facebook:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\75";
  display: inline-block;
}
footer.primary a.twitter.weibo:before,
footer.primary a.facebook.weibo:before,
footer.primary a.weibo.weibo:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\74";
  display: inline-block;
}
footer.primary a.twitter:before,
footer.primary a.facebook:before,
footer.primary a.weibo:before {
  font-size: 15px;
  padding: 0 .5em;
  margin: 0 -0.5em;
  margin-right: 0;
}
.call-to-action {
  padding: 40px 10px;
  border-bottom: 10px solid white;
  background: #f7f7f7;
}
.call-to-action .frame {
  padding: 60px;
  margin: 40px auto;
  max-width: 750px;
  background: white;
  -moz-border-radius: 30px;
       border-radius: 30px;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}
.call-to-action .frame > hr {
  border: none;
  flex-basis: 1px;
  background: #e5e5e5;
  margin: 0 60px;
}
.call-to-action .frame > a {
  flex-shrink: 0;
  width: 180px;
  height: 180px;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-pack: justify;
       justify-content: space-between;
  -moz-box-align: center;
       align-items: center;
}
.call-to-action .frame > a h3 {
  display: none;
}
.call-to-action .frame .text {
  flex-basis: 300px;
}
.call-to-action .frame .text h1 {
  margin-bottom: 1em;
  font-size: 30px;
}
.call-to-action .frame .logo {
  width: 100px;
}
@media (max-width: 800px) {
  .call-to-action .frame {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    max-width: 300px;
    text-align: center;
    padding: 40px;
    -moz-box-align: center;
         align-items: center;
  }
  .call-to-action .frame > hr {
    margin: 30px 0;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .call-to-action .frame .text {
    flex-basis: 150px;
  }
}
.dark {
  color: white;
  background: #27272b;
  padding: 18px;
}
.dark p {
  font-size: 18px;
  line-height: 24px;
  margin: 1em auto;
  max-width: 450px;
}
.dark p a[href] {
  text-decoration: underline;
}
.dark ul.buttons {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}
.dark ul.buttons li {
  list-style: none;
  display: inline-block;
}
.dark ul.buttons li a {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  font-size: 18px;
  line-height: 22.5px;
  line-height: 40px;
  padding: 0;
  width: 180px;
  margin: 0 7.5px;
}
.dark ul.buttons li a:hover {
  text-decoration: none;
}
footer.helpme {
  background: #27272b;
  color: white;
  width: 100%;
  text-align: center;
  padding: 15px 30px;
}
footer.helpme a {
  line-height: 1;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
body.articles {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
body.articles[data-editing] .single-post .teaser {
  background: white;
  position: absolute;
  top: -160px;
  left: 15px;
  -moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.33);
       box-shadow: 0 0 32px rgba(0, 0, 0, 0.33);
  margin-right: 27.5px;
  width: 235px;
  padding: 15px;
}
body.articles[data-editing] .single-post .teaser .thumb {
  background: #ddd;
}
body.articles[data-editing] .single-post .mce-edit-focus[data-html] section.steps {
  position: relative;
}
body.articles[data-editing] .single-post .mce-edit-focus[data-html] section.steps:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15px;
  right: 100%;
  background: blue;
}
@media (max-width: 900px) {
  body.articles main {
    display: block;
  }
  body.articles main .editing {
    display: none;
  }
}
body.articles main article img {
  max-width: 100%;
}
body.articles main nav {
  display: none;
  flex-basis: 300px;
  background: #27272b;
  color: white;
  padding: 15px;
}
body.articles main nav li {
  list-style: none;
}
body.articles main nav a.active,
body.articles main nav input:checked + label {
  color: #e9714c;
}
body.articles main nav #showhistory:not(:checked) ~ .history {
  display: none;
}
body.articles main nav ol.history {
  padding: 1em;
}
body.articles main nav ol.history li.active {
  color: #e9714c;
}
body.articles main nav ol.history li.active a {
  font-weight: 900;
}
body.articles main nav ol.history li.active a:hover {
  text-decoration: underline;
}
body.articles main article video {
  max-width: 100%;
}
body.articles main article > h3 {
  text-align: center;
}
body.articles main article > .details {
  padding: .75em;
  text-align: center;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}
body.articles main article > section {
  min-height: 12em;
}
@media (min-width: 450px) {
  body.articles main article > section {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  body.articles main article > section > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
body.articles main article > section kbd {
  background: #EEE;
  padding: 2px 5px;
  border: 1px solid #EEE;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  -moz-border-radius: 2.5px;
       border-radius: 2.5px;
}
body.articles main article > section code {
  background: #444;
  color: white;
  border: 1px dotted rgba(255, 255, 255, 0.75);
  padding: 2px 5px;
  -moz-border-radius: 2.5px;
       border-radius: 2.5px;
  white-space: normal;
  padding: 1.5em;
}
body.articles main article > section ul,
body.articles main article > section ol {
  padding-left: 1.5em;
}
body.articles main article > section pre code {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.articles main article > section p {
  margin-top: 1em;
  margin-bottom: 1em;
}
body.articles main article > section p.col-quarter {
  width: -moz-calc(25% - 15px);
  width: calc(25% - 15px);
}
@media (max-width: 450px) {
  body.articles main article > section p.col-quarter {
    width: -moz-calc(25% - 5px);
    width: calc(25% - 5px);
    margin-right: 2.5px;
    margin-left: 2.5px;
  }
}
body.articles main article > section p.col-third {
  width: -moz-calc(33.33333333333333333333% - 15px);
  width: calc(33.33333333333333333333% - 15px);
}
@media (max-width: 450px) {
  body.articles main article > section p.col-third {
    width: -moz-calc(33.33333333333333333333% - 5px);
    width: calc(33.33333333333333333333% - 5px);
    margin-right: 2.5px;
    margin-left: 2.5px;
  }
}
body.articles main article > section p.col-half {
  width: -moz-calc(50% - 15px);
  width: calc(50% - 15px);
}
@media (max-width: 450px) {
  body.articles main article > section p.col-half {
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    margin-right: 2.5px;
    margin-left: 2.5px;
  }
}
body.articles main article > section p.col-half,
body.articles main article > section p.col-third,
body.articles main article > section p.col-quarter {
  float: left;
  clear: none !important;
}
body.articles main article > section p.col-half.col-right,
body.articles main article > section p.col-third.col-right,
body.articles main article > section p.col-quarter.col-right {
  float: right;
}
body.articles main article > section p.col-half.col-center,
body.articles main article > section p.col-third.col-center,
body.articles main article > section p.col-quarter.col-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
body.articles main article > section p.col-half + *,
body.articles main article > section p.col-third + *,
body.articles main article > section p.col-quarter + * {
  clear: both;
}
body.articles main article > section p.col-half:last-child:after,
body.articles main article > section p.col-third:last-child:after,
body.articles main article > section p.col-quarter:last-child:after {
  content: ' ';
  display: block;
  clear: both;
}
body.articles main article > section p.step {
  border: 1px solid black;
  -moz-border-radius: 5px;
       border-radius: 5px;
  position: relative;
  overflow: hidden;
}
body.articles main article > section p.step > img:first-child {
  display: block;
}
body.articles main article > section p.step > img:first-child + br:last-child {
  display: none;
}
body.articles main article > section p.step.step1:before {
  content: '1';
}
body.articles main article > section p.step.step2:before {
  content: '2';
}
body.articles main article > section p.step.step3:before {
  content: '3';
}
body.articles main article > section p.step.step4:before {
  content: '4';
}
body.articles main article > section p.step.step5:before {
  content: '5';
}
body.articles main article > section p.step.step6:before {
  content: '6';
}
body.articles main article > section p.step:before {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: white;
  border: 1px solid black;
  -moz-border-radius: 200px;
       border-radius: 200px;
  position: absolute;
  top: 5px;
  left: 5px;
  text-align: center;
}
body.articles main .payload .editing {
  position: relative;
}
body.articles main .payload .editing > a {
  position: absolute;
  top: 15px;
  right: 15px;
  font: inherit;
  color: white;
  background: #767fa7;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
}
body.articles main .payload .editing ul.actions {
  background: #27272b;
  padding: 15px;
  display: -moz-box;
  display: flex;
  -moz-box-pack: end;
       justify-content: flex-end;
}
body.articles main .payload .editing ul.actions li {
  margin-left: 7.5px;
  list-style: none;
}
body.articles main .payload .editing ul.actions li > label {
  height: 100%;
  width: 375px;
  padding: 0 7.5px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  display: -moz-box;
  display: flex;
  background: white;
}
body.articles main .payload .editing ul.actions li > label span {
  -ms-grid-row-align: center;
      align-self: center;
  color: #666;
}
body.articles main .payload .editing ul.actions li > label input {
  font: inherit;
  border: none;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.articles main .payload .editing ul.actions li button {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
}
body.articles main .single-post {
  position: relative;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.single-page main {
  display: block;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.single-page main .single-post {
  padding: 0;
}
body.single-page main .single-post > article {
  max-width: 100%;
}
body.single-page main .single-post > article > * {
  display: none;
  max-width: 100%;
}
body.single-page main .single-post > article > section {
  display: block;
}
body.single-page main .editing .actions li > label {
  display: none !important;
}
body.nanowrimo {
  overflow: hidden;
}
body.nanowrimo header {
  height: 450px;
  max-height: 70vmin;
  background-image: url("/assets/images/nanowrimo.png"), -moz-linear-gradient(212deg, #0a6474, #0a3546);
  background-image: url("/assets/images/nanowrimo.png"), linear-gradient(238deg, #0a6474, #0a3546);
  background-position: center;
  -moz-background-size: cover;
       background-size: cover;
  position: relative;
  margin-bottom: 50px;
}
body.nanowrimo header:after {
  content: ' ';
  display: block;
  width: 160px;
  height: 160px;
  position: absolute;
  left: 50%;
  margin-left: -80px;
  bottom: -80px;
  font-size: 0;
  background-color: #062430;
  background-image: url("/assets/images/nanowrimo-sponsor.png");
  background-position: center;
  -moz-background-size: cover;
       background-size: cover;
}
body.nanowrimo section {
  padding: 50px 15px;
}
body.nanowrimo section form {
  margin-top: 30px;
  width: 300px;
}
body.nanowrimo section form input[name="Name"] {
  display: none;
}
body.nanowrimo section form fieldset {
  margin: 0;
}
body.nanowrimo section form button {
  width: 100%;
  margin: 0;
}
body.nanowrimo section form button[type="reset"] {
  display: none;
}
body.nanowrimo section:nth-of-type(2n) {
  background-image: -moz-linear-gradient(212deg, #0a6474, #0a3546);
  background-image: linear-gradient(238deg, #0a6474, #0a3546);
  color: white;
}
body.nanowrimo section > * {
  margin: 0 auto;
  max-width: 595px;
}
body.nanowrimo section a[href*="geni.us"] {
  font-size: 0;
}
body.nanowrimo section p {
  line-height: 25px;
  margin-bottom: 25px;
}
body.nanowrimo section p a {
  color: #e9714c;
}
body.nanowrimo section p a:hover {
  text-decoration: underline;
}
body.nanowrimo section p ~ ul {
  padding-left: 1.5em;
}
body.nanowrimo section p ~ ul > li {
  padding-left: 1em;
}
body.nanowrimo section ol {
  counter-reset: step;
  list-style: none;
}
body.nanowrimo section ol li {
  overflow: hidden;
  -moz-border-radius: 5px;
       border-radius: 5px;
  margin-bottom: 20px;
  background-color: #f6f6f6;
  display: -moz-box;
  display: flex;
}
body.nanowrimo section ol li:last-child {
  margin-bottom: 25px;
}
body.nanowrimo section ol li p {
  margin: 30px;
}
body.nanowrimo section ol li p:first-child {
  flex-basis: 270px;
  -moz-box-flex: 0;
       flex-grow: 0;
  flex-shrink: 0;
}
body.nanowrimo section ol li p:last-child {
  margin-left: 0;
}
body.nanowrimo section ol li > *:last-child {
  -ms-grid-row-align: center;
      align-self: center;
}
body.nanowrimo section ol li:before {
  counter-increment: step;
  content: counter(step) ".";
  display: block;
  background-color: #eeeeee;
  width: 70px;
  font-size: 35px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-flex: 0;
       flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  -moz-box-pack: center;
       justify-content: center;
}
@media (max-width: 600px) {
  body.nanowrimo section ol li {
    display: block;
    padding-left: 70px;
    position: relative;
  }
  body.nanowrimo section ol li a {
    display: block;
  }
  body.nanowrimo section ol li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  body.nanowrimo section ol li > *:last-child {
    margin: 0 0 30px !important;
    text-align: center;
  }
}
body.nanowrimo section h1 {
  text-align: center;
  margin: 50px auto;
  font-size: 35px;
  line-height: 44px;
}
@media (max-width: 600px) {
  body.nanowrimo section h1 br {
    display: none;
  }
}
body.nanowrimo section h1 a:only-child,
body.nanowrimo section h2 a:only-child,
body.nanowrimo section h3 a:only-child,
body.nanowrimo section h4 a:only-child,
body.nanowrimo section h5 a:only-child,
body.nanowrimo section h6 a:only-child {
  -moz-border-radius: 5px;
       border-radius: 5px;
  background-color: #e9714c;
  color: white;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: .85em 3em;
  margin: 0 auto;
}
@media (max-width: 400px) {
  body.nanowrimo section h2 {
    font-size: 15px;
  }
}
body.nanowrimo section#stories {
  position: relative;
}
body.nanowrimo section#stories > input {
  display: none;
}
body.nanowrimo section#stories ul > label {
  display: none;
  z-index: 1;
  font-size: 0;
  position: absolute;
  top: 90px;
  opacity: .75;
  cursor: pointer;
}
body.nanowrimo section#stories ul > label:hover {
  opacity: 1;
}
body.nanowrimo section#stories ul > label:before {
  font-size: 50px;
}
body.nanowrimo section#stories ul > label:nth-of-type(2n) {
  left: 50%;
  margin-left: 400px;
}
body.nanowrimo section#stories ul > label:nth-of-type(2n):before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6c";
  display: inline-block;
}
body.nanowrimo section#stories ul > label:nth-of-type(2n+1) {
  right: 50%;
  margin-right: 400px;
}
body.nanowrimo section#stories ul > label:nth-of-type(2n+1):before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6b";
  display: inline-block;
}
body.nanowrimo section#stories > input:nth-of-type(1):checked ~ ul > li {
  -moz-transform: translateX(0%);
       transform: translateX(0%);
}
body.nanowrimo section#stories > input:nth-of-type(1):checked ~ ul li:nth-of-type(1) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(1):checked ~ ul label:nth-of-type(2),
body.nanowrimo section#stories > input:nth-of-type(1):checked ~ ul label:nth-of-type(1) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(2):checked ~ ul > li {
  -moz-transform: translateX(-100%);
       transform: translateX(-100%);
}
body.nanowrimo section#stories > input:nth-of-type(2):checked ~ ul li:nth-of-type(2) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(2):checked ~ ul label:nth-of-type(4),
body.nanowrimo section#stories > input:nth-of-type(2):checked ~ ul label:nth-of-type(3) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(3):checked ~ ul > li {
  -moz-transform: translateX(-200%);
       transform: translateX(-200%);
}
body.nanowrimo section#stories > input:nth-of-type(3):checked ~ ul li:nth-of-type(3) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(3):checked ~ ul label:nth-of-type(6),
body.nanowrimo section#stories > input:nth-of-type(3):checked ~ ul label:nth-of-type(5) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(4):checked ~ ul > li {
  -moz-transform: translateX(-300%);
       transform: translateX(-300%);
}
body.nanowrimo section#stories > input:nth-of-type(4):checked ~ ul li:nth-of-type(4) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(4):checked ~ ul label:nth-of-type(8),
body.nanowrimo section#stories > input:nth-of-type(4):checked ~ ul label:nth-of-type(7) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(5):checked ~ ul > li {
  -moz-transform: translateX(-400%);
       transform: translateX(-400%);
}
body.nanowrimo section#stories > input:nth-of-type(5):checked ~ ul li:nth-of-type(5) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(5):checked ~ ul label:nth-of-type(10),
body.nanowrimo section#stories > input:nth-of-type(5):checked ~ ul label:nth-of-type(9) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(6):checked ~ ul > li {
  -moz-transform: translateX(-500%);
       transform: translateX(-500%);
}
body.nanowrimo section#stories > input:nth-of-type(6):checked ~ ul li:nth-of-type(6) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(6):checked ~ ul label:nth-of-type(12),
body.nanowrimo section#stories > input:nth-of-type(6):checked ~ ul label:nth-of-type(11) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(7):checked ~ ul > li {
  -moz-transform: translateX(-600%);
       transform: translateX(-600%);
}
body.nanowrimo section#stories > input:nth-of-type(7):checked ~ ul li:nth-of-type(7) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(7):checked ~ ul label:nth-of-type(14),
body.nanowrimo section#stories > input:nth-of-type(7):checked ~ ul label:nth-of-type(13) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(8):checked ~ ul > li {
  -moz-transform: translateX(-700%);
       transform: translateX(-700%);
}
body.nanowrimo section#stories > input:nth-of-type(8):checked ~ ul li:nth-of-type(8) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(8):checked ~ ul label:nth-of-type(16),
body.nanowrimo section#stories > input:nth-of-type(8):checked ~ ul label:nth-of-type(15) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(9):checked ~ ul > li {
  -moz-transform: translateX(-800%);
       transform: translateX(-800%);
}
body.nanowrimo section#stories > input:nth-of-type(9):checked ~ ul li:nth-of-type(9) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(9):checked ~ ul label:nth-of-type(18),
body.nanowrimo section#stories > input:nth-of-type(9):checked ~ ul label:nth-of-type(17) {
  display: block;
}
body.nanowrimo section#stories > input:nth-of-type(10):checked ~ ul > li {
  -moz-transform: translateX(-900%);
       transform: translateX(-900%);
}
body.nanowrimo section#stories > input:nth-of-type(10):checked ~ ul li:nth-of-type(10) {
  opacity: 1;
}
body.nanowrimo section#stories > input:nth-of-type(10):checked ~ ul label:nth-of-type(20),
body.nanowrimo section#stories > input:nth-of-type(10):checked ~ ul label:nth-of-type(19) {
  display: block;
}
body.nanowrimo section#stories ul {
  position: relative;
  max-width: 100%;
  display: -moz-box;
  display: flex;
  list-style: none;
  -moz-transition: all .5s;
  transition: all .5s;
}
body.nanowrimo section#stories ul:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 250px;
  height: 220px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22249%22%20height%3D%22220%22%20viewBox%3D%220%200%20249%20220%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23C5C5C5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M180.75%20111.75c0%208%204.75%2012.25%2014.25%2012.75l15%20.75c10%20.5%2018.875%205.25%2026.625%2014.25s11.625%2019.25%2011.625%2030.75c0%2014-5%2025.75-15%2035.25s-22.5%2014.25-37.5%2014.25c-17.5%200-31.875-6.875-43.125-20.625S135.75%20167.75%20135.75%20146.25c0-40%2015.75-81%2047.25-123C194.5%207.75%20204.5%200%20213%200c9.5%200%2014.25%205%2014.25%2015%200%204-2.75%209.5-8.25%2016.5-13.5%2017-24.75%2037.25-33.75%2060.75-3%208-4.5%2014.5-4.5%2019.5zm-136.5%200c0%208%204.75%2012.25%2014.25%2012.75l15%20.75c10.5.5%2019.625%205.25%2027.375%2014.25s11.625%2019.25%2011.625%2030.75c0%2014-5%2025.75-15%2035.25S75%20219.75%2060%20219.75c-17.5%200-31.875-6.875-43.125-20.625S0%20167.75%200%20146.25c0-40%2015.75-81%2047.25-123C58.75%207.75%2068.75%200%2077.25%200c9.5%200%2014.25%205%2014.25%2015%200%204-2.75%209.5-8.25%2016.5-10%2012.5-19%2027-27%2043.5s-12%2028.75-12%2036.75z%22%20opacity%3D%22.1%22/%3E%0A%3C/svg%3E%0A");
  -moz-background-size: contain;
       background-size: contain;
  background-position: center;
  bottom: 0px;
  margin-left: 180px;
  left: 50%;
}
body.nanowrimo section#stories ul li {
  -moz-transition: inherit;
  transition: inherit;
  opacity: 0;
  position: relative;
  flex-basis: 100%;
  flex-shrink: 0;
  -moz-box-flex: 0;
       flex-grow: 0;
}
body.nanowrimo section#stories ul li h4 {
  margin-top: 30px;
}
body.nanowrimo section#stories ul li > div {
  max-width: 747px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
       border-radius: 5px;
  overflow: hidden;
  height: 250px;
  padding-right: 50px;
}
body.nanowrimo section#stories ul li > div > img {
  float: left;
  height: 250px;
  width: 210px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-right: 50px;
}
body.nanowrimo section#stories ul li > div blockquote {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  margin: 30px 0 35px;
}
body.nanowrimo section#stories ul li > div blockquote:before {
  content: "“";
}
body.nanowrimo section#stories ul li > div blockquote:after {
  content: "”";
}
@media (max-width: 800px) {
  body.nanowrimo section#stories ul li {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    -moz-box-pack: justify;
         justify-content: space-between;
  }
  body.nanowrimo section#stories ul li > div {
    max-width: 400px;
    height: auto;
    padding-right: 0;
  }
  body.nanowrimo section#stories ul li > div img {
    width: 100%;
    margin: 0;
    float: none;
  }
  body.nanowrimo section#stories ul li > div > *:nth-child(n+2) {
    margin: 20px !important;
  }
  body.nanowrimo section#stories ul > label:nth-child(2n) {
    top: auto;
    bottom: -15px;
    margin-left: 120px;
  }
  body.nanowrimo section#stories ul > label:nth-child(2n+1) {
    top: auto;
    bottom: -15px;
    margin-right: 120px;
  }
}
body.nanowrimo section#discount p {
  margin: 65px auto;
}
body.nanowrimo section#intro .video {
  max-width: 900px;
  margin-top: 50px;
}
body.nanowrimo section#intro .video > div {
  padding-bottom: 62.5%;
  position: relative;
}
body.nanowrimo section#intro .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.promo {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
body.promo main {
  -moz-box-flex: 1;
       flex-grow: 1;
  -ms-grid-row-align: center;
      align-self: center;
}
@media (min-width: 1024px) {
  body.promo.maccast header {
    background-image: url("/assets/images/promos/maccast.jpg");
  }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.promo.maccast header {
    background-image: url("/assets/images/promos/maccast@2x.jpg");
  }
}
@media (max-width: 1023px) {
  body.promo.maccast header {
    background-image: url("/assets/images/promos/maccast_ios@2x.jpg");
  }
}
body.promo.mpu header {
  background-image: url("/assets/images/promos/mpu.jpg");
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.promo.mpu header {
    background-image: url("/assets/images/promos/mpu@2x.jpg");
  }
}
body.promo.pwa header {
  background-image: url("/assets/images/promos/pwa.jpg");
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.promo.pwa header {
    background-image: url("/assets/images/promos/pwa@2x.jpg");
  }
}
body.promo header {
  height: 400px;
  background-position: center;
  -moz-background-size: cover;
       background-size: cover;
  position: relative;
  margin-bottom: 0;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
body.promo header > * {
  margin: 0 auto;
  max-width: 595px;
}
body.promo header h1 {
  font-size: 50px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-bottom: 50px;
  margin-top: 34px;
}
body.promo header p.subheader {
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.8;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 1023px) {
  body.promo header {
    height: 320px;
  }
  body.promo header h1 {
    font-size: 40px;
    margin-bottom: 25px;
  }
  body.promo header p.subheader {
    font-size: 25px;
  }
}
body.promo section {
  padding: 61px 0 100px;
}
body.promo section > * {
  margin: 0 auto;
  max-width: 595px;
}
body.promo section a[href*="geni.us"] {
  font-size: 0;
}
body.promo section h2 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #27272b;
  margin-bottom: 61px;
}
body.promo section h1 a:only-child,
body.promo section h2 a:only-child,
body.promo section h3 a:only-child,
body.promo section h4 a:only-child,
body.promo section h5 a:only-child,
body.promo section h6 a:only-child {
  -moz-border-radius: 5px;
       border-radius: 5px;
  background-color: #e9714c;
  color: white;
  display: block;
  width: 135px;
  padding: .6em 2em;
  margin: 0 auto;
  text-align: center;
}
html[data-platform="desktop"] body.promo section h1 a:only-child,
html[data-platform="desktop"] body.promo section h2 a:only-child,
html[data-platform="desktop"] body.promo section h3 a:only-child,
html[data-platform="desktop"] body.promo section h4 a:only-child,
html[data-platform="desktop"] body.promo section h5 a:only-child,
html[data-platform="desktop"] body.promo section h6 a:only-child {
  width: 165px;
}
body.promo section > p {
  margin-bottom: 1.7em;
  line-height: 1.7;
}
body.promo section ol {
  counter-reset: step;
  list-style: none;
}
body.promo section ol li {
  overflow: hidden;
  -moz-border-radius: 5px;
       border-radius: 5px;
  margin-bottom: 20px;
  background-color: #f6f6f6;
  display: -moz-box;
  display: flex;
}
body.promo section ol li:last-child {
  margin-bottom: 25px;
}
body.promo section ol li p {
  margin: 30px;
}
body.promo section ol li p:first-child {
  flex-basis: 270px;
  -moz-box-flex: 0;
       flex-grow: 0;
  flex-shrink: 0;
}
body.promo section ol li p:last-child {
  margin-left: 0;
}
body.promo section ol li > *:last-child {
  -ms-grid-row-align: center;
      align-self: center;
}
body.promo section ol li:before {
  counter-increment: step;
  content: counter(step) ".";
  background-color: #eeeeee;
  width: 70px;
  font-size: 35px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-flex: 0;
       flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  -moz-box-pack: center;
       justify-content: center;
}
@media (max-width: 600px) {
  body.promo section ol li {
    display: block;
    padding-left: 70px;
    position: relative;
  }
  body.promo section ol li a {
    display: block;
  }
  body.promo section ol li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  body.promo section ol li > *:last-child {
    margin: 0 0 30px !important;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  body.promo section {
    padding: 36px 25px 72px;
  }
  body.promo section h2,
  body.promo section p {
    margin-bottom: 25px;
  }
}
body.privacy main.container {
  max-width: 780px;
  padding: 50px 15px;
  margin: 0 auto;
}
body.privacy main.container h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 13px;
}
body.privacy main.container h2 {
  font-size: 22px;
  margin-bottom: 11px;
  font-weight: normal;
}
body.privacy main.container h3 {
  font-weight: normal;
  margin-bottom: 11px;
  font-size: 18px;
}
body.privacy main.container p {
  margin-top: 0;
  color: #444444;
}
body.privacy main.container p b,
body.privacy main.container p strong {
  color: #000000;
}
body.privacy main.container p + p,
body.privacy main.container p + ul,
body.privacy main.container p + iframe {
  margin-top: 15px;
}
body.privacy main.container * + h2,
body.privacy main.container * + h3 {
  margin-top: 30px;
}
body.privacy main.container ul {
  margin-left: 17px;
  margin-bottom: 1em;
  margin-top: 1em;
}
html[data-platform="iphone"] body.privacy main.container h1 {
  font-size: 25px;
  margin-bottom: 18px;
}
html[data-platform="iphone"] body.privacy main.container h2 {
  font-size: 20px;
  margin-bottom: 13px;
}
html[data-platform="iphone"] body.privacy main.container h3 {
  margin-bottom: 13px;
  font-size: 17px;
}
html[data-platform="iphone"] body.privacy main.container p {
  font-size: 13px;
  margin-top: 0;
}
html[data-platform="iphone"] body.privacy main.container p + p {
  margin-top: 15px;
}
html[data-platform="iphone"] body.privacy main.container p + :not(p) {
  margin-top: 30px;
}
html[data-platform="iphone"] body.privacy main.container iframe {
  height: 230px !important;
}
body.privacy-app * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-rendering: optimizeLegibility !important;
  cursor: default;
}
body.privacy-app main.container {
  padding: 30px 50px;
}
body.privacy-app h1 {
  letter-spacing: 0.4px;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 13px;
}
body.privacy-app h2 {
  letter-spacing: 0.4px;
  font-size: 22px;
  margin-bottom: 11px;
  font-weight: normal;
}
body.privacy-app h3 {
  font-weight: normal;
  margin-bottom: 11px;
  font-size: 18px;
}
body.privacy-app p {
  letter-spacing: 0.15px;
  font-size: 13px;
  margin-top: 0;
  color: #6c6c72;
  font-weight: 400;
}
body.privacy-app p b,
body.privacy-app p strong {
  font-weight: bold;
  color: #000000;
}
body.privacy-app p + p {
  margin-top: 15px;
}
body.privacy-app p + :not(p) {
  margin-top: 30px;
}
body.privacy-app p a {
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  color: #ea2143;
  text-decoration: none;
  cursor: pointer;
}
html[data-platform="ipad"] body.privacy-app main.container {
  padding: 28px 30px;
}
html[data-platform="iphone"] body.privacy-app main.container {
  padding: 23px 15px;
}
html[data-platform="iphone"] body.privacy-app h1 {
  font-size: 25px;
  margin-bottom: 18px;
}
html[data-platform="iphone"] body.privacy-app h2 {
  font-size: 20px;
  margin-bottom: 13px;
}
html[data-platform="iphone"] body.privacy-app h3 {
  margin-bottom: 13px;
  font-size: 17px;
}
html[data-platform="iphone"] body.privacy-app p {
  font-size: 13px;
  margin-top: 0;
}
html[data-platform="iphone"] body.privacy-app p + p {
  margin-top: 15px;
}
html[data-platform="iphone"] body.privacy-app p + :not(p) {
  margin-top: 30px;
}
body.email-course form {
  background: #f7f7f7;
  width: 100%;
  display: -moz-box;
  display: flex;
  padding: 40px 46px;
  -moz-box-pack: justify;
       justify-content: space-between;
}
body.email-course form input {
  margin: 0 !important;
  border: solid 1px #cdcdcd !important;
}
body.email-course form fieldset {
  margin-top: 5px;
}
body.email-course form button {
  margin: 0;
  width: 100%;
  line-height: 20px;
  font-size: 16px !important;
}
body.email-course form .inputs {
  width: 49%;
}
body.email-course form .buttons {
  margin: 0 !important;
  width: 49%;
}
body.email-course form .some-container .some-field {
  top: 0;
}
body.email-course button[type="reset"] {
  display: none;
}
body.email-course header {
  -moz-background-size: cover;
       background-size: cover;
  text-align: center;
  color: white;
  background-color: #4890c1;
  padding: 50px;
  padding-top: 25px;
}
body.email-course header h1 {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
}
body.email-course header p {
  margin: 20px auto 0;
  max-width: 600px;
  font-size: 18px;
  line-height: 25px;
}
body.email-course header .icon-e-mail-course {
  font-size: 140px;
  line-height: 112px;
}
body.email-course .content,
body.email-course .single-post,
body.email-course .form-wrapper {
  width: 100%;
  max-width: 930px;
  padding: 0 15px;
  margin: 0 auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
body.email-course .form-wrapper {
  margin-bottom: 100px;
}
body.email-course .content {
  padding-top: 50px;
  padding-bottom: 50px;
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
}
body.email-course .content h2 {
  margin-bottom: 1rem;
}
body.email-course .content ul {
  margin-top: 20px;
  margin-bottom: 1rem;
  padding-left: 16px;
}
body.email-course .content__text {
  width: 440px;
  max-width: 100%;
}
body.email-course .content__preview {
  width: 366px;
  background: transparent url(/assets/images/email-stack@3x.jpg) no-repeat;
  -moz-background-size: cover;
       background-size: cover;
}
html[data-platform="iphone"] body.email-course header h1 {
  font-size: 20px;
  line-height: 25px;
}
html[data-platform="iphone"] body.email-course header p {
  font-size: 15px;
}
html[data-platform="iphone"] body.email-course form {
  display: block;
  margin-top: 0;
  padding: 20px 23px;
}
html[data-platform="iphone"] body.email-course form .inputs {
  width: 100%;
  margin-bottom: 1rem;
}
html[data-platform="iphone"] body.email-course form .buttons {
  width: 100%;
}
html[data-platform="iphone"] body.email-course .content,
html[data-platform="iphone"] body.email-course .form-wrapper {
  display: block;
  padding-top: 25px;
  padding-bottom: 25px;
}
html[data-platform="iphone"] body.email-course .content__text,
html[data-platform="iphone"] body.email-course .form-wrapper__text {
  width: auto;
  margin-bottom: 30px;
}
html[data-platform="iphone"] body.email-course .content__preview,
html[data-platform="iphone"] body.email-course .form-wrapper__preview {
  padding-top: 65%;
  width: 100%;
  background-image: url(/assets/images/email-stack-portrait@3x.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  body.email-course .content,
  body.email-course .form-wrapper {
    display: block;
    padding: 30px 54px !important;
  }
  body.email-course .content__text,
  body.email-course .form-wrapper__text {
    width: auto;
    margin-bottom: 40px;
  }
  body.email-course .content__preview,
  body.email-course .form-wrapper__preview {
    padding-top: 65%;
    width: 100%;
    background-image: url(/assets/images/email-stack-portrait@3x.jpg);
  }
  body.email-course form {
    display: block;
    margin-top: 0;
    padding: 40px 40px;
  }
  body.email-course form .inputs {
    width: 100%;
    margin-bottom: 20px;
  }
  body.email-course form .buttons {
    width: 100%;
  }
}
body.nanowrimotemp header {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  min-height: 80vh;
  color: white;
  background-color: #ea0f49;
  background-image: url("/assets/images/nanowrimotemp.jpg");
  -moz-background-size: cover;
       background-size: cover;
  text-align: center;
}
body.nanowrimotemp header h1 {
  margin-bottom: 50px;
  font-size: 55px;
  line-height: 55px;
}
body.nanowrimotemp header p {
  font-size: 20px;
  line-height: 30px;
}
body.help-and-support header {
  background: url('/assets/images/help-and-support.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  color: white;
  height: 150px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
body.help-and-support header h1 {
  text-align: center;
  margin: 0;
}
body.help-and-support .breadcrumbs li:first-child {
  display: none;
}
body.help-and-support .breadcrumbs li a {
  color: white;
  background: red;
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 22.5px;
  line-height: 30px;
  padding-bottom: 30px;
}
body.help-and-support .breadcrumbs li a:before {
  display: block !important;
  font-size: 4em;
  line-height: 1;
  margin-top: .15em;
  margin-bottom: -0.15em;
}
body.help-and-support .breadcrumbs:only-of-type li a {
  font-size: 18px;
  line-height: 22.5px;
  padding-bottom: 15px;
}
body.help-and-support.knowledge-base .breadcrumbs li a:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\65";
  display: inline-block;
}
body.help-and-support.knowledge-base .breadcrumbs a,
body.help-and-support.knowledge-base article > h1 {
  background: #d1524c;
}
body.help-and-support.tutorials .breadcrumbs li a:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\68";
  display: inline-block;
}
body.help-and-support.tutorials .breadcrumbs a,
body.help-and-support.tutorials article > h1 {
  background: #7685ab;
}
body.help-and-support.integrations .breadcrumbs li a:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e015";
  display: inline-block;
}
body.help-and-support.integrations .breadcrumbs a,
body.help-and-support.integrations article > h1 {
  background: #d7b049;
}
body.help-and-support .teaser,
body.help-and-support .posts a.add {
  display: block;
  width: 225px;
  flex-basis: 225px;
}
body.help-and-support .teaser h2,
body.help-and-support .posts a.add h2 {
  font-size: 18px;
  line-height: 22.5px;
  margin-top: 11.25px;
  margin-bottom: 7.5px;
}
body.help-and-support .teaser p,
body.help-and-support .posts a.add p {
  font-size: 12px;
  line-height: 19.5px;
}
body.help-and-support .teaser img,
body.help-and-support .posts a.add img {
  display: block;
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
body.help-and-support:not(.overview) header {
  display: none;
}
body.help-and-support article {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
body.help-and-support article > h1 {
  font-size: 33.75px;
  line-height: 41.25px;
  background: red;
  padding: 0 15px 30px;
  color: white;
}
body.help-and-support article > h1 a {
  color: inherit;
  text-align: center;
  max-width: 740px;
  display: block;
  margin: 0 auto;
}
body.help-and-support article > section {
  -ms-grid-row-align: center;
      align-self: center;
  max-width: 755px;
  width: 100%;
}
@media (max-width: 700px) {
  body.help-and-support article > section {
    padding: 0 15px;
  }
}
body.help-and-support main {
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.help-and-support main .payload .details {
  display: none;
}
body.help-and-support main .payload h1 {
  margin-bottom: 15px;
}
body.help-and-support main .payload [data-text="category"] {
  display: none;
}
body.help-and-support main .payload > h3.panic {
  text-align: center;
  margin-top: 40px;
}
body.help-and-support main .payload > h3.panic a {
  text-decoration: underline;
}
body.help-and-support main .payload ol.posts {
  padding: 15px;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  width: 795px;
  margin: 0 auto;
}
body.help-and-support main .payload ol.posts a {
  color: inherit;
}
body.help-and-support main .payload ol.posts .add {
  display: -moz-box;
  display: flex;
  height: 100%;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  background: #eee;
  color: #666;
}
@media (max-width: 795px) {
  body.help-and-support main .payload ol.posts {
    width: 540px;
  }
}
@media (max-width: 795px) and (max-width: 540px) {
  body.help-and-support main .payload ol.posts {
    width: 285px;
  }
}
body.help-and-support main .payload ol.posts > li {
  list-style: none;
  margin: 15px;
}
@media (max-width: 500px) {
  body.help-and-support main .payload ol.posts > li {
    margin: 15px auto;
  }
}
body.help-and-support main .payload article section h2,
body.help-and-support main .payload article section h3,
body.help-and-support main .payload article section h4 {
  padding-top: 30px;
}
body.help-and-support main .payload article section h2[id],
body.help-and-support main .payload article section h3[id],
body.help-and-support main .payload article section h4[id] {
  padding-top: 80px;
  margin-top: -50px;
}
body.help-and-support main .payload article ul a,
body.help-and-support main .payload article ol a,
body.help-and-support main .payload article p a {
  color: #e9714c;
  font-weight: bold;
}
body.help-and-support main .payload article ul a:hover,
body.help-and-support main .payload article ol a:hover,
body.help-and-support main .payload article p a:hover {
  text-decoration: underline;
}
body.help-and-support.overview main {
  padding: 45px 0;
  display: block;
}
body.help-and-support.overview main h1 {
  text-align: center;
}
body.help-and-support.overview main .breadcrumbs {
  display: none;
}
body.help-and-support.overview main > nav {
  display: none;
}
body.help-and-support.overview main .payload > ul {
  margin: 0 auto;
  width: 917px;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 917px) {
  body.help-and-support.overview main .payload > ul {
    width: 611.6px;
  }
}
@media (max-width: 611.6px) {
  body.help-and-support.overview main .payload > ul {
    width: 305.4px;
  }
}
body.help-and-support.overview main .payload > ul li {
  flex-basis: 289px;
  margin: 1.5em 8.2px;
  list-style: none;
}
body.help-and-support.overview main .payload > ul li a {
  display: block;
  color: white;
  text-align: center;
  -moz-border-radius: 5px;
       border-radius: 5px;
}
body.help-and-support.overview main .payload > ul li a:before {
  font-size: 110px;
  position: relative;
  top: 10px;
}
body.help-and-support.overview main .payload > ul li a p {
  background: rgba(255, 255, 255, 0.1);
  padding: 1em;
  margin-top: 1em;
  font-size: 18px;
  line-height: 23px;
}
body.help-and-support.overview main .payload > ul li a.icon-faq {
  background-color: #6bb87a;
}
body.help-and-support.overview main .payload > ul li a.icon-tutorials {
  background-color: #767fa7;
}
body.help-and-support.overview main .payload > ul li a.icon-style-reference {
  background: -moz-linear-gradient(#5391a0, #3f7e8d);
  background: linear-gradient(#5391a0, #3f7e8d);
}
body.help-and-support.overview main .payload > ul li a.icon-knowledge-base {
  background-color: #d1524c;
}
body.help-and-support.overview main .payload > ul li a.icon-voiceover-support {
  background-color: #e9714c;
}
body.help-and-support.overview main .payload > ul li a.icon-integrations {
  background-color: #d7b049;
}
body.help-and-support.overview main .payload > ul li a.icon-e-mail-course {
  background-color: #4890c1;
}
body.faq input[type="radio"] {
  display: none;
}
body.faq header {
  padding: 50px;
  padding-bottom: 60px;
  background-color: #6bb87a;
  color: white;
  text-align: center;
}
body.faq header h1 {
  size: 25px;
  line-height: 55px;
  margin-bottom: 5px;
}
body.faq header h1:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\63";
  font-size: 100px;
  display: block;
}
body.faq header a {
  background-color: rgba(39, 39, 43, 0.25);
  -moz-border-radius: 5px;
       border-radius: 5px;
  padding: 0 5px;
  display: inline-block;
}
body.faq #open-menu,
body.faq label[for="open-menu"] {
  display: none;
}
body.faq .platform {
  max-width: 920px;
  padding: 0 10px;
  margin: 45px auto;
  display: none;
  -moz-box-pack: justify;
       justify-content: space-between;
}
body.faq .platform.active {
  display: -moz-box;
  display: flex;
}
body.faq .platform menu {
  margin-right: 25px;
  width: 212px;
}
body.faq .platform menu li {
  list-style: none;
}
body.faq .platform menu li a {
  color: inherit;
  cursor: pointer;
  display: block;
  font-weight: bold;
}
body.faq .platform menu li a.active {
  color: #e9714c;
}
body.faq .platform menu .categories li {
  margin-bottom: 20px;
}
body.faq .platform menu .platforms {
  border-top: solid 2px #eeeeee;
}
body.faq .platform menu .platforms:before {
  content: 'Platform:';
  display: block;
  margin: 20px 0 25px;
}
body.faq .platform menu .platforms li a {
  margin-bottom: 15px;
  width: 100px;
  height: 30px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  background-color: #f7f7f7;
  text-align: center;
  line-height: 30px;
}
body.faq .platform menu .platforms li a.active {
  color: #e9714c;
  background: #eeeeee;
}
body.faq .platform menu .platforms li a.active:after {
  content: ' ';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE2IDEyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjRTk3MTRDIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0xLjUgNC41bDUgNUwxNSAxIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  background-position: center;
  margin-left: 10px;
  width: 15px;
  height: 10px;
  display: inline-block;
  color: #e9714c;
}
body.faq .platform .category {
  max-width: 600px;
  -moz-box-flex: 1;
       flex-grow: 1;
  display: none;
}
body.faq .platform .category.active {
  display: inline-block;
}
body.faq .platform .category h4 {
  font-size: 18px;
  line-height: 22.5px;
}
body.faq .platform .category h4:nth-of-type(n+2) {
  border-top: solid 2px #eeeeee;
  padding-top: 22px;
  margin-top: 28px;
}
body.faq .platform .category p {
  font-size: 15px;
  line-height: 22.5px;
  margin-top: 1em;
}
body.faq .platform .category p a {
  color: #e9714c;
}
body.faq .platform .category p a:hover {
  text-decoration: underline;
}
body.faq .platform .category p:first-child {
  margin-top: 0;
  padding-bottom: 22px;
  border-bottom: solid 2px #eeeeee;
  margin-bottom: 28px;
}
body.faq .platform .category ul,
body.faq .platform .category ol {
  margin-left: 15px;
}
@media (max-width: 600px) {
  body.faq #open-menu:checked + .platform-switch .platform label[for="open-menu"] {
    width: 60px !important;
  }
  body.faq #open-menu:checked + .platform-switch .platform label[for="open-menu"]:before {
    -moz-transform: rotate(180deg);
         transform: rotate(180deg);
  }
  body.faq #open-menu:checked + .platform-switch .platform menu {
    max-height: 600px !important;
  }
  body.faq #open-menu:checked + .platform-switch .platform .category-link {
    display: block;
  }
  body.faq .platform {
    margin: 0;
    padding: 0;
  }
  body.faq .platform.active {
    display: block;
  }
  body.faq .platform .category {
    padding: 0 25px;
  }
  body.faq .platform menu {
    padding: 9px 25px 0;
    position: relative;
    width: 100%;
    -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
         box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    max-height: 60px;
    margin-bottom: 25px;
    -moz-transition: all .25s;
    transition: all .25s;
    overflow: hidden;
  }
  body.faq .platform menu .categories {
    font-size: 18px;
    padding-bottom: 18px;
  }
  body.faq .platform menu .categories li {
    margin: 0 !important;
  }
  body.faq .platform menu .categories li a {
    color: inherit;
    padding: 11px 0;
  }
  body.faq .platform menu .category-link {
    display: none;
  }
  body.faq .platform menu .category-link.active {
    display: block;
  }
  body.faq .platform menu .platforms:before {
    margin-bottom: 15px;
  }
  body.faq .platform menu .platforms li {
    float: left;
    margin-right: 20px;
  }
  body.faq .platform menu .platforms li a {
    margin-bottom: 25px;
  }
  body.faq .platform menu .platforms:after {
    display: block;
    content: ' ';
    clear: both;
  }
  body.faq .platform menu label[for="open-menu"] {
    display: block;
    position: absolute;
    font-size: 0;
    height: 60px;
    width: 100%;
    right: 0;
    top: 0;
  }
  body.faq .platform menu label[for="open-menu"]:before {
    -moz-transition: all .25s;
    transition: all .25s;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    font-size: 15px;
    font-family: "Icons";
    font-weight: normal;
    content: "\6a";
    line-height: 60px;
  }
}
body.landing-page #stories {
  overflow: hidden;
  padding-bottom: 42px;
  text-align: center;
}
body.landing-page #stories h1 {
  padding: 1.5em 0;
}
body.landing-page #stories > h3 {
  margin-top: 2em;
  margin-bottom: 30px;
}
@media (max-width: 645px) {
  body.landing-page #stories > h3 {
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
  }
}
body.landing-page #stories ul {
  display: -moz-box;
  display: flex;
}
body.landing-page #stories ul li {
  margin: 7.5px;
  list-style: none;
  width: 240px;
  min-width: 240px;
  padding: 15px;
  padding-bottom: 30px;
  background: #4f5369;
  color: white;
  -moz-border-radius: .5em;
       border-radius: .5em;
}
body.landing-page #stories ul li img {
  margin: 15px;
  width: 180px;
}
body.landing-page #stories ul li > p {
  font-size: 13.5px;
  line-height: 18.75px;
  text-align: center;
}
body.landing-page #stories ul li > p > strong {
  display: block;
}
body.landing-page #stories ul li blockquote {
  font-size: 18px;
  line-height: 24px;
}
body.landing-page #stories ul li blockquote a[href] {
  text-decoration: underline;
}
body.landing-page #stories ul li blockquote:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6e";
  display: inline-block;
}
body.landing-page #stories ul li blockquote:before {
  display: block;
  text-align: center;
  margin-top: 12px;
}
body.landing-page #stories > a {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  display: inline-block;
}
body.landing-page #stories .scroller {
  position: relative;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
}
body.landing-page #stories .scroller [data-next] {
  -moz-box-ordinal-group: 101;
       order: 100;
}
body.landing-page #stories .scroller .content {
  width: 765px;
  overflow: hidden;
}
body.landing-page #stories .scroller .content li:nth-child(1) {
  background: #42444b;
}
body.landing-page #stories .scroller .content li:nth-child(2) {
  background: #3d4968;
}
body.landing-page #stories .scroller .content li:nth-child(3) {
  background: #7680a6;
}
body.landing-page #stories .scroller .content li:nth-child(4) {
  background: #b1513c;
}
body.landing-page #stories .scroller .content li:nth-child(5) {
  background: #d25e47;
}
body.landing-page #stories .scroller .content li:nth-child(6) {
  background: #f36a52;
}
body.landing-page #stories .scroller .content li:nth-child(7) {
  background: #576854;
}
body.landing-page #stories .scroller .content li:nth-child(8) {
  background: #668b61;
}
body.landing-page #stories .scroller .content li:nth-child(9) {
  background: #7db375;
}
@media (max-width: 915px) {
  body.landing-page #stories .scroller .content {
    width: 510px;
  }
}
@media (max-width: 915px) and (max-width: 660px) {
  body.landing-page #stories .scroller .content {
    width: 255px;
  }
}
body.landing-page #stories .scroller [data-prev]:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6b";
  display: inline-block;
}
body.landing-page #stories .scroller [data-next]:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6c";
  display: inline-block;
}
body.landing-page #stories .scroller [data-prev],
body.landing-page #stories .scroller [data-next] {
  font-size: 0;
  display: block;
  color: gray;
  cursor: pointer;
}
body.landing-page #stories .scroller [data-prev]:before,
body.landing-page #stories .scroller [data-next]:before {
  font-size: 52.5px;
}
@media (max-width: 660px) {
  body.landing-page #stories .scroller .content {
    width: 100%;
    background: #4f5369;
  }
  body.landing-page #stories .scroller .content ul li {
    min-width: 100%;
  }
  body.landing-page #stories .scroller [data-prev] {
    left: 30px;
  }
  body.landing-page #stories .scroller [data-next] {
    right: 30px;
  }
  body.landing-page #stories .scroller [data-prev],
  body.landing-page #stories .scroller [data-next] {
    position: absolute;
    z-index: 10;
    top: 90px;
    color: white;
  }
  body.landing-page #stories .scroller [data-prev]:before,
  body.landing-page #stories .scroller [data-next]:before {
    font-size: 37.5px;
  }
  body.landing-page #stories .scroller ul li {
    background: none;
    margin: 0;
    -moz-border-radius: 0;
         border-radius: 0;
  }
}
body.landing-page header {
  padding-top: 1px;
  background: white;
  color: white;
  position: relative;
  overflow: hidden;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
body.landing-page header > * {
  z-index: 1;
}
body.landing-page header:before {
  content: ' ';
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-background-size: cover !important;
       background-size: cover !important;
}
html[data-platform="desktop"] body.landing-page header:before {
  background: url(/assets/xmas/header-mac.jpg) center center no-repeat;
  bottom: 100px;
}
body.landing-page header h1 {
  margin-top: 90px;
  margin-bottom: 20px;
  font-size: 46px;
  line-height: 1.25;
  font-weight: normal;
}
@media (max-height: 750px) {
  body.landing-page header h1 {
    margin-top: 55px;
    font-size: 35px;
  }
}
body.landing-page header .claim,
body.landing-page header .news,
body.landing-page header .ada {
  font-size: 18px;
  line-height: 28px;
}
html:not([data-platform="desktop"]) body.landing-page header {
  height: 85vh;
  min-height: 430px;
  max-height: 760px;
}
html:not([data-platform="desktop"]) body.landing-page header:before {
  background: url(/assets/devices/ipad-header.jpg) center center no-repeat;
}
html:not([data-platform="desktop"]) body.landing-page header h1,
html:not([data-platform="desktop"]) body.landing-page header .claim {
  text-align: center;
  -ms-grid-row-align: center;
      align-self: center;
  max-width: 530px;
}
html:not([data-platform="desktop"]) body.landing-page header h1 {
  margin: 45px 0;
}
@media (max-height: 500px) {
html:not([data-platform="desktop"])   body.landing-page header h1 {
    margin: 30px 0;
  }
}
html:not([data-platform="desktop"]) body.landing-page header .claim {
  -moz-box-flex: 1;
       flex-grow: 1;
}
@media (max-width: 750px) {
html:not([data-platform="desktop"])   body.landing-page header {
    height: initial;
  }
html:not([data-platform="desktop"])   body.landing-page header:before {
    background: url(/assets/devices/iphone-header.jpg) center center no-repeat;
    height: 85vh;
    min-height: 430px;
    max-height: 760px;
  }
html:not([data-platform="desktop"])   body.landing-page header .claim {
    display: none;
  }
html:not([data-platform="desktop"])   body.landing-page header h1 {
    width: 285px;
    font-size: 35px;
    line-height: 1.14;
    margin-bottom: 40vh;
  }
}
@media (max-width: 750px) and (min-width: 400px) {
html:not([data-platform="desktop"])   body.landing-page header .links {
    margin-top: 120px;
  }
html:not([data-platform="desktop"])   body.landing-page header h1 {
    width: 340px;
  }
}
html[data-platform="desktop"] body.landing-page header h1 {
  padding-top: 65px;
}
html[data-platform="desktop"] body.landing-page header .claim {
  margin-bottom: 145px;
}
html[data-platform="desktop"] body.landing-page header h1,
html[data-platform="desktop"] body.landing-page header .claim,
html[data-platform="desktop"] body.landing-page header .news {
  margin-left: 15px;
  width: 441px;
}
@media (min-width: 930px) {
html[data-platform="desktop"]   body.landing-page header h1,
html[data-platform="desktop"]   body.landing-page header .claim,
html[data-platform="desktop"]   body.landing-page header .news {
    margin-left: -moz-calc(50vw - 457.4px);
    margin-left: calc(50vw - 457.4px);
  }
}
body.landing-page header .links {
  color: #27272b;
  -moz-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
       box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: white;
  padding: 15px;
  text-align: center;
}
body.landing-page header .links p {
  -moz-box-flex: 1;
       flex-grow: 1;
  margin: 15px 0;
}
body.landing-page header .links .ios,
body.landing-page header .links .mac {
  font-size: 0;
  margin-right: 20px;
}
body.landing-page header .links .ada {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  color: #bdbdbd;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
body.landing-page header .links .ada:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\e00e";
  display: inline-block;
}
body.landing-page header .links .ada:before {
  margin-right: .35em;
  margin-bottom: .1em;
  font-size: 125%;
}
@media (max-width: 780px) {
  body.landing-page header .links .ada {
    -moz-box-pack: center;
         justify-content: center;
  }
}
@media (min-width: 930px) {
  body.landing-page header .links {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
         flex-direction: row;
    text-align: left;
    padding: 30px -moz-calc(50vw - 457.4px);
    padding: 30px calc(50vw - 457.4px);
    height: 100px;
    display: -moz-box;
    display: flex;
    -moz-box-pack: justify;
         justify-content: space-between;
  }
  body.landing-page header .links .ada {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
}
body.landing-page header .news {
  padding: 20px 30px;
}
body.landing-page header .news h2 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
body.landing-page header .news h3 {
  line-height: 1;
  margin: 6px 0;
  text-align: center;
  font-size: 27px;
  font-weight: normal;
}
html[data-platform="desktop"] body.landing-page header .news {
  margin-top: 60px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  height: 120.5px;
  background: url(/assets/xmas/teaser.svg) center center no-repeat;
  background-color: white;
  position: relative;
}
html[data-platform="desktop"] body.landing-page header .news > * {
  display: none;
}
html[data-platform="desktop"] body.landing-page header .news:before {
  display: block;
  content: ' ';
  width: 60px;
  height: 60px;
  position: absolute;
  background: url(/assets/xmas/band.png) center center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  top: -2.25px;
  right: -2.25px;
}
html[data-platform="desktop"] body.landing-page header .news:after {
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
  position: absolute;
  top: 100%;
  left: 220px;
}
html:not([data-platform="desktop"]) body.landing-page header .news {
  pointer-events: none;
  position: relative;
  -moz-box-ordinal-group: 2;
       order: 1;
  padding: 0;
  background: #d7b049;
  background-image: -moz-linear-gradient(top, #eac02b 2%, #dda526 97%);
  background-image: linear-gradient(to bottom, #eac02b 2%, #dda526 97%);
  margin: 40px 0;
  width: 300px;
  -ms-grid-row-align: center;
      align-self: center;
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
       box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
       border-radius: 5px;
  overflow: hidden;
}
html:not([data-platform="desktop"]) body.landing-page header .news:before {
  display: block;
  content: ' ';
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .07333;
  background: url('/assets/xmas/pattern.png') repeat;
}
html:not([data-platform="desktop"]) body.landing-page header .news > * {
  z-index: 1;
}
html:not([data-platform="desktop"]) body.landing-page header .news h2 {
  margin-top: 25px;
}
html:not([data-platform="desktop"]) body.landing-page header .news h3 {
  margin-bottom: 30px;
}
html:not([data-platform="desktop"]) body.landing-page header .news p {
  background: white;
  padding: 22px 27px 25px;
  text-align: center;
  color: black;
}
@media (min-width: 650px) {
html:not([data-platform="desktop"])   body.landing-page header .news {
    width: 600px;
  }
html:not([data-platform="desktop"])   body.landing-page header .news > * {
    width: 50%;
  }
html:not([data-platform="desktop"])   body.landing-page header .news p {
    padding-top: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
body.landing-page #reviews {
  text-align: center;
  background: #f7f7f7;
}
body.landing-page #reviews h2 {
  padding: 30px 0 15px;
}
body.landing-page #reviews > a {
  display: inline-block;
  margin: 15px 0 30px;
}
body.landing-page #reviews ul {
  max-width: 1125px;
  margin: 0 auto;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -moz-box-pack: center;
       justify-content: center;
}
body.landing-page #reviews ul li {
  opacity: .5;
  list-style: none;
  flex-basis: 105px;
}
@media (min-width: 645px) {
  body.landing-page #reviews ul li {
    flex-basis: 150px;
  }
}
@media (min-width: 645px) and (min-width: 967.5px) {
  body.landing-page #reviews ul li {
    flex-basis: 225px;
    margin: 15px 0;
  }
}
body.landing-page #reviews ul li img {
  width: 100%;
}
body.landing-page #reviews ul:after {
  content: ' ';
  display: block;
  clear: both;
}
body.landing-page #features {
  font-size: 22.5px;
  line-height: 30px;
  font-weight: bold;
  padding: 2em;
  text-align: center;
  color: white;
  background: #27272b;
}
@media (max-width: 750px) {
  body.landing-page #features {
    font-size: 18px;
    line-height: 22.5px;
  }
}
body.landing-page #features a {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  font-size: 18px;
  line-height: 22.5px;
  line-height: 40px;
  display: inline-block;
  padding: 0;
  width: 180px;
  margin: 1em .5em 0;
}
body.landing-page section#painpoints {
  background: #27272b;
}
body.landing-page section#painpoints ul {
  overflow: hidden;
  max-width: 1500px;
  margin: 0 auto;
}
body.landing-page section#painpoints ul li {
  color: white;
  position: relative;
  list-style: none;
}
body.landing-page section#painpoints ul li h4 {
  margin-bottom: 1em;
}
body.landing-page section#painpoints ul li p {
  font-size: 18px;
  line-height: 24px;
  margin-top: 2em;
}
body.landing-page section#painpoints ul li p a[href] {
  text-decoration: underline;
}
body.landing-page section#painpoints ul li:after {
  -moz-background-size: cover !important;
       background-size: cover !important;
  background-position: center !important;
  content: ' ';
  display: block;
  height: 400px;
}
@media (max-width: 645px) {
  body.landing-page section#painpoints ul li:after {
    height: 270px;
  }
}
body.landing-page section#painpoints ul li:nth-child(1) {
  background: #767fa7;
}
body.landing-page section#painpoints ul li:nth-child(1):after {
  background: url('/assets/images/focus.jpg');
}
body.landing-page section#painpoints ul li:nth-child(2) {
  background: #d7b049;
}
body.landing-page section#painpoints ul li:nth-child(2):after {
  background: url('/assets/images/library.jpg');
}
body.landing-page section#painpoints ul li:nth-child(3) {
  background: #4890c1;
}
body.landing-page section#painpoints ul li:nth-child(3):after {
  background: url('/assets/images/anywhere.jpg');
}
body.landing-page section#painpoints ul li:nth-child(4) {
  background: #e9714c;
}
body.landing-page section#painpoints ul li:nth-child(4):after {
  background: url('/assets/images/export.jpg');
}
body.landing-page section#painpoints ul li:nth-child(5) {
  background: #6bb87a;
}
body.landing-page section#painpoints ul li:nth-child(5):after {
  background: url('/assets/images/workspace.jpg');
}
@media (max-width: 960px) {
  body.landing-page section#painpoints ul li .content {
    padding: 2em;
  }
}
@media (min-width: 720px) {
  body.landing-page section#painpoints ul li:after {
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
  }
  body.landing-page section#painpoints ul li:nth-child(2n+1):after {
    right: -2em;
  }
  body.landing-page section#painpoints ul li:nth-child(2n+1) .content {
    margin-right: 50%;
    padding-right: 2em;
  }
  body.landing-page section#painpoints ul li:nth-child(2n):after {
    left: -2em;
  }
  body.landing-page section#painpoints ul li:nth-child(2n) .content {
    margin-left: 50%;
    padding-left: 2em;
  }
  body.landing-page section#painpoints ul li .bounds {
    max-width: 900px;
    margin: 0 auto;
  }
  body.landing-page section#painpoints ul li .bounds .content {
    width: 50%;
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
body.features header {
  color: white;
  background: url('/assets/images/features.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  height: 150px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
@media (max-width: 750px) {
  body.features header {
    background: url('/assets/images/features_compact.jpg') center no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
}
body.features header h1 {
  text-align: center;
  margin: 0;
}
body.features main a.goto-table {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  font-size: 18px;
  line-height: 22.5px;
  line-height: 40px;
  padding: 0;
  width: 180px;
  margin: 0 auto 36px;
}
body.features main h4 {
  text-align: center;
  margin: 30px 0;
}
body.features main h4 a {
  text-decoration: underline;
}
body.features main.overview {
  max-width: 780px;
  padding: 0 15px;
  margin: 0 auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
body.features main.overview h1 {
  margin-top: 1.25em;
}
body.features main.overview h1:nth-of-type(1) {
  color: #767fa7;
}
body.features main.overview h1:nth-of-type(2) {
  color: #d7b049;
}
body.features main.overview h1:nth-of-type(3) {
  color: #4890c1;
}
body.features main.overview h1:nth-of-type(4) {
  color: #e9714c;
}
body.features main.overview h1:nth-of-type(5) {
  color: #6bb87a;
}
@media (max-width: 561.5px) {
  body.features main.overview h1 {
    margin: 1.5em 0;
  }
}
body.features main.overview > p {
  font-size: 18px;
  line-height: 24px;
  margin: 1em 0;
}
body.features main.overview > p a[href] {
  text-decoration: underline;
}
body.features main.overview ul li {
  margin: 1em 0;
  list-style: none;
}
body.features main.overview ul li p {
  margin: 1em 0;
  font-size: 12px;
  line-height: 19.5px;
}
body.features main.overview ul li p a {
  font-weight: bold;
  color: #e9714c;
}
body.features main.overview ul li img {
  width: 100%;
}
@media (min-width: 562.5px) {
  body.features main.overview ul {
    margin: 0 -22.5px -2em;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    -moz-box-pack: center;
         justify-content: center;
  }
  body.features main.overview ul li {
    margin-left: 22.5px;
    margin-right: 22.5px;
    min-width: 217.5px;
    flex-basis: 217.5px;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    display: -moz-box;
    display: flex;
  }
  body.features main.overview ul li p:last-child {
    -moz-box-flex: 1;
         flex-grow: 1;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
         flex-direction: column-reverse;
  }
}
@media (min-width: 562.5px) and (min-width: 780px) {
  body.features main.overview ul {
    -moz-box-pack: justify;
         justify-content: space-between;
  }
}
@media (max-width: 561.5px) {
  body.features main.overview ul li {
    margin: 0;
  }
  body.features main.overview ul li:nth-child(n+2) h3 {
    border-top: 1px solid #ebebeb;
  }
  body.features main.overview ul li h3 {
    margin: 0;
    padding: .5em 0;
    cursor: pointer;
    position: relative;
  }
  body.features main.overview ul li h3:before {
    font-family: "Icons";
    font-weight: normal;
    content: "\6a";
    display: inline-block;
  }
  body.features main.overview ul li h3:before {
    position: absolute;
    -moz-transition: all .25s;
    transition: all .25s;
    top: 10px;
    right: 5px;
    font-size: 15px;
  }
  body.features main.overview ul li h3 ~ * {
    -moz-transition: all .25s;
    transition: all .25s;
  }
  body.features main.overview ul li h3:not(.open) ~ * {
    overflow: hidden;
    max-height: 0;
    margin: 0;
  }
  body.features main.overview ul li h3.open ~ * {
    max-height: 500px;
  }
  body.features main.overview ul li h3.open:before {
    -moz-transform: rotate(180deg);
         transform: rotate(180deg);
  }
}
body.features main.table {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 15px;
}
body.features main.table table {
  border-collapse: collapse;
  table-layout: fixed;
  color: white;
  margin: 15px;
  background: darkslategray;
}
body.features main.table table:nth-child(1) {
  background: #767fa7;
}
body.features main.table table:nth-child(2) {
  background: #d7b049;
}
body.features main.table table:nth-child(3) {
  background: #4890c1;
}
body.features main.table table:nth-child(4) {
  background: #e9714c;
}
body.features main.table table:nth-child(5) {
  background: #6bb87a;
}
body.features main.table table th:nth-child(1) {
  font-size: 33.75px;
  line-height: 41.25px;
  font-weight: bold;
  width: 100%;
  text-align: left;
}
@media (max-width: 750px) {
  body.features main.table table th:nth-child(1) {
    font-size: 22.5px;
    line-height: 30px;
  }
}
body.features main.table table th:nth-child(n+2) {
  min-width: 105px;
  white-space: nowrap;
  font-size: 13.5px;
  line-height: 18.75px;
  text-align: center;
}
body.features main.table table th {
  line-height: 75px !important;
  border-bottom: 1px solid white;
}
@media (max-width: 600px) {
  body.features main.table table th {
    line-height: 45px !important;
  }
}
body.features main.table table td:nth-child(1) {
  text-align: left;
}
body.features main.table table td:nth-child(n+2) {
  text-align: center;
}
body.features main.table table tbody tr {
  line-height: 30px;
}
body.features main.table table tbody:after,
body.features main.table table tbody:before {
  content: ' ';
  display: block;
  height: 30px;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  width: 105px;
  left: 100%;
}
body.features main.table table tr div {
  display: inline-block;
  letter-spacing: .25em;
  position: relative;
  top: 2px;
  -moz-transform: scale(1.2);
       transform: scale(1.2);
}
body.features main.table table tr i {
  display: none;
}
body.features main.table table tr > *:nth-child(1) {
  padding-left: 37.5px;
}
body.features main.table table tr > *:nth-child(2) {
  background: rgba(0, 0, 0, 0.1);
}
body.features main.table table tr > td {
  font-size: 18px;
  line-height: 22.5px;
  font-weight: bold;
  font-family: inherit;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  position: relative;
}
@media (max-width: 750px) {
  body.features main.table table tr > td {
    font-size: 15px;
    line-height: 22.5px;
  }
}
body.features main.table table tr > td:after {
  position: absolute;
  content: ' ';
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  left: 0;
  right: 0;
  bottom: 0;
}
body.features main.table table tr > td:first-child:after {
  left: 2em;
}
@media (max-width: 600px) {
  body.features main.table table {
    margin: 5px 0;
  }
  body.features main.table table th:nth-child(1) {
    font-size: 0;
    line-height: 0 !important;
  }
  body.features main.table table th:nth-child(1) span {
    font-size: 33.75px;
    line-height: 41.25px;
    font-weight: bold;
    display: inline-block;
  }
  body.features main.table table th:nth-child(n+2) {
    min-width: 55px;
  }
  body.features main.table table tr > *:first-child {
    padding-left: 11.25px;
  }
  body.features main.table table tbody:before,
  body.features main.table table tbody:after {
    display: none;
  }
  body.features main.table table tbody td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
  body.features main.table table tbody td:after {
    display: none !important;
  }
}
@media (max-width: 600px) and (max-width: 750px) {
  body.features main.table table th:nth-child(1) span {
    font-size: 22.5px;
    line-height: 30px;
  }
}
body.pricing header {
  color: white;
  background: url('/assets/images/features.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  height: 150px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
@media (max-width: 750px) {
  body.pricing header {
    background: url('/assets/images/features_compact.jpg') center no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
}
body.pricing header h1 {
  text-align: center;
  margin: 0;
}
body.pricing .dark {
  padding: 58px 18px 30px;
}
body.pricing .dark p {
  font-family: inherit;
  max-width: 594px;
  margin: 0 auto 40px;
  line-height: 26px;
}
body.pricing .dark p:last-of-type a {
  text-decoration: none;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: start;
       justify-content: flex-start;
}
body.pricing .dark p:last-of-type a span {
  margin-left: 15px;
  color: #c5c5c5;
}
body.pricing .dark ul.versions {
  max-width: 450px;
  margin: 48px auto 0;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  font-size: 0;
}
body.pricing .dark ul.versions li {
  list-style: none;
  margin: 0 7.5px;
}
body.pricing main.table {
  color: #27272b;
  padding: 0 18px;
  max-width: 975px;
  margin: 60px auto;
}
body.pricing main.table > p {
  max-width: 594px;
  margin: 80px auto 50px;
}
body.pricing main.table > p a {
  color: #e9714c;
}
@media (min-width: 500px) {
  body.pricing main.table > p a {
    display: inline-block;
  }
}
body.pricing main.table > p a:hover {
  text-decoration: underline;
}
body.pricing main.table section.reasons h1 {
  text-align: center;
  margin: 150px 0 50px;
  font-size: 33.75px;
  line-height: 41.25px;
}
body.pricing main.table section.reasons ul {
  list-style: none;
}
@media (min-width: 650px) {
  body.pricing main.table section.reasons ul {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    -moz-box-pack: center;
         justify-content: center;
    text-align: center;
  }
}
body.pricing main.table section.reasons ul li {
  padding-left: 115px;
  padding-bottom: 30px;
  position: relative;
}
@media (min-width: 650px) {
  body.pricing main.table section.reasons ul li {
    padding-left: 0;
    margin: 0 25.5px 0px;
    flex-basis: 250px;
  }
}
body.pricing main.table section.reasons ul li h2 {
  font-size: 25px;
  margin: 40px 0 25px;
  line-height: 1;
  font-weight: normal;
}
body.pricing main.table section.reasons ul li img {
  display: block;
  width: 100%;
  height: 80px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center bottom;
     object-position: center bottom;
}
@media (max-width: 649px) {
  body.pricing main.table section.reasons ul li img {
    height: 100%;
    position: absolute;
    -o-object-position: center top;
       object-position: center top;
    top: 20px;
    left: -18px;
    width: 133px;
  }
}
body.pricing main.table section.reasons ul li:last-of-type {
  text-align: left;
  padding-left: 0;
}
@media (min-width: 650px) {
  body.pricing main.table section.reasons ul li:last-of-type {
    text-align: center;
    -moz-border-radius: 5px;
         border-radius: 5px;
    border: solid 1px #dbdbdb;
    display: -moz-box;
    display: flex;
    padding: 0 40px;
    -moz-box-align: center;
         align-items: center;
    -moz-box-pack: center;
         justify-content: center;
  }
}
body.pricing main.table section.reasons ul li:last-of-type a {
  color: #e9714c;
  display: inline-block;
  font-weight: bold;
}
body.pricing .call-to-action + .call-to-action {
  margin-top: -10px;
}
body.pricing .call-to-action + .call-to-action .frame {
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDMiIGhlaWdodD0iMjE1IiB2aWV3Qm94PSIwIDAgMTQzIDIxNSI+DQogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPHBhdGggZmlsbD0iI0RGRTdGRiIgZD0iTTYwIDE5Ny41bDQxLjUtNDEuNSA0MS41IDQxLjUtNDEuNSA0MS41eiIvPg0KICAgICAgICA8cGF0aCBmaWxsPSIjRjVFOUZGIiBkPSJNMzEgMjJMNTMgMGwyMiAyMi0yMiAyMnoiLz4NCiAgICAgICAgPHBhdGggZmlsbD0iI0Q4RkRGRiIgZD0iTTI1IDE2MmwyMi0yMiAyMiAyMi0yMiAyMnoiLz4NCiAgICAgICAgPHBhdGggZmlsbD0iI0Q5RUZGRiIgZD0iTS00NCA1Ny41TC0yLjUgMTYgMzkgNTcuNS0yLjUgOTl6Ii8+DQogICAgPC9nPg0KPC9zdmc+");
  background-repeat: none;
  background-repeat: no-repeat;
  background-position: 0 100%;
  margin-top: -60px;
}
body.pricing .call-to-action + .call-to-action .available-on-setapp-67 {
  -ms-grid-row-align: center;
      align-self: center;
  width: 180px;
}
body.pricing .call-to-action + .call-to-action .available-on-setapp-67 img {
  margin: 0 auto !important;
}
body.pricing .call-to-action + .call-to-action .text {
  padding: 8px 0;
}
#full-table:not(:checked) ~ table tbody tr:nth-child(n+8) {
  display: none;
}
#full-table:checked ~ label[for="full-table"] {
  display: none;
}
label[for="full-table"] {
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 30px 0 -30px;
  color: #e9714c;
  cursor: pointer;
}
label[for="full-table"]:hover {
  text-decoration: underline;
}
table.pricing {
  font-weight: bold;
  margin: 30px 0;
  position: relative;
  background: #f8f8f8;
  border-collapse: collapse;
  table-layout: fixed;
}
@media (max-width: 400px) {
  table.pricing span {
    display: none;
  }
}
@media (max-width: 500px) {
  table.pricing {
    margin: 30px -18px;
  }
}
table.pricing tbody td {
  padding: .75em 0;
}
table.pricing tbody td:nth-of-type(n+2) {
  text-align: center;
}
table.pricing tbody td:nth-of-type(2) {
  background: #e6e6e6;
}
table.pricing tbody td small {
  display: block;
  color: #b0b0b0;
  font-size: 10.5px;
}
table.pricing tbody td img {
  margin: 0 8.5px;
  position: relative;
  top: 2px;
}
@media (min-width: 350px) {
  table.pricing tbody td img {
    margin-left: 30px;
  }
}
@media (min-width: 600px) {
  table.pricing tbody td img {
    margin-left: 70px;
  }
}
table.pricing tbody tr:nth-child(n+2) {
  border-top: 1px solid white;
}
table.pricing thead {
  background: white;
}
table.pricing thead td:first-of-type {
  width: 100%;
  font-size: 0;
}
table.pricing thead td:nth-of-type(n+2) {
  min-width: 90px;
  padding: 0 5px 15px;
  text-align: center;
  font-weight: normal;
  font-size: 13.5px;
  line-height: 18px;
}
@media (min-width: 600px) {
  table.pricing thead td:nth-of-type(n+2) {
    min-width: 150px;
  }
}
table.pricing thead td:nth-of-type(n+2):last-of-type:nth-of-type(2) {
  min-width: 140px;
}
@media (min-width: 600px) {
  table.pricing thead td:nth-of-type(n+2):last-of-type:nth-of-type(2) {
    min-width: 300px;
  }
}
body.students header {
  background-image: url(/assets/students/header.jpg), -moz-linear-gradient(6deg, #2a8d84, #97c66c);
  background-image: url(/assets/students/header.jpg), linear-gradient(84deg, #2a8d84, #97c66c);
  color: white;
  padding: 70px 18px 87px;
}
body.students header h1 {
  text-align: center;
}
body.students header p {
  max-width: 595px;
  margin: 63px auto 0;
}
body.students main.table {
  padding: 0 18px;
  max-width: 975px;
  margin: 60px auto;
}
body.students main.table table ~ p {
  text-align: center;
}
body.students .steps {
  text-align: center;
  margin: 120px 0 60px;
}
body.students .steps > p {
  max-width: 625px;
  margin: 42px auto 50px;
  font-size: 20px;
  line-height: 30px;
  padding: 0 15px;
}
body.students .steps ol {
  counter-reset: step;
  list-style: none;
  max-width: 860px;
  margin: 0 auto;
}
body.students .steps ol li {
  padding: 15px 0;
  margin: 0 auto;
  max-width: 400px;
}
body.students .steps ol li > a,
body.students .steps ol li > img {
  display: block;
  margin-left: 135px;
  margin-top: 32px;
  font-size: 0;
}
body.students .steps ol li > a img,
body.students .steps ol li > img img {
  display: block;
}
body.students .steps ol li:nth-child(1):before {
  color: #3f9991;
  background-color: #e2f0ef;
  border: 40px solid #f1f7f7;
}
body.students .steps ol li:nth-child(2):before {
  color: #79b68c;
  background-color: #ebf4ee;
  border: 40px solid #f5faf6;
}
body.students .steps ol li:nth-child(3):before {
  color: #a0ca7b;
  background-color: #f1f7eb;
  border: 40px solid #f8fbf5;
}
body.students .steps ol li:before {
  counter-increment: step;
  content: counter(step);
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  -moz-border-radius: 200px;
       border-radius: 200px;
  float: left;
  margin-right: -55px;
}
body.students .steps ol li p {
  margin: 75px 25px 10px 0;
  text-align: left;
}
@media (min-width: 850px) {
  body.students .steps ol li {
    margin: 15px;
    padding: 0;
    max-width: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
         align-items: center;
  }
  body.students .steps ol li p {
    margin: 0;
    flex-basis: 336px;
  }
  body.students .steps ol li > a,
  body.students .steps ol li > img {
    margin: 0;
    margin-left: 45px;
    flex-basis: 213px;
  }
  body.students .steps ol li > a img,
  body.students .steps ol li > img img {
    display: inline;
  }
  body.students .steps ol li:before {
    margin-right: -40px;
    float: none;
  }
}
body.press header {
  background: url('/assets/images/press.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  height: 150px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
@media (max-width: 750px) {
  body.press header {
    background: url('/assets/images/press_compact.jpg') center no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
}
body.press header h1 {
  text-align: center;
  margin: 0;
}
body.press div.dark ~ div {
  max-width: 750px;
  margin: 0 auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
@media (max-width: 750px) {
  body.press div.dark ~ div {
    margin: 0 1em;
  }
}
body.press .presskit {
  padding: 30px;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  text-align: center;
}
body.press .presskit img {
  width: 128px;
}
body.press .presskit .download {
  margin: 22.5px;
}
body.press .presskit .download p {
  color: #e9714c;
  font-size: 12px;
  line-height: 19.5px;
  text-align: center;
}
body.press .presskit h1 {
  -moz-box-ordinal-group: 0;
       order: -1;
}
@media (min-width: 637.5px) {
  body.press .presskit {
    padding: 0;
    text-align: left;
    display: block;
  }
  body.press .presskit .download {
    float: right;
    margin: 45px;
  }
  body.press .presskit h1 {
    padding-top: 1.75em;
    padding-bottom: 1em;
  }
  body.press .presskit:after {
    display: block;
    content: ' ';
    clear: both;
  }
}
body.press .latest {
  text-align: center;
}
body.press .latest h2 {
  margin: 30px 0;
}
body.press .latest ul {
  padding: 37.5px;
  background: #767fa7;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -moz-box-pack: center;
       justify-content: center;
}
body.press .latest ul li {
  list-style: none;
  background: #4f5369;
  -moz-border-radius: 5px;
       border-radius: 5px;
  color: white;
  margin: 22.5px;
  padding: 22.5px;
  flex-basis: 210px;
  min-width: 210px;
}
body.press .latest ul li time {
  display: block;
  font-size: 13.5px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 22.5px;
}
body.press div.subscribe {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 37.5px 0;
  text-align: center;
}
body.press div.subscribe .g-recaptcha {
  display: inline-block;
}
body.press div.subscribe p {
  margin: 30px;
}
body.press div.subscribe button[type="reset"] {
  display: none;
}
body.press div.subscribe form {
  max-width: 480px;
}
body.press .reviews {
  text-align: center;
}
body.press .reviews h1 {
  padding: 2em 0;
}
body.press .reviews ul {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -moz-box-pack: center;
       justify-content: center;
  max-width: 945px;
  margin: 0 auto 30px;
}
body.press .reviews ul h4,
body.press .reviews ul h5,
body.press .reviews ul a {
  color: #767fa7;
}
body.press .reviews ul li {
  list-style: none;
  flex-basis: 240px;
  min-width: 240px;
  margin: 30px;
}
body.press .reviews ul li blockquote {
  margin: 15px 0;
}
body.press .reviews ul li blockquote p:before {
  content: '“';
}
body.press .reviews ul li blockquote p:after {
  content: '”';
}
body.auth {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: #f8f8f8;
}
body.auth main {
  padding: 75px 15px 30px;
  width: 100%;
  max-width: 300px;
  -ms-grid-row-align: center;
      align-self: center;
  -moz-box-flex: 1;
       flex-grow: 1;
  text-align: center;
}
body.newsletter {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: #f8f8f8;
}
body.newsletter main {
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-pack: center;
       justify-content: center;
  padding: 30px 15px 0;
  width: 100%;
  max-width: 600px;
  align-self: center;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.newsletter main h1 {
  margin-bottom: 30px;
}
body.newsletter main .subject,
body.newsletter main [name="Message"],
body.newsletter main input[name="Name"],
body.newsletter main button[type="reset"] {
  display: none;
}
body.newsletter main form {
  width: 300px;
}
body.newsletter main form .g-recaptcha {
  margin: 0 auto;
}
body.xmas-promo {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
}
body.xmas-promo h1 {
  font-size: 35px;
  line-height: 44px;
  margin: 0 25px;
  text-align: center;
}
body.xmas-promo p {
  font-size: 18px;
  line-height: 22.5px;
  max-width: 460px;
  margin: 55px 25px;
  text-align: center;
}
body.xmas-promo img {
  -moz-box-flex: 1;
       flex-grow: 1;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
}
body.xmas-promo p ~ a {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  font-size: 18px;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 10vh;
  padding: 16px 19px;
}
body.version-history .teaser {
  display: none;
}
body.version-history .payload article {
  margin: 50px auto;
  max-width: 960px !important;
}
body.version-history .payload article h2 {
  margin-bottom: 30px;
  text-align: center;
  border: 1px dashed #888;
  background: #eee;
  color: #888;
  -moz-border-radius: 100px;
       border-radius: 100px;
}
body.version-history .payload article h2:before,
body.version-history .payload article h2:after {
  content: ' ---- ';
}
body.version-history .payload .version h3,
body.version-history .payload article h3,
body.version-history .payload .version h4,
body.version-history .payload article h4 {
  font-size: 18px;
  line-height: 1em;
}
body.version-history .payload .version h3,
body.version-history .payload article h3 {
  line-height: 1.3em;
  border-bottom: 2px solid #4ea8b9;
  float: left;
  clear: both;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
body.version-history .payload .version h3 + *,
body.version-history .payload article h3 + * {
  clear: both;
}
body.version-history .payload .version img,
body.version-history .payload article img {
  width: 100%;
}
body.version-history .payload .version p,
body.version-history .payload article p,
body.version-history .payload .version h5,
body.version-history .payload article h5,
body.version-history .payload .version h6,
body.version-history .payload article h6 {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 960px) {
  body.version-history .payload .version p,
  body.version-history .payload article p {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
body.version-history .payload .version p strong,
body.version-history .payload article p strong {
  font-weight: bold;
}
body.version-history .payload .version p a,
body.version-history .payload article p a {
  color: #e9714c;
  font-weight: bold;
}
body.version-history .payload .version p a:hover,
body.version-history .payload article p a:hover {
  text-decoration: underline;
}
body.version-history .payload .version h1,
body.version-history .payload article h1 {
  line-height: 50px;
  font-size: 40px;
  margin-bottom: 50px;
  color: #27272b;
  line-height: 1em;
  border-bottom: 4px solid #eeeeee;
}
body.version-history .payload .version ul,
body.version-history .payload article ul {
  margin-top: 20px;
  margin-bottom: 50px;
  padding-left: 16px;
}
body.version-history .payload .version ul > li,
body.version-history .payload article ul > li {
  padding-left: 5px;
}
body.version-history .payload .version h4,
body.version-history .payload article h4 {
  font-size: 13px;
  text-transform: uppercase;
  color: #c5c5c5;
  line-height: 25px;
}
body.version-history .payload .version h4 strong,
body.version-history .payload article h4 strong {
  color: black;
  text-transform: none;
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}
body.version-history .payload input:checked + .version {
  max-height: 20000px;
}
body.version-history .payload input:checked + .version + label {
  display: none;
}
body.version-history .payload input:not(:checked) + .version:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  height: 100px;
  background: -moz-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0));
  background: linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0));
}
body.version-history .payload .version {
  position: relative;
  max-height: 1200px;
  overflow: hidden;
  padding: 0 15px;
}
body.version-history .payload .version + label {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  width: 150px;
  margin: 30px auto;
}
body.version-history .payload .version .ios,
body.version-history .payload .version .mac {
  font: inherit;
  color: white;
  background: #e9714c;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
  font-size: 12px;
  width: 36px;
  padding: 0 7.5px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  display: inline-block;
}
body.version-history .payload .version .mac {
  background: #333;
}
body.version-history .payload .version .mac:before {
  content: "Mac";
}
body.version-history .payload .version .ios:before {
  content: "iOS";
}
body.version-history .payload .version .content {
  max-width: 900px;
  margin: 0 auto;
}
body.version-history .payload .version input[type="radio"] {
  display: none;
}
body.version-history .payload .version input[type="radio"] ~ .tab-content {
  display: none;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1) {
  display: block;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(1):checked ~ h1 label:nth-of-type(1) {
  border-bottom-color: #e9714c;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2) {
  display: block;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(2):checked ~ h1 label:nth-of-type(2) {
  border-bottom-color: #e9714c;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3) {
  display: block;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(3):checked ~ h1 label:nth-of-type(3) {
  border-bottom-color: #e9714c;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
  display: block;
}
body.version-history .payload .version input[type="radio"]:nth-of-type(4):checked ~ h1 label:nth-of-type(4) {
  border-bottom-color: #e9714c;
}
body.version-history .payload .version h1 {
  margin-top: 75px;
}
body.version-history .payload .version h1 span {
  display: block;
  margin-bottom: 5px;
}
body.version-history .payload .version h1 label {
  margin-right: 1.75em;
  font-size: .5em;
  display: inline-block;
  border-bottom: 4px solid rgba(255, 255, 255, 0);
  margin-bottom: -4px;
  cursor: pointer;
}
body.version-history .payload .version img {
  margin: 0 -15px -15px;
  width: -moz-calc(100% + 30px);
  width: calc(100% + 30px);
}
@media (min-width: 960px) {
  body.version-history .payload .version {
    padding: 0;
  }
  body.version-history .payload .version img {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  }
  body.version-history .payload .version h1 {
    margin-top: 120px;
  }
  body.version-history .payload .version h1 span {
    width: 230px;
    display: inline-block;
    margin-bottom: 0;
  }
  body.version-history .payload .version .tab-content {
    font-size: 15px;
    line-height: 25px;
    padding-left: 230px;
    position: relative;
  }
  body.version-history .payload .version .tab-content h3,
  body.version-history .payload .version .tab-content h4 {
    position: absolute;
    left: 0;
  }
  body.version-history .payload .version .tab-content h3 {
    width: 212.5px;
  }
}
body.version-history header {
  background: url('/assets/images/releases.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  text-align: center;
  color: white;
  background-color: darkslategray;
  padding: 20px;
}
body.version-history header p {
  margin: 20px auto 0;
  max-width: 600px;
  font-size: 18px;
  line-height: 25px;
}
@media (min-width: 960px) {
  body.version-history header p {
    margin-top: 50px;
  }
}
body.version-history header p:nth-of-type(1) {
  display: none;
}
body.version-history header p:nth-of-type(2) {
  display: block;
}
@media (min-width: 760px) {
  body.version-history header p:nth-of-type(1) {
    display: block;
  }
  body.version-history header p:nth-of-type(2) {
    display: none;
  }
}
@media (min-width: 960px) {
  body.version-history header {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
body.contact {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: #f8f8f8;
}
body.contact main {
  padding: 30px 15px;
  width: 100%;
  max-width: 600px;
  -ms-grid-row-align: center;
      align-self: center;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.contact main a {
  font-weight: bold;
}
body.contact main a:hover {
  text-decoration: underline;
}
body.contact main h1 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 45px;
}
@media (max-width: 750px) {
  body.contact main h1 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
body.contact main button[type="reset"] {
  display: none;
}
body.contact main p,
body.contact main form {
  margin: 0 auto;
  max-width: 480px;
}
body.contact main p {
  margin-bottom: 30px;
}
body.contact main ul.subject {
  display: -moz-box;
  display: flex;
  margin-top: 30px;
  padding: 0 .5px;
}
body.contact main ul.subject li {
  -moz-box-flex: 1;
       flex-grow: 1;
  margin: -0.5px;
  list-style: none;
}
body.contact main ul.subject li:first-child label {
  -moz-border-radius-topleft: 5px;
       border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
       border-bottom-left-radius: 5px;
}
body.contact main ul.subject li:last-child label {
  -moz-border-radius-topright: 5px;
       border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
       border-bottom-right-radius: 5px;
}
body.contact main ul.subject li label {
  text-align: center;
  border: 1px solid gray;
  background: white;
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 10px 0;
  font-size: 13.5px;
  line-height: 18px;
  font-weight: bold;
  color: gray;
}
body.contact main ul.subject li input {
  display: none;
}
body.contact main ul.subject li input:checked + label {
  background: gray;
  color: white;
}
@media (max-width: 600px) {
  body.contact main ul.subject {
    flex-wrap: wrap;
  }
  body.contact main ul.subject li {
    flex-basis: 50%;
  }
  body.contact main ul.subject li:nth-child(1) label {
    -moz-border-radius-bottomleft: 0;
         border-bottom-left-radius: 0;
  }
  body.contact main ul.subject li:nth-child(2) label {
    -moz-border-radius-topright: 5px;
         border-top-right-radius: 5px;
  }
  body.contact main ul.subject li:nth-child(3) label {
    -moz-border-radius-bottomleft: 5px;
         border-bottom-left-radius: 5px;
  }
  body.contact main ul.subject li:nth-child(4) label {
    -moz-border-radius-topright: 0;
         border-top-right-radius: 0;
  }
}
body.imprint {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: #f8f8f8;
}
body.imprint main {
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  padding: 0 15px 45px;
  width: 100%;
  max-width: 600px;
  align-self: center;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.imprint main h1 {
  margin: 45px 0;
}
@media (min-width: 405px) {
  body.imprint main ul.addresses {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
         justify-content: center;
  }
  body.imprint main ul.addresses li {
    list-style: none;
    margin: 0 30px;
  }
}
body.imprint main ul.addresses li {
  list-style: none;
}
body.imprint main address {
  font-style: normal;
}
body.imprint main p,
body.imprint main address {
  margin-bottom: 30px;
}
body.imprint main a:hover {
  text-decoration: underline;
}
body.imprint main h5 {
  color: #424242;
  font-weight: normal;
  font-size: 9.75px;
  line-height: 1.5;
}
body.about {
  background: #f8f8f8;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
@font-face {
  font-family: "zocial";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/css-social-buttons/1.2.0/css/zocial.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/css-social-buttons/1.2.0/css/zocial.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/css-social-buttons/1.2.0/css/zocial.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/css-social-buttons/1.2.0/css/zocial.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/css-social-buttons/1.2.0/css/zocial.svg#zocial") format("svg");
  font-weight: normal;
  font-style: normal;
}
body.about section {
  padding: 30px 15px;
  width: 100%;
  max-width: 600px;
  -ms-grid-row-align: center;
      align-self: center;
}
body.about section h1,
body.about section h2 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
}
@media (max-width: 750px) {
  body.about section h1,
  body.about section h2 {
    margin-top: 0px;
    margin-bottom: 15px;
  }
}
body.about section p {
  margin-bottom: 15px;
}
body.about ul.members {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}
body.about ul.members li {
  list-style: none;
  position: relative;
  overflow: hidden;
  -moz-background-size: cover;
       background-size: cover;
  background-position: top center;
}
body.about ul.members li h2,
body.about ul.members li h3 {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
body.about ul.members li h2 {
  color: #767fa7;
}
body.about ul.members li p {
  margin-top: 30px;
}
body.about ul.members li p.social {
  margin: 0;
  text-align: center;
}
body.about ul.members li p.social a {
  display: inline-block;
  color: inherit;
  font-size: 0;
  padding: 15px 3.75px;
}
body.about ul.members li p.social a:before {
  font-family: "Icons";
  font-weight: normal;
  display: inline-block;
  font-size: 15px;
}
body.about ul.members li p.social a.medium:before {
  content: "\28";
}
body.about ul.members li p.social a.twitter:before {
  content: "\76";
}
body.about ul.members li p.social a.xing:before {
  font-family: "zocial";
  content: "\f15f";
  position: relative;
  top: -3px;
}
body.about ul.members li p.social a.linkedin:before {
  font-family: "zocial";
  content: "\f136";
  position: relative;
  top: -3px;
}
@media (min-width: 810px) {
  body.about ul.members li {
    width: 50%;
    height: 450px;
  }
}
@media (min-width: 1245px) {
  body.about ul.members li {
    width: 33.3333333333333333333333333%;
    height: 450px;
  }
}
@media (min-width: 1725px) {
  body.about ul.members li {
    width: 25%;
    height: 420px;
  }
}
@media (min-width: 1995px) {
  body.about ul.members li {
    width: 20%;
    height: 450px;
  }
}
body.about ul.members li div {
  padding: 45px;
  color: black;
  background: rgba(255, 255, 255, 0.85);
  -moz-transition: all .5s;
  transition: all .5s;
  -moz-transform: translate3d(0, 100%, 10px);
       transform: translate3d(0, 100%, 10px);
  height: 100%;
  position: relative;
}
body.about ul.members li div:before {
  content: ' ';
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  top: -100%;
}
body.about ul.members:not(.manual) li:hover div,
body.about ul.members li.active div {
  -moz-transform: none;
       transform: none;
}
body.beta {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: #f8f8f8;
  /* Define the "system" font family */
}
@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
body.beta body {
  font-family: "system", BlinkMacSystemFont, sans-serif;
}
body.beta .text-center {
  text-align: center;
}
body.beta hr {
  border-top: 1px solid #e4e4e4;
  border-bottom: 0;
  margin: 48px 0;
}
body.beta main {
  padding-top: 60px;
  font-size: 15px;
  line-height: 1.33;
  width: 100%;
  -moz-box-flex: 1;
       flex-grow: 1;
}
body.beta main > article {
  max-width: 780px;
  background: #ffffff;
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  -ms-grid-row-align: center;
      align-self: center;
  margin: 0 auto 40px;
}
body.beta main > article > header {
  height: 349px;
  color: transparent;
  background: url(/assets/beta/hero_13.jpg) center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.beta main > article > header {
    background-image: url(/assets/beta/hero_13@2x.jpg);
  }
}
body.beta main > article.beta-closed > header {
  height: 300px;
  -moz-background-size: cover;
       background-size: cover;
  background-image: url(/assets/beta/hero_closed.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.beta main > article.beta-closed > header {
    background-image: url(/assets/beta/hero_closed@2x.jpg);
  }
}
body.beta main p a,
body.beta main ul a {
  color: #e9714c;
  font-weight: bold;
}
body.beta main p a:hover,
body.beta main ul a:hover {
  text-decoration: underline;
}
body.beta main > article > section {
  padding: 50px 132px;
}
body.beta main h1 {
  font-size: 35px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1a1a1a;
}
body.beta main h1 + p:not(.main-subheader) {
  margin-top: 50px;
}
body.beta main p.main-subheader {
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #999999;
  margin-bottom: 50px;
}
body.beta main p.small {
  font-size: 15px;
}
body.beta main p.intro {
  margin-bottom: 53px;
}
body.beta main form {
  max-width: none;
  counter-reset: legend;
}
body.beta main form fieldset {
  margin-top: 0;
  text-align: left;
  margin-bottom: 50px;
}
body.beta main form legend {
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.3px;
  text-align: left;
  color: #1a1a1a;
  margin-bottom: 27px;
  padding-left: 16px;
}
body.beta main form legend::before {
  counter-increment: legend;
  content: counter(legend) ".";
  display: inline-block;
  width: 16px;
  position: absolute;
  left: 0;
}
body.beta main form legend.no-counter {
  counter-reset: legend;
  padding-left: 0;
}
body.beta main form legend.no-counter::before {
  display: none;
}
body.beta main form .input-group {
  padding: 21px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  background-color: #f7f7f7;
  border: solid 1px #ededed;
}
body.beta main form .form-check {
  margin-bottom: 3px;
}
body.beta main .alert {
  -moz-border-radius: 5px;
       border-radius: 5px;
  background-color: #fff9df;
  padding: 20px;
  margin-bottom: 27px;
}
body.beta main .alert .heading {
  font-size: inherit;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: -0.3px;
  text-align: left;
  color: #1a1a1a;
}
body.beta main .alert .heading + p {
  margin-top: 27px;
}
body.beta main .alert p {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  letter-spacing: -0.3px;
  text-align: left;
  color: #1a1a1a;
}
body.beta main button[type="reset"] {
  display: none;
}
body.beta main .btn,
body.beta main button[type="submit"] {
  -moz-border-radius: 5px;
       border-radius: 5px;
  background-color: #e9714c;
  font-size: 16px;
  margin: 0;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 10px 15px;
}
body.beta main .btn:last-child,
body.beta main button[type="submit"]:last-child {
  margin-right: 0;
}
body.beta main .btn i::before,
body.beta main button[type="submit"] i::before {
  vertical-align: middle;
}
body.beta main .btn-twitter {
  background-color: #1da1f2;
  color: white;
}
body.beta main button[type="submit"] {
  margin: 25px 0;
  width: 250px;
}
body.beta main .error-message {
  display: none;
}
body.beta main .invalid {
  background-color: #ffe9e1 !important;
  border: solid 1px #ffae8d !important;
}
body.beta main .invalid .error-message {
  display: block;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.87;
  letter-spacing: -0.3px;
  text-align: left;
  color: #ff6d31;
}
body.beta main .input-group .error-message {
  padding-left: 25px;
}
body.beta main .beta-subscribed h1 {
  margin-bottom: 50px;
}
body.beta main .beta-subscribed h2 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: -0.3px;
  text-align: left;
  color: #1a1a1a;
  margin-bottom: 30px;
}
body.beta main form.subscribe {
  margin: 0;
  max-width: 100%;
  width: 300px;
}
body.beta main form.subscribe .g-recaptcha {
  margin-bottom: 30px;
}
body.beta main form.subscribe input,
body.beta main form.subscribe button[type="submit"] {
  width: 300%;
  display: block;
  margin: 10px 0;
}
body.beta main input[type="text"],
body.beta main input[type="email"] {
  -moz-border-radius: 3px;
       border-radius: 3px;
  -moz-box-shadow: inset 0 4px 1px 0 rgba(0, 0, 0, 0.02);
       box-shadow: inset 0 4px 1px 0 rgba(0, 0, 0, 0.02);
  border: solid 1px #e6e6e6;
  margin: 0 0 20px 0;
}
body.beta main input[type="text"]:focus,
body.beta main input[type="email"]:focus {
  background-color: #fafafa;
  border: solid 1px #cccccc;
}
body.beta main input[type="checkbox"],
body.beta main input[type="radio"] {
  margin-top: 3px;
  float: left;
}
body.beta main input[type="checkbox"] + label,
body.beta main input[type="radio"] + label {
  margin-left: 25px;
  display: block;
}
body.beta main input[type="checkbox"] + label + label,
body.beta main input[type="radio"] + label + label {
  padding-left: 30px;
  padding-right: 15px;
}
body.beta main .success-message {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #7db375;
  background: url(/assets/beta/tick.svg) center 0 no-repeat;
  -moz-background-size: 36px;
  background-size: 36px;
  padding-top: 48px;
}
body.beta main .success-message p {
  margin-bottom: 20px;
}
body.beta main .cta-wrapper .cta-spacer {
  display: inline-block;
  min-width: 20px;
  max-width: 20px;
}
body.beta main .cta-wrapper .btn {
  margin-bottom: 10px;
}
body.beta main ul.issues {
  margin-top: 30px;
  line-height: 1.5;
}
body.beta main ul.issues li {
  margin-left: 20px;
  margin-bottom: 2px;
}
@media (max-width: 780px) {
  body.beta a#top {
    display: none;
  }
  body.beta main {
    margin-bottom: 0;
    background: #ffffff;
  }
  body.beta main > article {
    -moz-box-shadow: none;
         box-shadow: none;
  }
}
html[data-platform="iphone"] body.beta main {
  margin: 0;
}
html[data-platform="iphone"] body.beta main > article > header,
html[data-platform="iphone"] body.beta main > article.beta-closed > header {
  height: 185px;
}
html[data-platform="iphone"] body.beta main > article > section {
  padding: 30px;
}
html[data-platform="iphone"] body.beta main h1 {
  font-size: 30px;
}
html[data-platform="iphone"] body.beta main p.main-subheader {
  font-size: 20px;
}
html[data-platform="iphone"] body.beta main .cta-wrapper {
  display: block;
}
body.blog {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
body.blog header {
  background: darkcyan;
  height: 200px;
  width: 100%;
  display: -moz-box;
  display: flex;
  color: white;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
body.blog main article img {
  max-width: 100%;
}
body.blog main nav form[role="search"] {
  border: 1px solid white;
  display: -moz-box;
  display: flex;
  -moz-border-radius: 5px;
       border-radius: 5px;
}
body.blog main nav form[role="search"] input[name="term"] {
  background: none;
  border: none;
  -moz-box-flex: 1;
       flex-grow: 1;
  font: inherit;
  color: inherit;
}
body.blog main nav form[role="search"] button {
  border: none;
  background: none;
  color: inherit;
  font-size: 0;
}
body.blog main nav form[role="search"] button:before {
  content: '\f002';
  font-family: FontAwesome;
  font-size: 15px;
  padding: .5em;
  display: block;
}
body.blog main nav ul.categories {
  padding: 1em;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}
body.blog main nav ul.categories li a {
  margin: 3px;
  font: inherit;
  color: white;
  background: gray;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  display: block;
  padding: 0.35em .75em;
  text-align: center;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 18.75px;
  font-weight: bold;
}
body.blog main nav ul.categories li a.active {
  background: #e9714c;
}
body.blog main ol.posts > li {
  position: relative;
  list-style: none;
}
body.blog main ol.posts > li:nth-child(n+2) article {
  border-top: 1px solid silver;
}
body.blog main ol.posts h2:nth-of-type(2) {
  display: none;
}
body.blog main ol.posts h2:nth-of-type(2) ~ * {
  display: none;
}
body.blog footer {
  background: #27272b;
  color: white;
  width: 100%;
  text-align: center;
}
.video-player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: black;
  z-index: 1000;
}
.video-player button {
  position: absolute;
  top: 15px;
  right: 15px;
}
.video-player video,
.video-player iframe {
  border: none;
  width: 100%;
  height: 100%;
}
[data-text]:empty,
[data-richtext]:empty,
[data-html]:empty {
  min-width: 1em;
  min-height: 1em;
  display: block;
}
.icon-e-mail-course::before {
  margin-left: -0.35em;
}
body.jobs {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: #f8f8f8;
}
body.jobs p {
  margin: 30px 0;
}
body.jobs section.about {
  padding: 30px 15px;
  width: 100%;
  max-width: 600px;
  -ms-grid-row-align: center;
      align-self: center;
}
body.jobs section.about p a[href] {
  display: inline-block;
}
body.jobs section.about h1 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 45px;
}
@media (max-width: 750px) {
  body.jobs section.about h1 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
body.jobs section.about ul.toggler {
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
}
body.jobs section.about ul.toggler li {
  margin: -0.5px;
  list-style: none;
}
body.jobs section.about ul.toggler li a {
  border: 1px solid gray;
  color: gray;
  display: block;
  padding: 7.5px 15px;
}
body.jobs section.about ul.toggler li a:hover {
  text-decoration: none;
}
body.jobs section.about ul.toggler li a[data-active] {
  color: white;
  background: gray;
}
body.jobs section.about ul.toggler li:first-child a {
  -moz-border-radius-topleft: 5px;
       border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
       border-bottom-left-radius: 5px;
}
body.jobs section.about ul.toggler li:last-child a {
  -moz-border-radius-topright: 5px;
       border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
       border-bottom-right-radius: 5px;
}
body.jobs ul.offers {
  padding: 60px;
  background: white;
  width: 100%;
}
body.jobs ul.offers h4 {
  margin-bottom: 15px;
}
body.jobs ul.offers h4:nth-child(n+2) {
  margin-top: 30px;
}
body.jobs ul.offers > li {
  display: none;
  max-width: 1200px;
  margin: -75px auto 0;
  padding-top: 75px;
  list-style: none;
}
body.jobs ul.offers > li[data-active] {
  display: block;
}
body.jobs ul.offers > li[data-active] + [data-active] {
  margin-top: -45px;
}
body.jobs ul.offers > li .single {
  margin: 0 auto;
  max-width: 570px;
}
body.jobs ul.offers > li .single .apply {
  text-align: center;
}
@media (min-width: 900px) {
  body.jobs ul.offers > li .double {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
  body.jobs ul.offers > li ul {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
  }
}
body.jobs ul.offers > li li {
  list-style: disc outside;
  margin-left: 1.25em;
}
@media (max-width: 900px) {
  body.jobs ul.offers {
    padding: 60px 15px;
  }
  body.jobs ul.offers > li {
    max-width: 570px;
  }
}