@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: 'CarreNoir';
  src: url('/assets/webfonts/30771A_0_0.eot');
  src: url('/assets/webfonts/30771A_0_0.eot?#iefix') format('embedded-opentype'), url('/assets/webfonts/30771A_0_0.woff2') format('woff2'), url('/assets/webfonts/30771A_0_0.woff') format('woff'), url('/assets/webfonts/30771A_0_0.ttf') format('truetype');
}
@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-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;
}
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: inherit;
  text-decoration: none;
}
html[data-platform]:not([data-platform="desktop"]) [data-desktop-only] {
  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 {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;
}
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: -webkit-box;
  display: -moz-box;
  display: flex;
  padding: 15px 0;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: 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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
     -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"] {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s;
  font-size: 0;
  cursor: pointer;
  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;
  -webkit-transition: all .25s;
  -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;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s;
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
          transform: rotate(-135deg);
  color: white;
}
nav.primary #toggle-menu:checked ~ label[for="toggle-menu"]:before {
  opacity: 0;
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
          transform: rotate(135deg);
}
nav.primary #toggle-menu:checked ~ label[for="toggle-menu"]:after {
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
          transform: none;
}
@media (max-width: 644px) {
  nav.primary {
    -webkit-box-pack: justify;
       -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 {
    -webkit-transform: none;
       -moz-transform: none;
            transform: none;
  }
  nav.primary .try-now {
    display: none !important;
  }
  nav.primary a.main {
    padding-left: 15px;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
  }
  nav.primary ol {
    padding: 15px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    z-index: -10;
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
            transform: translateY(-100%);
    position: absolute;
    background: #27272b;
    color: white;
    left: 0;
    right: 0;
    top: 60px;
  }
  nav.primary ol .primary {
    display: -webkit-box;
    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: -webkit-box;
    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 {
    -webkit-transform: none;
       -moz-transform: none;
            transform: none;
  }
  nav.primary ol {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
  }
  nav.primary ol ul {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
  }
  nav.primary ol ul.primary {
    position: relative;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
       -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: 'Buy Now';
  }
  nav.primary ol ul li {
    list-style: none;
  }
  nav.primary ol ul.secondary {
    z-index: -10;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translateY(-100%);
       -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;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translateY(-100%);
       -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 {
    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: -webkit-box;
  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: -webkit-box;
    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;
}
input:checked + .overlay {
  display: block;
}
.overlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  position: fixed;
}
.overlay#demo {
  text-align: center;
}
.overlay h2 {
  text-align: center;
  margin-bottom: 22.5px;
  color: #767fa7;
}
.overlay .shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.45);
}
.overlay.narrow .content {
  max-width: 375px;
}
.overlay .content {
  background: #f8f8f8;
  position: relative;
  margin: 90px auto 0;
  max-width: 525px;
  padding: 45px;
  -moz-border-radius: 7.5px;
       border-radius: 7.5px;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
}
.overlay .content .cross {
  position: absolute;
  border: 1px solid #767fa7;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  background: white;
  cursor: pointer;
  text-align: center;
}
.overlay .content .cross:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6f";
  display: inline-block;
}
.overlay .content .cross:before {
  font-size: 15px;
  color: #767fa7;
  line-height: 30px;
}
.overlay .content form.subscribe {
  margin-bottom: 0;
}
.overlay .try-now {
  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;
  padding: .5em .75em;
  margin-top: 22.5px;
}
ul.call-to-action {
  border-bottom: 10px solid white;
  text-align: center;
  background: #f7f7f7;
}
ul.call-to-action li {
  position: relative;
  background: white;
  -moz-border-radius: 2em;
       border-radius: 2em;
  margin: 2em 0;
  list-style: none;
  display: inline-block;
}
ul.call-to-action li a.try-now {
  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;
  position: absolute;
  left: -60px;
  top: 50px;
}
ul.call-to-action li a:last-of-type {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  width: 300px;
  height: 280px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
}
ul.call-to-action li:first-child {
  margin-right: 2em;
}
ul.call-to-action li .logo {
  margin: 25px 0;
  width: 100px;
  height: 100px;
}
.dark {
  color: white;
  background: #27272b;
  padding: 18px;
}
.dark p {
  font-size: 18px;
  line-height: 24px;
  font-family: 'CarreNoir', Cambria;
  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;
}
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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}
body.articles[data-editing] .single-post .teaser {
  background: white;
  position: absolute;
  right: 100%;
  top: -65px;
  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;
}
body.articles main {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
}
@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 nav + .payload {
  flex-basis: 100px;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
body.articles main nav + .payload > *:last-child {
  margin: auto;
  max-width: 960px;
}
body.articles main article {
  max-width: 740px;
  margin: 0 auto;
}
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;
}
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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  background: white;
}
body.articles main .payload .editing ul.actions li > label span {
  align-self: center;
  color: #666;
}
body.articles main .payload .editing ul.actions li > label input {
  font: inherit;
  border: none;
  -webkit-box-flex: 1;
     -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,
body.articles main .posts {
  padding: 30px;
}
@media (max-width: 450px) {
  body.articles main .single-post,
  body.articles main .posts {
    padding: 15px;
  }
}
body.articles main .single-post {
  position: relative;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
body.single-page main {
  display: block;
}
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;
}
body.single-page main .single-post > article > section {
  display: block;
}
body.single-page main .editing .actions li > label {
  display: none !important;
}
body.nanowrimo header {
  color: white;
  position: relative;
  text-align: center;
  padding: .1px;
}
body.nanowrimo header img:not(.bg) {
  display: block;
  width: 150px;
  padding: 75px 0 60px;
  margin: 0 auto;
}
body.nanowrimo header 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;
  margin: 30px 0 45px;
}
body.nanowrimo .payload .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.nanowrimo .payload .bg ~ * {
  z-index: 1;
  position: relative;
}
body.nanowrimo header ~ div {
  padding: 30px;
}
body.nanowrimo .payload > .hereswhy ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
}
body.nanowrimo .payload > .hereswhy ul li {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
          transform: translateX(-100%);
}
body.nanowrimo .payload > .hereswhy ul li:nth-child(n+2) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.nanowrimo .payload > .hereswhy ul li.active {
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
          transform: none;
}
body.nanowrimo .payload > .hereswhy ul li.active ~ li {
  opacity: 0;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
          transform: translateX(100%);
}
body.nanowrimo .payload > .hereswhy ul > label {
  display: block;
  position: absolute;
  top: 50%;
  height: 50px;
  width: 30px;
  margin-top: -25px;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
  cursor: pointer;
}
body.nanowrimo .payload > .hereswhy ul > label.prev {
  left: -50px;
}
body.nanowrimo .payload > .hereswhy ul > label.prev:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6b";
  display: inline-block;
}
@media (max-width: 750px) {
  body.nanowrimo .payload > .hereswhy ul > label.prev {
    right: 50px;
    left: initial;
    top: 25px;
  }
}
body.nanowrimo .payload > .hereswhy ul > label.next {
  right: -50px;
}
@media (max-width: 750px) {
  body.nanowrimo .payload > .hereswhy ul > label.next {
    top: 25px;
    right: 15px;
  }
}
body.nanowrimo .payload > .hereswhy ul > label.next:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\6c";
  display: inline-block;
}
body.nanowrimo .hereswhy {
  padding: 60px 0;
  background: #131d27;
  color: white;
}
body.nanowrimo .hereswhy h1 {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
  color: #e9714c;
}
body.nanowrimo .hereswhy h3 {
  text-align: center;
  margin: 30px 0 15px;
}
body.nanowrimo .hereswhy ul {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
}
body.nanowrimo .hereswhy ul li {
  flex-shrink: 0;
  width: 100%;
  list-style: none;
  clear: both;
}
body.nanowrimo .hereswhy ul li img {
  width: 250px;
  height: 250px;
  max-width: 65vw;
  max-height: 65vw;
  margin-right: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background: white;
  float: left;
}
body.nanowrimo .hereswhy ul li blockquote:before {
  margin-left: -0.5em;
  content: '"';
}
body.nanowrimo .hereswhy ul li blockquote:after {
  content: '"';
}
body.nanowrimo .hereswhy ul li figcaption {
  margin-top: 30px;
  font-family: CarreNoir, Cambria;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
}
body.nanowrimo .hereswhy ul li figcaption a {
  text-decoration: underline;
}
@media (max-width: 750px) {
  body.nanowrimo .hereswhy ul {
    padding: 0 15px;
  }
  body.nanowrimo .hereswhy ul li img {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
body.nanowrimo .payload section,
body.nanowrimo .payload header {
  position: relative;
  overflow: hidden;
}
body.nanowrimo section > section {
  margin: 0;
}
body.nanowrimo .email-course {
  padding: 45px 15px;
}
body.nanowrimo .email-course form {
  width: 300px;
}
body.nanowrimo .email-course form input[name="Name"] {
  display: none;
}
body.nanowrimo .email-course form button[type="reset"] {
  display: none;
}
body.nanowrimo .email-course h1 {
  white-space: nowrap;
  max-width: 600px;
  margin: 0 auto 45px;
  color: #e9714c;
  text-align: center;
}
body.nanowrimo .email-course img {
  display: none;
}
@media (min-width: 750px) {
  body.nanowrimo .email-course {
    padding: 45px -moz-calc(50vw - 375px);
    padding: 45px calc(50vw - 375px);
  }
  body.nanowrimo .email-course .row {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
            align-items: flex-start;
  }
  body.nanowrimo .email-course img {
    padding-right: 45px;
    display: block;
  }
}
body.nanowrimo .email-course ul {
  padding-left: 1em;
}
body.nanowrimo .email-course p {
  margin: 0 0 15px;
}
body.nanowrimo .hithere {
  padding: 60px 0;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
     -moz-box-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
}
@media (min-width: 500px) {
  body.nanowrimo .hithere {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
  }
  body.nanowrimo .hithere div.text {
    width: 500px;
    padding-left: 45px;
  }
}
body.nanowrimo .hithere > img {
  width: 250px;
}
body.nanowrimo .hithere div.text p {
  margin-top: 0;
  margin-bottom: 15px;
}
body.nanowrimo .hithere div.text p a {
  color: #767fa7;
}
body.nanowrimo .hithere div.text p a:hover {
  text-decoration: underline;
}
body.nanowrimo .learn 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.nanowrimo .learn {
  padding: 60px 0 45px;
  background: #767fa7;
  color: white;
  text-align: center;
}
body.nanowrimo .learn h1 {
  white-space: nowrap;
  max-width: 600px;
  margin: 0 auto;
}
body.nanowrimo .learn iframe {
  display: block;
  margin: 0 auto;
  width: 750px;
  height: 470px;
}
@media (max-width: 800px) {
  body.nanowrimo .learn iframe {
    width: 375px !important;
    height: 235px !important;
  }
}
@media (max-width: 400px) {
  body.nanowrimo .learn iframe {
    width: 300px !important;
    height: 188px !important;
  }
}
body.nanowrimo .learn p {
  margin: 20px auto 45px;
  font-family: 'CarreNoir', Cambria;
  font-size: 16px;
  line-height: 18px;
  max-width: 430px;
  padding: 0 15px;
}
body.nanowrimo .learn a {
  margin-top: 45px;
}
body.nanowrimo .win {
  padding: 45px 0;
}
body.nanowrimo .win div {
  padding: 30px 45px 60px;
  max-width: 500px;
  background: white;
  margin: 0 auto;
}
body.nanowrimo .win div p {
  margin-top: 1em;
  margin-bottom: 0;
}
body.nanowrimo .win div a {
  color: #767fa7;
}
body.nanowrimo .win div a:hover {
  text-decoration: underline;
}
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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
}
body.help-and-support header h1 {
  text-align: center;
  margin: 0;
}
body.help-and-support #wrapper {
  max-width: 960px !important;
}
body.help-and-support #wrapper #toc {
  position: fixed;
  top: 0px;
  left: 0px;
  display: block;
  padding-right: 10px;
  margin: 0;
  width: 200px;
  height: 100%;
  border-right: 1px solid #aaaaaa;
  z-index: 10;
}
body.help-and-support #wrapper #toc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 15pt;
  font-size: 11pt;
}
body.help-and-support #wrapper #toc > ul {
  margin-top: 10pt;
}
body.help-and-support #wrapper #toc > ul > li {
  margin-top: 1em;
}
body.help-and-support #wrapper #navtitle {
  margin-top: 10pt;
  margin-left: 15pt;
  margin-bottom: 15pt;
  padding-bottom: 15pt;
  border-bottom: 1px solid #aaaaaa;
  font-weight: bold;
}
body.help-and-support #wrapper a {
  -webkit-transition: color 0.2s ease-in-out;
  color: #0d6ea1;
  text-decoration: none;
}
body.help-and-support #wrapper a:hover {
  color: #3593d9;
}
body.help-and-support #wrapper sup,
body.help-and-support #wrapper sub {
  font-size: 1.4ex;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: super;
}
body.help-and-support #wrapper sub {
  vertical-align: sub;
  top: -1px;
}
body.help-and-support #wrapper hr {
  margin-top: 4em;
}
body.help-and-support #wrapper table {
  border: 1px solid rgba(0, 0, 0, 0.25);
  display: table;
  empty-cells: hide;
  margin: 1em 0 23px;
  padding: 0;
  table-layout: fixed;
}
body.help-and-support #wrapper table th,
body.help-and-support #wrapper table td {
  font-size: 13pt;
  line-height: 1.2em;
  padding: 0.5em 1em;
  margin: 1em 0;
}
body.help-and-support #wrapper table th {
  font-weight: 700;
}
body.help-and-support #wrapper table thead {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #000000;
}
body.help-and-support #wrapper table tbody {
  background: rgba(0, 0, 0, 0.05);
}
body.help-and-support #wrapper table tfoot {
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
body.help-and-support #wrapper table tr:nth-child(odd),
body.help-and-support #wrapper table th:nth-child(odd),
body.help-and-support #wrapper table td:nth-child(odd) {
  background: rgba(255, 255, 255, 0.06);
}
body.help-and-support #wrapper table tr:nth-child(even),
body.help-and-support #wrapper table td:nth-child(even) {
  background: rgba(0, 0, 0, 0.06);
}
body.help-and-support #wrapper table td.separator {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
body.help-and-support #wrapper caption,
body.help-and-support #wrapper col,
body.help-and-support #wrapper colgroup,
body.help-and-support #wrapper table,
body.help-and-support #wrapper tbody,
body.help-and-support #wrapper td,
body.help-and-support #wrapper tfoot,
body.help-and-support #wrapper th,
body.help-and-support #wrapper thead,
body.help-and-support #wrapper tr {
  border-spacing: 0;
}
body.help-and-support #wrapper caption {
  display: table-caption;
  font-weight: 700;
}
body.help-and-support #wrapper col {
  display: table-column;
}
body.help-and-support #wrapper colgroup {
  display: table-column-group;
}
body.help-and-support #wrapper tbody {
  display: table-row-group;
}
body.help-and-support #wrapper tfoot {
  display: table-footer-group;
}
body.help-and-support #wrapper thead {
  display: table-header-group;
}
body.help-and-support #wrapper td,
body.help-and-support #wrapper th {
  display: table-cell;
}
body.help-and-support #wrapper tr {
  display: table-row;
}
body.help-and-support #wrapper div.mappingTables table {
  width: 90%;
  table-layout: auto;
}
body.help-and-support #wrapper div.mappingTables td:first-child,
body.help-and-support #wrapper div.mappingTables td:last-child {
  width: 25%;
}
body.help-and-support #wrapper span.changeComment {
  font-weight: bold;
  display: inline-block;
  margin-top: 0.5em;
}
body.help-and-support #wrapper div.version {
  font-size: 0.8em;
}
body.help-and-support #wrapper div.reference > h4 {
  border-top: 1px dashed #ddd;
  min-width: 70%;
  margin-top: 2em;
  padding-top: 1.5em;
}
body.help-and-support #wrapper div.reference > h5 {
  border-top: 1px dashed #ddd;
  min-width: 70%;
  padding-top: 1.5em;
}
body.help-and-support #wrapper div.reference + p + h2 {
  border-top: 2px solid #ccc;
  min-width: 70%;
  padding-top: 5em;
}
body.help-and-support #wrapper div.reference + p + h3 {
  border-top: 2px solid #ccc;
  min-width: 70%;
  padding-top: 5em;
}
body.help-and-support #wrapper div.reference + p + h4 {
  border-top: 2px solid #eee;
  min-width: 70%;
  padding-top: 5em;
}
body.help-and-support #wrapper h1,
body.help-and-support #wrapper h2,
body.help-and-support #wrapper h3,
body.help-and-support #wrapper h4,
body.help-and-support #wrapper h5,
body.help-and-support #wrapper h6 {
  font-weight: normal;
  color: #111;
}
body.help-and-support #wrapper h1 img,
body.help-and-support #wrapper h2 img,
body.help-and-support #wrapper h3 img,
body.help-and-support #wrapper h4 img,
body.help-and-support #wrapper h5 img,
body.help-and-support #wrapper h6 img {
  margin: 0;
}
body.help-and-support #wrapper h1[id],
body.help-and-support #wrapper h2[id],
body.help-and-support #wrapper h3[id],
body.help-and-support #wrapper h4[id] {
  margin-top: -75px;
  padding-top: 75px;
}
body.help-and-support #wrapper img {
  width: 100%;
}
body.help-and-support #wrapper p {
  margin: 1.5em 0;
}
body.help-and-support #wrapper blockquote {
  margin: 1.5em;
  color: #666;
}
body.help-and-support #wrapper strong,
body.help-and-support #wrapper dfn {
  font-weight: bold;
}
body.help-and-support #wrapper em,
body.help-and-support #wrapper dfn {
  font-style: italic;
}
body.help-and-support #wrapper del {
  color: #666;
}
body.help-and-support #wrapper pre {
  margin: 1.5em 0;
  white-space: pre;
}
body.help-and-support #wrapper pre,
body.help-and-support #wrapper code,
body.help-and-support #wrapper tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
body.help-and-support #wrapper li ul,
body.help-and-support #wrapper li ol {
  margin: 0;
}
body.help-and-support #wrapper ul,
body.help-and-support #wrapper ol {
  margin: 0 3em 1.5em 1.5em;
  padding-left: 1.5em;
}
body.help-and-support #wrapper ul {
  list-style-type: disc;
}
body.help-and-support #wrapper ol {
  list-style-type: decimal;
}
body.help-and-support #wrapper figure {
  margin: 1.5em 0;
}
body.help-and-support #wrapper figcaption {
  font-size: 0.75em;
  padding: 0.5em 2em;
  margin-bottom: 2em;
}
body.help-and-support #wrapper figure img {
  margin-bottom: 0px;
}
body.help-and-support #wrapper code {
  font-family: Menlo, monospace;
  font-size: 90%;
}
body.help-and-support #wrapper p > code {
  padding: 0.2em 0.4em;
  background: #e1e9ed;
}
body.help-and-support #wrapper pre {
  text-align: left;
  overflow-x: auto;
  color: #d3bd7e;
  background: #202020;
  padding: 10pt 15pt;
}
body.help-and-support #wrapper hr {
  border: 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  margin-top: 4em;
  margin-bottom: 2em;
}
body.help-and-support #wrapper h1 + hr {
  margin-top: 2em;
}
body.help-and-support #wrapper ol#footnotes {
  font-size: 0.75em;
  padding-top: 1.5em;
  margin-top: 3em;
  margin-left: 0;
}
body.help-and-support #wrapper ol#footnotes:before {
  content: "———";
  letter-spacing: -4px;
  margin-left: -1.5em;
}
body.help-and-support #wrapper ol p,
body.help-and-support #wrapper ul p {
  margin-bottom: 0px;
}
body.help-and-support #wrapper li {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}
@-moz-keyframes highfade {
  0% {
    background-color: none;
  }
  20% {
    background-color: yellow;
  }
  100% {
    background-color: none;
  }
}
@keyframes highfade {
  0% {
    background-color: none;
  }
  20% {
    background-color: yellow;
  }
  100% {
    background-color: none;
  }
}
@-webkit-keyframes highfade {
  0% {
    background-color: none;
  }
  20% {
    background-color: yellow;
  }
  100% {
    background-color: none;
  }
}
body.help-and-support #wrapper a:target,
body.help-and-support #wrapper ol#footnotes li:target,
body.help-and-support #wrapper sup a:target {
  -webkit-animation-name: highfade;
     -moz-animation-name: highfade;
          animation-name: highfade;
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: highfade;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
}
body.help-and-support #wrapper a:target {
  border: 0;
  outline: 0;
}
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 {
  margin-top: 11.25px;
  margin-bottom: 7.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.knowledgebase .breadcrumbs {
  display: none !important;
}
body.help-and-support.knowledgebase #wrapper {
  padding-top: 60px;
}
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 ul.posts {
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  align-self: flex-start;
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}
body.help-and-support main .payload ul.posts .add {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  background: #eee;
  color: #666;
}
body.help-and-support main .payload ul.posts > li {
  list-style: none;
  margin: 15px;
}
@media (max-width: 500px) {
  body.help-and-support main .payload ul.posts > li {
    margin: 15px auto;
  }
}
body.help-and-support main .payload .breadcrumbs {
  padding-top: 30px;
  max-width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
}
@media (max-width: 900px) {
  body.help-and-support main .payload .breadcrumbs {
    padding: 15px 15px 0;
  }
}
body.help-and-support main .payload .breadcrumbs li {
  list-style: none;
}
body.help-and-support main .payload .breadcrumbs li:nth-of-type(n+2):before {
  content: '/';
  padding: 0 .5em;
}
body.help-and-support main .payload p a {
  color: #767fa7;
}
body.help-and-support main .payload p a:hover {
  text-decoration: underline;
}
body.help-and-support.overview main {
  padding: 45px;
  display: block;
  margin: 0 auto;
  max-width: 900px;
}
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 {
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
}
body.help-and-support.overview main .payload > ul li {
  margin: 1.5em 0;
  list-style: none;
}
body.help-and-support.overview main .payload > ul li:nth-child(1) > div {
  background: -webkit-linear-gradient(#5391a0, #3f7e8d);
  background: -moz-linear-gradient(#5391a0, #3f7e8d);
  background: linear-gradient(#5391a0, #3f7e8d);
}
body.help-and-support.overview main .payload > ul li:nth-child(2) > div {
  background: -webkit-linear-gradient(#7688ae, #5e7098);
  background: -moz-linear-gradient(#7688ae, #5e7098);
  background: linear-gradient(#7688ae, #5e7098);
}
body.help-and-support.overview main .payload > ul li:nth-child(3) > div {
  background: -webkit-linear-gradient(#e1bb66, #cea855);
  background: -moz-linear-gradient(#e1bb66, #cea855);
  background: linear-gradient(#e1bb66, #cea855);
}
body.help-and-support.overview main .payload > ul li:nth-child(4) > div {
  background: -webkit-linear-gradient(#e68048, #d26c34);
  background: -moz-linear-gradient(#e68048, #d26c34);
  background: linear-gradient(#e68048, #d26c34);
}
body.help-and-support.overview main .payload > ul li:nth-child(5) > div {
  background: -webkit-linear-gradient(#d76f68, #c55a54);
  background: -moz-linear-gradient(#d76f68, #c55a54);
  background: linear-gradient(#d76f68, #c55a54);
}
body.help-and-support.overview main .payload > ul li:nth-child(6) > div {
  background: -webkit-linear-gradient(#7db375, #668b61);
  background: -moz-linear-gradient(#7db375, #668b61);
  background: linear-gradient(#7db375, #668b61);
}
body.help-and-support.overview main .payload > ul li > div {
  position: relative;
  margin-top: 15px;
  font-size: 105px;
  padding: 15px 0;
  text-align: center;
  line-height: 0;
  color: white;
}
body.help-and-support.overview main .payload > ul li > div a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.help-and-support.overview main .payload > ul li p {
  margin: 1em 0;
  font-size: 12px;
  line-size: 19.5px;
}
body.help-and-support.overview main .payload > ul li p a {
  width: 50%;
  margin: 0 auto;
  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: 70%;
}
body.help-and-support.overview main .payload > ul li img {
  width: 100%;
}
@media (min-width: 682.5px) {
  body.help-and-support.overview main .payload > ul {
    margin: 0 -22.5px -2em;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-flex;
    flex-wrap: wrap;
  }
  body.help-and-support.overview main .payload > ul li {
    margin-left: 22.5px;
    margin-right: 22.5px;
    min-width: 217.5px;
    flex-basis: 217.5px;
  }
}
body.landing-page #nanowrimo .content {
  max-width: 750px;
}
@media (max-height: 500px), (max-width: 750px) {
  body.landing-page #nanowrimo .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin: 0;
    max-width: 100%;
    -moz-border-radius: 0;
         border-radius: 0;
  }
  body.landing-page #nanowrimo .content .cross {
    top: 15px;
    right: 15px;
  }
}
body.landing-page #nanowrimo p {
  margin-bottom: 15px;
}
body.landing-page #nanowrimo small {
  margin-top: 15px;
}
body.landing-page #nanowrimo form input[name="Name"],
body.landing-page #nanowrimo form button[type="reset"] {
  display: none;
}
body.landing-page #trailer .content {
  max-width: 900px;
  width: 90%;
  padding: 0;
}
body.landing-page #trailer .content:before {
  display: block;
  width: 100%;
  padding: 28.125% 0;
  content: ' ';
}
@media (min-aspect-ratio: 16/10) and (max-height: 600px) {
  body.landing-page #trailer .content {
    max-width: -moz-calc(160vh - 30px);
    max-width: calc(160vh - 30px);
    margin-top: 30px;
  }
}
body.landing-page #trailer .content .cross {
  z-index: 10;
}
body.landing-page #trailer .content .video-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  -moz-border-radius: inherit;
       border-radius: inherit;
  overflow: hidden;
}
body.landing-page #trailer .content .video-area iframe {
  border: none;
  width: 100%;
  height: 100%;
}
body.landing-page #trailer .content .video-area video {
  width: 100%;
  height: 100%;
}
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: -webkit-box;
  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;
  font-family: 'CarreNoir', Cambria;
}
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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
}
body.landing-page #stories .scroller [data-next] {
  -webkit-box-ordinal-group: 101;
     -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 {
  height: -moz-calc(15px + 100vh);
  height: calc(15px + 100vh);
  max-height: 960px;
  overflow: hidden;
  background: url('/assets/devices/all.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  position: relative;
  text-align: center;
}
@media (min-width: 480px) {
  body.landing-page header {
    height: -moz-calc(100vh - 60px);
    height: calc(100vh - 60px);
    min-height: 540px;
  }
}
@media (min-width: 480px) and (max-aspect-ratio: 9/10) {
  body.landing-page header {
    max-height: 80vw;
  }
}
body.landing-page header h1 {
  font-size: 34.5px;
  line-height: 45px;
  margin-top: 1em;
  margin-bottom: .5em;
}
body.landing-page header h2 {
  font-size: 19.5px;
  line-height: 1;
  color: gray;
}
@media (max-width: 645px) {
  body.landing-page header h1 {
    font-size: 30px;
    line-height: 35px;
    margin-top: .4em;
    margin-bottom: 0.3em;
  }
  body.landing-page header h2 {
    font-size: 17px;
  }
}
@media (max-width: 645px) {
  body.landing-page header {
    background: none;
  }
  body.landing-page header:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f2f2f2;
    z-index: -2;
  }
  body.landing-page header:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('/assets/devices/iPhone.jpg') center bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    content: ' ';
    background-color: #f2f2f2;
    top: 67.5px;
    bottom: 150px;
    z-index: -1;
  }
  body.landing-page header > h2 {
    display: none;
  }
}
body.landing-page header a.news {
  display: none;
}
body.landing-page header a.ada {
  text-align: left;
  left: 10%;
  top: 50%;
  font: inherit;
  color: white;
  background: #d7b049;
  -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;
  padding: .25em 1.25em 1.5em;
  -moz-border-radius: 7.5px;
       border-radius: 7.5px;
  position: absolute;
}
body.landing-page header a.ada h2 {
  text-transform: uppercase;
  font-size: 17.55px;
  color: white;
  margin: .9em 0;
  margin-bottom: .25em;
  letter-spacing: -0.05em;
}
body.landing-page header a.ada ul li {
  letter-spacing: 0 0.015em;
  font-size: 22.5px;
  line-height: 30px;
  line-height: 29px;
  font-weight: bold;
  list-style: none;
}
body.landing-page header a.ada ul li img {
  margin-left: -12px;
  margin-right: 3px;
  margin-top: -2px;
  margin-bottom: -10px;
  height: 38px;
}
@media (max-width: 645px) {
  body.landing-page header a.ada {
    width: 100%;
    left: auto;
    top: auto;
    bottom: 75px;
    text-align: center;
    padding: .25em 0 .5em;
    -moz-border-radius: 0;
         border-radius: 0;
  }
  body.landing-page header a.ada h2 {
    margin: .5em;
    margin-bottom: .25em;
  }
  body.landing-page header a.ada ul li {
    font-size: 25px;
    display: inline-block;
  }
}
body.landing-page header ul.versions {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
}
body.landing-page header ul.versions li {
  height: 40px;
  margin: 0 .8em;
  list-style: none;
  display: inline-block;
}
body.landing-page header ul.versions li a {
  font-size: 0;
}
body.landing-page header ul.versions li a.try-now {
  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;
}
@media (max-width: 645px) {
  body.landing-page header ul.versions {
    bottom: 0;
    padding: 1em;
  }
}
body.landing-page section#intro {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 2em;
}
body.landing-page section#intro p {
  font-size: 18px;
  line-height: 24px;
  font-family: 'CarreNoir', Cambria;
}
body.landing-page section#intro p a[href] {
  text-decoration: underline;
}
body.landing-page section#intro h1 {
  margin-bottom: 1em;
  margin-top: 1em;
}
body.landing-page section#intro .trailer {
  padding: 2em 0;
  position: relative;
}
body.landing-page section#intro .trailer video {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 58px;
}
body.landing-page section#intro .trailer > img {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.landing-page section#intro .trailer > a {
  padding-top: 60%;
  display: block;
  font-size: 0;
  background: url('/assets/images/trailer.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  -moz-border-radius: 7.5px;
       border-radius: 7.5px;
}
@media (min-width: 810px) {
  body.landing-page section#intro .trailer > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 60px;
  }
}
body.landing-page section#intro .trailer > a:before {
  font-family: "Icons";
  font-weight: normal;
  content: "\73";
  display: inline-block;
}
body.landing-page section#intro .trailer > a:before {
  text-shadow: 0 0 4px white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #e9714c;
  font-size: 75px;
}
@media (min-width: 810px) {
  body.landing-page section#intro {
    max-width: initial;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
            justify-content: center;
  }
  body.landing-page section#intro h1 {
    margin-top: 0;
  }
  body.landing-page section#intro .trailer {
    padding: 2em;
  }
  body.landing-page section#intro > div {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    flex-basis: 100px;
    max-width: 450px;
    padding: 4em;
  }
  body.landing-page section#intro > div:first-child {
    padding-left: 0;
  }
  body.landing-page section#intro > div:last-child {
    padding-right: 0;
  }
}
@media (min-width: 810px) and (max-width: 960px) {
  body.landing-page section#intro > div:first-child {
    padding-left: 2em;
  }
  body.landing-page section#intro > div:last-child {
    padding-right: 2em;
  }
}
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: -webkit-box;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
     -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;
  font-family: 'CarreNoir', Cambria;
  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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: 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;
  font-family: 'CarreNoir', Cambria;
  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-size: 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: -webkit-box;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
       -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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
  }
  body.features main.overview ul li p:last-child {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -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 {
    -webkit-box-pack: justify;
       -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;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    top: 10px;
    right: 5px;
    font-size: 15px;
  }
  body.features main.overview ul li h3 ~ * {
    -webkit-transition: all .25s;
    -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 {
    -webkit-transform: rotate(180deg);
       -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;
  -webkit-transform: scale(1.2);
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: 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 ul.versions {
  max-width: 450px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -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 {
  max-width: 900px;
  margin: 60px auto;
}
body.pricing main.table #full-table:not(:checked) ~ table tbody tr:nth-child(7) td {
  padding-bottom: 22.5px;
}
body.pricing main.table #full-table:not(:checked) ~ table tbody tr:nth-child(n+8) {
  display: none;
}
body.pricing main.table #full-table:checked ~ table tbody tr:last-child td {
  padding-bottom: 22.5px;
}
body.pricing main.table #full-table:checked ~ label[for="full-table"] {
  display: none;
}
body.pricing main.table label[for="full-table"] {
  display: block;
  text-align: center;
  margin: 30px 0 -30px;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
body.pricing main.table table {
  color: #333333;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  background: #f8f8f8;
  border-collapse: collapse;
  table-layout: fixed;
}
body.pricing main.table table td:nth-of-type(2) {
  background: #e6e6e6;
}
body.pricing main.table table td {
  padding: .75em 0;
}
body.pricing main.table table td img {
  margin-right: .5em;
  position: relative;
  top: 2px;
}
body.pricing main.table table td:first-child {
  padding-left: 1em;
}
body.pricing main.table table td:nth-of-type(n+2) {
  text-align: center;
  font-size: 13.5px;
  line-height: 18px;
}
body.pricing main.table table tbody tr:nth-child(n+2) {
  border-top: 1px solid white;
}
body.pricing main.table table thead {
  color: #aaa;
}
body.pricing main.table table thead td:first-of-type {
  width: 100%;
  font-size: 0;
}
body.pricing main.table table thead td:nth-of-type(n+2) {
  min-width: 90px;
  padding-top: 1.25em;
  padding-bottom: 0;
}
body.pricing main.table table td span {
  display: none;
}
@media (max-width: 330px) {
  body.pricing main.table table {
    font-size: 13.5px;
    line-height: 18px;
  }
  body.pricing main.table table td img {
    max-width: 18px;
    top: .5px;
  }
  body.pricing main.table table thead td:nth-of-type(n+2) {
    min-width: 75px;
  }
  body.pricing main.table table td:nth-of-type(n+2) {
    font-size: 12px;
    line-size: 19.5px;
  }
}
@media (min-width: 600px) {
  body.pricing main.table table {
    margin-left: 67.5px;
  }
  body.pricing main.table table:before {
    display: block;
    content: ' ';
    background: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 67.5px;
    right: 100%;
  }
  body.pricing main.table table td span {
    display: inline;
  }
  body.pricing main.table table td:first-child {
    padding-left: 0;
  }
  body.pricing main.table table thead td:nth-of-type(n+2) {
    min-width: 150px;
  }
}
body.press header {
  background: url('/assets/images/press.jpg') center no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  height: 150px;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: 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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
     -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-size: 19.5px;
  text-align: center;
}
body.press .presskit h1 {
  -webkit-box-ordinal-group: 0;
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
     -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 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: -webkit-box;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -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;
  align-self: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  text-align: center;
}
body.newsletter {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  background: #f8f8f8;
}
body.newsletter main {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  padding: 30px 15px 0;
  width: 100%;
  max-width: 600px;
  align-self: center;
  -webkit-box-flex: 1;
     -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.contact {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  background: #f8f8f8;
}
body.contact main {
  padding: 30px 15px;
  width: 100%;
  max-width: 600px;
  align-self: center;
  -webkit-box-flex: 1;
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  margin-top: 30px;
  padding: 0 .5px;
}
body.contact main ul.subject li {
  -webkit-box-flex: 1;
     -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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  background: #f8f8f8;
}
body.imprint main {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  padding: 0 15px 45px;
  width: 100%;
  max-width: 600px;
  align-self: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
body.imprint main h1 {
  margin: 45px 0;
}
@media (min-width: 405px) {
  body.imprint main ul.addresses {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
       -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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -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;
  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: -webkit-box;
  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;
  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);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translate3d(0, 100%, 10px);
     -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 {
  -webkit-transform: none;
     -moz-transform: none;
          transform: none;
}
body.beta {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  background: #f8f8f8;
}
body.beta main {
  padding: 30px 15px;
  width: 100%;
  max-width: 600px;
  align-self: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
body.beta main h1 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 45px;
}
body.beta main h2 {
  text-align: center;
}
body.beta main button[type="reset"] {
  display: none;
}
body.beta main > p,
body.beta main form {
  margin: 0 auto;
  max-width: 480px;
}
body.beta main > p {
  margin-bottom: 30px;
}
body.beta main ul li {
  list-style: none;
  margin: 15px;
}
body.beta main textarea {
  height: 150px;
}
body.beta main input[type="checkbox"],
body.beta main input[type="radio"] {
  margin-top: 5px;
  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.blog {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}
body.blog header {
  background: darkcyan;
  height: 200px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: 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: -webkit-box;
  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;
  -webkit-box-flex: 1;
     -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: -webkit-box;
  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 ul.posts > li {
  position: relative;
  list-style: none;
}
body.blog main ul.posts > li:nth-child(n+2) article {
  border-top: 1px solid silver;
}
body.blog main ul.posts h2:nth-of-type(2) {
  display: none;
}
body.blog main ul.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;
}
body.jobs {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  background: #f8f8f8;
}
body.jobs a[href] {
  font-weight: bold;
}
body.jobs a[href]:hover {
  text-decoration: underline;
}
body.jobs p {
  margin: 30px 0;
}
body.jobs section.about {
  padding: 30px 15px;
  width: 100%;
  max-width: 600px;
  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: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -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-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;
  }
}