@charset "UTF-8";
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
/* normalize.scss v2.1.3 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.4625em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.9125em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.875em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.875em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button, input, form textarea, form .file-picker, .resources-upload textarea, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input, form textarea, form .file-picker, .resources-upload textarea {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button, html input[type="button"], html form textarea[type="button"], form html textarea[type="button"], html form [type="button"].file-picker, form html [type="button"].file-picker, html .resources-upload textarea[type="button"], .resources-upload html textarea[type="button"], input[type="reset"], form textarea[type="reset"], form [type="reset"].file-picker, .resources-upload textarea[type="reset"], input[type="submit"], form textarea[type="submit"], form [type="submit"].file-picker, .resources-upload textarea[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled], html form textarea[disabled], form html textarea[disabled], html form [disabled].file-picker, form html [disabled].file-picker, html .resources-upload textarea[disabled], .resources-upload html textarea[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"], form textarea[type="checkbox"], form [type="checkbox"].file-picker, .resources-upload textarea[type="checkbox"], input[type="radio"], form textarea[type="radio"], form [type="radio"].file-picker, .resources-upload textarea[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"], form textarea[type="search"], form [type="search"].file-picker, .resources-upload textarea[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, form textarea[type="search"]::-webkit-search-cancel-button, form [type="search"].file-picker::-webkit-search-cancel-button, .resources-upload textarea[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, form textarea[type="search"]::-webkit-search-decoration, form [type="search"].file-picker::-webkit-search-decoration, .resources-upload textarea[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner, form textarea::-moz-focus-inner, form .file-picker::-moz-focus-inner, .resources-upload textarea::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.container {
  max-width: 960px;
  margin: 0 auto; }

.clr:after, .group:after, .row:after, .divider:after, .text_switcher:after, .app_page .app_content_row:after, .col:after, .about-us .team .omnite:after, .fall_app_page.omnigraffle .select:after, .fall_app_page.omnifocus .select:after, .november_app_page.omniplan .select:after, .november_app_page.omnioutliner .select:after, .fall_app_page.omnigraffle .select > div:after, .fall_app_page.omnifocus .select > div:after, .november_app_page.omniplan .select > div:after, .november_app_page.omnioutliner .select > div:after, .fall_app_page.omnigraffle .display .description:after, .fall_app_page.omnifocus .display .description:after, .november_app_page.omniplan .display .description:after, .november_app_page.omnioutliner .display .description:after, .fall_app_page.omnigraffle .feature .display .item:after, .fall_app_page.omnigraffle section.gallery .images:after, .fall_app_page.omnifocus .feature:after, .fall_app_page.omnifocus section.gallery .images:after, .november_app_page.omniplan .feature .display .item:after, .november_app_page.omnioutliner .feature .display .item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.row, .divider, .text_switcher, .app_page .app_content_row {
  margin: auto;
  margin-bottom: 1.5em; }
@media (max-width: 60em) {
  .row, .divider, .text_switcher, .app_page .app_content_row {
    margin: auto 1em 1.5em 1em; } }

.col, .about-us .team .omnite {
  display: block;
  float: left;
  width: 100%; }

@media (min-width: 768px) {
  /* 768 */
  .col {
    margin-left: 2%; } }
@media (min-width: 768px) {
  /* 768 */
  .span_1 {
    width: 4.375%; }

  .span_2 {
    width: 10.75%; }

  .span_3 {
    width: 17.125%; }

  .span_4 {
    width: 23.5%; }

  .span_5 {
    width: 29.875%; }

  .span_6 {
    width: 36.25%; }

  .span_7 {
    width: 42.625%; }

  .span_8 {
    width: 49.0%; }

  .span_9 {
    width: 55.375%; }

  .span_10 {
    width: 61.75%; }

  .span_11 {
    width: 68.125%; }

  .span_12 {
    width: 74.5%; }

  .span_13 {
    width: 80.875%; }

  .span_14 {
    width: 87.25%; }

  .span_15 {
    width: 93.625%; }

  .span_16 {
    width: 100%; }

  .twelvecol {
    /* Our grid doesn't support 3 columns and sometimes that's just what we need so lets inject
        twelve column grid layout in when needed. */ }
  .twelvecol.col {
    margin-left: 2%; }
  .twelvecol.span_4 {
    width: 32%; }
  .twelvecol.span_8 {
    width: 63.66%; }
  .twelvecol.span_12 {
    width: 100%; } }
.col:first-child {
  margin-left: 0; }

/* all browsers except IE6 and lower */
.about-us .contact div {
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  color: #808080;
  border: 1px solid #e4e4e5;
  border-right: none;
  width: 25%;
  float: left;
  list-style: none;
  height: 110px;
  background: no-repeat scroll 92% 20%;
  position: relative; }
.about-us .contact div:hover {
  color: #ffffff;
  background-color: #808080; }
.about-us .contact div .title {
  position: absolute;
  font-size: 1.5em;
  bottom: .7em;
  right: .5em;
  font-weight: bold; }
.about-us .contact div .email {
  position: absolute;
  bottom: 0;
  right: .5em; }
.about-us .contact a:last-child div {
  border-right: 1px solid #e4e4e5; }
@media (max-width: 48em) {
  .about-us .contact div {
    width: 50%; }
  .about-us .contact a:nth-child(3) div, .about-us .contact a:nth-child(4) div {
    border-top: none; }
  .about-us .contact a:nth-child(2) div {
    border-right: 1px solid #e4e4e5; } }
@media (max-width: 30em) {
  .about-us .contact div {
    width: 100%; }
  .about-us .contact div .title {
    font-size: 2.5em; }
  .about-us .contact div .email {
    font-size: 1.1em;
    bottom: .3em;
    right: 0.9em; }
  .about-us .contact a div {
    border: 1px solid #e4e4e5;
    border-top: none; }
  .about-us .contact a:first-child div {
    border-top: 1px solid #e4e4e5; } }

.app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper, .fall_app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper, .app_page.omnifocus .app_banner_video .banner_panel .action_wrapper, .fall_app_page.omnifocus .app_banner_video .banner_panel .action_wrapper, .app_page.omniplan .app_banner_video .banner_panel .action_wrapper, .november_app_page.omniplan .app_banner_video .banner_panel .action_wrapper, .app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper, .november_app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
  -webkit-tap-highlight-color: transparent; }

/**
 * CSS Modal
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
/**
 * CSS Modal Configuration
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
html {
  overflow-y: scroll; }

.has-overlay {
  overflow: hidden; }
.has-overlay > body {
  height: 100%;
  overflow-y: scroll; }
@media screen and (max-width: 500px) {
  .has-overlay > body {
    overflow: hidden;
    height: 100%; } }

/**
 * CSS Modal Themes
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
/*
 * Global Theme Styles
 */
.modal--show, .omni-video-modal {
  color: #222;
  line-height: 1.3; }
.modal--show .modal-inner, .omni-video-modal .modal-inner {
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  max-width: 100%;
  -webkit-transition: max-width 0.25s linear, margin-left 0.125s linear;
  transition: max-width 0.25s linear, margin-left 0.125s linear; }
.modal--show header, .omni-video-modal header {
  border-bottom: 1px solid #ddd;
  padding: 0 1.2em; }
.modal--show header > h2, .omni-video-modal header > h2 {
  margin: 0.5em 0; }
.modal--show .modal-content, .omni-video-modal .modal-content {
  border-bottom: 1px solid #ddd;
  padding: 15px 1.2em; }
.modal--show footer, .omni-video-modal footer {
  border-top: 1px solid white;
  padding: 0 1.2em 18px;
  background: #f0f0f0;
  border-radius: 2px; }
.modal--show .modal-close, .omni-video-modal .modal-close {
  text-indent: -100px; }
.modal--show .modal-close:before, .omni-video-modal .modal-close:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII="); }
.modal--show .modal-close:after, .omni-video-modal .modal-close:after {
  content: '\00d7';
  background: #fff;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 1.2em;
  text-decoration: none;
  text-indent: 0; }
@media screen and (max-width: 500px) {
  .modal--show:before, .omni-video-modal:before {
    background-color: #27aae2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));
    background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3);
    background-image: -moz-linear-gradient(top, #27aae2, #1c9cd3);
    background-image: -o-linear-gradient(top, #27aae2, #1c9cd3);
    background-image: linear-gradient(to bottom, #27aae2, #1c9cd3);
    height: 3em;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
  .modal--show .modal-inner, .omni-video-modal .modal-inner {
    padding-top: 3em;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .modal--show .modal-close, .omni-video-modal .modal-close {
    text-decoration: none; }
  .modal--show .modal-close:after, .omni-video-modal .modal-close:after {
    content: attr(data-close);
    font-size: 1em;
    padding: 0.5em 1em; } }

/*
 * Plain Screen Theme Styles
 */
@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleDown {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }
@keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.8); } }
.omni-video-modal, .omni-buy-modal, .omni-compare-modal, .omni-gallery-modal {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }

@-webkit-keyframes shaky {
  0% {
    -webkit-transform: translateY(-100%); }
  60% {
    -webkit-transform: translateX(5%) translateY(5%) rotate(-2deg); }
  80% {
    -webkit-transform: translateX(5%) translateY(5%) rotate(2deg); }
  50%, 70%, 90% {
    -webkit-transform: translateX(0%) translateY(0%); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-100%); }
  60% {
    -webkit-transform: translateY(5%); }
  85% {
    -webkit-transform: translateY(0%); } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(-100%); }
  60% {
    -moz-transform: translateY(5%); }
  85% {
    -moz-transform: translateY(0%); } }
@-o-keyframes bounce {
  0% {
    -o-transform: translateY(-100%); }
  60% {
    -o-transform: translateY(5%); }
  85% {
    -o-transform: translateY(0%); } }
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(-100%); }
  60% {
    -ms-transform: translateY(5%); }
  85% {
    -ms-transform: translateY(0%); } }
@keyframes bounce {
  0% {
    transform: translateY(-100%); }
  60% {
    transform: translateY(5%); }
  85% {
    transform: translateY(0%); } }
.modal--show, .omni-video-modal, .omni-compare-modal, .omni-gallery-modal {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  display: none\9; }
.modal--show:target, .omni-video-modal:target, .omni-compare-modal:target, .omni-gallery-modal:target, .is-active.modal--show, .is-active.omni-video-modal, .is-active.omni-compare-modal, .is-active.omni-gallery-modal {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  width: auto;
  height: auto;
  opacity: 1; }
.is-active.modal--show, .is-active.omni-video-modal, .is-active.omni-compare-modal, .is-active.omni-gallery-modal {
  display: block \ 9;
  height: 100% \9;
  width: 100% \9; }
.modal--show:target, .omni-video-modal:target, .omni-compare-modal:target, .omni-gallery-modal:target, .is-active.modal--show, .is-active.omni-video-modal, .is-active.omni-compare-modal, .is-active.omni-gallery-modal {
  display: block\9; }
.modal--show .modal-inner, .omni-video-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
  position: absolute;
  top: 50px;
  left: 50%;
  z-index: 20;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
@media \0screen\,screen\9 {
  .modal--show .modal-inner, .omni-video-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
    background: transparent; } }
.modal--show .modal-inner > img, .omni-video-modal .modal-inner > img, .omni-compare-modal .modal-inner > img, .omni-gallery-modal .modal-inner > img, .modal--show .modal-inner > video, .omni-video-modal .modal-inner > video, .omni-compare-modal .modal-inner > video, .omni-gallery-modal .modal-inner > video, .modal--show .modal-inner > iframe, .omni-video-modal .modal-inner > iframe, .omni-compare-modal .modal-inner > iframe, .omni-gallery-modal .modal-inner > iframe {
  width: 100%;
  height: auto;
  min-height: 300px; }
.modal--show .modal-inner > img, .omni-video-modal .modal-inner > img, .omni-compare-modal .modal-inner > img, .omni-gallery-modal .modal-inner > img {
  width: auto;
  max-width: 100%; }
.modal--show .modal-content, .omni-video-modal .modal-content, .omni-compare-modal .modal-content, .omni-gallery-modal .modal-content {
  position: relative;
  max-height: 400px;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
@media \0screen\,screen\9 {
  .modal--show .modal-content, .omni-video-modal .modal-content, .omni-compare-modal .modal-content, .omni-gallery-modal .modal-content {
    overflow: visible; } }
.modal--show .modal-content > *, .omni-video-modal .modal-content > *, .omni-compare-modal .modal-content > *, .omni-gallery-modal .modal-content > * {
  max-width: 100%; }
.modal--show footer, .omni-video-modal footer, .omni-compare-modal footer, .omni-gallery-modal footer {
  border-top: 1px solid white;
  padding: 0 1.2em 18px;
  background: #f0f0f0;
  border-radius: 2px; }
.modal--show .modal-close, .omni-video-modal .modal-close, .omni-compare-modal .modal-close, .omni-gallery-modal .modal-close {
  display: block;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden; }
.modal--show .modal-close:focus:after, .omni-video-modal .modal-close:focus:after, .omni-compare-modal .modal-close:focus:after, .omni-gallery-modal .modal-close:focus:after {
  outline: 1px dotted;
  outline: -webkit-focus-ring-color auto 5px; }
.modal--show .modal-close:before, .omni-video-modal .modal-close:before, .omni-compare-modal .modal-close:before, .omni-gallery-modal .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }
.modal--show .modal-close:after, .omni-video-modal .modal-close:after, .omni-compare-modal .modal-close:after, .omni-gallery-modal .modal-close:after {
  content: '\00d7';
  position: absolute;
  top: 15px;
  right: 40%;
  z-index: 20;
  font-size: 3em; }
.modal--show .modal-inner, .omni-video-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
  margin-left: -480px;
  width: 960px; }
.modal--show .modal-close:after, .omni-video-modal .modal-close:after, .omni-compare-modal .modal-close:after, .omni-gallery-modal .modal-close:after {
  margin-right: -480px; }
@media screen and (max-width: 1000px) {
  .modal--show .modal-inner, .omni-video-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
    width: auto;
    left: 20px;
    right: 20px;
    margin-left: 0; }
  .modal--show .modal-close:after, .omni-video-modal .modal-close:after, .omni-compare-modal .modal-close:after, .omni-gallery-modal .modal-close:after {
    margin-right: 0 !important;
    right: 20px; } }
@media screen and (max-width: 500px) {
  .modal--show, .omni-video-modal, .omni-compare-modal, .omni-gallery-modal {
    -webkit-transform: translate(0, 400px);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: opacity 1ms .25s;
    -moz-transition: opacity 1ms .25s;
    -o-transition: opacity 1ms .25s;
    -ms-transition: opacity 1ms .25s;
    transition: opacity 1ms .25s;
    display: block;
    bottom: auto; }
  .modal--show:target, .omni-video-modal:target, .omni-compare-modal:target, .omni-gallery-modal:target, .is-active.modal--show, .is-active.omni-video-modal, .is-active.omni-compare-modal, .is-active.omni-gallery-modal {
    height: 100%; }
  .modal--show:before, .omni-video-modal:before, .omni-compare-modal:before, .omni-gallery-modal:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30; }
  .modal--show .modal-inner, .omni-video-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: auto; }
  .modal--show .modal-content, .omni-video-modal .modal-content, .omni-compare-modal .modal-content, .omni-gallery-modal .modal-content {
    max-height: none;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
  .modal--show .modal-close, .omni-video-modal .modal-close, .omni-compare-modal .modal-close, .omni-gallery-modal .modal-close {
    right: auto; }
  .modal--show .modal-close:before, .omni-video-modal .modal-close:before, .omni-compare-modal .modal-close:before, .omni-gallery-modal .modal-close:before {
    display: none; }
  .modal--show .modal-close:after, .omni-video-modal .modal-close:after, .omni-compare-modal .modal-close:after, .omni-gallery-modal .modal-close:after {
    top: 5px;
    right: 5px;
    left: auto;
    z-index: 40;
    margin-left: 0; } }
@media screen and (max-height: 46em) and (min-width: 500px) {
  .modal--show .modal-content, .omni-video-modal .modal-content, .omni-compare-modal .modal-content, .omni-gallery-modal .modal-content {
    max-height: 340px;
    max-height: 50vh; } }
@media screen and (max-height: 36em) and (min-width: 500px) {
  .modal--show .modal-content, .omni-video-modal .modal-content, .omni-compare-modal .modal-content, .omni-gallery-modal .modal-content {
    max-height: 265px;
    max-height: 40vh; } }
.is-stacked.modal--show, .is-stacked.omni-video-modal, .is-stacked.omni-compare-modal, .is-stacked.omni-gallery-modal {
  -webkit-transform: translate(0, 0) scale(1, 1);
  -moz-transform: translate(0, 0) scale(1, 1);
  -o-transform: translate(0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  opacity: 1; }
.is-stacked.modal--show .modal-inner, .is-stacked.omni-video-modal .modal-inner, .is-stacked.omni-compare-modal .modal-inner, .is-stacked.omni-gallery-modal .modal-inner {
  -webkit-animation: scaleDown .7s ease both;
  -moz-animation: scaleDown .7s ease both;
  animation: scaleDown .7s ease both; }
.is-stacked.modal--show .modal-close, .is-stacked.omni-video-modal .modal-close, .is-stacked.omni-compare-modal .modal-close, .is-stacked.omni-gallery-modal .modal-close {
  opacity: 0; }
@media screen and (max-width: 500px) {
  .is-stacked.modal--show, .is-stacked.omni-video-modal, .is-stacked.omni-compare-modal, .is-stacked.omni-gallery-modal {
    -webkit-animation: scaleDown .7s ease both;
    -moz-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both; }
  .is-stacked.modal--show .modal-inner, .is-stacked.omni-video-modal .modal-inner, .is-stacked.omni-compare-modal .modal-inner, .is-stacked.omni-gallery-modal .modal-inner {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none; }
  .is-stacked.modal--show .modal-close, .is-stacked.omni-video-modal .modal-close, .is-stacked.omni-compare-modal .modal-close, .is-stacked.omni-gallery-modal .modal-close {
    opacity: 1; } }

/* Header and Main Navigation */
.site_nav {
  width: 100%;
  margin: 0;
  position: relative; }
.site_nav a:hover {
  text-decoration: none; }
.site_nav nav ul {
  margin: 0;
  padding: 0; }
.site_nav nav li {
  background-color: #e4e4e5;
  list-style: none;
  text-align: center;
  float: left;
  min-width: 110px; }
@media (max-width: 48em) {
  .site_nav nav li {
    font-size: .9em;
    min-width: 80px; } }
.site_nav .omnibar {
  padding-left: 1em;
  display: none;
  position: relative;
  width: 100%;
  height: 3em; }
.site_nav .homelink {
  width: 80%;
  height: 100%;
  background-image: url(/assets/img//logo/omni.svg);
  background-repeat: no-repeat;
  background-position: 0 50%; }
.site_nav .expando {
  position: absolute;
  width: 20%;
  height: 100%;
  right: 5px;
  top: 4px;
  background-image: url(/assets/img/elements/navbutton.svg);
  background-repeat: no-repeat;
  background-position: 75% 25%; }
.site_nav .app_inline {
  display: none; }
.site_nav nav.main li {
  width: 14.28571%; }
@media (max-width: 20em) {
  .site_nav nav.main li {
    width: 33.33333%; } }
.site_nav nav.main li span {
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  transition-timing-function: ease-in;
  display: block;
  border: 1px solid #D1D3D4;
  border-left: none;
  height: 3em;
  padding: 1em 0; }
.site_nav nav.main li:focus span, .site_nav nav.main li.active span, .site_nav nav.main li:hover span {
  background-color: rgba(128, 128, 128, 0.9);
  transition-timing-function: ease-out;
  color: #ffffff; }
.site_nav nav.main li.omni:hover span {
  background-image: url(/assets/img/logo/omnigroup-white.png);
  background-repeat: no-repeat;
  background-position: center 65%;
  background-size: 85px auto; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .site_nav nav.main li.omni:hover span {
    background-image: url(/assets/img/logo/omnigroup-white@2x.png);
    background-size: 85px 35px; } }
.site_nav nav.main li:focus span, .site_nav nav.main li.software.active span, .site_nav nav.main li.software span:active, .site_nav nav.main li.software:hover span, .site_nav nav.main li.support.active span, .site_nav nav.main li.support span:active, .site_nav nav.main li.support:hover span {
  border-bottom: none; }
.site_nav nav.main li.omni span {
  color: transparent;
  text-indent: -1999px;
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #D1D3D4;
  background-image: url(/assets/img/logo/omnigroup.png);
  background-repeat: no-repeat;
  background-position: center 65%;
  background-size: 85px auto; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .site_nav nav.main li.omni span {
    background-image: url(/assets/img/logo/omnigroup@2x.png);
    background-size: 85px 35px; } }
@media (max-width: 35.9375em) {
  .site_nav nav.main li.omni span {
    background-image: url(/assets/images/logo/Omni-logo.png);
    background-position: left; } }
.site_nav nav.main li.company span {
  border-radius: 0 3px 3px 0; }
.site_nav nav.apps, .site_nav nav.support-list {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
  position: absolute;
  margin-top: 3em;
  z-index: 999;
  height: 0;
  overflow: hidden; }
@media (max-width: 48em) {
  .site_nav nav.apps, .site_nav nav.support-list {
    margin-top: 2.7em; } }
.site_nav nav.apps li, .site_nav nav.support-list li {
  width: 14.28571%; }
.site_nav nav.apps li a, .site_nav nav.support-list li a {
  color: #ffffff; }
.site_nav nav.apps li div, .site_nav nav.support-list li div {
  height: 3em;
  padding: 1em 0;
  background-color: rgba(128, 128, 128, 0.9); }
.site_nav nav.apps li:hover.sub div, .site_nav nav.support-list li:hover.sub div {
  background-color: #1daeec; }
.site_nav nav.apps li:hover.omnifocus div, .site_nav nav.support-list li:hover.omnifocus div {
  background-color: #B153C3; }
.site_nav nav.apps li:hover.omnigraffle div, .site_nav nav.support-list li:hover.omnigraffle div {
  background-color: #648B23; }
.site_nav nav.apps li:hover.omniplan div, .site_nav nav.support-list li:hover.omniplan div {
  background-color: #F9CF2C; }
.site_nav nav.apps li:hover.omnipresence div, .site_nav nav.support-list li:hover.omnipresence div {
  background-color: #009fdc; }
.site_nav nav.apps li:hover.omnioutliner div, .site_nav nav.support-list li:hover.omnioutliner div {
  background-color: #D39D27; }
.site_nav nav.apps.active, .site_nav nav.apps:active, .site_nav nav.support-list.active, .site_nav nav.support-list:active {
  height: 3em; }
.site_nav nav.apps {
  width: 100%; }
.site_nav nav.support-list {
  width: 28.57%;
  left: 28.57142%; }
.site_nav nav.support-list li {
  width: 50%; }
@media (max-width: 35.9375em) {
  .site_nav .omnibar {
    display: block;
    border-bottom: 1px solid #D1D3D4; }
  .site_nav nav.main {
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    font-size: 1.5em;
    height: 0;
    max-height: 0;
    overflow: hidden; }
  .site_nav nav.main.expanded {
    height: auto;
    max-height: 1000px;
    overflow: visible; }
  .site_nav nav.main ul {
    background-color: #f4f4f5; }
  .site_nav nav.main li {
    width: 100%; }
  .site_nav nav.main li span {
    border-top: none;
    color: #ffffff;
    background-color: #808080; }
  .site_nav nav.main li.omnifocus span {
    background-color: #B153C3; }
  .site_nav nav.main li.omnigraffle span {
    background-color: #648B23; }
  .site_nav nav.main li.omniplan span {
    background-color: #F9CF2C; }
  .site_nav nav.main li.omnipresence span {
    background-color: #009fdc; }
  .site_nav nav.main li.omnioutliner span {
    background-color: #D39D27; }
  .site_nav nav.main .app_inline {
    display: block; }
  .site_nav nav.main .omni, .site_nav nav.main .software, .site_nav nav.main .support {
    height: 0;
    display: none; }
  .site_nav nav.apps, .site_nav nav.support-list {
    display: none;
    height: 0; } }

.site_banner {
  margin-top: 1em; }
.site_banner .graphics {
  position: relative; }
.site_banner h2 {
  color: #12954A;
  font-size: 4em;
  margin: 0 0;
  white-space: nowrap; }
.site_banner .left-segment {
  float: left; }
.site_banner .left-segment .inner-left, .site_banner .left-segment .inner-right {
  font-size: 1.3em;
  color: #78C345;
  float: left; }
.site_banner .left-segment .inner-left {
  margin-left: 3em; }
.site_banner .right-segment {
  float: right; }
.site_banner .right-segment .tagline {
  font-size: 2em;
  font-family: "ProximaNovaA-Light", sans-serif;
  color: #78C345;
  padding-left: 0.5em;
  line-height: 2.69em; }
.site_banner .feature-bullets {
  margin: 0;
  line-height: 1.25em;
  padding-top: 3px; }
.site_banner .overlay {
  position: absolute;
  top: 0; }
.site_banner .banner {
  padding-top: 6.5em; }
.site_banner .version {
  font-family: "ProximaNova-Bold", sans-serif;
  font-size: 5em;
  line-height: 0.8em;
  display: inline-block;
  max-height: 5em;
  overflow: hidden;
  padding-top: 3px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #78C345; }
.site_banner .vidlink .label {
  background: #12954A;
  color: #ffffff;
  padding: 5px;
  border-radius: 4px;
  white-space: nowrap;
  text-align: center;
  z-index: 10; }
@media (max-width: 60em) {
  .site_banner .right-segment {
    display: none; } }
@media (max-width: 48em) {
  .site_banner .left-segment .inner-left, .site_banner .left-segment .inner-right {
    font-size: 1.1em;
    line-height: 1.1em; } }
@media (max-width: 35.9375em) {
  .site_banner h2 {
    font-size: 2.4em; }
  .site_banner .left-segment .inner-left {
    margin-left: 0em; }
  .site_banner .version {
    font-size: 4em; } }
@media (max-width: 25.875em) {
  .site_banner {
    margin: 1em 0.5em; }
  .site_banner h2 {
    font-size: 2.5em;
    margin: 0 0 0 -5px; }
  .site_banner .overlay {
    font-size: 0.84em; }
  .site_banner .vidlink .label {
    font-size: 0.8em; }
  .site_banner .left-segment .inner-left {
    font-size: 1.3em; }
  .site_banner .left-segment .inner-right .feature-bullets {
    font-size: 1em;
    padding-left: 1.45em; } }

.services.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-content: center;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  -webkit-align-content: center; }
.services .col {
  margin-left: 2%; }
.services svg {
  height: 30px;
  width: 20%;
  margin: 0 40% 0 40%; }
.services svg path, .services svg polygon {
  fill: #D1D3D4; }
.services svg:hover path, .services svg:hover polygon {
  fill: #A9AAAA; }
.services .inner {
  color: #A9AAAA;
  text-align: center; }
@media (max-width: 35.9375em) {
  .services.flexbox {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; }
  .services .flexitem {
    width: 50%;
    margin-left: 0;
    padding: 5px;
    flex-grow: 1;
    -webkit-flex-grow: 1; }
  .services svg {
    width: 40%;
    margin: 0 30% 0 30%;
    height: 35px; }
  .services .inner {
    padding: 5px 0; } }

nav.app_grid div {
  border: 1px solid #e4e4e5;
  width: 25%;
  float: left;
  list-style: none;
  height: 110px;
  background: no-repeat scroll 92% 20%;
  position: relative;
  color: #808080;
  background-position: 50% 10px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }
nav.app_grid div svg path, nav.app_grid div polygon {
  fill: #A9AAAA; }
nav.app_grid div.omnifocus:hover {
  background-color: #B153C3;
  color: #ffffff; }
nav.app_grid div.omnifocus:hover svg path {
  fill: #ffffff; }
@media (min-width: 48em) {
  nav.app_grid div.omnifocus span {
    margin-top: 7px; } }
nav.app_grid div.omnigraffle:hover {
  background-color: #648B23;
  color: #ffffff; }
nav.app_grid div.omnigraffle:hover svg path {
  fill: #ffffff; }
nav.app_grid div.omnioutliner:hover {
  background-color: #D39D27;
  color: #ffffff; }
nav.app_grid div.omnioutliner:hover svg path {
  fill: #ffffff; }
nav.app_grid div.omniplan:hover {
  background-color: #F9CF2C;
  color: #ffffff; }
nav.app_grid div.omniplan:hover svg path, nav.app_grid div.omniplan:hover polygon {
  fill: #ffffff; }
nav.app_grid div span {
  font-size: 1.5em;
  display: block;
  text-align: center;
  margin-top: 10px; }
@media (min-width: 30em) and (max-width: 48em) {
  nav.app_grid div {
    height: 65px;
    background: no-repeat scroll 92% 80%; }
  nav.app_grid div.omnifocus span {
    margin-top: 5px; }
  nav.app_grid div span {
    font-size: 1.1em;
    margin-top: 5px;
    display: block;
    height: 35px; }
  nav.app_grid div span svg {
    height: 35px; } }
@media (max-width: 48em) {
  nav.app_grid div {
    padding: 7px;
    height: 85px; } }
@media (max-width: 30em) {
  nav.app_grid div {
    height: 90px; }
  nav.app_grid div span {
    font-size: 1.6em;
    margin-top: 3px; }
  nav.app_grid div.omnifocus svg {
    height: 48px;
    width: 48px; } }
@media (max-width: 25.875em) {
  nav.app_grid div {
    height: 65px;
    width: 50%; }
  nav.app_grid div .app-icon {
    margin-top: 0px; }
  nav.app_grid div span {
    margin-top: 0;
    font-size: 1.3em; }
  nav.app_grid div svg {
    height: 25px; }
  nav.app_grid div.omnifocus svg {
    height: 25px; } }
@media (max-width: 25.875em) {
  nav.app_grid a:nth-child(3) div, nav.app_grid a:nth-child(4) div {
    border-top: none; } }

#selector {
  width: 61px;
  height: 60px; }

.footer-divider {
  background-image: url(/assets/img/dividers/omni-divider2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 22px; }

.omnifocus .divider {
  background-image: url(/assets/img/dividers/omnifocus-divider.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 55px; }
.nosvg .omnifocus .divider {
  background-image: url(/assets/img/footers/omnifocus-divider.png); }
.omnigraffle .divider {
  background-image: url(/assets/img/dividers/omnigraffle-divider.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 55px; }
.nosvg .omnigraffle .divider {
  background-image: url(/assets/img/footers/omnigraffle-divider.png); }
.omnioutliner .divider {
  background-image: url(/assets/img/dividers/omnioutliner-divider.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 55px; }
.nosvg .omnioutliner .divider {
  background-image: url(/assets/img/footers/omnioutliner-divider.png); }
.omniplan .divider {
  background-image: url(/assets/img/dividers/omniplan-divider.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 55px; }
.nosvg .omniplan .divider {
  background-image: url(/assets/img/footers/omniplan-divider.png); }
.omnipresence .divider {
  background-image: url(/assets/img/dividers/omnipresence-divider.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 55px; }
.nosvg .omnipresence .divider {
  background-image: url(/assets/img/footers/omnipresence-divider.png); }

footer {
  margin-top: 1.5em;
  clear: both;
  max-width: 960px;
  margin: auto; }
footer .copyright_nav, footer .trademark_info {
  font-family: "ProximaNovaA-Thin", sans-serif;
  text-align: center; }
footer .copyright_nav a, footer .trademark_info a {
  text-decoration: none;
  color: #808080;
  margin-right: 1.1em; }
footer .copyright_nav span, footer .trademark_info span {
  color: #808080; }
footer .trademark_info {
  font-size: 0.65em; }
footer .newsletter-signup {
  text-align: center; }
footer .newsletter-signup .error {
  margin-top: 1em; }
@media (max-width: 20em) {
  footer .newsletter-signup input[type="submit"].dim, footer .newsletter-signup form textarea[type="submit"].dim, form footer .newsletter-signup textarea[type="submit"].dim, footer .newsletter-signup form [type="submit"].dim.file-picker, form footer .newsletter-signup [type="submit"].dim.file-picker, footer .newsletter-signup .resources-upload textarea[type="submit"].dim, .resources-upload footer .newsletter-signup textarea[type="submit"].dim {
    margin-top: 1em; } }

.release_notes nav.releases .button .inner, .hover_button .inner, .round_button .inner, .dark_button .inner, .access-button .inner, .app_page .callout {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  transition-timing-function: ease-in;
  border: 1px solid #e4e4e5;
  color: #808080;
  background-color: transparent; }
.release_notes nav.releases .button .inner:hover, .hover_button .inner:hover, .round_button .inner:hover, .dark_button .inner:hover, .access-button .inner:hover, .app_page .callout:hover {
  color: #808080;
  background-color: #e4e4e5; }

.release_notes nav.releases .button, .hover_button, .round_button, .dark_button, .access-button {
  content: "";
  font-size: 1.1rem; }
.release_notes nav.releases .button a, .hover_button a, .round_button a, .dark_button a, .access-button a {
  text-decoration: none;
  text-align: center;
  color: #808080; }
.release_notes nav.releases .button .inner, .hover_button .inner, .round_button .inner, .dark_button .inner, .access-button .inner {
  content: "";
  padding: .3em 0;
  line-height: 1.5em;
  font-family: "ProximaNovaA-Light", sans-serif; }

.release_notes nav.releases .button .inner:hover {
  color: #ffffff;
  background-color: #A9AAAA;
  border-color: #A9AAAA; }
.release_notes nav.releases .active.button .inner {
  color: #ffffff;
  background-color: #404040;
  border-color: #404040; }

.round_button .inner {
  border-radius: 4px; }

.dark_button .inner, .access-button .inner {
  background-color: #A9AAAA; }
.dark_button .inner:hover, .access-button .inner:hover {
  background-color: transparent; }

.access-button .inner {
  padding: .3em 1em;
  font-family: "ProximaNova-Semibold", sans-serif;
  color: #ffffff; }

input[type="submit"], form textarea[type="submit"], form [type="submit"].file-picker, .resources-upload textarea[type="submit"], button {
  color: #808080;
  border: 1px solid #808080;
  background-color: transparent;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s; }
input[type="submit"]:hover, form textarea[type="submit"]:hover, form [type="submit"].file-picker:hover, .resources-upload textarea[type="submit"]:hover, button:hover {
  background-color: #e4e4e5; }

.text_switcher .text_button {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2.5em;
  float: left;
  width: 50%;
  border-right: 1px solid black; }
.text_switcher .text_button .inner {
  padding: 0 .5em; }
.text_switcher .text_button:first-child {
  text-align: right; }
@media (max-width: 30em) {
  .text_switcher .text_button:first-child {
    padding-left: 0; } }
.text_switcher .text_button:last-child {
  border-right: none; }
@media (max-width: 35.9375em) {
  .text_switcher .text_button {
    font-size: 2.5em; } }
@media (max-width: 30em) {
  .text_switcher .text_button {
    font-size: 2.2em; } }
.text_switcher.three {
  display: block;
  text-align: center; }
.text_switcher.three .text_button {
  display: inline-block;
  width: auto;
  float: none; }
@media (max-width: 30em) {
  .text_switcher.three .text_button {
    font-size: 1.5em;
    padding: 0 .3em; } }
@media (max-width: 20em) {
  .text_switcher.three .text_button {
    font-size: 1.2em;
    padding: 0 .2em; } }

.stacked :before {
  content: ''; }
.stacked .hover_button {
  margin-bottom: .5em; }

.select_container {
  float: right; }
.select_container .option {
  cursor: pointer; }

form .errors {
  color: #FF0000;
  font-size: 0.6em; }
form .disabled-cookies {
  width: 100%;
  text-align: center;
  font-size: 1.5em; }
form .field-wrapper {
  padding-top: 10px;
  padding-bottom: 10px; }
form input, form textarea, form .file-picker, form .resources-upload textarea, .resources-upload form textarea {
  -webkit-transition: box-shadow 0.1s, border-color 0.2s;
  -moz-transition: box-shadow 0.1s, border-color 0.2s;
  -o-transition: box-shadow 0.1s, border-color 0.2s;
  transition: box-shadow 0.1s, border-color 0.2s;
  font-family: "ProximaNovaA-Thin", sans-serif;
  color: #808080;
  background-color: #f8f8f9;
  border: 1px solid #e4e4e5;
  padding: .5em .5em .3em .5em;
  line-height: 1em; }
form input[type="submit"], form textarea[type="submit"], form [type="submit"].file-picker {
  -webkit-appearance: none;
  appearance: none;
  background-color: #319AF7;
  color: #ffffff;
  line-height: 1.1em; }
form input[type="submit"]:hover, form textarea[type="submit"]:hover, form [type="submit"].file-picker:hover {
  color: #319AF7;
  background-color: #ffffff;
  border: 1px solid #319AF7; }
form input[type="submit"].dim, form textarea[type="submit"].dim, form [type="submit"].dim.file-picker {
  background-color: #e4e4e5;
  font-family: "ProximaNovaA-Regular", sans-serif; }
form input[type="submit"].dim:hover, form textarea[type="submit"].dim:hover, form [type="submit"].dim.file-picker:hover {
  color: #e4e4e5;
  border-color: #e4e4e5;
  background-color: #ffffff; }
form .file-picker {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
  padding-top: 10px;
  width: 90%;
  border-right: 0; }
form .file-picker:hover {
  background-color: #e4e4e5; }
form .file-picker.error {
  border: 1px solid rgba(255, 0, 0, 0.6); }
form .file-picker.error:hover {
  background-color: rgba(255, 0, 0, 0.1); }
form .hidden-picker {
  z-index: -1;
  opacity: 0;
  -moz-opacity: 0;
  width: 0;
  height: 0;
  position: absolute; }
form .flavor-txt, form .description {
  font-style: italic;
  font-family: "ProximaNovaA-Light", sans-serif;
  font-size: 0.8em;
  color: #808080; }
form .description {
  color: #808080;
  width: 95%; }
form .message {
  font-size: 2em;
  background-color: #e4e4e5;
  height: 200px;
  width: 70%;
  padding: 10px;
  margin: auto;
  text-align: center; }
form .message a {
  margin: 5px; }
form .message div {
  margin-top: 20px; }
form textarea:focus, form select:focus, form input[type="text"]:focus, form textarea[type="text"]:focus, form [type="text"].file-picker:focus, form input[type="password"]:focus, form textarea[type="password"]:focus, form [type="password"].file-picker:focus, form input[type="datetime"]:focus, form textarea[type="datetime"]:focus, form [type="datetime"].file-picker:focus, form input[type="datetime-local"]:focus, form textarea[type="datetime-local"]:focus, form [type="datetime-local"].file-picker:focus, form input[type="date"]:focus, form textarea[type="date"]:focus, form [type="date"].file-picker:focus, form input[type="month"]:focus, form textarea[type="month"]:focus, form [type="month"].file-picker:focus, form input[type="time"]:focus, form textarea[type="time"]:focus, form [type="time"].file-picker:focus, form input[type="week"]:focus, form textarea[type="week"]:focus, form [type="week"].file-picker:focus, form input[type="number"]:focus, form textarea[type="number"]:focus, form [type="number"].file-picker:focus, form input[type="email"]:focus, form textarea[type="email"]:focus, form [type="email"].file-picker:focus, form input[type="url"]:focus, form textarea[type="url"]:focus, form [type="url"].file-picker:focus, form input[type="search"]:focus, form textarea[type="search"]:focus, form [type="search"].file-picker:focus, form input[type="tel"]:focus, form textarea[type="tel"]:focus, form [type="tel"].file-picker:focus, form input[type="color"]:focus, form textarea[type="color"]:focus, form [type="color"].file-picker:focus {
  border-color: rgba(29, 174, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(29, 174, 236, 0.6);
  outline: 0 none; }
form textarea:focus.error, form select:focus.error, form input[type="text"]:focus.error, form textarea[type="text"]:focus.error, form [type="text"].file-picker:focus.error, form input[type="password"]:focus.error, form textarea[type="password"]:focus.error, form [type="password"].file-picker:focus.error, form input[type="datetime"]:focus.error, form textarea[type="datetime"]:focus.error, form [type="datetime"].file-picker:focus.error, form input[type="datetime-local"]:focus.error, form textarea[type="datetime-local"]:focus.error, form [type="datetime-local"].file-picker:focus.error, form input[type="date"]:focus.error, form textarea[type="date"]:focus.error, form [type="date"].file-picker:focus.error, form input[type="month"]:focus.error, form textarea[type="month"]:focus.error, form [type="month"].file-picker:focus.error, form input[type="time"]:focus.error, form textarea[type="time"]:focus.error, form [type="time"].file-picker:focus.error, form input[type="week"]:focus.error, form textarea[type="week"]:focus.error, form [type="week"].file-picker:focus.error, form input[type="number"]:focus.error, form textarea[type="number"]:focus.error, form [type="number"].file-picker:focus.error, form input[type="email"]:focus.error, form textarea[type="email"]:focus.error, form [type="email"].file-picker:focus.error, form input[type="url"]:focus.error, form textarea[type="url"]:focus.error, form [type="url"].file-picker:focus.error, form input[type="search"]:focus.error, form textarea[type="search"]:focus.error, form [type="search"].file-picker:focus.error, form input[type="tel"]:focus.error, form textarea[type="tel"]:focus.error, form [type="tel"].file-picker:focus.error, form input[type="color"]:focus.error, form textarea[type="color"]:focus.error, form [type="color"].file-picker:focus.error {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(255, 0, 0, 0.6); }
form textarea.error, form select.error, form input[type="text"].error, form textarea[type="text"].error, form [type="text"].error.file-picker, form input[type="password"].error, form textarea[type="password"].error, form [type="password"].error.file-picker, form input[type="datetime"].error, form textarea[type="datetime"].error, form [type="datetime"].error.file-picker, form input[type="datetime-local"].error, form textarea[type="datetime-local"].error, form [type="datetime-local"].error.file-picker, form input[type="date"].error, form textarea[type="date"].error, form [type="date"].error.file-picker, form input[type="month"].error, form textarea[type="month"].error, form [type="month"].error.file-picker, form input[type="time"].error, form textarea[type="time"].error, form [type="time"].error.file-picker, form input[type="week"].error, form textarea[type="week"].error, form [type="week"].error.file-picker, form input[type="number"].error, form textarea[type="number"].error, form [type="number"].error.file-picker, form input[type="email"].error, form textarea[type="email"].error, form [type="email"].error.file-picker, form input[type="url"].error, form textarea[type="url"].error, form [type="url"].error.file-picker, form input[type="search"].error, form textarea[type="search"].error, form [type="search"].error.file-picker, form input[type="tel"].error, form textarea[type="tel"].error, form [type="tel"].error.file-picker, form input[type="color"].error, form textarea[type="color"].error, form [type="color"].error.file-picker {
  border-color: rgba(255, 0, 0, 0.6); }
form textarea.error::-webkit-input-placeholder, form select.error::-webkit-input-placeholder, form input[type="text"].error::-webkit-input-placeholder, form textarea[type="text"].error::-webkit-input-placeholder, form [type="text"].error.file-picker::-webkit-input-placeholder, form input[type="password"].error::-webkit-input-placeholder, form textarea[type="password"].error::-webkit-input-placeholder, form [type="password"].error.file-picker::-webkit-input-placeholder, form input[type="datetime"].error::-webkit-input-placeholder, form textarea[type="datetime"].error::-webkit-input-placeholder, form [type="datetime"].error.file-picker::-webkit-input-placeholder, form input[type="datetime-local"].error::-webkit-input-placeholder, form textarea[type="datetime-local"].error::-webkit-input-placeholder, form [type="datetime-local"].error.file-picker::-webkit-input-placeholder, form input[type="date"].error::-webkit-input-placeholder, form textarea[type="date"].error::-webkit-input-placeholder, form [type="date"].error.file-picker::-webkit-input-placeholder, form input[type="month"].error::-webkit-input-placeholder, form textarea[type="month"].error::-webkit-input-placeholder, form [type="month"].error.file-picker::-webkit-input-placeholder, form input[type="time"].error::-webkit-input-placeholder, form textarea[type="time"].error::-webkit-input-placeholder, form [type="time"].error.file-picker::-webkit-input-placeholder, form input[type="week"].error::-webkit-input-placeholder, form textarea[type="week"].error::-webkit-input-placeholder, form [type="week"].error.file-picker::-webkit-input-placeholder, form input[type="number"].error::-webkit-input-placeholder, form textarea[type="number"].error::-webkit-input-placeholder, form [type="number"].error.file-picker::-webkit-input-placeholder, form input[type="email"].error::-webkit-input-placeholder, form textarea[type="email"].error::-webkit-input-placeholder, form [type="email"].error.file-picker::-webkit-input-placeholder, form input[type="url"].error::-webkit-input-placeholder, form textarea[type="url"].error::-webkit-input-placeholder, form [type="url"].error.file-picker::-webkit-input-placeholder, form input[type="search"].error::-webkit-input-placeholder, form textarea[type="search"].error::-webkit-input-placeholder, form [type="search"].error.file-picker::-webkit-input-placeholder, form input[type="tel"].error::-webkit-input-placeholder, form textarea[type="tel"].error::-webkit-input-placeholder, form [type="tel"].error.file-picker::-webkit-input-placeholder, form input[type="color"].error::-webkit-input-placeholder, form textarea[type="color"].error::-webkit-input-placeholder, form [type="color"].error.file-picker::-webkit-input-placeholder {
  color: rgba(255, 0, 0, 0.6); }
form textarea.error::-moz-placeholder, form select.error::-moz-placeholder, form input[type="text"].error::-moz-placeholder, form textarea[type="text"].error::-moz-placeholder, form [type="text"].error.file-picker::-moz-placeholder, form input[type="password"].error::-moz-placeholder, form textarea[type="password"].error::-moz-placeholder, form [type="password"].error.file-picker::-moz-placeholder, form input[type="datetime"].error::-moz-placeholder, form textarea[type="datetime"].error::-moz-placeholder, form [type="datetime"].error.file-picker::-moz-placeholder, form input[type="datetime-local"].error::-moz-placeholder, form textarea[type="datetime-local"].error::-moz-placeholder, form [type="datetime-local"].error.file-picker::-moz-placeholder, form input[type="date"].error::-moz-placeholder, form textarea[type="date"].error::-moz-placeholder, form [type="date"].error.file-picker::-moz-placeholder, form input[type="month"].error::-moz-placeholder, form textarea[type="month"].error::-moz-placeholder, form [type="month"].error.file-picker::-moz-placeholder, form input[type="time"].error::-moz-placeholder, form textarea[type="time"].error::-moz-placeholder, form [type="time"].error.file-picker::-moz-placeholder, form input[type="week"].error::-moz-placeholder, form textarea[type="week"].error::-moz-placeholder, form [type="week"].error.file-picker::-moz-placeholder, form input[type="number"].error::-moz-placeholder, form textarea[type="number"].error::-moz-placeholder, form [type="number"].error.file-picker::-moz-placeholder, form input[type="email"].error::-moz-placeholder, form textarea[type="email"].error::-moz-placeholder, form [type="email"].error.file-picker::-moz-placeholder, form input[type="url"].error::-moz-placeholder, form textarea[type="url"].error::-moz-placeholder, form [type="url"].error.file-picker::-moz-placeholder, form input[type="search"].error::-moz-placeholder, form textarea[type="search"].error::-moz-placeholder, form [type="search"].error.file-picker::-moz-placeholder, form input[type="tel"].error::-moz-placeholder, form textarea[type="tel"].error::-moz-placeholder, form [type="tel"].error.file-picker::-moz-placeholder, form input[type="color"].error::-moz-placeholder, form textarea[type="color"].error::-moz-placeholder, form [type="color"].error.file-picker::-moz-placeholder {
  color: rgba(255, 0, 0, 0.6); }
form textarea.error:-ms-input-placeholder, form select.error:-ms-input-placeholder, form input[type="text"].error:-ms-input-placeholder, form textarea[type="text"].error:-ms-input-placeholder, form [type="text"].error.file-picker:-ms-input-placeholder, form input[type="password"].error:-ms-input-placeholder, form textarea[type="password"].error:-ms-input-placeholder, form [type="password"].error.file-picker:-ms-input-placeholder, form input[type="datetime"].error:-ms-input-placeholder, form textarea[type="datetime"].error:-ms-input-placeholder, form [type="datetime"].error.file-picker:-ms-input-placeholder, form input[type="datetime-local"].error:-ms-input-placeholder, form textarea[type="datetime-local"].error:-ms-input-placeholder, form [type="datetime-local"].error.file-picker:-ms-input-placeholder, form input[type="date"].error:-ms-input-placeholder, form textarea[type="date"].error:-ms-input-placeholder, form [type="date"].error.file-picker:-ms-input-placeholder, form input[type="month"].error:-ms-input-placeholder, form textarea[type="month"].error:-ms-input-placeholder, form [type="month"].error.file-picker:-ms-input-placeholder, form input[type="time"].error:-ms-input-placeholder, form textarea[type="time"].error:-ms-input-placeholder, form [type="time"].error.file-picker:-ms-input-placeholder, form input[type="week"].error:-ms-input-placeholder, form textarea[type="week"].error:-ms-input-placeholder, form [type="week"].error.file-picker:-ms-input-placeholder, form input[type="number"].error:-ms-input-placeholder, form textarea[type="number"].error:-ms-input-placeholder, form [type="number"].error.file-picker:-ms-input-placeholder, form input[type="email"].error:-ms-input-placeholder, form textarea[type="email"].error:-ms-input-placeholder, form [type="email"].error.file-picker:-ms-input-placeholder, form input[type="url"].error:-ms-input-placeholder, form textarea[type="url"].error:-ms-input-placeholder, form [type="url"].error.file-picker:-ms-input-placeholder, form input[type="search"].error:-ms-input-placeholder, form textarea[type="search"].error:-ms-input-placeholder, form [type="search"].error.file-picker:-ms-input-placeholder, form input[type="tel"].error:-ms-input-placeholder, form textarea[type="tel"].error:-ms-input-placeholder, form [type="tel"].error.file-picker:-ms-input-placeholder, form input[type="color"].error:-ms-input-placeholder, form textarea[type="color"].error:-ms-input-placeholder, form [type="color"].error.file-picker:-ms-input-placeholder {
  color: rgba(255, 0, 0, 0.6); }

.svg-icon.default img {
  height: 45px; }
.svg-icon.download img {
  height: 35px; }
.svg-icon.appstore svg {
  height: 45px; }

.omni-buy-modal, .omni-compare-modal, .omni-gallery-modal {
  background-color: rgba(244, 244, 245, 0.8); }
.omni-buy-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
  background-color: #f4f4f5;
  border: 1px solid #A9AAAA;
  border-radius: 4px;
  box-shadow: 1px 1px 5px #A9AAAA;
  padding: 1em;
  max-height: 80%; }
.omni-buy-modal .modal-inner .modal-content, .omni-compare-modal .modal-inner .modal-content, .omni-gallery-modal .modal-inner .modal-content {
  padding-top: 1em;
  max-height: 100%; }
@media (max-width: 30em) {
  .omni-buy-modal .modal-inner, .omni-compare-modal .modal-inner, .omni-gallery-modal .modal-inner {
    padding-top: 4em;
    max-height: 100%; } }
.omni-buy-modal .modal-close, .omni-compare-modal .modal-close, .omni-gallery-modal .modal-close {
  text-indent: -1000em;
  height: 2em; }
@media (max-width: 30em) {
  .omni-buy-modal .modal-close:after, .omni-compare-modal .modal-close:after, .omni-gallery-modal .modal-close:after {
    text-indent: 0;
    content: 'Close';
    padding: 1px;
    line-height: 0.8em;
    font-size: 1.5em;
    top: 1.3em;
    right: 1.3em;
    background-color: #f4f4f5;
    border: 1px solid #A9AAAA;
    border-radius: 4px; } }

.omni-video-modal header {
  border-bottom: none; }
.omni-video-modal .modal-close:after {
  top: 50px;
  left: 50%;
  width: 1em;
  margin-left: 480px;
  z-index: 1009;
  background: #3e1d1d;
  color: #1daeec;
  border-radius: 0;
  font-size: 36px;
  text-indent: 0; }
@media (max-width: 60em) {
  .omni-video-modal .modal-close:after {
    top: 0px;
    margin-left: 0;
    right: 20px;
    left: auto; } }

.omni-buy-modal {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  display: none\9; }
.omni-buy-modal:target, .omni-buy-modal.is-active {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  width: auto;
  height: auto;
  opacity: 1; }
.omni-buy-modal.is-active {
  display: block \ 9;
  height: 100% \9;
  width: 100% \9; }
.omni-buy-modal:target, .omni-buy-modal.is-active {
  display: block\9; }
.omni-buy-modal .modal-inner {
  position: absolute;
  top: 50px;
  left: 50%;
  z-index: 20;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
@media \0screen\,screen\9 {
  .omni-buy-modal .modal-inner {
    background: transparent; } }
.omni-buy-modal .modal-inner > img, .omni-buy-modal .modal-inner > video, .omni-buy-modal .modal-inner > iframe {
  width: 100%;
  height: auto;
  min-height: 300px; }
.omni-buy-modal .modal-inner > img {
  width: auto;
  max-width: 100%; }
.omni-buy-modal .modal-content {
  position: relative;
  max-height: 400px;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
@media \0screen\,screen\9 {
  .omni-buy-modal .modal-content {
    overflow: visible; } }
.omni-buy-modal .modal-content > * {
  max-width: 100%; }
.omni-buy-modal footer {
  border-top: 1px solid white;
  padding: 0 1.2em 18px;
  background: #f0f0f0;
  border-radius: 2px; }
.omni-buy-modal .modal-close {
  display: block;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden; }
.omni-buy-modal .modal-close:focus:after {
  outline: 1px dotted;
  outline: -webkit-focus-ring-color auto 5px; }
.omni-buy-modal .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }
.omni-buy-modal .modal-close:after {
  content: '\00d7';
  position: absolute;
  top: 15px;
  right: 40%;
  z-index: 20;
  font-size: 3em; }
.omni-buy-modal .modal-inner {
  margin-left: -350px;
  width: 700px; }
.omni-buy-modal .modal-close:after {
  margin-right: -350px; }
@media screen and (max-width: 740px) {
  .omni-buy-modal .modal-inner {
    width: auto;
    left: 20px;
    right: 20px;
    margin-left: 0; }
  .omni-buy-modal .modal-close:after {
    margin-right: 0 !important;
    right: 20px; } }
@media screen and (max-width: 500px) {
  .omni-buy-modal {
    -webkit-transform: translate(0, 400px);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: opacity 1ms .25s;
    -moz-transition: opacity 1ms .25s;
    -o-transition: opacity 1ms .25s;
    -ms-transition: opacity 1ms .25s;
    transition: opacity 1ms .25s;
    display: block;
    bottom: auto; }
  .omni-buy-modal:target, .omni-buy-modal.is-active {
    height: 100%; }
  .omni-buy-modal:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30; }
  .omni-buy-modal .modal-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: auto; }
  .omni-buy-modal .modal-content {
    max-height: none;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
  .omni-buy-modal .modal-close {
    right: auto; }
  .omni-buy-modal .modal-close:before {
    display: none; }
  .omni-buy-modal .modal-close:after {
    top: 5px;
    right: 5px;
    left: auto;
    z-index: 40;
    margin-left: 0; } }
@media screen and (max-height: 46em) and (min-width: 500px) {
  .omni-buy-modal .modal-content {
    max-height: 340px;
    max-height: 50vh; } }
@media screen and (max-height: 36em) and (min-width: 500px) {
  .omni-buy-modal .modal-content {
    max-height: 265px;
    max-height: 40vh; } }
.omni-buy-modal.is-stacked {
  -webkit-transform: translate(0, 0) scale(1, 1);
  -moz-transform: translate(0, 0) scale(1, 1);
  -o-transform: translate(0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  opacity: 1; }
.omni-buy-modal.is-stacked .modal-inner {
  -webkit-animation: scaleDown .7s ease both;
  -moz-animation: scaleDown .7s ease both;
  animation: scaleDown .7s ease both; }
.omni-buy-modal.is-stacked .modal-close {
  opacity: 0; }
@media screen and (max-width: 500px) {
  .omni-buy-modal.is-stacked {
    -webkit-animation: scaleDown .7s ease both;
    -moz-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both; }
  .omni-buy-modal.is-stacked .modal-inner {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none; }
  .omni-buy-modal.is-stacked .modal-close {
    opacity: 1; } }
.omni-buy-modal .modal-inner td, .omni-buy-modal .modal-inner p {
  font-size: 1.2em; }
.omni-buy-modal .modal-inner .appstore p {
  margin-top: 0; }
.omni-buy-modal .modal-inner .appstore img {
  width: 150px; }
.omni-buy-modal .modal-inner header {
  border-bottom: none; }
.omni-buy-modal .modal-inner header h3 {
  margin-top: 0;
  margin-bottom: 0; }
@media (max-width: 30em) {
  .omni-buy-modal .modal-inner header h3 {
    text-align: left; } }
.omni-buy-modal .modal-inner h4 {
  margin: 0;
  font-size: 2em; }
.omni-buy-modal .modal-inner table {
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #A9AAAA; }
.omni-buy-modal .modal-inner table tfoot {
  height: 1em; }
.omni-buy-modal .modal-inner .round_button {
  width: 150px; }
.omni-buy-modal .modal-inner .round_button .inner {
  border-color: #A9AAAA; }
.omni-buy-modal .modal-close:after {
  content: ""; }
@media (max-width: 30em) {
  .omni-buy-modal .modal-close:after {
    content: 'Close';
    padding: 1px;
    line-height: 2em;
    font-size: 1.5em;
    top: 1.3em;
    right: 1.3em; } }

.omni-gallery-modal .cycle-gallery {
  background-image: url("/assets/img/elements/galleryarrow.svg");
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  text-indent: -10000px; }
@media (max-width: 25.875em) {
  .omni-gallery-modal .cycle-gallery {
    top: 65%; } }
.omni-gallery-modal .cycle-gallery.prev {
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }
.omni-gallery-modal .cycle-gallery.next {
  right: 0; }
.omni-gallery-modal .cycle-gallery.disabled {
  opacity: 0.4;
  cursor: default; }

@media (max-width: 20em) {
  .omnioutliner.app_page h1 {
    font-size: 4.5em; } }
.app_page .app_content_row {
  margin-bottom: 5em; }
@media (max-width: 35.9375em) {
  .app_page .app_content_row {
    margin-bottom: 1.3em; } }
.app_page .content_section {
  margin-bottom: 5em; }
@media (max-width: 20em) {
  .app_page .content_section {
    margin-bottom: 0; } }
.app_page header.app {
  margin: auto;
  margin-top: .8em;
  margin-bottom: 0;
  text-align: center; }
.app_page header.app .tagline {
  font-family: "MuseoSlab", sans-serif;
  font-size: 2.8em;
  font-weight: 100;
  color: #404040; }
@media (max-width: 20em) {
  .app_page header.app .tagline {
    font-size: 1.9em; } }
@media (max-width: 35.9375em) {
  .app_page header.app {
    font-size: 13px; } }
.app_page h1 {
  font-family: "ProximaNovaA-Light", sans-serif;
  font-size: 6.5em;
  margin: 0;
  padding: 0;
  margin-bottom: -.2em; }
.app_page h2 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 4.8em;
  text-align: center;
  margin: 0; }
@media (max-width: 35.9375em) {
  .app_page h2 {
    font-size: 4em; } }
@media (max-width: 20em) {
  .app_page h2 {
    font-size: 3em;
    margin-bottom: 0em; } }
.app_page h3 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 1.6em;
  margin-bottom: 0px; }
@media (max-width: 35.9375em) {
  .app_page h3 {
    font-size: 2em; } }
@media (max-width: 20em) {
  .app_page h3 {
    font-size: 1.7em;
    margin: 0em;
    margin-top: .25em; } }
.app_page h4 {
  margin: 0; }
.app_page .callout {
  padding: .5em .8em .3em .8em;
  text-align: center;
  color: #A9AAAA; }
.app_page .callout span {
  padding: 0;
  margin: 0; }
.app_page .callout .name {
  text-transform: uppercase;
  font-size: 2em; }
.app_page .callout .message {
  margin-left: .8em;
  font-size: 1.4em; }
@media (max-width: 48em) {
  .app_page .callout {
    font-size: 12px; } }
@media (max-width: 35.9375em) {
  .app_page .callout .name {
    display: block; }
  .app_page .callout .name:after {
    content: ""; }
  .app_page .callout .message {
    margin: 0; } }
.app_page .divider {
  margin: 45px 0; }
@media (max-width: 20em) {
  .app_page .divider {
    margin: 25px 0; } }
.app_page .access .platform-label, .app_page .resources .platform-label {
  white-space: nowrap;
  width: 100%;
  overflow: visible;
  padding-top: 28px;
  padding-left: 71px;
  margin-bottom: .5em;
  background-repeat: no-repeat;
  background-position: left 11px; }
.app_page .access .platform-label h4, .app_page .resources .platform-label h4 {
  font-size: 2.4em;
  font-family: "ProximaNovaA-Thin", sans-serif; }
.app_page .access .platform-label h4 span, .app_page .resources .platform-label h4 span {
  font-size: .5em;
  color: #808080; }
@media (max-width: 48em) {
  .app_page .access .platform-label, .app_page .resources .platform-label {
    padding-left: 60px;
    padding-top: 12px; }
  .app_page .access .platform-label h4, .app_page .resources .platform-label h4 {
    font-size: 2em; } }
@media (max-width: 20em) {
  .app_page .access .platform-label, .app_page .resources .platform-label {
    padding-left: 50px !important;
    padding-top: 0px !important; } }
.app_page .access .mac .platform-label, .app_page .resources .mac .platform-label {
  padding-left: 80px;
  background-position: left top; }
@media (max-width: 20em) {
  .app_page .access .mac .platform-label, .app_page .resources .mac .platform-label {
    padding-left: 50px !important;
    padding-top: 0px !important; } }
@media (max-width: 48em) {
  .app_page .access .mac .platform-label, .app_page .resources .mac .platform-label {
    padding-left: 60px;
    padding-top: 12px; }
  .app_page .access .mac .platform-label h4, .app_page .resources .mac .platform-label h4 {
    font-size: 2em; } }
.app_page .access .links, .app_page .resources .links {
  max-width: 30em; }
.app_page .access .links ul, .app_page .resources .links ul {
  margin: 0;
  padding: 0; }
.app_page .access .links ul.centered, .app_page .resources .links ul.centered {
  text-align: center; }
.app_page .access .links li, .app_page .resources .links li {
  display: inline-block;
  list-style-type: none;
  font-size: 1.1em;
  color: #808080;
  font-family: "MuseoSlab", sans-serif; }
.app_page .access .links li:before, .app_page .resources .links li:before {
  content: "•";
  margin: 0 .3em;
  font-size: 1.4rem;
  line-height: .8em;
  margin-top: .5em; }
.app_page .access .links li:first-child:before, .app_page .resources .links li:first-child:before {
  content: '';
  margin: 0; }
.app_page .access .links li a, .app_page .resources .links li a {
  color: #808080;
  text-decoration: underline; }
@media (max-width: 48em) {
  .app_page .access .links ul.centered, .app_page .resources .links ul.centered {
    text-align: left; } }
.app_page .access.two .platform-label h4, .app_page .resources.two .platform-label h4 {
  font-size: 3em; }
.app_page .access.three .platform-label h4, .app_page .resources.three .platform-label h4 {
  padding-top: .3em; }
@media (max-width: 60em) {
  .app_page .access, .app_page .resources {
    font-size: 13px; } }
@media (max-width: 48em) {
  .app_page .access, .app_page .resources {
    font-size: 16px; } }
@media (max-width: 20em) {
  .app_page .access, .app_page .resources {
    font-size: 15px; } }
@media (max-width: 20em) {
  .app_page .action {
    margin-bottom: 0; } }
.app_page .action header {
  line-height: 2em; }
@media (max-width: 20em) {
  .app_page .action header {
    line-height: normal; } }
.app_page .action .detail {
  width: 60%;
  margin: auto;
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.2em; }
@media (max-width: 30em) {
  .app_page .action .detail {
    width: auto; } }
.app_page .action .screenshot {
  text-align: center; }
.app_page .action .screenshot .hardware {
  width: 90%;
  margin: auto;
  overflow: visible;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top; }
.app_page .action.mac div.ipad, .app_page .action.mac div.iphone, .app_page .action.ipad div.mac, .app_page .action.ipad div.iphone, .app_page .action.iphone div.mac, .app_page .action.iphone div.ipad {
  display: none; }
.app_page .action.mac a.ipad .inner, .app_page .action.mac a.iphone .inner, .app_page .action.ipad a.mac .inner, .app_page .action.ipad a.iphone .inner, .app_page .action.iphone a.mac .inner, .app_page .action.iphone a.ipad .inner {
  opacity: .4; }
.app_page .download .details {
  position: relative;
  width: 80%;
  margin: auto; }
.app_page .download .details h3 {
  font-family: "ProximaNovaA-Light", sans-serif;
  font-size: 2em; }
@media (max-width: 20em) {
  .app_page .download .details h3 {
    font-size: 1.6em; } }
.app_page .download .details h4 {
  font-family: "ProximaNova-Semibold", sans-serif;
  margin: 0; }
.app_page .download .details .section {
  margin-bottom: 1em; }
.app_page .download .details .section p {
  margin-top: 0; }
.app_page .download .details .pricing p {
  margin: 0; }
.app_page .download .details .badge {
  position: absolute;
  right: 0;
  top: 0; }
@media (max-width: 48em) {
  .app_page .download .details .badge {
    position: relative; } }
@media (max-width: 48em) {
  .app_page .download .details {
    width: inherit; } }
@media (max-width: 20em) {
  .app_page .milestones {
    margin-bottom: 1.3em; } }
@media (max-width: 20em) {
  .app_page .features {
    margin-bottom: 1.3em; } }
.app_page .features table {
  margin: auto; }
.app_page .features th {
  font-family: "ProximaNovaA-Regular", sans-serif;
  font-size: 2.3em;
  padding: 0 .5em; }
.app_page .features th:first-child {
  text-align: left;
  padding: 0;
  width: 15em; }
.app_page .features tbody.feature tr:last-child {
  border-bottom: 1px solid #808080; }
.app_page .features tr:first-child {
  border: none; }
.app_page .features td {
  font-size: 1.1em;
  font-family: "ProximaNovaA-Light", sans-serif; }
.app_page .features .checkmark {
  padding: 1px 6px;
  border-radius: 20px; }
.app_page .features .subtext {
  font-size: 1em;
  font-family: "MuseoSlab", sans-serif;
  color: #808080;
  padding-bottom: 6px; }
@media (max-width: 48em) {
  .app_page .features .subtext {
    font-size: 0.78em; } }
.app_page .features .name {
  padding-top: 7px; }
.app_page .features .device {
  font-family: "ProximaNovaCond-Regular", sans-serif;
  font-size: 1.8em;
  text-align: center; }
.app_page .features .device.pro span, .app_page .features .device.iap span {
  top: 0;
  font-size: .6em;
  padding: 1px 3px;
  border-radius: .3em;
  line-height: 2em; }
.app_page .features .device img {
  margin: auto; }
@media (max-width: 48em) {
  .app_page .features .device.iap span {
    font-size: 0.4em; } }
@media (max-width: 20em) {
  .app_page .features .device.iap span {
    font-size: 0.7em;
    line-height: 1em;
    display: block; } }
@media (max-width: 35.9375em) {
  .app_page .features th {
    font-size: 1.8em; }
  .app_page .features th:first-child {
    width: auto; }
  .app_page .features td {
    font-size: 1.2em; } }
@media (max-width: 30em) {
  .app_page .features th {
    font-size: 1.1em;
    height: 2em; }
  .app_page .features td {
    font-size: 1em; }
  .app_page .features .feature {
    font-family: "ProximaNovaA-Light", sans-serif;
    line-height: 1.2em; }
  .app_page .features .device {
    font-size: 1.2em; } }
.app_page .vid .detail {
  font-family: "ProximaNovaA-Regular", sans-serif;
  font-size: 1em;
  margin: 0;
  width: 100%;
  padding: 3px 0; }
.app_page .more-vids > div {
  margin: auto; }
.app_page .platform-info {
  clear: both;
  background-color: #A9AAAA; }
.app_page .platform-info h5 {
  font-size: 1.5em;
  font-family: "ProximaNovaA-Light", sans-serif; }
.app_page .platform-info .button {
  text-align: center;
  padding: .5em; }

.fall_app_page.omnigraffle img, .fall_app_page.omnifocus img, .november_app_page.omniplan img, .november_app_page.omnioutliner img {
  display: block; }
.fall_app_page.omnigraffle h1, .fall_app_page.omnifocus h1, .november_app_page.omniplan h1, .november_app_page.omnioutliner h1 {
  color: #404040;
  font-size: 5em;
  font-family: "ProximaNovaA-Light", sans-serif;
  margin-top: .2em;
  margin-bottom: 0;
  text-align: center; }
@media (max-width: 60em) {
  .fall_app_page.omnigraffle h1, .fall_app_page.omnifocus h1, .november_app_page.omniplan h1, .november_app_page.omnioutliner h1 {
    font-size: 4em; } }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle h1, .fall_app_page.omnifocus h1, .november_app_page.omniplan h1, .november_app_page.omnioutliner h1 {
    font-size: 3em; } }
.fall_app_page.omnigraffle .banner, .fall_app_page.omnifocus .banner, .november_app_page.omniplan .banner, .november_app_page.omnioutliner .banner {
  font-family: "ProximaNovaA-Light", sans-serif;
  font-size: 2em; }
.fall_app_page.omnigraffle .banner strong, .fall_app_page.omnifocus .banner strong, .november_app_page.omniplan .banner strong, .november_app_page.omnioutliner .banner strong {
  font-family: "ProximaNova-Semibold", sans-serif; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .banner, .fall_app_page.omnifocus .banner, .november_app_page.omniplan .banner, .november_app_page.omnioutliner .banner {
    font-size: 1.6em;
    font-family: "ProximaNovaA-Regular", sans-serif; } }
.fall_app_page.omnigraffle h3, .fall_app_page.omnifocus h3, .november_app_page.omniplan h3, .november_app_page.omnioutliner h3 {
  font-size: 2.8em;
  text-align: center;
  margin: 0; }
.fall_app_page.omnigraffle .pricing, .fall_app_page.omnifocus .pricing, .november_app_page.omniplan .pricing, .november_app_page.omnioutliner .pricing {
  font-size: 1.2em;
  margin: 0 0 0.4em 0;
  text-align: center; }
.fall_app_page.omnigraffle .buttons, .fall_app_page.omnifocus .buttons, .november_app_page.omniplan .buttons, .november_app_page.omnioutliner .buttons {
  text-align: center;
  margin-bottom: 0px; }
.fall_app_page.omnigraffle .buttons .round_button, .fall_app_page.omnifocus .buttons .round_button, .november_app_page.omniplan .buttons .round_button, .november_app_page.omnioutliner .buttons .round_button {
  max-width: 200px;
  margin: auto; }
.fall_app_page.omnigraffle .buttons img, .fall_app_page.omnifocus .buttons img, .november_app_page.omniplan .buttons img, .november_app_page.omnioutliner .buttons img {
  height: 38px;
  display: block;
  margin: auto; }
.fall_app_page.omnigraffle .buttons span, .fall_app_page.omnifocus .buttons span, .november_app_page.omniplan .buttons span, .november_app_page.omnioutliner .buttons span {
  font-family: "ProximaNovaCond-Regular", sans-serif;
  padding-top: .2em;
  text-align: center;
  display: block;
  font-size: 1em; }
.fall_app_page.omnigraffle .buttons .appstore, .fall_app_page.omnifocus .buttons .appstore, .november_app_page.omniplan .buttons .appstore, .november_app_page.omnioutliner .buttons .appstore {
  width: 50%;
  display: inline-block;
  max-width: 200px; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .buttons, .fall_app_page.omnifocus .buttons, .november_app_page.omniplan .buttons, .november_app_page.omnioutliner .buttons {
    margin-bottom: 1em; }
  .fall_app_page.omnigraffle .buttons .download, .fall_app_page.omnifocus .buttons .download, .november_app_page.omniplan .buttons .download, .november_app_page.omnioutliner .buttons .download {
    margin-bottom: 1em; }
  .fall_app_page.omnigraffle .buttons span, .fall_app_page.omnifocus .buttons span, .november_app_page.omniplan .buttons span, .november_app_page.omnioutliner .buttons span {
    font-size: 1.5em; } }
.fall_app_page.omnigraffle .download-and-buy, .fall_app_page.omnifocus .download-and-buy, .november_app_page.omniplan .download-and-buy, .november_app_page.omnioutliner .download-and-buy {
  margin-bottom: 1em;
  overflow: hidden; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .download-and-buy + section h2, .fall_app_page.omnifocus .download-and-buy + section h2, .november_app_page.omniplan .download-and-buy + section h2, .november_app_page.omnioutliner .download-and-buy + section h2 {
    margin-top: 0.5em; } }
.fall_app_page.omnigraffle .buy-now .inner, .fall_app_page.omnifocus .buy-now .inner, .november_app_page.omniplan .buy-now .inner, .november_app_page.omnioutliner .buy-now .inner {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.fall_app_page.omnigraffle .return-button, .fall_app_page.omnifocus .return-button, .november_app_page.omniplan .return-button, .november_app_page.omnioutliner .return-button {
  position: absolute;
  right: 5%;
  cursor: pointer;
  font-family: "ProximaNova-Semibold", sans-serif;
  font-size: 3em;
  line-height: 1.1em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.5px;
  max-width: 400px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .return-button, .fall_app_page.omnifocus .return-button, .november_app_page.omniplan .return-button, .november_app_page.omnioutliner .return-button {
    opacity: 0; } }
.fall_app_page.omnigraffle .return-button.hide, .fall_app_page.omnifocus .return-button.hide, .november_app_page.omniplan .return-button.hide, .november_app_page.omnioutliner .return-button.hide {
  opacity: 0;
  pointer-events: none; }
.fall_app_page.omnigraffle .return-button span, .fall_app_page.omnifocus .return-button span, .november_app_page.omniplan .return-button span, .november_app_page.omnioutliner .return-button span {
  float: right; }
.fall_app_page.omnigraffle .return-button .svg-icon, .fall_app_page.omnifocus .return-button .svg-icon, .november_app_page.omniplan .return-button .svg-icon, .november_app_page.omnioutliner .return-button .svg-icon {
  padding: 0 5px; }
.fall_app_page.omnigraffle .return-button svg, .fall_app_page.omnifocus .return-button svg, .november_app_page.omniplan .return-button svg, .november_app_page.omnioutliner .return-button svg {
  max-width: 45px;
  max-height: 33px;
  display: inline-block; }
.fall_app_page.omnigraffle .ios-buy, .fall_app_page.omnifocus .ios-buy, .november_app_page.omniplan .ios-buy, .november_app_page.omnioutliner .ios-buy {
  position: relative;
  float: right;
  margin-right: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear; }
.fall_app_page.omnigraffle .ios-buy.collapsed, .fall_app_page.omnifocus .ios-buy.collapsed, .november_app_page.omniplan .ios-buy.collapsed, .november_app_page.omnioutliner .ios-buy.collapsed {
  right: -500px; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .ios-buy.collapsed, .fall_app_page.omnifocus .ios-buy.collapsed, .november_app_page.omniplan .ios-buy.collapsed, .november_app_page.omnioutliner .ios-buy.collapsed {
    right: 0;
    margin-bottom: 0; } }
.fall_app_page.omnigraffle .mac-buy, .fall_app_page.omnifocus .mac-buy, .november_app_page.omniplan .mac-buy, .november_app_page.omnioutliner .mac-buy {
  position: relative;
  margin-left: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear; }
.fall_app_page.omnigraffle .mac-buy.expanded, .fall_app_page.omnifocus .mac-buy.expanded, .november_app_page.omniplan .mac-buy.expanded, .november_app_page.omnioutliner .mac-buy.expanded {
  right: -25%; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .mac-buy.expanded, .fall_app_page.omnifocus .mac-buy.expanded, .november_app_page.omniplan .mac-buy.expanded, .november_app_page.omnioutliner .mac-buy.expanded {
    right: 0; }
  .fall_app_page.omnigraffle .mac-buy .download, .fall_app_page.omnifocus .mac-buy .download, .november_app_page.omniplan .mac-buy .download, .november_app_page.omnioutliner .mac-buy .download {
    display: none; } }
.fall_app_page.omnigraffle .buy-dropdown, .fall_app_page.omnifocus .buy-dropdown, .november_app_page.omniplan .buy-dropdown, .november_app_page.omnioutliner .buy-dropdown {
  max-height: 0;
  margin: 9.5em auto 0 auto;
  text-align: center;
  overflow: hidden;
  border-radius: 5px;
  width: 80%;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .buy-dropdown, .fall_app_page.omnifocus .buy-dropdown, .november_app_page.omniplan .buy-dropdown, .november_app_page.omnioutliner .buy-dropdown {
    margin-top: 20em;
    overflow: visible;
    width: 100%; } }
.fall_app_page.omnigraffle .buy-dropdown.expanded, .fall_app_page.omnifocus .buy-dropdown.expanded, .november_app_page.omniplan .buy-dropdown.expanded, .november_app_page.omnioutliner .buy-dropdown.expanded {
  max-height: 290px; }
.fall_app_page.omnigraffle .buy-dropdown h3, .fall_app_page.omnifocus .buy-dropdown h3, .november_app_page.omniplan .buy-dropdown h3, .november_app_page.omnioutliner .buy-dropdown h3 {
  margin: 0.5em 0;
  font-size: 1.6em; }
.fall_app_page.omnigraffle .buy-dropdown h4, .fall_app_page.omnifocus .buy-dropdown h4, .november_app_page.omniplan .buy-dropdown h4, .november_app_page.omnioutliner .buy-dropdown h4 {
  font-size: 1.4em;
  margin: 0.5em auto 0 auto; }
.fall_app_page.omnigraffle .buy-dropdown .omni-store > div, .fall_app_page.omnifocus .buy-dropdown .omni-store > div, .november_app_page.omniplan .buy-dropdown .omni-store > div, .november_app_page.omnioutliner .buy-dropdown .omni-store > div {
  width: 30%;
  padding: 0 1em;
  margin: auto;
  display: inline-block; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .buy-dropdown .omni-store > div, .fall_app_page.omnifocus .buy-dropdown .omni-store > div, .november_app_page.omniplan .buy-dropdown .omni-store > div, .november_app_page.omnioutliner .buy-dropdown .omni-store > div {
    width: 49%; } }
.fall_app_page.omnigraffle .buy-dropdown .omni-store > div .round_button, .fall_app_page.omnifocus .buy-dropdown .omni-store > div .round_button, .november_app_page.omniplan .buy-dropdown .omni-store > div .round_button, .november_app_page.omnioutliner .buy-dropdown .omni-store > div .round_button {
  padding: 0.3em 0;
  margin: auto;
  max-width: 200px; }
.fall_app_page.omnigraffle .buy-dropdown .omni-store > div .round_button .inner, .fall_app_page.omnifocus .buy-dropdown .omni-store > div .round_button .inner, .november_app_page.omniplan .buy-dropdown .omni-store > div .round_button .inner, .november_app_page.omnioutliner .buy-dropdown .omni-store > div .round_button .inner {
  font-family: "ProximaNovaA-Regular", sans-serif;
  border: 1px solid #1daeec;
  background-color: #1daeec;
  color: #ffffff; }
.fall_app_page.omnigraffle .buy-dropdown .upgrade p, .fall_app_page.omnifocus .buy-dropdown .upgrade p, .november_app_page.omniplan .buy-dropdown .upgrade p, .november_app_page.omnioutliner .buy-dropdown .upgrade p {
  margin: 0.5em auto;
  font-size: 1.2em;
  color: #1daeec; }
.fall_app_page.omnigraffle .buy-dropdown .upgrade a, .fall_app_page.omnifocus .buy-dropdown .upgrade a, .november_app_page.omniplan .buy-dropdown .upgrade a, .november_app_page.omnioutliner .buy-dropdown .upgrade a {
  color: #1daeec;
  text-decoration: underline; }
.fall_app_page.omnigraffle .buy-dropdown .divider-line, .fall_app_page.omnifocus .buy-dropdown .divider-line, .november_app_page.omniplan .buy-dropdown .divider-line, .november_app_page.omnioutliner .buy-dropdown .divider-line {
  border-bottom: 1px solid;
  margin: 1em 0;
  border-color: #f4f4f5; }
.fall_app_page.omnigraffle .buy-dropdown .appstore, .fall_app_page.omnifocus .buy-dropdown .appstore, .november_app_page.omniplan .buy-dropdown .appstore, .november_app_page.omnioutliner .buy-dropdown .appstore {
  margin: auto; }
.fall_app_page.omnigraffle .buy-dropdown .appstore .mas-button, .fall_app_page.omnifocus .buy-dropdown .appstore .mas-button, .november_app_page.omniplan .buy-dropdown .appstore .mas-button, .november_app_page.omnioutliner .buy-dropdown .appstore .mas-button {
  max-width: 200px;
  margin: auto; }
.fall_app_page.omnigraffle .buy-dropdown .message, .fall_app_page.omnifocus .buy-dropdown .message, .november_app_page.omniplan .buy-dropdown .message, .november_app_page.omnioutliner .buy-dropdown .message {
  font-size: 0.8em;
  margin: 1.5em auto 0.5em auto;
  font-style: italic;
  width: 60%; }
.fall_app_page.omnigraffle .biglink, .fall_app_page.omnifocus .biglink, .november_app_page.omniplan .biglink, .november_app_page.omnioutliner .biglink {
  font-size: 1.8em;
  line-height: 2em;
  text-align: center;
  text-decoration: underline; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .biglink, .fall_app_page.omnifocus .biglink, .november_app_page.omniplan .biglink, .november_app_page.omnioutliner .biglink {
    font-size: 1.3em;
    line-height: 1.3em; } }
.fall_app_page.omnigraffle article > section, .fall_app_page.omnifocus article > section, .november_app_page.omniplan article > section, .november_app_page.omnioutliner article > section, .fall_app_page.omnigraffle article > header, .fall_app_page.omnifocus article > header, .november_app_page.omniplan article > header, .november_app_page.omnioutliner article > header {
  margin-bottom: 4em; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle article > section, .fall_app_page.omnifocus article > section, .november_app_page.omniplan article > section, .november_app_page.omnioutliner article > section, .fall_app_page.omnigraffle article > header, .fall_app_page.omnifocus article > header, .november_app_page.omniplan article > header, .november_app_page.omnioutliner article > header {
    margin-bottom: 2em; } }
.fall_app_page.omnigraffle article > section header h2, .fall_app_page.omnifocus article > section header h2, .november_app_page.omniplan article > section header h2, .november_app_page.omnioutliner article > section header h2 {
  font-family: "ProximaNovaA-Light", sans-serif;
  font-size: 4em;
  text-align: center;
  margin-bottom: 0; }
@media (max-width: 60em) {
  .fall_app_page.omnigraffle article > section header h2, .fall_app_page.omnifocus article > section header h2, .november_app_page.omniplan article > section header h2, .november_app_page.omnioutliner article > section header h2 {
    font-size: 4em; } }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle article > section header h2, .fall_app_page.omnifocus article > section header h2, .november_app_page.omniplan article > section header h2, .november_app_page.omnioutliner article > section header h2 {
    font-size: 3em; } }
.fall_app_page.omnigraffle article > section header .detail, .fall_app_page.omnifocus article > section header .detail, .november_app_page.omniplan article > section header .detail, .november_app_page.omnioutliner article > section header .detail {
  font-size: 1.3em;
  max-width: 28.02885em;
  margin: auto; }
.fall_app_page.omnigraffle article > section header .detail p:first-child, .fall_app_page.omnifocus article > section header .detail p:first-child, .november_app_page.omniplan article > section header .detail p:first-child, .november_app_page.omnioutliner article > section header .detail p:first-child {
  margin-top: 0; }
.fall_app_page.omnigraffle .select > div span.mobile, .fall_app_page.omnifocus .select > div span.mobile, .november_app_page.omniplan .select > div span.mobile, .november_app_page.omnioutliner .select > div span.mobile {
  display: none; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .select > div span.mobile, .fall_app_page.omnifocus .select > div span.mobile, .november_app_page.omniplan .select > div span.mobile, .november_app_page.omnioutliner .select > div span.mobile {
    display: inline; } }
.fall_app_page.omnigraffle .select > div span.wide-only, .fall_app_page.omnifocus .select > div span.wide-only, .november_app_page.omniplan .select > div span.wide-only, .november_app_page.omnioutliner .select > div span.wide-only {
  display: inline; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .select > div span.wide-only, .fall_app_page.omnifocus .select > div span.wide-only, .november_app_page.omniplan .select > div span.wide-only, .november_app_page.omnioutliner .select > div span.wide-only {
    display: none; } }
.fall_app_page.omnigraffle .select > div svg, .fall_app_page.omnifocus .select > div svg, .november_app_page.omniplan .select > div svg, .november_app_page.omnioutliner .select > div svg {
  height: 5em; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .select > div svg, .fall_app_page.omnifocus .select > div svg, .november_app_page.omniplan .select > div svg, .november_app_page.omnioutliner .select > div svg {
    height: 3em; } }
.fall_app_page.omnigraffle .select > div span, .fall_app_page.omnifocus .select > div span, .november_app_page.omniplan .select > div span, .november_app_page.omnioutliner .select > div span {
  font-family: "ProximaNova-Bold", sans-serif; }
.fall_app_page.omnigraffle .select > div > a div, .fall_app_page.omnifocus .select > div > a div, .november_app_page.omniplan .select > div > a div, .november_app_page.omnioutliner .select > div > a div {
  color: #404040; }
.fall_app_page.omnigraffle .select > div p, .fall_app_page.omnifocus .select > div p, .november_app_page.omniplan .select > div p, .november_app_page.omnioutliner .select > div p {
  margin: 0 0 inherit; }
.fall_app_page.omnigraffle .display h4, .fall_app_page.omnifocus .display h4, .november_app_page.omniplan .display h4, .november_app_page.omnioutliner .display h4 {
  font-family: "ProximaNova-Bold", sans-serif; }
.fall_app_page.omnigraffle .display .media.rounded img, .fall_app_page.omnifocus .display .media.rounded img, .november_app_page.omniplan .display .media.rounded img, .november_app_page.omnioutliner .display .media.rounded img {
  border-radius: 10px;
  border: 1px solid transparent; }
.fall_app_page.omnigraffle .display .description .text p, .fall_app_page.omnifocus .display .description .text p, .november_app_page.omniplan .display .description .text p, .november_app_page.omnioutliner .display .description .text p {
  margin-top: 0; }
.fall_app_page.omnigraffle .display .display-indicators, .fall_app_page.omnifocus .display .display-indicators, .november_app_page.omniplan .display .display-indicators, .november_app_page.omnioutliner .display .display-indicators {
  text-align: center; }
.fall_app_page.omnigraffle .display .display-indicators .indicator, .fall_app_page.omnifocus .display .display-indicators .indicator, .november_app_page.omniplan .display .display-indicators .indicator, .november_app_page.omnioutliner .display .display-indicators .indicator {
  height: 15px;
  width: 15px;
  margin: 5px 15px;
  display: inline-block;
  border-radius: 10px;
  cursor: pointer; }
.fall_app_page.omnigraffle #features, .fall_app_page.omnifocus #features, .november_app_page.omniplan #features, .november_app_page.omnioutliner #features {
  padding-top: 0.5em; }
.fall_app_page.omnigraffle .feature-list, .fall_app_page.omnifocus .feature-list, .november_app_page.omniplan .feature-list, .november_app_page.omnioutliner .feature-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s, opacity 0.8s ease;
  -moz-transition: max-height 0.3s, opacity 0.8s ease;
  -o-transition: max-height 0.3s, opacity 0.8s ease;
  transition: max-height 0.3s, opacity 0.8s ease; }
.fall_app_page.omnigraffle .feature-list.expanded, .fall_app_page.omnifocus .feature-list.expanded, .november_app_page.omniplan .feature-list.expanded, .november_app_page.omnioutliner .feature-list.expanded {
  max-height: 2000px;
  opacity: 1; }
.fall_app_page.omnigraffle .feature-display, .fall_app_page.omnifocus .feature-display, .november_app_page.omniplan .feature-display, .november_app_page.omnioutliner .feature-display {
  font-size: 2em;
  width: 15em;
  font-family: "ProximaNovaA-Regular", sans-serif;
  margin: 1.5em auto 0 auto;
  text-align: center;
  cursor: pointer; }
.fall_app_page.omnigraffle .feature-display .inner, .fall_app_page.omnifocus .feature-display .inner, .november_app_page.omniplan .feature-display .inner, .november_app_page.omnioutliner .feature-display .inner {
  padding: 0;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease; }
@media (max-width: 23.4375em) {
  .fall_app_page.omnigraffle .feature-display, .fall_app_page.omnifocus .feature-display, .november_app_page.omniplan .feature-display, .november_app_page.omnioutliner .feature-display {
    width: auto; } }
.fall_app_page.omnigraffle .triangle, .fall_app_page.omnifocus .triangle, .november_app_page.omniplan .triangle, .november_app_page.omnioutliner .triangle {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  margin: auto;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
.fall_app_page.omnigraffle .triangle.hide, .fall_app_page.omnifocus .triangle.hide, .november_app_page.omniplan .triangle.hide, .november_app_page.omnioutliner .triangle.hide {
  opacity: 0; }
@media (max-width: 20em) {
  .fall_app_page.omnigraffle .compare, .fall_app_page.omnifocus .compare, .november_app_page.omniplan .compare, .november_app_page.omnioutliner .compare {
    margin-bottom: 1.3em; } }
.fall_app_page.omnigraffle .compare table, .fall_app_page.omnifocus .compare table, .november_app_page.omniplan .compare table, .november_app_page.omnioutliner .compare table {
  margin: auto;
  width: 100%; }
.fall_app_page.omnigraffle .compare th, .fall_app_page.omnifocus .compare th, .november_app_page.omniplan .compare th, .november_app_page.omnioutliner .compare th {
  font-family: "ProximaNovaA-Regular", sans-serif;
  font-size: 1.8em; }
.fall_app_page.omnigraffle .compare th:first-child, .fall_app_page.omnifocus .compare th:first-child, .november_app_page.omniplan .compare th:first-child, .november_app_page.omnioutliner .compare th:first-child {
  text-align: left;
  padding: 0; }
.fall_app_page.omnigraffle .compare th.selector, .fall_app_page.omnifocus .compare th.selector, .november_app_page.omniplan .compare th.selector, .november_app_page.omnioutliner .compare th.selector {
  width: 10%; }
.fall_app_page.omnigraffle .compare td, .fall_app_page.omnifocus .compare td, .november_app_page.omniplan .compare td, .november_app_page.omnioutliner .compare td {
  font-size: 1.2em; }
.fall_app_page.omnigraffle .compare .subtext, .fall_app_page.omnifocus .compare .subtext, .november_app_page.omniplan .compare .subtext, .november_app_page.omnioutliner .compare .subtext {
  font-size: 1em;
  font-family: "ProximaNovaA-Regular", sans-serif;
  color: #808080;
  padding-bottom: 6px;
  padding-left: 1.7em; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .compare .subtext, .fall_app_page.omnifocus .compare .subtext, .november_app_page.omniplan .compare .subtext, .november_app_page.omnioutliner .compare .subtext {
    font-size: 0.9em; } }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .compare .subtext, .fall_app_page.omnifocus .compare .subtext, .november_app_page.omniplan .compare .subtext, .november_app_page.omnioutliner .compare .subtext {
    padding-left: 0.3em; } }
.fall_app_page.omnigraffle .compare .x_spacer, .fall_app_page.omnifocus .compare .x_spacer, .november_app_page.omniplan .compare .x_spacer, .november_app_page.omnioutliner .compare .x_spacer {
  width: 30%; }
.fall_app_page.omnigraffle .compare .name, .fall_app_page.omnifocus .compare .name, .november_app_page.omniplan .compare .name, .november_app_page.omnioutliner .compare .name {
  padding-top: 7px;
  padding-left: 1.5em; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .compare .name, .fall_app_page.omnifocus .compare .name, .november_app_page.omniplan .compare .name, .november_app_page.omnioutliner .compare .name {
    padding-left: 0.3em; } }
.fall_app_page.omnigraffle .compare .device, .fall_app_page.omnifocus .compare .device, .november_app_page.omniplan .compare .device, .november_app_page.omnioutliner .compare .device {
  font-family: "ProximaNovaCond-Regular", sans-serif;
  font-size: 1.5em;
  text-align: center;
  padding-right: 0.4em; }
.fall_app_page.omnigraffle .compare .device.pro span, .fall_app_page.omnifocus .compare .device.pro span, .november_app_page.omniplan .compare .device.pro span, .november_app_page.omnioutliner .compare .device.pro span, .fall_app_page.omnigraffle .compare .device.iap span, .fall_app_page.omnifocus .compare .device.iap span, .november_app_page.omniplan .compare .device.iap span, .november_app_page.omnioutliner .compare .device.iap span {
  top: 0;
  font-size: .6em;
  padding: 1px 3px;
  border-radius: .3em;
  line-height: 2em; }
.fall_app_page.omnigraffle .compare .device.pro div, .fall_app_page.omnifocus .compare .device.pro div, .november_app_page.omniplan .compare .device.pro div, .november_app_page.omnioutliner .compare .device.pro div, .fall_app_page.omnigraffle .compare .device.iap div, .fall_app_page.omnifocus .compare .device.iap div, .november_app_page.omniplan .compare .device.iap div, .november_app_page.omnioutliner .compare .device.iap div {
  font-size: 0.5em;
  padding-top: 7px; }
.fall_app_page.omnigraffle .compare .device img, .fall_app_page.omnifocus .compare .device img, .november_app_page.omniplan .compare .device img, .november_app_page.omnioutliner .compare .device img {
  margin: auto; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .compare .device.iap div, .fall_app_page.omnifocus .compare .device.iap div, .november_app_page.omniplan .compare .device.iap div, .november_app_page.omnioutliner .compare .device.iap div {
    font-size: 0.4em; } }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .compare .device.iap div, .fall_app_page.omnifocus .compare .device.iap div, .november_app_page.omniplan .compare .device.iap div, .november_app_page.omnioutliner .compare .device.iap div {
    font-size: 0.7em;
    line-height: 1em;
    display: block; } }
@media (max-width: 35.9375em) {
  .fall_app_page.omnigraffle .compare th, .fall_app_page.omnifocus .compare th, .november_app_page.omniplan .compare th, .november_app_page.omnioutliner .compare th {
    font-size: 1.8em; }
  .fall_app_page.omnigraffle .compare th:first-child, .fall_app_page.omnifocus .compare th:first-child, .november_app_page.omniplan .compare th:first-child, .november_app_page.omnioutliner .compare th:first-child {
    width: auto; }
  .fall_app_page.omnigraffle .compare td, .fall_app_page.omnifocus .compare td, .november_app_page.omniplan .compare td, .november_app_page.omnioutliner .compare td {
    font-size: 1.2em; } }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .compare th, .fall_app_page.omnifocus .compare th, .november_app_page.omniplan .compare th, .november_app_page.omnioutliner .compare th {
    font-size: 1.1em; }
  .fall_app_page.omnigraffle .compare td, .fall_app_page.omnifocus .compare td, .november_app_page.omniplan .compare td, .november_app_page.omnioutliner .compare td {
    font-size: 1em; }
  .fall_app_page.omnigraffle .compare .feature, .fall_app_page.omnifocus .compare .feature, .november_app_page.omniplan .compare .feature, .november_app_page.omnioutliner .compare .feature {
    font-family: "ProximaNovaA-Light", sans-serif;
    line-height: 1.2em; }
  .fall_app_page.omnigraffle .compare .device, .fall_app_page.omnifocus .compare .device, .november_app_page.omniplan .compare .device, .november_app_page.omnioutliner .compare .device {
    font-size: 1.2em; } }
.fall_app_page.omnigraffle .technical-details, .fall_app_page.omnifocus .technical-details, .november_app_page.omniplan .technical-details, .november_app_page.omnioutliner .technical-details {
  margin-left: auto;
  margin-right: auto;
  max-width: 28.02885em; }
@media (max-width: 23.4375em) {
  .fall_app_page.omnigraffle .technical-details, .fall_app_page.omnifocus .technical-details, .november_app_page.omniplan .technical-details, .november_app_page.omnioutliner .technical-details {
    margin-left: 1em;
    margin-right: 1em; } }
.fall_app_page.omnigraffle .technical-details h4, .fall_app_page.omnifocus .technical-details h4, .november_app_page.omniplan .technical-details h4, .november_app_page.omnioutliner .technical-details h4 {
  font-family: "ProximaNova-Bold", sans-serif;
  margin: 0; }
.fall_app_page.omnigraffle .technical-details p, .fall_app_page.omnifocus .technical-details p, .november_app_page.omniplan .technical-details p, .november_app_page.omnioutliner .technical-details p {
  margin: 0; }
.fall_app_page.omnigraffle .technical-details strong, .fall_app_page.omnifocus .technical-details strong, .november_app_page.omniplan .technical-details strong, .november_app_page.omnioutliner .technical-details strong {
  font-family: "ProximaNova-Semibold", sans-serif;
  font-weight: normal; }
.fall_app_page.omnigraffle .technical-details > div, .fall_app_page.omnifocus .technical-details > div, .november_app_page.omniplan .technical-details > div, .november_app_page.omnioutliner .technical-details > div {
  margin-bottom: 1em; }
.fall_app_page.omnigraffle .technical-details .languages p, .fall_app_page.omnifocus .technical-details .languages p, .november_app_page.omniplan .technical-details .languages p, .november_app_page.omnioutliner .technical-details .languages p {
  margin-bottom: 1em; }

.app_page.omnigraffle .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.app_page.omnigraffle .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #12954A;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.app_page.omnigraffle .app_banner_video .banner_panel .action .narrow {
  display: none; }
.app_page.omnigraffle .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.app_page.omnigraffle .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .app_page.omnigraffle .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .app_page.omnigraffle .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .app_page.omnigraffle .app_banner_video .banner_panel {
    font-size: 11px; }
  .app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .app_page.omnigraffle .app_banner_video .banner_panel .action .wide {
    display: none; }
  .app_page.omnigraffle .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.app_page.omnigraffle h1, .app_page.omnigraffle h2, .app_page.omnigraffle .download h3, .app_page.omnigraffle .download h4, .app_page.omnigraffle th, .app_page.omnigraffle td {
  color: #12954A; }
@media (max-width: 48em) {
  .app_page.omnigraffle header.app .tagline {
    font-size: 2.2em; } }
.app_page.omnigraffle h3, .app_page.omnigraffle p {
  color: #404040; }
.app_page.omnigraffle h3 strong, .app_page.omnigraffle p strong {
  color: #0f7e3f;
  font-weight: normal; }
.app_page.omnigraffle .text_switcher .text_button {
  border-color: #12954A; }
.app_page.omnigraffle .text_switcher a {
  color: #12954A; }
.app_page.omnigraffle .features .pro td {
  color: #0f7e3f; }

@media (max-width: 48em) {
  .fall_app_page.omnigraffle article {
    font-size: .8em; } }
.fall_app_page.omnigraffle .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.fall_app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.fall_app_page.omnigraffle .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #12954A;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.fall_app_page.omnigraffle .app_banner_video .banner_panel .action .narrow {
  display: none; }
.fall_app_page.omnigraffle .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.fall_app_page.omnigraffle .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .fall_app_page.omnigraffle .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .fall_app_page.omnigraffle .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .app_banner_video .banner_panel {
    font-size: 11px; }
  .fall_app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .fall_app_page.omnigraffle .app_banner_video .banner_panel .action .wide {
    display: none; }
  .fall_app_page.omnigraffle .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .fall_app_page.omnigraffle .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.fall_app_page.omnigraffle .banner .stacked {
  display: none; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .banner .stacked {
    display: inline-block; }
  .fall_app_page.omnigraffle .banner .wide {
    display: none; } }
.fall_app_page.omnigraffle .display-indicators {
  width: 60%;
  float: right; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .display-indicators {
    display: none; } }
.fall_app_page.omnigraffle .display-indicators .indicator {
  border: 1px solid #00953A; }
.fall_app_page.omnigraffle .display-indicators .indicator.active {
  background: #00953A; }
.fall_app_page.omnigraffle .buttons .inner, .fall_app_page.omnigraffle .buttons a > .inner, .fall_app_page.omnigraffle .feature-display .inner, .fall_app_page.omnigraffle .feature-display a > .inner, .fall_app_page.omnigraffle .round_button .inner, .fall_app_page.omnigraffle .round_button a > .inner {
  background-color: #1E5C37;
  border-color: #1E5C37;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.fall_app_page.omnigraffle .buttons.hover .inner, .fall_app_page.omnigraffle .feature-display.hover .inner, .fall_app_page.omnigraffle .round_button.hover .inner {
  background-color: #E0ECE4;
  border-color: #E0ECE4;
  color: black; }
.fall_app_page.omnigraffle h3 {
  color: #93832B; }
@media (max-width: 60em) {
  .fall_app_page.omnigraffle h3 {
    text-align: center; } }
@media (max-width: 20em) {
  .fall_app_page.omnigraffle h3 {
    font-size: 2.2em; } }
.fall_app_page.omnigraffle .buy-dropdown {
  background-color: #E0ECE4; }
.fall_app_page.omnigraffle .buy-dropdown h4 {
  color: #93832B; }
.fall_app_page.omnigraffle .return-button {
  color: #93832B; }
.fall_app_page.omnigraffle .return-button .svg-icon svg, .fall_app_page.omnigraffle .return-button .svg-icon polyline {
  stroke: #93832B; }
.fall_app_page.omnigraffle .buy-now.active .inner {
  background-color: #E0ECE4;
  border-color: #E0ECE4;
  color: black; }
.fall_app_page.omnigraffle .create-anything .gallery {
  display: block; }
.fall_app_page.omnigraffle .create-anything .gallery-m {
  display: none; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .create-anything .gallery {
    display: none; }
  .fall_app_page.omnigraffle .create-anything .gallery-m {
    display: block; } }
.fall_app_page.omnigraffle .select {
  margin-top: 2em; }
.fall_app_page.omnigraffle .select > div {
  text-align: center; }
.fall_app_page.omnigraffle .select > div line, .fall_app_page.omnigraffle .select > div path, .fall_app_page.omnigraffle .select > div rect, .fall_app_page.omnigraffle .select > div circle, .fall_app_page.omnigraffle .select > div ellipse, .fall_app_page.omnigraffle .select > div polygon {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s; }
.fall_app_page.omnigraffle .select > div span {
  color: #404040;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .select > div .title {
    display: none; } }
.fall_app_page.omnigraffle .select > div:hover a line, .fall_app_page.omnigraffle .select > div:hover a path, .fall_app_page.omnigraffle .select > div:hover a rect, .fall_app_page.omnigraffle .select > div:hover a circle, .fall_app_page.omnigraffle .select > div:hover a ellipse, .fall_app_page.omnigraffle .select > div:hover a polygon, .fall_app_page.omnigraffle .select > div:target a line, .fall_app_page.omnigraffle .select > div:target a path, .fall_app_page.omnigraffle .select > div:target a rect, .fall_app_page.omnigraffle .select > div:target a circle, .fall_app_page.omnigraffle .select > div:target a ellipse, .fall_app_page.omnigraffle .select > div:target a polygon, .fall_app_page.omnigraffle .select > div.active a line, .fall_app_page.omnigraffle .select > div.active a path, .fall_app_page.omnigraffle .select > div.active a rect, .fall_app_page.omnigraffle .select > div.active a circle, .fall_app_page.omnigraffle .select > div.active a ellipse, .fall_app_page.omnigraffle .select > div.active a polygon {
  fill: #00953A; }
.fall_app_page.omnigraffle .select > div:hover a span, .fall_app_page.omnigraffle .select > div:target a span, .fall_app_page.omnigraffle .select > div.active a span {
  color: #00953A; }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .select > div:hover a .svg-icon, .fall_app_page.omnigraffle .select > div:target a .svg-icon, .fall_app_page.omnigraffle .select > div.active a .svg-icon {
    background-color: #E0ECE4; }
  .fall_app_page.omnigraffle .select > div:hover a .triangle, .fall_app_page.omnigraffle .select > div:target a .triangle, .fall_app_page.omnigraffle .select > div.active a .triangle {
    opacity: 1; } }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .select {
    margin-top: 0; } }
.fall_app_page.omnigraffle .feature .display .item {
  display: none; }
.fall_app_page.omnigraffle .feature .display .item .media {
  float: right;
  width: 60%; }
.fall_app_page.omnigraffle .feature .display .item .media.rounded img {
  border-color: #00953A; }
.fall_app_page.omnigraffle .feature .display .item .description {
  width: 40%;
  padding-top: 4em;
  padding-right: 1em; }
.fall_app_page.omnigraffle .feature .display .item .description .icon {
  float: left;
  width: 30%;
  text-align: right; }
.fall_app_page.omnigraffle .feature .display .item .description .text {
  width: 70%;
  float: left; }
.fall_app_page.omnigraffle .feature .display .item .description .text h4 {
  margin: 0; }
.fall_app_page.omnigraffle .feature .display .item .description .text p {
  margin-top: 0; }
.fall_app_page.omnigraffle .feature .display .item .description svg {
  padding-right: 1em;
  max-width: 120px;
  max-height: 120px; }
.fall_app_page.omnigraffle .feature .display .item .description svg line, .fall_app_page.omnigraffle .feature .display .item .description svg path, .fall_app_page.omnigraffle .feature .display .item .description svg rect, .fall_app_page.omnigraffle .feature .display .item .description svg circle, .fall_app_page.omnigraffle .feature .display .item .description svg ellipse, .fall_app_page.omnigraffle .feature .display .item .description svg polygon {
  fill: #00953A; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .feature .display .item .description svg {
    width: 70px;
    height: 70px; } }
.fall_app_page.omnigraffle .feature .display .item:target, .fall_app_page.omnigraffle .feature .display .item.active {
  display: block; }
.fall_app_page.omnigraffle .feature .select {
  text-align: center; }
.fall_app_page.omnigraffle .feature .select > div {
  vertical-align: top;
  display: inline-block;
  width: 19%; }
.fall_app_page.omnigraffle .feature .select .triangle {
  opacity: 0; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .feature .display .item .media {
    width: 50%; }
  .fall_app_page.omnigraffle .feature .display .item .description {
    width: 50%;
    padding-top: 1em;
    padding-right: 14px; }
  .fall_app_page.omnigraffle .feature .display .item .description .text {
    font-size: 1.3em;
    padding: 0.5em; }
  .fall_app_page.omnigraffle .feature .display .item .description .text p:last-child {
    margin-bottom: 0; } }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .feature .display .item .description .icon {
    display: none; }
  .fall_app_page.omnigraffle .feature .display .item .description .text {
    width: 100%;
    margin: 0px;
    background-color: #E0ECE4;
    border-radius: 10px; } }
@media (max-width: 25.875em) {
  .fall_app_page.omnigraffle .feature .display .item .media {
    width: auto;
    float: none; }
  .fall_app_page.omnigraffle .feature .display .item .description {
    width: 100%;
    padding-right: 0; }
  .fall_app_page.omnigraffle .feature .select > div svg {
    max-width: 98%;
    height: 4em;
    padding: 5px; }
  .fall_app_page.omnigraffle .feature .svg-icon {
    padding: 5px 0px 0px 0px;
    border-radius: 5px; } }
@media (max-width: 25.875em) and (max-width: 25.875em) {
  .fall_app_page.omnigraffle .feature .svg-icon {
    margin-top: 0.5em; } }

.fall_app_page.omnigraffle .feature.design .select > div {
  width: 14%; }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .feature.design .select > div {
    width: 19%; } }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .feature.kitchen-sink .select > div {
    float: left;
    display: block;
    width: 20%; } }
@media (max-width: 48em) {
  .fall_app_page.omnigraffle .feature.work .select > div {
    float: left;
    display: block;
    width: 25%; } }
.fall_app_page.omnigraffle .triangle {
  border-top: 25px solid #E0ECE4;
  margin-top: -2px;
  -webkit-transition: opacity 0.3s linear 0.3s;
  -moz-transition: opacity 0.3s linear 0.3s;
  -o-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s; }
.fall_app_page.omnigraffle .feature-display .inner:hover {
  background-color: #E0ECE4;
  border-color: #E0ECE4;
  color: black; }
.fall_app_page.omnigraffle .feature-display.expanded .inner {
  background-color: #E0ECE4;
  border-color: #E0ECE4;
  color: black; }
.fall_app_page.omnigraffle section.compare .checkmark svg, .fall_app_page.omnigraffle section.compare .checkmark polyline {
  stroke: #259F52; }
.fall_app_page.omnigraffle section.compare tbody.feature:nth-child(even) {
  background: #E0ECE4; }
.fall_app_page.omnigraffle section.gallery h2 {
  line-height: .8em; }
.fall_app_page.omnigraffle section.gallery .item {
  height: 180px;
  float: left;
  margin-top: 1em; }
.fall_app_page.omnigraffle section.gallery .item img {
  max-width: auto;
  height: 140px;
  display: inline-block; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle section.gallery .item {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }
.fall_app_page.omnigraffle section.gallery .modal-content {
  text-align: center; }
.fall_app_page.omnigraffle section.gallery .modal-content img {
  max-height: 600px;
  margin: auto; }
.fall_app_page.omnigraffle .technical .select .item span {
  display: block; }
@media (max-width: 30em) {
  .fall_app_page.omnigraffle .technical .select .item {
    float: left;
    display: block;
    width: 24%; } }
.fall_app_page.omnigraffle .technical .description {
  font-size: 1.3em;
  max-width: 28em;
  margin: auto;
  margin-top: 1em; }
.fall_app_page.omnigraffle .technical em {
  background-color: rgba(0, 149, 58, 0.1);
  text-decoration: none;
  font-style: normal;
  color: #00953A; }
.fall_app_page.omnigraffle .stenciltown .screenshots {
  text-align: center; }
.fall_app_page.omnigraffle .stenciltown .screenshots img {
  width: 30%;
  margin: 0 1%;
  border: 1px solid #00953A;
  border-radius: 10px;
  display: inline-block; }
@media (max-width: 35.9375em) {
  .fall_app_page.omnigraffle .stenciltown .screenshots img {
    width: 47%; }
  .fall_app_page.omnigraffle .stenciltown .screenshots img:nth-child(3) {
    display: none; } }

.app_videos.omnigraffle h1, .app_videos.omnigraffle h2, .app_videos.omnigraffle .vid .inner .name {
  color: #12954A; }

.omnigraffle tr {
  border-bottom-color: rgba(18, 149, 74, 0.9); }
.omnigraffle .vid a {
  color: #12954A; }
.omnigraffle .platform-label {
  color: #17c361; }
.omnigraffle .access .mac .platform-label, .omnigraffle .resources .mac .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnigraffle-mac.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnigraffle .access .mac .platform-label, .omnigraffle .resources .mac .platform-label {
    background-image: url(/assets/img/icons/omnigraffle-mac@2x.png);
    background-size: 73px 73px; } }
@media (max-width: 48em) {
  .omnigraffle .access .mac .platform-label, .omnigraffle .resources .mac .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnigraffle-mac@2x.png);
    background-size: 53px 53px; } }
@media (max-width: 20em) {
  .omnigraffle .access .mac .platform-label, .omnigraffle .resources .mac .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnigraffle-mac@2x.png);
    background-size: 40px 40px; } }
.omnigraffle .access .ipad .platform-label, .omnigraffle .resources .ipad .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnigraffle-ipad.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnigraffle .access .ipad .platform-label, .omnigraffle .resources .ipad .platform-label {
    background-image: url(/assets/img/icons/omnigraffle-ipad@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omnigraffle .access .ipad .platform-label, .omnigraffle .resources .ipad .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnigraffle-ipad@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omnigraffle .access .ipad .platform-label, .omnigraffle .resources .ipad .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnigraffle-ipad@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }
.omnigraffle .access .iphone .platform-label, .omnigraffle .resources .iphone .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnigraffle-iphone.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnigraffle .access .iphone .platform-label, .omnigraffle .resources .iphone .platform-label {
    background-image: url(/assets/img/icons/omnigraffle-iphone@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omnigraffle .access .iphone .platform-label, .omnigraffle .resources .iphone .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnigraffle-iphone@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omnigraffle .access .iphone .platform-label, .omnigraffle .resources .iphone .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnigraffle-iphone@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }

.previous_downloads .omnigraffle th.title {
  background-color: #648B23; }

@media (min-width: 48em) and (max-width: 60em) {
  .support.index .omnigraffle {
    font-size: .9em; } }
.support.index .omnigraffle .app.hover_button .inner {
  background-color: #648B23;
  border-color: #648B23;
  color: #ffffff; }
.support.index .omnigraffle .app.hover_button .inner:hover {
  color: #648B23;
  background-color: #ffffff; }
.support.index .omnigraffle .app.solid_button .inner {
  background-color: #648B23;
  border-color: #648B23;
  color: #ffffff; }
.support.index .omnigraffle .app.solid_button .inner:hover {
  color: #ffffff;
  background-color: #648B23; }

.release_notes .omnigraffle h1 {
  color: #12954A;
  border-bottom: 1px solid #12954A;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2em; }

.app_page.omnifocus .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.app_page.omnifocus .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.app_page.omnifocus .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #742AA8;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.app_page.omnifocus .app_banner_video .banner_panel .action .narrow {
  display: none; }
.app_page.omnifocus .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.app_page.omnifocus .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .app_page.omnifocus .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .app_page.omnifocus .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .app_page.omnifocus .app_banner_video .banner_panel {
    font-size: 11px; }
  .app_page.omnifocus .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .app_page.omnifocus .app_banner_video .banner_panel .action .wide {
    display: none; }
  .app_page.omnifocus .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .app_page.omnifocus .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.app_page.omnifocus h1, .app_page.omnifocus h2, .app_page.omnifocus .download h3, .app_page.omnifocus .download h4, .app_page.omnifocus p, .app_page.omnifocus th, .app_page.omnifocus td {
  color: #742AA8; }
@media (max-width: 35.9375em) {
  .app_page.omnifocus header.app {
    font-size: 13px; } }
.app_page.omnifocus h3, .app_page.omnifocus p {
  color: #404040; }
.app_page.omnifocus h3 strong, .app_page.omnifocus p strong {
  color: #5d2287;
  font-weight: normal; }
.app_page.omnifocus .features .title.mac {
  background-image: url(/assets/img/icons/omnifocus-mac-48.png); }
.app_page.omnifocus .features .title.iphone {
  background-image: url(/assets/img/icons/omnifocus-iphone-48.png); }
.app_page.omnifocus .features .title.ipad {
  background-image: url(/assets/img/icons/omnifocus-ipad-48.png); }
.app_page.omnifocus .text_switcher .text_button {
  border-color: #742AA8; }
.app_page.omnifocus .text_switcher a {
  color: #742AA8; }

.fall_app_page.omnifocus .feature.sidebar .select > div, .fall_app_page.omnifocus .feature.twocol .select > div, .fall_app_page.omnifocus section.inside-omnifocus .select > div {
  -webkit-transition: background-color 0.6s;
  -moz-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  transition: background-color 0.6s;
  border-radius: 4px; }
.fall_app_page.omnifocus .feature.sidebar .select > div:hover, .fall_app_page.omnifocus .feature.twocol .select > div:hover, .fall_app_page.omnifocus section.inside-omnifocus .select > div:hover, .fall_app_page.omnifocus .feature.sidebar .select > div.active, .fall_app_page.omnifocus .feature.twocol .select > div.active, .fall_app_page.omnifocus section.inside-omnifocus .select > div.active {
  background-color: #F7E4FA; }

.fall_app_page.omnifocus .feature.sidebar .display {
  float: right;
  width: 60%; }
.fall_app_page.omnifocus .feature.sidebar .display .item {
  display: none; }
.fall_app_page.omnifocus .feature.sidebar .display .item.active {
  display: block; }
@media (max-width: 48em) {
  .fall_app_page.omnifocus .feature.sidebar .display {
    width: 100%;
    float: auto;
    margin-bottom: 1em; } }
.fall_app_page.omnifocus .feature.sidebar .select {
  float: left;
  width: 40%;
  position: relative;
  padding-right: 1em; }
@media (max-width: 48em) {
  .fall_app_page.omnifocus .feature.sidebar .select {
    width: 100%;
    height: auto;
    margin-bottom: 1em; } }
.fall_app_page.omnifocus .feature.sidebar .select > div {
  position: relative;
  padding: .3em;
  margin-bottom: 1em; }
.fall_app_page.omnifocus .feature.sidebar .select > div .svg-icon svg {
  width: 5em;
  height: 100%;
  float: left; }
.fall_app_page.omnifocus .feature.sidebar .select > div > a > div {
  margin-left: 5em;
  padding-left: 1em; }

.fall_app_page.omnifocus .feature.twocol .display .item {
  display: none; }
.fall_app_page.omnifocus .feature.twocol .display .item.active {
  display: block; }
.fall_app_page.omnifocus .feature.twocol .select {
  clear: both;
  position: relative;
  margin-top: 1em; }
.fall_app_page.omnifocus .feature.twocol .select > div {
  width: 49%;
  height: 7em;
  position: relative;
  padding: .3em;
  float: left;
  margin: .25%; }
@media (max-width: 48em) {
  .fall_app_page.omnifocus .feature.twocol .select > div {
    width: 100%;
    height: auto;
    margin-bottom: 1em; } }
.fall_app_page.omnifocus .feature.twocol .select > div svg {
  height: 5em;
  width: 5em;
  float: left; }
.fall_app_page.omnifocus .feature.twocol .select > div > a > div {
  margin-left: 5em;
  padding-left: 1em; }

@media (max-width: 48em) {
  .fall_app_page.omnifocus article {
    font-size: .8em; } }
@media (max-width: 30em) {
  .fall_app_page.omnifocus h1 {
    font-size: 4.2em; } }
.fall_app_page.omnifocus .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.fall_app_page.omnifocus .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.fall_app_page.omnifocus .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #742AA8;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.fall_app_page.omnifocus .app_banner_video .banner_panel .action .narrow {
  display: none; }
.fall_app_page.omnifocus .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.fall_app_page.omnifocus .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .fall_app_page.omnifocus .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .fall_app_page.omnifocus .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .fall_app_page.omnifocus .app_banner_video .banner_panel {
    font-size: 11px; }
  .fall_app_page.omnifocus .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .fall_app_page.omnifocus .app_banner_video .banner_panel .action .wide {
    display: none; }
  .fall_app_page.omnifocus .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .fall_app_page.omnifocus .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.fall_app_page.omnifocus .select > div {
  padding: .3em; }
.fall_app_page.omnifocus .select > div > a div {
  color: #404040; }
.fall_app_page.omnifocus .display-indicators .indicator {
  border: 1px solid #430098; }
.fall_app_page.omnifocus .display-indicators .indicator.active {
  background: #430098; }
.fall_app_page.omnifocus h3 {
  color: #430098; }
@media (max-width: 20em) {
  .fall_app_page.omnifocus h3 {
    font-size: 2.5em; } }
.fall_app_page.omnifocus .buy-dropdown {
  background-color: #F7E4FA; }
.fall_app_page.omnifocus .buy-dropdown h4 {
  color: #430098; }
.fall_app_page.omnifocus .return-button {
  color: #430098; }
.fall_app_page.omnifocus .return-button .svg-icon svg, .fall_app_page.omnifocus .return-button .svg-icon polyline {
  stroke: #430098; }
.fall_app_page.omnifocus .buy-now.active .inner {
  background-color: #F7E4FA;
  border-color: #F7E4FA;
  color: black; }
.fall_app_page.omnifocus .buttons .inner, .fall_app_page.omnifocus .feature-display .inner {
  background-color: #430098;
  border-color: #430098;
  color: #ffffff; }
.fall_app_page.omnifocus .feature-display .inner:hover {
  background-color: #F7E4FA;
  border-color: #F7E4FA;
  color: black; }
.fall_app_page.omnifocus .feature-display.expanded .inner {
  background-color: #F7E4FA;
  border-color: #F7E4FA;
  color: black; }
.fall_app_page.omnifocus .triangle {
  border-top: 25px solid #F7E4FA; }
.fall_app_page.omnifocus section.gtd {
  background-color: #e4e4e5;
  padding: 2em 6em; }
@media (max-width: 48em) {
  .fall_app_page.omnifocus section.gtd {
    padding: 2em; } }
.fall_app_page.omnifocus section.gtd p {
  font-size: 1.3em; }
.fall_app_page.omnifocus section.gallery h2 {
  line-height: .8em; }
.fall_app_page.omnifocus section.gallery .item {
  height: 180px;
  float: left;
  margin-top: 1em; }
.fall_app_page.omnifocus section.gallery .item img {
  max-width: auto;
  height: 180px;
  display: inline-block; }
@media (max-width: 30em) {
  .fall_app_page.omnifocus section.gallery .item {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }
.fall_app_page.omnifocus section.gallery .modal-content {
  text-align: center; }
.fall_app_page.omnifocus section.gallery .modal-content img {
  max-height: 600px;
  margin: auto; }
.fall_app_page.omnifocus section.literally-everywhere header {
  text-align: center; }
.fall_app_page.omnifocus section.literally-everywhere header .detail {
  text-align: left; }
.fall_app_page.omnifocus section.literally-everywhere header img {
  display: inline-block; }
.fall_app_page.omnifocus section.literally-everywhere .select {
  text-align: center; }
.fall_app_page.omnifocus section.literally-everywhere .select > div {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  text-align: left; }
.fall_app_page.omnifocus section.literally-everywhere .select > div svg {
  float: left;
  width: 75px;
  height: 75px; }
.fall_app_page.omnifocus section.literally-everywhere .select > div > div {
  margin-left: 90px; }
@media (max-width: 60em) {
  .fall_app_page.omnifocus section.literally-everywhere .select > div {
    width: 30%; } }
@media (max-width: 48em) {
  .fall_app_page.omnifocus section.literally-everywhere .select > div {
    width: 100%;
    margin-bottom: 1em; } }
.fall_app_page.omnifocus section.contextual-life .display .item {
  min-height: 470px; }
@media (max-width: 25.875em) {
  .fall_app_page.omnifocus section.contextual-life .display .item {
    min-height: 240px; } }
.fall_app_page.omnifocus section.compare .checkmark svg, .fall_app_page.omnifocus section.compare .checkmark polyline {
  stroke: #431195; }
.fall_app_page.omnifocus section.compare em {
  background-color: #F7E4FA;
  text-decoration: none;
  font-style: normal;
  color: #430098; }
.fall_app_page.omnifocus section.compare .checkmark svg, .fall_app_page.omnifocus section.compare .checkmark polyline {
  stroke: #431195; }
.fall_app_page.omnifocus section.compare tbody.feature:nth-child(even) {
  background: #F7E4FA; }
.fall_app_page.omnifocus section.inside-omnifocus .select {
  text-align: center; }
.fall_app_page.omnifocus section.inside-omnifocus .select .article {
  width: 25%;
  margin: 0 .5em 1em;
  display: inline-block;
  vertical-align: top; }
.fall_app_page.omnifocus section.inside-omnifocus .select .article img {
  display: block;
  width: 50%;
  margin: auto; }
.fall_app_page.omnifocus section.inside-omnifocus .select .article .text {
  text-align: left;
  margin: 1em .4em .4em;
  color: #404040; }
.fall_app_page.omnifocus section.inside-omnifocus .select .article .text p:first-child {
  text-align: center; }
.fall_app_page.omnifocus section.inside-omnifocus .select .article p {
  padding-top: 5px; }
@media (max-width: 48em) {
  .fall_app_page.omnifocus section.inside-omnifocus .select .article {
    width: auto;
    display: block;
    margin: auto; }
  .fall_app_page.omnifocus section.inside-omnifocus .select .article img {
    float: left;
    width: 5em; }
  .fall_app_page.omnifocus section.inside-omnifocus .select .article .text {
    padding-left: 6em;
    margin-top: 0; }
  .fall_app_page.omnifocus section.inside-omnifocus .select .article .text p:first-child {
    text-align: left; } }

.app_videos.omnifocus h1, .app_videos.omnifocus h2, .app_videos.omnifocus .vid .inner .name {
  color: #742AA8; }

.omnifocus .vid a {
  color: #742AA8; }
.omnifocus .platform-label {
  color: #a261db; }
.omnifocus .callout:hover {
  color: #742AA8; }
.omnifocus .access .mac .platform-label, .omnifocus .resources .mac .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnifocus-mac.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnifocus .access .mac .platform-label, .omnifocus .resources .mac .platform-label {
    background-image: url(/assets/img/icons/omnifocus-mac@2x.png);
    background-size: 73px 73px; } }
@media (max-width: 48em) {
  .omnifocus .access .mac .platform-label, .omnifocus .resources .mac .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnifocus-mac@2x.png);
    background-size: 53px 53px; } }
@media (max-width: 20em) {
  .omnifocus .access .mac .platform-label, .omnifocus .resources .mac .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnifocus-mac@2x.png);
    background-size: 40px 40px; } }
.omnifocus .access .ipad .platform-label, .omnifocus .resources .ipad .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnifocus-ipad.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnifocus .access .ipad .platform-label, .omnifocus .resources .ipad .platform-label {
    background-image: url(/assets/img/icons/omnifocus-ipad@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omnifocus .access .ipad .platform-label, .omnifocus .resources .ipad .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnifocus-ipad@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omnifocus .access .ipad .platform-label, .omnifocus .resources .ipad .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnifocus-ipad@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }
.omnifocus .access .iphone .platform-label, .omnifocus .resources .iphone .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnifocus-iphone.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnifocus .access .iphone .platform-label, .omnifocus .resources .iphone .platform-label {
    background-image: url(/assets/img/icons/omnifocus-iphone@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omnifocus .access .iphone .platform-label, .omnifocus .resources .iphone .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnifocus-iphone@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omnifocus .access .iphone .platform-label, .omnifocus .resources .iphone .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnifocus-iphone@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }

.previous_downloads .omnifocus th.title {
  background-color: #B153C3; }

@media (min-width: 48em) and (max-width: 60em) {
  .support.index .omnifocus {
    font-size: .9em; } }
.support.index .omnifocus .app.hover_button .inner {
  background-color: #B153C3;
  border-color: #B153C3;
  color: #ffffff; }
.support.index .omnifocus .app.hover_button .inner:hover {
  color: #B153C3;
  background-color: #ffffff; }
.support.index .omnifocus .app.solid_button .inner {
  background-color: #B153C3;
  border-color: #B153C3;
  color: #ffffff; }
.support.index .omnifocus .app.solid_button .inner:hover {
  color: #ffffff;
  background-color: #B153C3; }

.release_notes .omnifocus h1 {
  color: #742AA8;
  border-bottom: 1px solid #742AA8;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2em; }

.app_page.omniplan .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.app_page.omniplan .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.app_page.omniplan .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #FEBC26;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.app_page.omniplan .app_banner_video .banner_panel .action .narrow {
  display: none; }
.app_page.omniplan .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.app_page.omniplan .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .app_page.omniplan .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .app_page.omniplan .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .app_page.omniplan .app_banner_video .banner_panel {
    font-size: 11px; }
  .app_page.omniplan .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .app_page.omniplan .app_banner_video .banner_panel .action .wide {
    display: none; }
  .app_page.omniplan .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .app_page.omniplan .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.app_page.omniplan h1, .app_page.omniplan h2, .app_page.omniplan .download h3, .app_page.omniplan .download h4, .app_page.omniplan td, .app_page.omniplan th {
  color: #FEBC26; }
.app_page.omniplan td {
  color: #666666; }
.app_page.omniplan h3, .app_page.omniplan p {
  color: #404040; }
.app_page.omniplan h3 strong, .app_page.omniplan p strong {
  color: #404040;
  font-weight: bold; }
.app_page.omniplan .selector a {
  color: #FEBC26; }
.app_page.omniplan .selector a:after {
  border-color: #FEBC26; }
.app_page.omniplan .features ul {
  border-color: #FEBC26; }
.app_page.omniplan .features li {
  color: #FEBC26; }
.app_page.omniplan .text_switcher .text_button {
  border-color: #FEBC26; }
.app_page.omniplan .text_switcher a {
  color: #FEBC26; }
.app_page.omniplan .features tr {
  border-bottom-color: rgba(254, 188, 38, 0.1); }

.app_videos.omniplan h1, .app_videos.omniplan h2, .app_videos.omniplan .vid .inner .name {
  color: #FEBC26; }

.omniplan tbody.feature tr {
  border-bottom-color: #fffbf1; }
.omniplan .vid a {
  color: #FEBC26; }
.omniplan .platform-label {
  color: #FEBC26; }
.omniplan .access .mac .platform-label, .omniplan .resources .mac .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omniplan-mac.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omniplan .access .mac .platform-label, .omniplan .resources .mac .platform-label {
    background-image: url(/assets/img/icons/omniplan-mac@2x.png);
    background-size: 73px 73px; } }
@media (max-width: 48em) {
  .omniplan .access .mac .platform-label, .omniplan .resources .mac .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omniplan-mac@2x.png);
    background-size: 53px 53px; } }
@media (max-width: 20em) {
  .omniplan .access .mac .platform-label, .omniplan .resources .mac .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omniplan-mac@2x.png);
    background-size: 40px 40px; } }
.omniplan .access .ipad .platform-label, .omniplan .resources .ipad .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omniplan-ipad.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omniplan .access .ipad .platform-label, .omniplan .resources .ipad .platform-label {
    background-image: url(/assets/img/icons/omniplan-ipad@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omniplan .access .ipad .platform-label, .omniplan .resources .ipad .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omniplan-ipad@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omniplan .access .ipad .platform-label, .omniplan .resources .ipad .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omniplan-ipad@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }
.omniplan .access .iphone .platform-label, .omniplan .resources .iphone .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omniplan-iphone.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omniplan .access .iphone .platform-label, .omniplan .resources .iphone .platform-label {
    background-image: url(/assets/img/icons/omniplan-iphone@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omniplan .access .iphone .platform-label, .omniplan .resources .iphone .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omniplan-iphone@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omniplan .access .iphone .platform-label, .omniplan .resources .iphone .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omniplan-iphone@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }

.november_app_page.omniplan header.app {
  text-align: left; }
.november_app_page.omniplan h1 {
  font-size: 3.7em; }
@media (max-width: 48em) {
  .november_app_page.omniplan article {
    font-size: .8em; } }
.november_app_page.omniplan .action .detail {
  font-family: "ProximaNovaA-Regular", sans-serif; }
.november_app_page.omniplan strong {
  font-weight: 400 !important; }
.november_app_page.omniplan .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.november_app_page.omniplan .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.november_app_page.omniplan .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #FEBC26;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.november_app_page.omniplan .app_banner_video .banner_panel .action .narrow {
  display: none; }
.november_app_page.omniplan .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.november_app_page.omniplan .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .november_app_page.omniplan .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .november_app_page.omniplan .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .november_app_page.omniplan .app_banner_video .banner_panel {
    font-size: 11px; }
  .november_app_page.omniplan .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .november_app_page.omniplan .app_banner_video .banner_panel .action .wide {
    display: none; }
  .november_app_page.omniplan .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .november_app_page.omniplan .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.november_app_page.omniplan .banner .stacked {
  display: none; }
@media (max-width: 30em) {
  .november_app_page.omniplan .banner .stacked {
    display: inline-block; }
  .november_app_page.omniplan .banner .wide {
    display: none; } }
.november_app_page.omniplan h3 {
  color: #E4AA24;
  font-family: "ProximaNovaA-Regular", sans-serif !important; }
@media (max-width: 60em) {
  .november_app_page.omniplan h3 {
    text-align: center; } }
@media (max-width: 20em) {
  .november_app_page.omniplan h3 {
    font-size: 2.2em; } }
.november_app_page.omniplan .buttons .inner {
  background-color: #F9B532;
  border-color: #D5951E;
  color: #D5951E; }
.november_app_page.omniplan .buy-dropdown {
  background-color: #F6E7CF; }
.november_app_page.omniplan .buy-dropdown h4 {
  color: #F9B532; }
.november_app_page.omniplan .buy-dropdown .divider-line {
  border-color: #F9B532; }
.november_app_page.omniplan .return-button {
  color: #F9B532; }
.november_app_page.omniplan .return-button .svg-icon svg, .november_app_page.omniplan .return-button .svg-icon polyline, .november_app_page.omniplan .return-button .svg-icon line, .november_app_page.omniplan .return-button .svg-icon path, .november_app_page.omniplan .return-button .svg-icon rect, .november_app_page.omniplan .return-button .svg-icon circle, .november_app_page.omniplan .return-button .svg-icon ellipse, .november_app_page.omniplan .return-button .svg-icon polygon {
  stroke: #F9B532; }
.november_app_page.omniplan .buy-now.active .inner {
  background-color: #F6E7CF;
  border-color: #F6E7CF;
  color: black; }
.november_app_page.omniplan .create-anything .gallery {
  display: block; }
.november_app_page.omniplan .create-anything .gallery-m {
  display: none; }
@media (max-width: 30em) {
  .november_app_page.omniplan .create-anything .gallery {
    display: none; }
  .november_app_page.omniplan .create-anything .gallery-m {
    display: block; } }
.november_app_page.omniplan .select {
  margin-top: 2em; }
.november_app_page.omniplan .select > div {
  text-align: center; }
.november_app_page.omniplan .select > div line, .november_app_page.omniplan .select > div path, .november_app_page.omniplan .select > div rect, .november_app_page.omniplan .select > div circle, .november_app_page.omniplan .select > div ellipse, .november_app_page.omniplan .select > div polygon {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s; }
.november_app_page.omniplan .select > div span {
  color: #404040;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s; }
@media (max-width: 25.875em) {
  .november_app_page.omniplan .select > div .title {
    display: none; } }
.november_app_page.omniplan .select > div:hover a line, .november_app_page.omniplan .select > div:hover a path, .november_app_page.omniplan .select > div:hover a rect, .november_app_page.omniplan .select > div:hover a circle, .november_app_page.omniplan .select > div:hover a ellipse, .november_app_page.omniplan .select > div:hover a polygon, .november_app_page.omniplan .select > div:target a line, .november_app_page.omniplan .select > div:target a path, .november_app_page.omniplan .select > div:target a rect, .november_app_page.omniplan .select > div:target a circle, .november_app_page.omniplan .select > div:target a ellipse, .november_app_page.omniplan .select > div:target a polygon, .november_app_page.omniplan .select > div.active a line, .november_app_page.omniplan .select > div.active a path, .november_app_page.omniplan .select > div.active a rect, .november_app_page.omniplan .select > div.active a circle, .november_app_page.omniplan .select > div.active a ellipse, .november_app_page.omniplan .select > div.active a polygon {
  fill: #FCAF1F; }
.november_app_page.omniplan .select > div:hover a span, .november_app_page.omniplan .select > div:target a span, .november_app_page.omniplan .select > div.active a span {
  color: #FCAF1F; }
@media (max-width: 25.875em) {
  .november_app_page.omniplan .select > div:hover a .svg-icon, .november_app_page.omniplan .select > div:target a .svg-icon, .november_app_page.omniplan .select > div.active a .svg-icon {
    background-color: #F6E7CF; }
  .november_app_page.omniplan .select > div:hover a .triangle, .november_app_page.omniplan .select > div:target a .triangle, .november_app_page.omniplan .select > div.active a .triangle {
    opacity: 1; } }
@media (max-width: 25.875em) {
  .november_app_page.omniplan .select {
    margin-top: 0; } }
.november_app_page.omniplan .feature .display .item {
  display: none; }
.november_app_page.omniplan .feature .display .item .media {
  float: right;
  width: 60%; }
.november_app_page.omniplan .feature .display .item .media.rounded img {
  border-color: #C99100; }
.november_app_page.omniplan .feature .display .item .description {
  width: 40%;
  padding-top: 4em;
  padding-right: 1em; }
.november_app_page.omniplan .feature .display .item .description .icon {
  float: left;
  width: 30%;
  text-align: right; }
.november_app_page.omniplan .feature .display .item .description .text {
  width: 70%;
  float: left; }
.november_app_page.omniplan .feature .display .item .description .text h4 {
  margin: 0; }
.november_app_page.omniplan .feature .display .item .description .text p {
  margin-top: 0; }
.november_app_page.omniplan .feature .display .item .description svg {
  padding-right: 1em;
  max-width: 120px;
  max-height: 120px; }
.november_app_page.omniplan .feature .display .item .description svg line, .november_app_page.omniplan .feature .display .item .description svg path, .november_app_page.omniplan .feature .display .item .description svg rect, .november_app_page.omniplan .feature .display .item .description svg circle, .november_app_page.omniplan .feature .display .item .description svg ellipse, .november_app_page.omniplan .feature .display .item .description svg polygon {
  fill: #FCAF1F; }
@media (max-width: 30em) {
  .november_app_page.omniplan .feature .display .item .description svg {
    width: 70px;
    height: 70px; } }
.november_app_page.omniplan .feature .display .item:target, .november_app_page.omniplan .feature .display .item.active {
  display: block; }
.november_app_page.omniplan .feature .select {
  text-align: center; }
.november_app_page.omniplan .feature .select > div {
  vertical-align: top;
  display: inline-block;
  width: 19%; }
.november_app_page.omniplan .feature .select .triangle {
  opacity: 0; }
@media (max-width: 48em) {
  .november_app_page.omniplan .feature .display .item .media {
    width: 50%; }
  .november_app_page.omniplan .feature .display .item .description {
    width: 50%;
    padding-top: 1em;
    padding-right: 14px; }
  .november_app_page.omniplan .feature .display .item .description .text {
    font-size: 1.3em;
    padding: 0.5em; }
  .november_app_page.omniplan .feature .display .item .description .text p:last-child {
    margin-bottom: 0; } }
@media (max-width: 30em) {
  .november_app_page.omniplan .feature .display .item .description .icon {
    display: none; }
  .november_app_page.omniplan .feature .display .item .description .text {
    width: 100%;
    margin: 0px;
    background-color: rgba(252, 175, 31, 0.2); } }
@media (max-width: 25.875em) {
  .november_app_page.omniplan .feature .display .item .media {
    width: auto;
    float: none; }
  .november_app_page.omniplan .feature .display .item .description {
    width: 100%;
    padding-right: 0; }
  .november_app_page.omniplan .feature .select > div svg {
    max-width: 98%;
    height: 3.5em; }
  .november_app_page.omniplan .feature .svg-icon {
    padding: 5px 0px 0px 0px;
    border-radius: 5px; } }
.november_app_page.omniplan .feature.design .select > div {
  width: 14%; }
@media (max-width: 48em) {
  .november_app_page.omniplan .feature.design .select > div {
    width: 19%; } }
@media (max-width: 48em) {
  .november_app_page.omniplan .feature.kitchen-sink .select > div {
    float: left;
    display: block;
    width: 20%; } }
@media (max-width: 48em) {
  .november_app_page.omniplan .feature.work .select > div {
    float: left;
    display: block;
    width: 25%; } }
.november_app_page.omniplan .triangle {
  border-top: 25px solid #F6E7CF;
  -webkit-transition: opacity 0.3s linear 0.3s;
  -moz-transition: opacity 0.3s linear 0.3s;
  -o-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s; }
.november_app_page.omniplan .buttons .inner, .november_app_page.omniplan .feature-display .inner {
  background-color: #EDAB00;
  border-color: #EDAB00;
  color: #ffffff; }
.november_app_page.omniplan .feature-display .inner:hover {
  background-color: #F6E7CF;
  border-color: #F6E7CF;
  color: black; }
.november_app_page.omniplan .feature-display.expanded .inner {
  background-color: #F6E7CF;
  border-color: #F6E7CF;
  color: black; }
.november_app_page.omniplan section.compare .checkmark svg, .november_app_page.omniplan section.compare .checkmark polyline {
  stroke: #EBAA28; }
.november_app_page.omniplan section.compare tbody.feature:nth-child(even) {
  background: #F6E7CF; }
.november_app_page.omniplan .technical .select .item span {
  display: block; }
@media (max-width: 30em) {
  .november_app_page.omniplan .technical .select .item {
    float: left;
    display: block;
    width: 24%; } }
.november_app_page.omniplan .technical .description {
  font-size: 1.3em;
  max-width: 28em;
  margin: auto;
  margin-top: 1em; }
.november_app_page.omniplan .technical em {
  background-color: rgba(252, 175, 31, 0.1);
  text-decoration: none;
  font-style: normal;
  color: #FCAF1F; }

.previous_downloads .omniplan th.title {
  background-color: #F9CF2C; }

@media (min-width: 48em) and (max-width: 60em) {
  .support.index .omniplan {
    font-size: .9em; } }
.support.index .omniplan .app.hover_button .inner {
  background-color: #F9CF2C;
  border-color: #F9CF2C;
  color: #ffffff; }
.support.index .omniplan .app.hover_button .inner:hover {
  color: #F9CF2C;
  background-color: #ffffff; }
.support.index .omniplan .app.solid_button .inner {
  background-color: #F9CF2C;
  border-color: #F9CF2C;
  color: #ffffff; }
.support.index .omniplan .app.solid_button .inner:hover {
  color: #ffffff;
  background-color: #F9CF2C; }

.release_notes .omniplan h1 {
  color: #FEBC26;
  border-bottom: 1px solid #FEBC26;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2em; }

.app_page.omnioutliner .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.app_page.omnioutliner .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #E9671A;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.app_page.omnioutliner .app_banner_video .banner_panel .action .narrow {
  display: none; }
.app_page.omnioutliner .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.app_page.omnioutliner .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .app_page.omnioutliner .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .app_page.omnioutliner .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .app_page.omnioutliner .app_banner_video .banner_panel {
    font-size: 11px; }
  .app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .app_page.omnioutliner .app_banner_video .banner_panel .action .wide {
    display: none; }
  .app_page.omnioutliner .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.app_page.omnioutliner h1, .app_page.omnioutliner h2, .app_page.omnioutliner .download h3, .app_page.omnioutliner .download h4 {
  color: #E9671A; }
.app_page.omnioutliner h3, .app_page.omnioutliner p {
  color: #404040; }
.app_page.omnioutliner h3 strong, .app_page.omnioutliner p strong {
  color: #8f3e0e;
  font-weight: normal; }
.app_page.omnioutliner .text_switcher .text_button {
  border-color: #E9671A; }
.app_page.omnioutliner .text_switcher a {
  color: #E9671A; }
.app_page.omnioutliner .features tbody.feature tr {
  border-bottom-color: #fbe3d4; }
.app_page.omnioutliner .features .pro td {
  color: #d55c14; }

.app_videos.omnioutliner h1, .app_videos.omnioutliner h2, .app_videos.omnioutliner .vid .inner .name {
  color: #E9671A; }

.november_app_page.omnioutliner header.app {
  text-align: left; }
.november_app_page.omnioutliner h1 {
  font-size: 5em; }
@media (max-width: 48em) {
  .november_app_page.omnioutliner article {
    font-size: .8em; } }
.november_app_page.omnioutliner .action .detail {
  font-family: "ProximaNovaA-Regular", sans-serif; }
.november_app_page.omnioutliner strong {
  font-weight: 400 !important; }
.november_app_page.omnioutliner .app_banner_video {
  position: relative;
  margin-top: 1em;
  overflow: hidden; }
.november_app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
  position: absolute;
  left: 50%;
  top: 40%; }
.november_app_page.omnioutliner .app_banner_video .banner_panel .action {
  position: relative;
  left: -50%;
  background-color: #E9671A;
  color: #e4e4e5;
  font-size: 2em;
  padding: .3em .5em .2em .5em;
  opacity: .9;
  border-radius: 4px;
  white-space: nowrap; }
.november_app_page.omnioutliner .app_banner_video .banner_panel .action .narrow {
  display: none; }
.november_app_page.omnioutliner .app_banner_video .banner_panel .action span:after {
  content: " \25B6";
  font-size: .7em; }
.november_app_page.omnioutliner .app_banner_video .video_panel {
  display: none; }
@media (max-width: 60em) {
  .november_app_page.omnioutliner .app_banner_video .banner_panel {
    font-size: 13px; } }
@media (max-width: 35.9375em) {
  .november_app_page.omnioutliner .app_banner_video .banner_panel .action {
    text-align: center; } }
@media (max-width: 30em) {
  .november_app_page.omnioutliner .app_banner_video .banner_panel {
    font-size: 11px; }
  .november_app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
    top: 26%; }
  .november_app_page.omnioutliner .app_banner_video .banner_panel .action .wide {
    display: none; }
  .november_app_page.omnioutliner .app_banner_video .banner_panel .action .narrow {
    display: inline-block; } }
@media (max-width: 20em) {
  .november_app_page.omnioutliner .app_banner_video .banner_panel .action_wrapper {
    top: 22%; } }
.november_app_page.omnioutliner .banner .stacked {
  display: none; }
@media (max-width: 30em) {
  .november_app_page.omnioutliner .banner .stacked {
    display: inline-block; }
  .november_app_page.omnioutliner .banner .wide {
    display: none; } }
.november_app_page.omnioutliner h3 {
  color: #E4AA24;
  font-family: "ProximaNovaA-Regular", sans-serif !important; }
@media (max-width: 60em) {
  .november_app_page.omnioutliner h3 {
    text-align: center; } }
@media (max-width: 20em) {
  .november_app_page.omnioutliner h3 {
    font-size: 2.2em; } }
.november_app_page.omnioutliner .buttons .inner {
  background-color: #F9B532;
  border-color: #D5951E;
  color: #D5951E; }
.november_app_page.omnioutliner .buy-dropdown {
  background-color: #F5E6CE; }
.november_app_page.omnioutliner .buy-dropdown h4 {
  color: #F9B532; }
.november_app_page.omnioutliner .return-button {
  color: #E4602A; }
.november_app_page.omnioutliner .return-button .svg-icon svg, .november_app_page.omnioutliner .return-button .svg-icon polyline, .november_app_page.omnioutliner .return-button .svg-icon line, .november_app_page.omnioutliner .return-button .svg-icon path, .november_app_page.omnioutliner .return-button .svg-icon rect, .november_app_page.omnioutliner .return-button .svg-icon circle, .november_app_page.omnioutliner .return-button .svg-icon ellipse, .november_app_page.omnioutliner .return-button .svg-icon polygon {
  stroke: #E4602A; }
.november_app_page.omnioutliner .return-button .svg-icon > svg path {
  fill: #E4602A; }
.november_app_page.omnioutliner .buy-now.active .inner {
  background-color: #F5E6CE;
  border-color: #F5E6CE;
  color: black; }
.november_app_page.omnioutliner .create-anything .gallery {
  display: block; }
.november_app_page.omnioutliner .create-anything .gallery-m {
  display: none; }
@media (max-width: 30em) {
  .november_app_page.omnioutliner .create-anything .gallery {
    display: none; }
  .november_app_page.omnioutliner .create-anything .gallery-m {
    display: block; } }
.november_app_page.omnioutliner .select {
  margin-top: 2em; }
.november_app_page.omnioutliner .select > div {
  text-align: center; }
.november_app_page.omnioutliner .select > div line, .november_app_page.omnioutliner .select > div path, .november_app_page.omnioutliner .select > div rect, .november_app_page.omnioutliner .select > div circle, .november_app_page.omnioutliner .select > div ellipse, .november_app_page.omnioutliner .select > div polygon {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s; }
.november_app_page.omnioutliner .select > div span {
  color: #404040;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s; }
@media (max-width: 25.875em) {
  .november_app_page.omnioutliner .select > div .title {
    display: none; } }
.november_app_page.omnioutliner .select > div:hover a line, .november_app_page.omnioutliner .select > div:hover a path, .november_app_page.omnioutliner .select > div:hover a rect, .november_app_page.omnioutliner .select > div:hover a circle, .november_app_page.omnioutliner .select > div:hover a ellipse, .november_app_page.omnioutliner .select > div:hover a polygon, .november_app_page.omnioutliner .select > div:target a line, .november_app_page.omnioutliner .select > div:target a path, .november_app_page.omnioutliner .select > div:target a rect, .november_app_page.omnioutliner .select > div:target a circle, .november_app_page.omnioutliner .select > div:target a ellipse, .november_app_page.omnioutliner .select > div:target a polygon, .november_app_page.omnioutliner .select > div.active a line, .november_app_page.omnioutliner .select > div.active a path, .november_app_page.omnioutliner .select > div.active a rect, .november_app_page.omnioutliner .select > div.active a circle, .november_app_page.omnioutliner .select > div.active a ellipse, .november_app_page.omnioutliner .select > div.active a polygon {
  fill: #FCAF1F; }
.november_app_page.omnioutliner .select > div:hover a span, .november_app_page.omnioutliner .select > div:target a span, .november_app_page.omnioutliner .select > div.active a span {
  color: #FCAF1F; }
@media (max-width: 25.875em) {
  .november_app_page.omnioutliner .select > div:hover a .svg-icon, .november_app_page.omnioutliner .select > div:target a .svg-icon, .november_app_page.omnioutliner .select > div.active a .svg-icon {
    background-color: #F5E6CE; }
  .november_app_page.omnioutliner .select > div:hover a .triangle, .november_app_page.omnioutliner .select > div:target a .triangle, .november_app_page.omnioutliner .select > div.active a .triangle {
    opacity: 1; } }
@media (max-width: 25.875em) {
  .november_app_page.omnioutliner .select {
    margin-top: 0; } }
.november_app_page.omnioutliner .feature .display .item {
  display: none; }
.november_app_page.omnioutliner .feature .display .item .media {
  float: right;
  width: 60%; }
.november_app_page.omnioutliner .feature .display .item .media.rounded img {
  border-color: #C99100; }
.november_app_page.omnioutliner .feature .display .item .description {
  width: 40%;
  padding-top: 4em;
  padding-right: 1em; }
.november_app_page.omnioutliner .feature .display .item .description .icon {
  float: left;
  width: 30%;
  text-align: right; }
.november_app_page.omnioutliner .feature .display .item .description .text {
  width: 70%;
  float: left; }
.november_app_page.omnioutliner .feature .display .item .description .text h4 {
  margin: 0; }
.november_app_page.omnioutliner .feature .display .item .description .text p {
  margin-top: 0; }
.november_app_page.omnioutliner .feature .display .item .description svg {
  padding-right: 1em;
  max-width: 120px;
  max-height: 120px; }
.november_app_page.omnioutliner .feature .display .item .description svg line, .november_app_page.omnioutliner .feature .display .item .description svg path, .november_app_page.omnioutliner .feature .display .item .description svg rect, .november_app_page.omnioutliner .feature .display .item .description svg circle, .november_app_page.omnioutliner .feature .display .item .description svg ellipse, .november_app_page.omnioutliner .feature .display .item .description svg polygon {
  fill: #FCAF1F; }
@media (max-width: 30em) {
  .november_app_page.omnioutliner .feature .display .item .description svg {
    width: 70px;
    height: 70px; } }
.november_app_page.omnioutliner .feature .display .item:target, .november_app_page.omnioutliner .feature .display .item.active {
  display: block; }
.november_app_page.omnioutliner .feature .select {
  text-align: center; }
.november_app_page.omnioutliner .feature .select > div {
  vertical-align: top;
  display: inline-block;
  width: 19%; }
.november_app_page.omnioutliner .feature .select .triangle {
  opacity: 0; }
@media (max-width: 48em) {
  .november_app_page.omnioutliner .feature .display .item .media {
    width: 50%; }
  .november_app_page.omnioutliner .feature .display .item .description {
    width: 50%;
    padding-top: 1em;
    padding-right: 14px; }
  .november_app_page.omnioutliner .feature .display .item .description .text {
    font-size: 1.3em;
    padding: 0.5em; }
  .november_app_page.omnioutliner .feature .display .item .description .text p:last-child {
    margin-bottom: 0; } }
@media (max-width: 30em) {
  .november_app_page.omnioutliner .feature .display .item .description .icon {
    display: none; }
  .november_app_page.omnioutliner .feature .display .item .description .text {
    width: 100%;
    margin: 0px;
    background-color: rgba(252, 175, 31, 0.2); } }
@media (max-width: 25.875em) {
  .november_app_page.omnioutliner .feature .display .item .media {
    width: auto;
    float: none; }
  .november_app_page.omnioutliner .feature .display .item .description {
    width: 100%;
    padding-right: 0; }
  .november_app_page.omnioutliner .feature .select > div svg {
    max-width: 98%;
    height: 3.5em; }
  .november_app_page.omnioutliner .feature .svg-icon {
    padding: 5px 0px 0px 0px;
    border-radius: 5px; } }
.november_app_page.omnioutliner .feature.design .select > div {
  width: 14%; }
@media (max-width: 48em) {
  .november_app_page.omnioutliner .feature.design .select > div {
    width: 19%; } }
@media (max-width: 48em) {
  .november_app_page.omnioutliner .feature.kitchen-sink .select > div {
    float: left;
    display: block;
    width: 20%; } }
@media (max-width: 48em) {
  .november_app_page.omnioutliner .feature.work .select > div {
    float: left;
    display: block;
    width: 25%; } }
.november_app_page.omnioutliner .triangle {
  border-top: 25px solid #F5E6CE;
  -webkit-transition: opacity 0.3s linear 0.3s;
  -moz-transition: opacity 0.3s linear 0.3s;
  -o-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s; }
.november_app_page.omnioutliner .buttons .inner, .november_app_page.omnioutliner .feature-display .inner {
  background-color: #E4602A;
  border-color: #E4602A;
  color: #ffffff; }
.november_app_page.omnioutliner .feature-display .inner:hover {
  background-color: #F5E6CE;
  border-color: #F5E6CE;
  color: black; }
.november_app_page.omnioutliner .feature-display.expanded .inner {
  background-color: #F5E6CE;
  border-color: #F5E6CE;
  color: black; }
.november_app_page.omnioutliner section.compare .checkmark svg, .november_app_page.omnioutliner section.compare .checkmark polyline {
  stroke: #FD762C; }
.november_app_page.omnioutliner section.compare tbody.feature:nth-child(even) {
  background: #F5E6CE; }
.november_app_page.omnioutliner .technical .select .item span {
  display: block; }
@media (max-width: 30em) {
  .november_app_page.omnioutliner .technical .select .item {
    float: left;
    display: block;
    width: 24%; } }
.november_app_page.omnioutliner .technical .description {
  font-size: 1.3em;
  max-width: 28em;
  margin: auto;
  margin-top: 1em; }
.november_app_page.omnioutliner .technical em {
  background-color: rgba(252, 175, 31, 0.1);
  text-decoration: none;
  font-style: normal;
  color: #FCAF1F; }

.omnioutliner tr {
  border-bottom-color: rgba(233, 103, 26, 0.9); }
.omnioutliner .vid a {
  color: #E9671A; }
.omnioutliner .platform-label {
  color: #ff7619; }
.omnioutliner .access .mac .platform-label, .omnioutliner .resources .mac .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnioutliner-mac.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnioutliner .access .mac .platform-label, .omnioutliner .resources .mac .platform-label {
    background-image: url(/assets/img/icons/omnioutliner-mac@2x.png);
    background-size: 73px 73px; } }
@media (max-width: 48em) {
  .omnioutliner .access .mac .platform-label, .omnioutliner .resources .mac .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnioutliner-mac@2x.png);
    background-size: 53px 53px; } }
@media (max-width: 20em) {
  .omnioutliner .access .mac .platform-label, .omnioutliner .resources .mac .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnioutliner-mac@2x.png);
    background-size: 40px 40px; } }
.omnioutliner .access .ipad .platform-label, .omnioutliner .resources .ipad .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnioutliner-ipad.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnioutliner .access .ipad .platform-label, .omnioutliner .resources .ipad .platform-label {
    background-image: url(/assets/img/icons/omnioutliner-ipad@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omnioutliner .access .ipad .platform-label, .omnioutliner .resources .ipad .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnioutliner-ipad@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omnioutliner .access .ipad .platform-label, .omnioutliner .resources .ipad .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnioutliner-ipad@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }
.omnioutliner .access .iphone .platform-label, .omnioutliner .resources .iphone .platform-label {
  height: 73px;
  background-image: url(/assets/img/icons/omnioutliner-iphone.png);
  background-size: 65px 65px; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .omnioutliner .access .iphone .platform-label, .omnioutliner .resources .iphone .platform-label {
    background-image: url(/assets/img/icons/omnioutliner-iphone@2x.png);
    background-size: 65px 65px; } }
@media (max-width: 48em) {
  .omnioutliner .access .iphone .platform-label, .omnioutliner .resources .iphone .platform-label {
    height: 53px;
    background-image: url(/assets/img/icons/omnioutliner-iphone@2x.png);
    background-size: 44px 44px; } }
@media (max-width: 20em) {
  .omnioutliner .access .iphone .platform-label, .omnioutliner .resources .iphone .platform-label {
    height: 40px;
    background-image: url(/assets/img/icons/omnioutliner-iphone@2x.png);
    background-size: 35px 35px;
    background-position-y: 5px; } }

.previous_downloads .omnioutliner th.title {
  background-color: #D39D27; }

@media (min-width: 48em) and (max-width: 60em) {
  .support.index .omnioutliner {
    font-size: .9em; } }
.support.index .omnioutliner .app.hover_button .inner {
  background-color: #D39D27;
  border-color: #D39D27;
  color: #ffffff; }
.support.index .omnioutliner .app.hover_button .inner:hover {
  color: #D39D27;
  background-color: #ffffff; }
.support.index .omnioutliner .app.solid_button .inner {
  background-color: #D39D27;
  border-color: #D39D27;
  color: #ffffff; }
.support.index .omnioutliner .app.solid_button .inner:hover {
  color: #ffffff;
  background-color: #D39D27; }

.release_notes .omnioutliner h1 {
  color: #E9671A;
  border-bottom: 1px solid #E9671A;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2em; }

.app_page.omnipresence article {
  padding-top: 9em;
  background-image: url(/assets/img/app-banners/omnipresencebanner.png);
  background-repeat: no-repeat; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .app_page.omnipresence article {
    background-image: url(/assets/img/app-banners/omnipresencebanner@2x.png);
    background-size: 100%; } }
@media (max-width: 20em) {
  .app_page.omnipresence article {
    background-image: none;
    padding-top: 0; } }
.app_page.omnipresence h1 {
  color: #009fdc;
  margin-left: -10px; }
.app_page.omnipresence h1:after {
  content: "";
  display: inline-block;
  padding-bottom: 12px;
  margin-bottom: -12px;
  height: 74px;
  width: 75px;
  background-image: url(/assets/img/icons/omnipresence-mac.png);
  background-repeat: no-repeat;
  background-position: left bottom; }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .app_page.omnipresence h1:after {
    background-image: url(/assets/img/icons/omnipresence-mac@2x.png);
    background-size: 74px 75px; } }
@media (max-width: 48em) {
  .app_page.omnipresence h1 {
    font-size: 4.5em; } }
@media (max-width: 35.9375em) {
  .app_page.omnipresence h1 {
    font-size: 2.9em; }
  .app_page.omnipresence h1:after {
    height: 32px;
    width: 32px;
    padding-bottom: 4px;
    margin-bottom: -4px;
    background-image: url(/assets/img/icons/omnipresence-mac-small.png);
    background-size: 32px 32px; } }
@media (max-width: 35.9375em) {
  .app_page.omnipresence h1:after {
    background-image: url(/assets/img/icons/omnipresence-mac-small@2x.png); } }
@media (max-width: 20em) {
  .app_page.omnipresence h1:after {
    content: none; } }
.app_page.omnipresence .intro p {
  font-size: 2em; }
@media (max-width: 35.9375em) {
  .app_page.omnipresence .intro p {
    font-size: 1.5em; } }
.app_page.omnipresence .app > span {
  color: #006298;
  font-size: 3em;
  font-family: "ProximaNovaA-Thin", sans-serif; }
@media (max-width: 35.9375em) {
  .app_page.omnipresence .app > span {
    font-size: 1.5em;
    line-height: 2em; } }
@media (max-width: 20em) {
  .app_page.omnipresence .app > span {
    font-size: 1.2em; } }
.app_page.omnipresence .platform {
  position: relative; }
.app_page.omnipresence .platform header {
  margin: auto;
  max-width: 30em; }
@media (max-width: 60em) {
  .app_page.omnipresence .platform header {
    width: 80%; } }
@media (max-width: 20em) {
  .app_page.omnipresence .platform header {
    width: auto; } }
.app_page.omnipresence .platform header h2 {
  float: left;
  font-size: 3rem;
  color: #009fdc;
  text-align: left;
  line-height: 40px; }
.app_page.omnipresence .platform header > span {
  float: left;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 1.4em;
  margin-left: 10px;
  color: #808080;
  line-height: 53px;
  position: absolute; }
@media (max-width: 35.9375em) {
  .app_page.omnipresence .platform header > span {
    position: static;
    margin-left: 0; } }
.app_page.omnipresence .platform .detail {
  font-size: 1.5em;
  margin-top: -20px;
  clear: both;
  max-width: 30em;
  margin: -20px auto 0; }
.app_page.omnipresence .platform .detail p {
  margin-top: 0px; }
@media (max-width: 60em) {
  .app_page.omnipresence .platform .detail {
    width: 80%; } }
.app_page.omnipresence .more {
  margin-top: 2em; }
.app_page.omnipresence .more header {
  font-size: 1.4em;
  font-family: "ProximaNovaA-Thin", sans-serif; }
.app_page.omnipresence .more p {
  font-size: 1em; }
.app_page.omnipresence .questions {
  width: 80%;
  margin: auto; }
.app_page.omnipresence .questions li {
  list-style: none;
  margin-bottom: 2em; }
.app_page.omnipresence .questions li h4 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 1.6em;
  margin-bottom: 0; }
.app_page.omnipresence .questions li p {
  margin: 0;
  font-size: 1.2em;
  font-family: "MuseoSlab", sans-serif; }
@media (max-width: 60em) {
  .app_page.omnipresence .questions {
    width: 100%; } }

.previous_downloads .omnipresence th.title {
  background-color: #009fdc; }

.release_notes .omnipresence h1 {
  color: #009fdc;
  border-bottom: 1px solid #009fdc;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2em; }

.more .apps {
  margin-top: 45px; }
.more .app {
  border-bottom: 1px solid #e4e4e5; }
.more .app:last-child {
  border-bottom: none; }
.more header {
  margin-bottom: -10px; }
.more header h2 {
  font-size: 3em;
  float: left;
  margin: 0;
  padding: 0; }
@media (max-width: 60em) {
  .more header h2 {
    float: none;
    font-size: 2em; } }
.more header .tag {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 1.3em;
  line-height: 3.3em;
  padding-left: 1.5em; }
@media (max-width: 60em) {
  .more header .tag {
    padding-left: 0;
    line-height: inherit; } }
@media (max-width: 60em) {
  .more header {
    margin-bottom: 1em; } }
.more p {
  font-size: 1.1em;
  font-family: "MuseoSlab", sans-serif; }
.more p.intro {
  margin-top: 0; }
.more .icon {
  height: 128px;
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto; }

.developer .content header {
  margin-bottom: 0.5em;
  background-image: url("/assets/img/developer/omnidevicon.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 180px;
  overflow: visible;
  min-height: 180px; }
.developer .content header h1 {
  color: #3d71bc;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 9em;
  line-height: .7em;
  margin: 0;
  padding: 0;
  padding-top: .3em;
  vertical-align: bottom; }
@media (min-width: 60em) {
  .developer .content header h1 {
    font-size: 11em; } }
@media (max-width: 48em) {
  .developer .content header h1 {
    font-size: 5.5em; } }
@media (max-width: 35.9375em) {
  .developer .content header h1 {
    font-size: 4.5em;
    text-align: center; } }
.developer .content header span {
  font-family: "MuseoSlab", sans-serif;
  font-size: 3em; }
@media (min-width: 60em) {
  .developer .content header span {
    font-size: 3.5em; } }
@media (max-width: 48em) {
  .developer .content header span {
    font-size: 2em; } }
@media (min-width: 60em) {
  .developer .content header {
    background-size: auto auto;
    min-height: 237px; } }
@media (max-width: 48em) {
  .developer .content header {
    background-size: auto 130px;
    min-height: 130px; } }
@media (max-width: 35.9375em) {
  .developer .content header {
    background: none;
    min-height: 0; } }
.developer .content .intro p {
  margin-top: 0px;
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.6em; }
@media (max-width: 48em) {
  .developer .content .intro p {
    font-size: 1.3em; } }
.developer .content .buttons {
  font-size: 1.3em; }
@media (max-width: 48em) {
  .developer .content .buttons .col {
    margin-bottom: 1px; } }
.developer .content .framework {
  border-bottom: 1px solid #bfe5f3;
  padding-right: 25%;
  background-repeat: no-repeat;
  background-position: right top; }
@media (max-width: 60em) {
  .developer .content .framework {
    background-size: 20%;
    min-height: 180px; } }
@media (max-width: 48em) {
  .developer .content .framework {
    background-size: 15%;
    min-height: 180px; } }
@media (max-width: 35.9375em) {
  .developer .content .framework {
    background-image: none !important;
    min-height: 0;
    padding-right: 0; } }
.developer .content .framework h2 {
  color: #3d71bc;
  font-size: 4.5em;
  padding: 0;
  margin: 0; }
@media (max-width: 48em) {
  .developer .content .framework h2 {
    font-size: 3.5em; } }
@media (max-width: 35.9375em) {
  .developer .content .framework h2 {
    font-size: 2em; } }
.developer .content .framework li, .developer .content .framework p {
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.3em;
  margin-top: 0px; }
.developer .content .framework ul {
  padding: 0 0 0 70px;
  margin: 0;
  position: relative; }
@media (max-width: 35.9375em) {
  .developer .content .framework ul {
    padding: 0 0 0 30px; } }
.developer .content .framework ul li {
  list-style: none;
  text-indent: 0;
  margin-bottom: 1em;
  position: relative; }
.developer .content .framework ul li:before {
  content: "";
  background-image: url(/assets/img/developer/omnidevbulletpoint.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto auto;
  height: 59px;
  width: 55px;
  position: absolute;
  left: -60px; }
@media (max-width: 35.9375em) {
  .developer .content .framework ul li:before {
    background-size: 50%; } }
.developer .content .framework.omnibase {
  background-image: url("/assets/img/developer/omnibase.svg"); }
.no-svg .developer .content .framework.omnibase {
  background-image: url("/assets/img/developer/omnibase.png"); }
.developer .content .framework.omniappkit {
  background-image: url("/assets/img/developer/omniappkit.svg"); }
.no-svg .developer .content .framework.omniappkit {
  background-image: url("/assets/img/developer/omniappkit.png"); }
.developer .content .framework.omnidataobjects {
  background-image: url("/assets/img/developer/omnidataobjects.svg"); }
.no-svg .developer .content .framework.omnidataobjects {
  background-image: url("/assets/img/developer/omnidataobjects.png"); }
.developer .content .framework.omnifoundation {
  background-image: url("/assets/img/developer/omnifoundation.svg"); }
.no-svg .developer .content .framework.omnifoundation {
  background-image: url("/assets/img/developer/omnifoundation.png"); }
.developer .content .framework.omniinspector {
  background-image: url("/assets/img/developer/omniinspector.svg"); }
.no-svg .developer .content .framework.omniinspector {
  background-image: url("/assets/img/developer/omniinspector.png"); }
.developer .content .framework.omninetworking {
  background-image: url("/assets/img/developer/omninetworking.svg"); }
.no-svg .developer .content .framework.omninetworking {
  background-image: url("/assets/img/developer/omninetworking.png"); }
.developer .content .framework.omnipresence {
  background-image: url("/assets/img/developer/omnipresence.svg"); }
.no-svg .developer .content .framework.omnipresence {
  background-image: url("/assets/img/developer/omnipresence.png"); }

.about-us .team header {
  margin-bottom: 0.25em; }
.about-us .team header h2 {
  float: left; }
.about-us .team header select {
  float: right; }
.about-us .team select {
  margin-top: 1em; }
.about-us .team .teamrow {
  padding-bottom: 2%; }
.about-us .team .omnite {
  display: inline-block;
  position: relative;
  width: 23.5%;
  margin: 0 0 0 2%; }
@media (max-width: 35.9375em) {
  .about-us .team .omnite {
    width: 49%; }
  .about-us .team .omnite:nth-child(2) {
    float: right; } }
.about-us .team .omnite:first-child {
  margin-left: 0; }
.about-us .team .omnite:nth-child(4) {
  float: right; }
.about-us .team .omnite .photo {
  position: relative; }
.about-us .team .omnite .photo_alt {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0; }
.about-us .team .omnite.selected .photo_alt {
  opacity: 1; }
.about-us .team .omnite .info {
  -webkit-transition: height 0.4s, background-color 0.4s, margin-bottom 0.4s;
  -moz-transition: height 0.4s, background-color 0.4s, margin-bottom 0.4s;
  -o-transition: height 0.4s, background-color 0.4s, margin-bottom 0.4s;
  transition: height 0.4s, background-color 0.4s, margin-bottom 0.4s;
  width: 100%;
  padding: 4% 5%;
  color: #ffffff;
  background-color: #808080;
  white-space: nowrap;
  height: 2em;
  margin-top: -5px; }
.about-us .team .omnite .info .name {
  -webkit-transition: font-size 0.4s;
  -moz-transition: font-size 0.4s;
  -o-transition: font-size 0.4s;
  transition: font-size 0.4s; }
@media (max-width: 60em) {
  .about-us .team .omnite .info .name {
    font-size: 1em; } }
@media (max-width: 48em) {
  .about-us .team .omnite .info .name {
    font-size: .9em; } }
@media (max-width: 35.9375em) {
  .about-us .team .omnite .info .name {
    font-size: 1.2em; } }
@media (max-width: 20em) {
  .about-us .team .omnite .info .name {
    font-size: .9em; } }
.about-us .team .omnite .info .title {
  display: none;
  clear: both;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 5%;
  white-space: normal;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: .9em; }
.about-us .team .omnite .bio {
  display: none; }
.about-us .team .omnite.selecting .info {
  margin-bottom: 1.4em; }
.about-us .team .omnite.selected .info {
  height: 3.4em;
  background-color: #6766C4;
  margin-bottom: 0px; }
.about-us .team .omnite.selected .info .name {
  font-size: 1.4em; }
@media (max-width: 60em) {
  .about-us .team .omnite.selected .info .name {
    font-size: 1em; } }
@media (max-width: 48em) {
  .about-us .team .omnite.selected .info .name {
    font-size: .9em; } }
@media (max-width: 35.9375em) {
  .about-us .team .omnite.selected .info .name {
    font-size: 1.4em; } }
@media (max-width: 20em) {
  .about-us .team .omnite.selected .info .name {
    font-size: .9em; } }
.about-us .team .omnite.selected .info .title {
  display: inline; }
@media (max-width: 48em) {
  .about-us .team .omnite.selected .info .title {
    font-size: .8em; } }
@media (min-width: 60em) {
  .about-us .team .omnite:nth-child(5n+1) {
    margin-left: 0; } }
@media (max-width: 48em) {
  .about-us .team .omnite:nth-child(4n+1) {
    margin-left: 0; } }
.about-us .team .biobox {
  -webkit-transition: max-height 0.6s;
  -moz-transition: max-height 0.6s;
  -o-transition: max-height 0.6s;
  transition: max-height 0.6s;
  background-color: #6766C4;
  color: #ffffff;
  clear: both;
  max-height: 0px;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0 1em; }
.about-us .team .biobox p {
  margin-right: auto;
  margin-left: auto;
  font-size: 1.05em; }
.about-us .team .biobox a {
  color: #ffffff;
  text-decoration: underline; }
.about-us .team .biobox.opened {
  height: auto;
  max-height: 450px;
  padding: .1em 1em; }
.about-us header h1 {
  font-size: 6rem;
  color: #6766C4;
  padding: 0;
  margin: 0; }
@media (max-width: 48em) {
  .about-us header h1 {
    font-size: 5rem; } }
@media (max-width: 35.9375em) {
  .about-us header h1 {
    font-size: 3rem; } }
.about-us header .addresses ul {
  position: relative;
  float: left;
  width: 33%;
  padding-left: 3.5em;
  padding-top: .5em;
  color: #6766C4;
  font-size: 1.2em;
  font-family: "MuseoSlab", sans-serif;
  list-style-type: none;
  list-style-position: outside; }
@media (max-width: 48em) {
  .about-us header .addresses ul {
    width: 50%; } }
@media (max-width: 35.9375em) {
  .about-us header .addresses ul {
    width: 100%; } }
.about-us header .addresses .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 3em;
  width: 3em;
  z-index: -1; }
.about-us header .addresses .icon path {
  fill: #6766C4; }
@media (max-width: 60em) {
  .about-us header .addresses {
    font-size: .8em; } }
@media (max-width: 48em) {
  .about-us header .addresses {
    font-size: 0.9em; } }
.about-us h2 {
  color: #6766C4;
  font-size: 3rem;
  margin: 0;
  padding: 0; }
@media (max-width: 48em) {
  .about-us h2 {
    font-size: 1.8em; } }
.about-us p {
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.5rem; }
@media (max-width: 35.9375em) {
  .about-us p {
    font-size: 1.1em; } }
.about-us .intro {
  clear: both; }
.about-us section {
  margin-bottom: 1em; }
@media (max-width: 20em) {
  .about-us .contact div {
    height: 60px; }
  .about-us .contact div .title {
    font-size: 1.1em;
    bottom: 1.1em; }
  .about-us .contact div .email {
    font-size: 0.8em; } }
.about-us .story {
  border-bottom: 1px solid #e4e4e5;
  font-size: 1.4em; }
.about-us .story header {
  margin-bottom: 1.4em; }
@media (max-width: 35.9375em) {
  .about-us .story header img {
    float: none;
    margin-left: 0; }
  .about-us .story header span {
    font-size: 1.1em;
    clear: none; } }
.about-us .story p {
  clear: left; }
@media (max-width: 35.9375em) {
  .about-us .story p {
    clear: both; } }
.about-us .story ul {
  position: relative; }
.about-us .story ul li {
  margin-bottom: 1.3em;
  font-family: "MuseoSlab", sans-serif; }
.about-us .story .scenes img {
  width: 23.5%;
  margin: 0 0 2% 2%;
  padding: 0;
  float: left; }
.about-us .story .scenes img:first-child {
  margin: 0; }
@media (max-width: 25.875em) {
  .about-us .story .scenes img {
    margin-left: 1%;
    margin-bottom: 1%;
    width: 49.5%; }
  .about-us .story .scenes img:nth-child(3) {
    margin-left: 0; }
  .about-us .story .scenes img:nth-child(1) {
    margin-left: 0; } }
.about-us .story .awards .graphics img {
  margin: 0 4%; }
@media (min-width: 60em) {
  .about-us .story .awards .graphics img {
    margin: 0 8%; }
  .about-us .story .awards .graphics img:first-child {
    margin-left: 0; }
  .about-us .story .awards .graphics img:last-child {
    margin-right: 0; } }
.about-us .hiring {
  border-bottom: 1px solid #e4e4e5; }

.blog .return > div, .general .return > div, .blog_archives .return > div {
  margin: auto; }
.blog header, .general header, .blog_archives header {
  text-align: left;
  margin-bottom: 1.51em; }
.blog header .blog_title, .general header .blog_title, .blog_archives header .blog_title {
  font-size: 2.5em;
  color: #1daeec;
  text-transform: uppercase;
  word-spacing: .1em;
  white-space: nowrap; }
@media (max-width: 30em) {
  .blog header .blog_title, .general header .blog_title, .blog_archives header .blog_title {
    font-size: 1.9em;
    overflow: visible;
    background-size: 28%;
    background-position: left middle; } }
.blog img, .general img, .blog iframe, .general iframe, .blog_archives img, .blog_archives iframe {
  max-width: 100%; }
.blog iframe, .general iframe, .blog_archives iframe {
  margin-bottom: 1em; }
.blog article:after, .general article:after, .blog_archives article:after {
  content: "";
  background-image: url(/assets/img/dividers/blog-divider.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 40px;
  font-size: 3.2em;
  text-align: center;
  margin: auto;
  margin-top: 1em; }
.blog article:last-child:after, .general article:last-child:after, .blog_archives article:last-child:after {
  content: none; }
.blog article header, .general article header, .blog_archives article header {
  text-align: left;
  font-family: "ProximaNovaA-Thin", sans-serif;
  margin-bottom: 1.5em;
  width: 65%;
  margin-left: auto;
  margin-right: auto; }
.blog article header h1, .general article header h1, .blog_archives article header h1 {
  font-size: 2.5em;
  margin-bottom: .2em;
  line-height: normal; }
.blog article header h1 a, .general article header h1 a, .blog_archives article header h1 a {
  color: #404040; }
.blog article header span, .general article header span, .blog_archives article header span {
  font-size: 1.1em;
  color: #808080; }
.blog article header span a, .general article header span a, .blog_archives article header span a {
  color: #808080; }
@media (max-width: 60em) {
  .blog article header, .general article header, .blog_archives article header {
    margin: auto; } }
@media (max-width: 48em) {
  .blog article header, .general article header, .blog_archives article header {
    width: 90%; } }
@media (max-width: 30em) {
  .blog article header h1, .general article header h1, .blog_archives article header h1 {
    font-size: 2.5em; } }
.blog article .body, .general article .body, .blog_archives article .body {
  line-height: 1.4em; }
.blog article > ul, .general article > ul, .blog_archives article > ul {
  padding: 0 2.5em; }
.blog h2, .general h2, .blog_archives h2 {
  font-family: "ProximaNovaA-Regular", sans-serif;
  margin-bottom: 0;
  line-height: 1.1em; }
.blog section.body, .general section.body, .blog_archives section.body {
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.05em;
  margin: auto; }
.blog section.body p, .general section.body p, .blog section.body h2, .general section.body h2, .blog section.body h3, .general section.body h3, .blog section.body h4, .general section.body h4, .blog section.body h5, .general section.body h5, .blog section.body h6, .general section.body h6, .blog section.body > ul, .general section.body > ul, .blog section.body ol, .general section.body ol, .blog section.body hr, .general section.body hr, .blog section.body blockquote, .general section.body blockquote, .blog_archives section.body p, .blog_archives section.body h2, .blog_archives section.body h3, .blog_archives section.body h4, .blog_archives section.body h5, .blog_archives section.body h6, .blog_archives section.body > ul, .blog_archives section.body ol, .blog_archives section.body hr, .blog_archives section.body blockquote {
  width: 65%;
  margin-left: auto;
  margin-right: auto; }
.blog section.body img, .general section.body img, .blog_archives section.body img {
  margin: auto;
  display: block; }
.blog section.body li p, .general section.body li p, .blog_archives section.body li p {
  width: 100%; }
.blog section.body blockquote, .general section.body blockquote, .blog_archives section.body blockquote {
  font-family: "MuseoSlab", sans-serif;
  font-style: italic;
  border-left: 3px solid #e4e4e5;
  padding: 0 1em; }
.blog section.body blockquote p, .general section.body blockquote p, .blog_archives section.body blockquote p {
  width: 100%; }
.blog section.body > div, .general section.body > div, .blog_archives section.body > div {
  text-align: center;
  margin-bottom: 1.1em; }
@media (max-width: 48em) {
  .blog section.body p, .general section.body p, .blog section.body h2, .general section.body h2, .blog section.body h3, .general section.body h3, .blog section.body h4, .general section.body h4, .blog section.body h5, .general section.body h5, .blog section.body h6, .general section.body h6, .blog section.body ul, .general section.body ul, .blog section.body ol, .general section.body ol, .blog section.body hr, .general section.body hr, .blog section.body blockquote, .general section.body blockquote, .blog_archives section.body p, .blog_archives section.body h2, .blog_archives section.body h3, .blog_archives section.body h4, .blog_archives section.body h5, .blog_archives section.body h6, .blog_archives section.body ul, .blog_archives section.body ol, .blog_archives section.body hr, .blog_archives section.body blockquote {
    width: 90%; } }

.paginate {
  text-align: center; }
.paginate .pages {
  font-size: 1.3em;
  margin-bottom: .75em; }

.blog_archives h1 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2em; }
.blog_archives .archives {
  margin: 0 1em; }
.blog_archives .archives ul {
  padding-left: 0; }
.blog_archives .archives ul h2 {
  font-family: "ProximaNovaA-Regular", sans-serif;
  font-size: 1.1em;
  color: #808080;
  margin-top: 2em;
  margin-bottom: -.5em; }
.blog_archives .archives ul li {
  list-style: none;
  font-size: 1.4em;
  margin: .5em 0 .5em 0; }
.blog_archives .archives ul li span {
  font-size: .7em;
  color: #808080;
  white-space: nowrap; }
@media (max-width: 35.9375em) {
  .blog_archives .archives ul li {
    font-size: 1.1em; } }
@media (max-width: 20em) {
  .blog_archives .archives ul li {
    font-size: 1.1em; } }

.omni_video.cat .vid {
  margin-left: 2%; }
@media (min-width: 48em) {
  .omni_video.cat .vid:nth-child(4n+1) {
    margin-left: 0; } }
@media (max-width: 48em) {
  .omni_video.article h1 {
    font-size: 3.75em; } }
@media (max-width: 35.9375em) {
  .omni_video.article h1 {
    font-size: 2.75em; } }
@media (max-width: 20em) {
  .omni_video.article h1 {
    font-size: 1.75em; } }
.omni_video.article article {
  margin-bottom: 2em; }
.omni_video h1 {
  color: #3d71bc;
  font-size: 5em;
  font-family: "ProximaNovaA-Thin", sans-serif;
  margin: .1em inherit;
  margin-top: .3em; }
@media (max-width: 20em) {
  .omni_video h1 {
    font-size: 3.75em;
    margin: 0.3em 0em 0.1em 0em;
    font-family: "ProximaNovaA-Light", sans-serif; } }
.omni_video h2 {
  color: #3d71bc;
  font-size: 2.8em;
  font-family: "ProximaNovaA-Thin", sans-serif;
  margin-top: 0;
  margin-bottom: 0; }
@media (max-width: 20em) {
  .omni_video h2 {
    font-size: 2em;
    font-family: "ProximaNovaA-Light", sans-serif; } }
.omni_video .vid {
  vertical-align: top;
  width: 23.5%;
  height: 230px;
  overflow: visible;
  float: left;
  margin-left: 2%; }
.omni_video .vid:first-child {
  margin-left: 0; }
.omni_video .vid .vid:nth-child(4n+5) {
  margin-left: 0; }
@media (max-width: 48em) {
  .omni_video .vid {
    width: 48%;
    min-height: 300px; }
  .omni_video .vid:nth-child(2n+3) {
    margin-left: 0; } }
@media (max-width: 30em) {
  .omni_video .vid {
    min-height: 220px; } }
.omni_video .vid .inner {
  width: 100%;
  height: 100%; }
.omni_video .vid .inner .name {
  color: #3d71bc;
  margin-top: .3em;
  margin-bottom: .3em; }
.omni_video .vid .inner .desc p {
  color: #404040; }
.omni_video .vid .inner .desc p:first-child {
  margin-top: 0; }
.omni_video .stories header {
  margin: 0; }
.omni_video .app_videos header {
  margin: 0; }
.omni_video .app_videos .vid {
  width: 48%;
  margin-left: 4%; }
.omni_video .app_videos .vid:first-child {
  margin-left: 0; }
.omni_video .app_videos .vid:nth-child(3) {
  margin-left: 0; }
@media (max-width: 48em) {
  .omni_video .app_videos .vid {
    margin-left: 2%; } }
.omni_video .app_videos footer {
  font-size: 1.3em;
  border-bottom: 1px solid transparent; }
.omni_video .app_videos footer a {
  color: #808080; }
.omni_video .app_videos .omnifocus h2, .omni_video .app_videos .omnifocus .name {
  color: #742AA8; }
.omni_video .app_videos .omnifocus footer {
  border-bottom-color: #742AA8; }
.omni_video .app_videos .omnigraffle h2, .omni_video .app_videos .omnigraffle .name {
  color: #12954A; }
.omni_video .app_videos .omnigraffle footer {
  border-bottom-color: #12954A; }
.omni_video .app_videos .omnioutliner h2, .omni_video .app_videos .omnioutliner .name {
  color: #E9671A; }
.omni_video .app_videos .omnioutliner footer {
  border-bottom-color: #E9671A; }
.omni_video .app_videos .omniplan h2, .omni_video .app_videos .omniplan .name {
  color: #FEBC26; }
.omni_video .app_videos .omniplan footer {
  border-bottom-color: #FEBC26; }
.omni_video .app_videos .omnipresence h2, .omni_video .app_videos .omnipresence .name {
  color: #009fdc; }
.omni_video .app_videos .omnipresence footer {
  border-bottom-color: #009fdc; }

.release_notes nav.releases {
  margin-top: 1em; }
.release_notes nav.releases h1 {
  font-size: 3em;
  margin: 0; }
.release_notes nav.releases h1 a {
  color: #404040; }
.release_notes nav.releases .button {
  display: inline-block;
  width: 9.375em;
  margin-bottom: 1em; }
.release_notes nav.releases .button .inner {
  font-size: 1em;
  line-height: 1em;
  padding: .4em 0 .2em; }
@media (max-width: 20em) {
  .release_notes {
    font-size: 13px; } }
.release_notes .apps .app-heading {
  margin: auto;
  max-width: 50em;
  margin-bottom: 1em; }
.release_notes article {
  padding: 0;
  margin: auto;
  margin-bottom: 4em;
  max-width: 50em; }
.release_notes article .icon {
  float: left; }
.release_notes article .icon img {
  height: 2em; }
.release_notes article header {
  margin-left: 2.5em;
  margin-bottom: 1em; }
.release_notes article header h2 {
  margin-bottom: 0;
  font-weight: normal;
  font-family: "ProximaNova-Semibold", sans-serif; }
.release_notes article header h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1em; }
.release_notes article header p {
  font-weight: normal;
  font-size: 1em;
  color: #A9AAAA;
  margin-top: 0; }
.release_notes article ul {
  list-style-type: disc;
  list-style-position: outside;
  clear: both;
  margin-left: 18px;
  padding-left: 0; }
.release_notes article ul li {
  line-height: 150%; }
.release_notes .notes {
  margin-left: 2.5em; }
.release_notes .notes ul {
  list-style: none;
  margin-bottom: 24px; }
.release_notes .notes ul li {
  margin-left: 0px;
  margin-bottom: 8px;
  padding: 0 0 0 18px;
  background-size: 13px;
  background-position: 0px 3px;
  background-size: 13px;
  background-position: 0px 3px;
  background-repeat: no-repeat; }
.release_notes .notes ul li.new {
  background-image: url("/assets/ReleaseNotes/images/new@2x.png"); }
.release_notes .notes ul li.updated {
  background-image: url("/assets/ReleaseNotes/images/updated@2x.png"); }
.release_notes .notes ul li.fixed {
  background-image: url("/assets/ReleaseNotes/images/fixed@2x.png"); }
.release_notes .notes ul li.danger {
  background-image: url("/assets/ReleaseNotes/images/danger@2x.png"); }

.promo article {
  margin: auto;
  width: 80%; }
@media (max-width: 48em) {
  .promo article {
    width: auto; } }
.promo article h1 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 3em;
  color: #1daeec; }
.promo article p {
  font-family: "MuseoSlab", sans-serif; }
.promo article ul {
  margin: 0;
  padding: 0; }
.promo article li {
  list-style: none; }
.promo article .body p:first-child {
  font-size: 1.3em; }

.support img {
  max-width: 100%;
  height: auto; }
.support .search_form {
  position: relative;
  font-size: 1.5em;
  margin-bottom: 1em; }
.support .search_form input[type="text"], .support .search_form form textarea[type="text"], form .support .search_form textarea[type="text"], .support .search_form form [type="text"].file-picker, form .support .search_form [type="text"].file-picker, .support .search_form .resources-upload textarea[type="text"], .resources-upload .support .search_form textarea[type="text"] {
  width: 100%;
  outline: none; }
.support .search_form input[type="submit"], .support .search_form form textarea[type="submit"], form .support .search_form textarea[type="submit"], .support .search_form form [type="submit"].file-picker, form .support .search_form [type="submit"].file-picker, .support .search_form .resources-upload textarea[type="submit"], .resources-upload .support .search_form textarea[type="submit"] {
  background-color: #1daeec;
  border: 1px solid #1daeec;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }
.support .search_form input[type="submit"]:hover, .support .search_form form textarea[type="submit"]:hover, form .support .search_form textarea[type="submit"]:hover, .support .search_form form [type="submit"].file-picker:hover, form .support .search_form [type="submit"].file-picker:hover, .support .search_form .resources-upload textarea[type="submit"]:hover, .resources-upload .support .search_form textarea[type="submit"]:hover {
  color: #1daeec;
  background-color: #ffffff;
  border: 1px solid #1daeec; }
.support .search_form input, .support .search_form form textarea, form .support .search_form textarea, .support .search_form form .file-picker, form .support .search_form .file-picker, .support .search_form .resources-upload textarea, .resources-upload .support .search_form textarea {
  border-width: 1px;
  border-color: #e4e4e5;
  border-style: solid; }
.support .content p, .support .content blockquote, .support .content li {
  font-family: "MuseoSlab", sans-serif; }
.support .content p {
  margin-top: 0; }
.support .content h2 {
  margin-bottom: 0.2em; }
.support .bottom-content {
  width: 90%;
  margin: 2.5em auto; }
@media (max-width: 30em) {
  .support .bottom-content {
    width: 100%; } }
@media (max-width: 20em) {
  .support .bottom-content {
    font-size: 0.8em; } }
@media (max-width: 20em) {
  .support .top.row {
    margin: auto 0.2em 1.5em 0.2em; } }
.support.index h1 {
  font-family: "ProximaNovaA-Light", sans-serif;
  color: #2D3E8B;
  padding: 0;
  margin: 20px 0 0 0;
  font-size: 6em; }
@media (max-width: 35.9375em) {
  .support.index h1 {
    font-size: 5em; } }
@media (max-width: 30em) {
  .support.index h1 {
    font-size: 3.5em; } }
@media (max-width: 20em) {
  .support.index h1 {
    font-size: 2.9em; } }
.support.index .question {
  margin: auto; }
.support.index .questions {
  width: 90%; }
.support.index .questions p {
  font-size: 1.08em;
  line-height: 1.3em;
  font-weight: 100; }
@media (min-width: 48em) {
  .support.index .questions {
    margin: auto;
    margin-top: 40px; } }
.support.app h1 {
  font-family: "ProximaNovaA-Light", sans-serif;
  padding: 0;
  margin: 20px 0 0 0;
  color: #2D3E8B;
  font-size: 4.8em; }
@media (max-width: 35.9375em) {
  .support.app h1 {
    font-size: 2.5em;
    margin: .5em 0; } }
@media (max-width: 20em) {
  .support.app h1 {
    font-size: 1.9em; } }
.support.app h2 {
  margin-top: 0.5em; }
.support.app .title {
  margin-bottom: 5px; }
.support.app h4 {
  color: #2D3E8B;
  font-family: "ProximaNovaA-Regular", sans-serif;
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 0; }
@media (min-width: 48em) {
  .support.article .title, .support.article .body {
    width: 80%;
    margin: auto;
    margin-top: 1.2em; } }
.support.article .title {
  border-bottom: 1px solid #e4e4e5; }
.support.article h1 {
  font-size: 2em;
  font-family: "ProximaNovaA-Regular", sans-serif;
  margin-bottom: 0; }
.support.article .tags {
  margin: .75em 0; }
.support.article .article-divider {
  border-bottom: 1px solid #D1D3D4;
  margin: 1em 0; }
.support.all.articles h1 {
  font-size: 4.8em; }
@media (min-width: 60em) {
  .support.all.articles article {
    width: 80%; } }
.support.all.articles .article {
  margin-bottom: 0.5em; }
.support.all.articles .article .title {
  font-size: 1.2em; }
.support.all.articles .article .title a {
  color: #2D3E8B; }
.support.all.articles .article .categories {
  color: #808080;
  font-size: .8em; }
.support.all.articles .article .categories a {
  color: #1daeec; }
.support .contact {
  font-family: "MuseoSlab", sans-serif;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  white-space: nowrap;
  font-size: 1.05em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flexbox;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }
.support .contact span, .support .contact a {
  color: #2D3E8B; }
.support .contact .phone {
  color: #2D3E8B; }
.support .contact .col {
  width: auto; }
.support .contact .contact-icon {
  height: 40px;
  width: 40px;
  vertical-align: middle;
  display: inline-block; }
.support .contact .contact-icon.dark path {
  fill: #2D3E8B; }
.support .contact .contact-icon svg {
  float: left;
  width: inherit;
  height: inherit; }
.support .contact .contact-icon svg path {
  fill: #3d71bc; }
@media (max-width: 20em) {
  .support .contact .contact-icon {
    height: 30px;
    width: 30px; } }
@media (max-width: 60em) {
  .support .contact {
    text-align: left; }
  .support .contact .flex-item {
    width: 50%; } }
@media (max-width: 35.9375em) {
  .support .contact {
    margin: 0.5em 0 1.5em 0; }
  .support .contact .flex-item {
    width: 100%; } }
.support .resources .platform-label {
  padding-top: 0;
  padding-left: 80px; }
.support .resources .platform-label h4 {
  color: #2D3E8B;
  margin: 0;
  padding: 0; }
.support .resources ul {
  padding: 0;
  margin: 0;
  list-style: disc; }
.support .resources .resource {
  color: #1daeec;
  float: left;
  margin-left: 30px;
  font-size: 1.2em; }
.support .resources .resource:nth-child(1) {
  margin-left: 0;
  list-style: none; }
.support .resources .resource a {
  color: #1daeec; }
@media (max-width: 20em) {
  .support .resources .resource:nth-child(3) {
    margin-left: 0;
    list-style: none; } }
.support .support_article_list h2 {
  font-size: 2.5em;
  margin-bottom: 0em;
  font-family: "MuseoSlab", sans-serif;
  color: #2D3E8B;
  display: inline-block; }
@media (max-width: 20em) {
  .support .support_article_list h2 {
    font-size: 2em; } }
.support .support_article_list ul {
  padding: 0;
  margin-left: 1.2em; }
@media (min-width: 60em) {
  .support .support_article_list ul {
    width: 80%;
    margin-top: 0; } }
.support .support_article_list li {
  font-size: 1.1em;
  list-style: disc;
  margin-bottom: .25em; }
.support .support_article_list li a {
  color: #808080; }
.support .support_article_list li a:hover {
  color: #1daeec; }
.support .support_article_list li p {
  margin: 0; }
@media (max-width: 60em) {
  .support .support_article_list {
    font-size: 1em;
    margin-bottom: .5em; }
  .support .support_article_list li {
    line-height: 1.2em; } }
.support .svg-icon {
  cursor: pointer;
  display: inline-block;
  height: 0.8em; }
.support .svg-icon:hover path {
  fill: #1daeec; }
.support .svg-icon svg {
  height: inherit; }
.support .svg-icon path {
  fill: #2D3E8B; }
.support #cancel-icon {
  height: 1.5em;
  padding: 5px; }
.support .hide {
  height: 0 !important;
  opacity: 0; }
.support .search {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 10px;
  width: 35%;
  height: 3em;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
@media (max-width: 20em) {
  .support .search {
    width: 100%; } }
.support .search .search-field {
  width: 70%;
  margin-left: 0.5em;
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.5em;
  vertical-align: top;
  margin-top: 2px; }
.support .app_faqs {
  margin-top: 1.5em; }
.support .app_faqs header {
  font-family: "MuseoSlab", sans-serif;
  color: #2D3E8B; }
.support .app_faqs header ul {
  display: inline-block;
  padding: 0;
  margin: 2.3em 0 0 2em; }
.support .app_faqs header h2 {
  font-size: 2.5em;
  margin-bottom: 0.2em;
  display: inline-block;
  float: left; }
.support .app_faqs header h3 {
  font-size: 2em;
  font-weight: 200;
  margin: 0; }
.support .app_faqs header h3 p {
  margin-bottom: 0; }
.support .app_faqs header h4 {
  margin-bottom: 0.5em;
  font-family: "ProximaNovaA-Regular", sans-serif;
  font-size: 1.4em; }
.support .app_faqs header .platform {
  font-family: "ProximaNovaA-Regular", sans-serif;
  color: #1daeec;
  float: left;
  font-size: 1.2em;
  list-style: disc;
  margin-left: 30px; }
.support .app_faqs header .platform:nth-child(1) {
  margin-left: 0;
  list-style: none; }
.support .app_faqs header .platform a {
  color: #1daeec; }
@media (max-width: 48em) {
  .support .app_faqs header {
    text-align: left; }
  .support .app_faqs header h2 {
    font-size: 1.8em; }
  .support .app_faqs header ul {
    margin: 1.4em 0 0 2em; } }
@media (max-width: 20em) {
  .support .app_faqs header h2 {
    font-size: 2.5em; }
  .support .app_faqs header ul {
    margin: 0; } }

.press header {
  text-align: center; }
.press header h1 {
  font-size: 3.2em;
  margin-bottom: .2em; }
.press header h1 a {
  color: #404040; }
.press header span {
  color: #808080; }
.press header span a {
  color: #808080; }
@media (max-width: 60em) {
  .press header {
    margin-left: .5em;
    margin-right: .5em; } }
@media (max-width: 30em) {
  .press header h1 {
    font-size: 2.5em; } }
.press section.body {
  font-family: "MuseoSlab", sans-serif;
  font-size: 1.05em;
  margin: auto;
  max-width: 576px; }
.press section.body p, .press section.body h5, .press section.body h6, .press section.body ul, .press section.body ol, .press section.body hr, .press section.body blockquote {
  margin-left: auto;
  margin-right: auto; }
.press section.body h2 {
  font-family: ProximaNovaA-Thin, sans-serif;
  text-align: left;
  font-size: 32px; }
.press section.body h3 {
  font-family: "MuseoSlab", sans-serif;
  font-weight: 500;
  margin-bottom: 5px; }
.press section.body h4 {
  margin-bottom: 5px; }
.press section.body p {
  margin-top: 0; }
.press section.body li p {
  width: 100%; }
.press section.body blockquote {
  font-family: "MuseoSlab", sans-serif;
  font-style: italic;
  border-left: 3px solid #e4e4e5;
  padding: 0 1em; }
.press section.body blockquote p {
  width: 100%; }
.press section.body div {
  text-align: center;
  margin-bottom: 1.1em; }
@media (max-width: 48em) {
  .press section.body p, .press section.body h2, .press section.body h3, .press section.body h4, .press section.body h5, .press section.body h6, .press section.body ul, .press section.body ol, .press section.body hr, .press section.body blockquote {
    width: 90%; } }
.press .return > div {
  margin: auto; }

.job_index h1 {
  color: #1daeec;
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 2.5em; }
.job_index h2 {
  font-size: 2em;
  margin-bottom: .25em; }
.job_index h3 {
  font-size: 1.5em;
  font-family: "MuseoSlab", sans-serif; }
.job_index h4 {
  font-family: "MuseoSlab", sans-serif;
  font-weight: 600; }
.job_index .intro p:first-child {
  font-size: 1.3em; }
.job_index .content {
  margin: auto;
  max-width: 670px; }
.job_index .content ul {
  margin: auto; }
@media (max-width: 35.9375em) {
  .job_index .content ul {
    width: auto; } }
.job_index .content p {
  margin-top: .5em; }
.job_index .content p, .job_index .content li {
  font-family: "MuseoSlab", sans-serif;
  line-height: 1.3em;
  font-size: 1.1em; }
.job_index article h3, .job_index article .listheading {
  margin: auto;
  margin-top: 1.2em;
  margin-bottom: .2em;
  display: block; }
@media (max-width: 35.9375em) {
  .job_index article h3, .job_index article .listheading {
    width: auto; } }
.job_index article h4, .job_index article .list-p {
  font-family: "MuseoSlab", sans-serif;
  margin-left: 1em;
  margin-bottom: 1em; }
@media (max-width: 35.9375em) {
  .job_index article h4, .job_index article .list-p {
    width: auto; } }

.general .open-in-browser {
  display: none; }
.general .open-in-browser > div {
  margin: auto; }
@media osu-available-updates {
  .general .open-in-browser {
    display: block; }
  .general header.site_nav {
    display: none; } }

.extras h1 {
  color: #3d71bc;
  font-size: 5em;
  font-family: "ProximaNovaA-Thin", sans-serif;
  margin: .1em inherit;
  margin-top: .3em; }
@media (max-width: 20em) {
  .extras h1 {
    font-size: 3.75em;
    margin: 0.3em 0em 0.1em 0em;
    font-family: "ProximaNovaA-Light", sans-serif; } }

.extra {
  padding-left: 65px;
  background-repeat: no-repeat; }
.extra h2 .author {
  font-size: .6em;
  color: #808080; }
.extra .info {
  color: #404040; }
.extra.dmg {
  background-image: url(/assets/img/icons-extras/dmg.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.dmg {
    background-image: url(/assets/img/icons-extras/dmg@2x.png); } }
.extra.link {
  background-image: url(/assets/img/icons-extras/link.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.link {
    background-image: url(/assets/img/icons-extras/link@2x.png); } }
.extra.omnigraffle-document {
  background-image: url(/assets/img/icons-extras/omnigraffle-document.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.omnigraffle-document {
    background-image: url(/assets/img/icons-extras/omnigraffle-document@2x.png); } }
.extra.omnigraffle-stencil {
  background-image: url(/assets/img/icons-extras/omnigraffle-stencil.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.omnigraffle-stencil {
    background-image: url(/assets/img/icons-extras/omnigraffle-stencil@2x.png); } }
.extra.omnigraffle-template {
  background-image: url(/assets/img/icons-extras/omnigraffle-template.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.omnigraffle-template {
    background-image: url(/assets/img/icons-extras/omnigraffle-template@2x.png); } }
.extra.omnioutliner-document {
  background-image: url(/assets/img/icons-extras/omnioutliner-document.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.omnioutliner-document {
    background-image: url(/assets/img/icons-extras/omnioutliner-document@2x.png); } }
.extra.plugin {
  background-image: url(/assets/img/icons-extras/plug-in.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.plugin {
    background-image: url(/assets/img/icons-extras/plug-in@2x.png); } }
.extra.script {
  background-image: url(/assets/img/icons-extras/script.png); }
@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
  .extra.script {
    background-image: url(/assets/img/icons-extras/script@2x.png); } }

.resources-upload .content {
  width: 60%;
  margin: auto; }
.resources-upload p {
  margin: 0.5em 0 0.3em 0; }
.resources-upload a {
  cursor: pointer; }
.resources-upload a:hover {
  border-bottom: 1px solid #D1D3D4; }
.resources-upload .page-body {
  width: 55%;
  margin: auto; }
.resources-upload .browse-list a {
  color: #ffffff; }
.resources-upload .form-container {
  font-size: 1.5em; }
.resources-upload input, .resources-upload form .file-picker, form .resources-upload .file-picker, .resources-upload textarea {
  font-size: 0.8em;
  min-width: 280px;
  line-height: 100%;
  height: 42px;
  width: 95%; }
.resources-upload input[type="checkbox"], .resources-upload form [type="checkbox"].file-picker, form .resources-upload [type="checkbox"].file-picker, .resources-upload textarea[type="checkbox"] {
  width: 15px;
  height: 15px;
  min-width: 0; }
.resources-upload input[type="submit"], .resources-upload form [type="submit"].file-picker, form .resources-upload [type="submit"].file-picker, .resources-upload textarea[type="submit"] {
  width: 4em !important;
  margin-bottom: 0.5em;
  min-width: 0; }
.resources-upload textarea {
  height: 200px; }
.resources-upload .search-form .search-field {
  min-width: 0; }
.resources-upload .file-picker {
  height: 42px;
  width: 95%; }
.resources-upload .info-button, .resources-upload .clear-button {
  font-size: 1em;
  display: inline-block;
  cursor: pointer;
  background-color: #e4e4e5;
  color: #808080;
  font-family: "ProximaNovaA-Thin", sans-serif;
  border: 1px solid #e4e4e5;
  height: 42px;
  width: auto;
  padding: 10px 5px 10px 5px;
  position: absolute; }
.resources-upload .info-button:hover, .resources-upload .clear-button:hover {
  background-color: transparent; }
@media (max-width: 35.9375em) {
  .resources-upload .info-button, .resources-upload .clear-button {
    position: static; } }
.resources-upload .clear-button {
  background: transparent;
  border: 0;
  padding-bottom: 9px;
  z-index: 2;
  margin-left: -23px; }
.resources-upload .required {
  font-size: 0.6em;
  color: #808080; }
.resources-upload .message {
  text-align: center;
  font-size: 1.8em;
  background: #D1D3D4;
  padding: 20px; }

.documentation .chapter {
  font-family: "Iowan Old Style", serif;
  margin-bottom: 2em; }
.documentation .chapter p, .documentation .chapter ol, .documentation .chapter li {
  font-family: "Iowan Old Style", serif; }
.documentation .chapter h1, .documentation .chapter h2, .documentation .chapter h3, .documentation .chapter h4 {
  font-family: "HelveticaNeue-Light", sans-serif;
  color: #4E1180;
  -webkit-hyphens: none;
  hyphens: none;
  adobe-hyphenate: none; }
.documentation .chapter h1 {
  font-size: 24pt; }
.documentation .chapter h1 .title {
  font-family: "HelveticaNeue-UltraLight", sans-serif;
  font-size: 36pt;
  text-align: center; }
.documentation .chapter h2 {
  font-size: 18pt; }
.documentation .chapter h3 {
  font-size: 16pt; }
.documentation .chapter h3 .subtitle {
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 20pt;
  text-align: center; }
.documentation .chapter .code {
  font-family: Courier, monospace;
  font-weight: bold; }
.documentation .chapter .super {
  position: relative;
  bottom: 0.5em;
  font-size: 0.8em; }
.documentation .chapter .sub {
  position: relative;
  top: 0.5em;
  font-size: 0.8em; }
.documentation .chapter figure {
  padding: 10px;
  margin: 10px;
  text-align: center; }
.documentation .chapter .fig {
  max-width: 75%; }
.documentation .chapter .apphero {
  float: right;
  padding: 10px; }
.documentation .chapter .inlineImage {
  vertical-align: middle; }
.documentation .chapter .inline_image_heading {
  width: 20px;
  vertical-align: baseline;
  padding-left: 10px; }
.documentation .chapter .inline_image_body {
  width: 1em;
  vertical-align: baseline;
  padding: 0 10px; }
.documentation .chapter .toc {
  font-family: "HelveticaNeue", sans-serif;
  font-size: 14pt;
  line-height: 20pt; }
.documentation .chapter .toc li #chapter {
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 18pt;
  line-height: 22pt; }
.documentation .chapter .toc nav > ol > li > a {
  color: #404040;
  border-bottom: 1pt solid #D1D3D4; }
.documentation .chapter .profeature {
  font-family: "Iowan Old Style", serif;
  background: #CCC;
  border-radius: 5px 10px 5px 10px;
  font-size: 95%;
  margin: 5px 0px;
  padding: 0px 5px; }
.documentation .chapter .filepath {
  font-family: "Menlo-Bold", monospace;
  font-size: 10pt;
  white-space: pre-wrap;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 8px; }
.documentation .chapter .headbreaks {
  break-after: avoid !important;
  break-inside: avoid !important;
  page-break-after: avoid !important;
  page-break-inside: avoid !important; }
.documentation .chapter .indent {
  margin-top: 8px;
  margin-bottom: 8px;
  background: ivory;
  margin-left: 34px !important;
  margin-right: 18px !important;
  padding: 0px 9px 14px 0px !important;
  border: dimgray 1px solid;
  -webkit-border-radius: 10px; }
.documentation .chapter .top-title {
  border-right: gray 1px solid; }
.documentation .chapter .top-contents {
  padding: 16px;
  margin: 16px;
  font-weight: bold;
  text-align: left; }
.documentation .chapter .note, .documentation .chapter .tip, .documentation .chapter .warning {
  width: 85%;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 12pt;
  line-height: 16pt;
  margin: auto;
  page-break-inside: avoid !important;
  break-inside: avoid !important; }
.documentation .chapter .note p, .documentation .chapter .tip p, .documentation .chapter .warning p {
  position: relative;
  padding: 1em 0 1em 0; }
.documentation .chapter .note-glyph:before {
  content: url(/assets/img/docs/note.png);
  position: absolute;
  left: -40px;
  top: 0;
  opacity: 0.1;
  vertical-align: middle; }
.documentation .chapter .tip-glyph:before {
  content: url(/assets/img/docs/tip.png);
  position: absolute;
  left: -40px;
  top: 0;
  opacity: 0.1; }
.documentation .chapter .warning-glyph:before {
  content: url(/assets/img/docs/warning.png);
  position: absolute;
  left: -40px;
  top: 0;
  opacity: 0.1; }
.documentation img {
  vertical-align: baseline; }
.documentation h3, .documentation h4 {
  margin: 0;
  text-align: left; }
.documentation .contact {
  font-size: 1em;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flexbox;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }
.documentation .about {
  width: 75%;
  margin: 0 auto 2em auto;
  font-family: "MuseoSlab", sans-serif; }
.documentation .about h3 {
  font-family: "ProximaNovaA-Light", sans-serif;
  font-size: 2.1em; }
.documentation .about h4 {
  font-weight: 500;
  font-size: 1.4em; }
.documentation .app-sections {
  width: 75%;
  margin: auto; }
.documentation .app-sections .doc {
  margin: 0.8em 0; }
.documentation .app-sections .doc .title {
  font-size: 1.6em;
  font-family: "ProximaNovaA-Regular", sans-serif;
  margin-bottom: 0.2em; }
.documentation .app-sections .doc table {
  width: 100%; }
.documentation .app-sections .doc table th, .documentation .app-sections .doc table td {
  padding: 0.2em;
  font-family: "ProximaNovaA-Light", sans-serif;
  max-width: 100px; }
.documentation .app-sections .doc table th h3, .documentation .app-sections .doc table td h3 {
  font-weight: 500;
  border-bottom: 1px solid #D1D3D4; }
.documentation .app-sections .doc table .languages a {
  padding: 0 2px; }
.documentation .app-sections .solid_button .inner {
  font-size: 2em;
  padding: 0 10px;
  line-height: 2em; }
.documentation .toc ol {
  list-style: circle; }
.documentation .toc ol li ol {
  list-style: none; }
.documentation .toc ol li ol li:before {
  content: "‑";
  position: relative;
  left: -5px;
  color: #A9AAAA; }
.documentation .toc ol li ol li {
  text-indent: -5px; }
.documentation .flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-content: center;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  -webkit-align-content: center; }
.documentation .hover_button {
  width: auto;
  display: inline-block;
  text-align: center;
  border: 1px solid #A9AAAA;
  color: #A9AAAA;
  margin: 0 5px;
  font-size: 1rem; }
.documentation .hover_button .inner {
  padding: 10px;
  border: none; }
.documentation .hover_button .inner:hover {
  background: #A9AAAA;
  color: #f4f4f5;
  opacity: 1; }
.documentation .hover_button.next {
  float: right; }
.documentation .hover_button.previous {
  float: left; }
.documentation .hover_button.toc {
  width: 15em; }
.documentation .ch_header {
  font-size: 3em;
  margin: 0;
  font-family: "ProximaNovaA-Thin", sans-serif; }
.documentation .archives {
  margin: 2.5em auto;
  width: 75%;
  display: block; }
@media (max-width: 30em) {
  .documentation .about, .documentation .app-sections {
    width: 95%; } }

.previous_downloads .downloads {
  margin-top: 2em; }
.previous_downloads .downloads header {
  width: 37.5em;
  margin: auto; }
.previous_downloads .downloads header h1 {
  margin-left: .7em;
  margin-bottom: .3em; }
.previous_downloads .downloads table {
  width: 37.5em;
  max-width: 100%;
  margin: auto;
  margin-bottom: .5em;
  border-spacing: 1em 0;
  border-collapse: separate; }
.previous_downloads .downloads th {
  text-align: left;
  font-weight: normal;
  font-family: "ProximaNova-Semibold", sans-serif;
  border-bottom: 1px solid #e4e4e5;
  height: 2.2em;
  vertical-align: bottom; }
.previous_downloads .downloads .title {
  font-size: 1.6em;
  font-family: "ProximaNovaA-Regular", sans-serif;
  border: none;
  height: 33px;
  vertical-align: bottom;
  color: #ffffff;
  padding-left: 0.3em; }
.previous_downloads .downloads td {
  padding-left: .1em;
  line-height: 1.8em; }

.app_page.omnifocus h1 .char1 {
  vertical-align: top;
  top: 0.005em; }
.app_page.omnifocus h1 .char2 {
  vertical-align: top;
  margin-left: -0.074em; }
.app_page.omnifocus h1 .char3 {
  vertical-align: top;
  margin-left: -0.097em; }
.app_page.omnifocus h1 .char4 {
  vertical-align: top;
  margin-left: -0.085em; }
.app_page.omnifocus h1 .char5 {
  vertical-align: top;
  margin-left: -0.091em; }
.app_page.omnifocus h1 .char7 {
  vertical-align: top;
  margin-left: -0.051em; }
.app_page.omnifocus h1 .char6 {
  vertical-align: top;
  margin-left: -0.045em; }
.app_page.omnifocus h1 .char8 {
  vertical-align: top;
  margin-left: -0.045em; }
.app_page.omnifocus h1 .char9 {
  vertical-align: top;
  margin-left: -0.074em; }
.app_page.omnifocus h3 .char2 {
  vertical-align: top;
  margin-left: -0.012em; }
.app_page.omnifocus h3 .char3 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus h3 .char6 {
  vertical-align: top;
  margin-left: -0.072em; }
.app_page.omnifocus h3 .char4 {
  vertical-align: top;
  margin-left: -0.012em; }
.app_page.omnifocus h3 .char5 {
  vertical-align: top;
  margin-left: -0.024em; }
.app_page.omnifocus h3 .char9 {
  vertical-align: top;
  margin-left: -0.036em; }
.app_page.omnifocus h3 .char10 {
  vertical-align: top;
  margin-left: -0.048em; }
.app_page.omnifocus h3 .char13 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus h3 .char14 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus h3 .char17 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus h3 .char18 {
  vertical-align: top;
  margin-left: -0.048em; }
.app_page.omnifocus h3 .char19 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus h3 .char20 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus h3 .char21 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page.omnifocus .Complete h2 .char2 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Complete h2 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Complete h2 .char4 {
  vertical-align: top;
  margin-left: -0.073em; }
.app_page.omnifocus .Complete h2 .char5 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Complete h2 .char6 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Complete h2 .char7 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page.omnifocus .Complete h2 .char8 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page.omnifocus .Collect h3 .char2 {
  vertical-align: top;
  margin-left: -0.01em; }
.app_page.omnifocus .Collect h3 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h3 .char6 {
  vertical-align: top;
  margin-left: -0.062em; }
.app_page.omnifocus .Collect h3 .char4 {
  vertical-align: top;
  margin-left: -0.01em; }
.app_page.omnifocus .Collect h3 .char5 {
  vertical-align: top;
  margin-left: -0.021em; }
.app_page.omnifocus .Collect h3 .char9 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page.omnifocus .Collect h3 .char10 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Collect h3 .char13 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h3 .char14 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h3 .char17 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h3 .char18 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Collect h3 .char19 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h3 .char20 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h3 .char21 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h2 .char4 {
  vertical-align: top;
  margin-left: -0.021em; }
.app_page.omnifocus .Collect h2 .char2 {
  vertical-align: top;
  margin-left: -0.021em; }
.app_page.omnifocus .Collect h2 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Collect h2 .char5 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page.omnifocus .Collect h2 .char6 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Collect h2 .char7 {
  vertical-align: top; }
.app_page.omnifocus .Process h2 .char2 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Process h2 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Process h2 .char4 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Process h2 .char5 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Process h2 .char6 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Process h2 .char7 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Review h2 .char2 {
  vertical-align: top;
  margin-left: -0.062em; }
.app_page.omnifocus .Review h2 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.app_page.omnifocus .Review h2 .char4 {
  vertical-align: top;
  margin-left: -0.021em; }
.app_page.omnifocus .Review h2 .char5 {
  vertical-align: top;
  margin-left: -0.042em; }
.app_page.omnifocus .Review h2 .char6 {
  vertical-align: top;
  margin-left: -0.052em; }

.omnigraffle h1 .char1 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle h1 .char2 {
  vertical-align: top;
  margin-left: -0.074em; }
.omnigraffle h1 .char3 {
  vertical-align: top;
  margin-left: -0.085em; }
.omnigraffle h1 .char4 {
  vertical-align: top;
  margin-left: -0.08em; }
.omnigraffle h1 .char5 {
  vertical-align: top;
  margin-left: -0.074em; }
.omnigraffle h1 .char6 {
  vertical-align: top;
  margin-left: -0.006em; }
.omnigraffle h1 .char7 {
  vertical-align: top;
  margin-left: -0.051em; }
.omnigraffle h1 .char8 {
  vertical-align: top;
  margin-left: -0.045em; }
.omnigraffle h1 .char11 {
  vertical-align: top;
  margin-left: -0.045em; }
.omnigraffle .Brainstorm h2 .char2 {
  vertical-align: top;
  margin-left: -0.062em; }
.omnigraffle .Brainstorm h2 .char3 {
  vertical-align: top;
  margin-left: -0.062em; }
.omnigraffle .Brainstorm h2 .char4 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle .Brainstorm h2 .char5 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle .Brainstorm h2 .char6 {
  vertical-align: top;
  margin-left: -0.031em; }
.omnigraffle .Brainstorm h2 .char7 {
  vertical-align: top;
  margin-left: -0.01em; }
.omnigraffle .Brainstorm h2 .char8 {
  vertical-align: top;
  margin-left: -0.042em; }
.omnigraffle .Brainstorm h2 .char9 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle .Brainstorm h2 .char10 {
  vertical-align: top;
  margin-left: -0.031em; }
.omnigraffle .Wireframe h2 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle .Wireframe h2 .char2 {
  vertical-align: top;
  margin-left: -0.031em; }
.omnigraffle .Wireframe h2 .char4 {
  vertical-align: top;
  margin-left: -0.073em; }
.omnigraffle .Wireframe h2 .char6 {
  vertical-align: top; }
.omnigraffle .Wireframe h2 .char7 {
  vertical-align: top; }
.omnigraffle .Wireframe h2 .char8 {
  vertical-align: top; }
.omnigraffle .Wireframe h2 .char1 {
  vertical-align: top;
  margin-left: 0.01em; }
.omnigraffle .Build h2 .char2 {
  vertical-align: top;
  margin-left: -0.062em; }
.omnigraffle .Build h2 .char3 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle .Build h2 .char4 {
  vertical-align: top;
  margin-left: -0.062em; }
.omnigraffle .Build h2 .char5 {
  vertical-align: top;
  margin-left: -0.042em; }
.omnigraffle .Draft h2 .char2 {
  vertical-align: top;
  margin-left: -0.052em; }
.omnigraffle .Draft h2 .char3 {
  vertical-align: top;
  margin-left: -0.062em; }
.omnigraffle .Draft h2 .char4 {
  vertical-align: top;
  margin-left: -0.042em; }

.app_page .video h3 .char2, .support .video h3 .char2 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page .video h3 .char3, .support .video h3 .char3 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page .video h3 .char4, .support .video h3 .char4 {
  vertical-align: top;
  margin-left: -0.047em; }
.app_page .video h3 .char5, .support .video h3 .char5 {
  vertical-align: top;
  margin-left: -0.031em; }
.app_page .whatsnew.ipad h3 .char2, .support .whatsnew.ipad h3 .char2 {
  vertical-align: top;
  margin-left: -0.036em; }
.app_page .whatsnew.ipad h3 .char3, .support .whatsnew.ipad h3 .char3 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page .whatsnew.ipad h3 .char4, .support .whatsnew.ipad h3 .char4 {
  vertical-align: top;
  margin-left: -0.024em; }
.app_page .whatsnew.ipad h3 .char5, .support .whatsnew.ipad h3 .char5 {
  vertical-align: top;
  margin-left: -0.024em; }
.app_page .whatsnew.ipad h3 .char6, .support .whatsnew.ipad h3 .char6 {
  vertical-align: top;
  margin-left: -0.048em; }
.app_page .whatsnew.ipad h3 .char9, .support .whatsnew.ipad h3 .char9 {
  vertical-align: top;
  margin-left: -0.036em; }
.app_page .whatsnew.ipad h3 .char10, .support .whatsnew.ipad h3 .char10 {
  vertical-align: top;
  margin-left: -0.036em; }
.app_page .whatsnew.ipad h3 .char13, .support .whatsnew.ipad h3 .char13 {
  vertical-align: top;
  margin-left: -0.036em; }
.app_page .whatsnew.ipad h3 .char14, .support .whatsnew.ipad h3 .char14 {
  vertical-align: top;
  margin-left: -0.048em; }
.app_page .whatsnew.ipad h3 .char17, .support .whatsnew.ipad h3 .char17 {
  vertical-align: top;
  margin-left: -0.048em; }
.app_page .whatsnew.ipad h3 .char18, .support .whatsnew.ipad h3 .char18 {
  vertical-align: top;
  margin-left: -0.06em; }
.app_page .whatsnew.ipad h3 .char19, .support .whatsnew.ipad h3 .char19 {
  vertical-align: top;
  margin-left: -0.06em; }

.about-us h1 .char2 {
  vertical-align: top;
  margin-left: -0.038em; }
.about-us h1 .char3 {
  vertical-align: top;
  margin-left: -0.068em; }
.about-us h1 .char6 {
  vertical-align: top;
  margin-left: -0.068em; }
.about-us h1 .char7 {
  vertical-align: top;
  margin-left: -0.075em; }
.about-us h1 .char8 {
  vertical-align: top;
  margin-left: -0.075em; }
.about-us h1 .char12 {
  vertical-align: top;
  margin-left: -0.068em; }
.about-us h1 .char13 {
  vertical-align: top;
  margin-left: -0.068em; }
.about-us h1 .char14 {
  vertical-align: top;
  margin-left: -0.09em; }
.about-us h1 .char11 {
  vertical-align: top;
  margin-left: -0.015em; }

.omni_video.index h1 .char2 {
  vertical-align: top;
  margin-left: -0.025em; }
.omni_video.index h1 .char3 {
  vertical-align: top;
  margin-left: -0.05em; }
.omni_video.index h1 .char4 {
  vertical-align: top;
  margin-left: -0.05em; }
.omni_video.index h1 .char5 {
  vertical-align: top;
  margin-left: -0.025em; }
.omni_video.omnigraffle h1 .char2 {
  vertical-align: top;
  margin-left: -0.05em; }
.omni_video.omnigraffle h1 .char3 {
  vertical-align: top;
  margin-left: -0.062em; }
.omni_video.omnigraffle h1 .char4 {
  vertical-align: top; }
.omni_video.omnigraffle h1 .char5 {
  vertical-align: top;
  margin-left: -0.05em; }
.omni_video.omnigraffle h1 .char6 {
  vertical-align: top; }
.omni_video.omnigraffle h1 .char12 {
  vertical-align: top;
  margin-left: -0.025em; }
.omni_video.omnigraffle h1 .char13 {
  vertical-align: top;
  margin-left: -0.037em; }
.omni_video.omnigraffle h1 .char14 {
  vertical-align: top;
  margin-left: -0.05em; }
.omni_video.omnigraffle h1 .char15 {
  vertical-align: top;
  margin-left: -0.025em; }

.support.index h1 .char2 {
  vertical-align: top;
  margin-left: -0.052em; }
.support.index h1 .char3 {
  vertical-align: top;
  margin-left: -0.073em; }
.support.index h1 .char4 {
  vertical-align: top;
  margin-left: -0.062em; }
.support.index h1 .char7 {
  vertical-align: top;
  margin-left: -0.052em; }
.support.index h1 .char8 {
  vertical-align: top;
  margin-left: -0.073em; }
.support.index h1 .char9 {
  vertical-align: top;
  margin-left: -0.052em; }
.support.index h1 .char10 {
  vertical-align: top;
  margin-left: -0.042em; }
.support.index h1 .char11 {
  vertical-align: top;
  margin-left: -0.052em; }
.support.index h1 .char12 {
  vertical-align: top;
  margin-left: 0.01em; }

.support.app h1 .char2 {
  vertical-align: top;
  margin-left: -0.156em; }
.support.app h1 .char3 {
  vertical-align: top;
  margin-left: -0.187em; }
.support.app h1 .char5 {
  vertical-align: top;
  margin-left: -0.156em; }
.support.app h1 .char4 {
  vertical-align: top;
  margin-left: -0.156em; }
.support.app h1 .char6 {
  vertical-align: top;
  margin-left: -0.094em; }
.support.app h1 .char7 {
  vertical-align: top;
  margin-left: -0.094em; }
.support.app h1 .char8 {
  vertical-align: top;
  margin-left: -0.094em; }
.support.app h1 .char9 {
  vertical-align: top;
  margin-left: -0.094em; }
.support.app h1 .char12 {
  vertical-align: top;
  margin-left: -0.156em; }
.support.app h1 .char13 {
  vertical-align: top;
  margin-left: -0.156em; }
.support.app h1 .char14 {
  vertical-align: top;
  margin-left: -0.125em; }
.support.app h1 .char15 {
  vertical-align: top;
  margin-left: -0.094em; }
.support.app h1 .char16 {
  vertical-align: top;
  margin-left: -0.125em; }

.video-js {
  position: relative;
  padding-bottom: 56.25% !important; }
.video-js video, .video-js object, .video-js embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0; }
.video-js .vjs-text-track-display {
  left: 3em;
  right: 3em; }
.video-js .vjs-text-track {
  border-radius: .2em;
  font-size: 2em !important; }
.video-js .vjs-text-track > span {
  display: inline-block;
  margin: .5em 0; }

.fourthree-ratio .video-js {
  max-width: 75% !important;
  margin: auto; }

.vjs-default-skin.vjs-playing .vjs-big-play-button {
  display: none; }

.disabled {
  color: #808080; }

.hidden {
  display: none; }

.centered {
  margin: auto; }

@media (max-width: 20em) {
  .narrow-hide {
    display: none; } }

.warning {
  color: #ca4c0b; }

html {
  background: url("/assets/img/textures/bg.png");
  font-family: "ProximaNovaA-Regular", sans-serif;
  color: #404040; }

body {
  padding-top: 20px; }
@media (max-width: 25.875em) {
  body {
    padding-top: 0;
    max-width: 100%;
    overflow: hidden; } }

h1, h2, h3, h4, h5, h6, th {
  font-weight: normal; }

a {
  text-decoration: none;
  color: #3d71bc; }

img {
  max-width: 100%; }

video {
  max-width: 100%; }

.video-js {
  max-width: 100%; }
@media (max-width: 20em) {
  .video-js {
    width: 320px !important;
    height: 181px !important; } }

nav a {
  color: #808080;
  text-decoration: none; }

.vid_grid .vid {
  position: relative; }
.vid_grid .vid header {
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(244, 244, 245, 0.8);
  border-top: 1px solid #e4e4e5;
  text-align: center;
  padding: 10px;
  font-size: .8em; }
.vid_grid .vid header span {
  color: #808080; }
.vid_grid .vid header span:before {
  content: '\25ba';
  padding-right: 10px;
  font-size: .9em; }
.vid_grid .vid:hover header {
  background-color: #f4f4f5; }

.legal aside li {
  padding: 5px;
  list-style: none; }

.fourohfour {
  text-align: center; }
.fourohfour h1 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  text-align: center;
  font-size: 8em;
  margin-top: 0;
  margin-bottom: 0; }

.maintenance {
  text-align: center; }
.maintenance h1 {
  font-family: "ProximaNovaA-Thin", sans-serif;
  font-size: 6em;
  margin-top: 30px;
  margin-bottom: 0; }
.maintenance p {
  font-size: 1.28em;
  width: 85%;
  margin: 0 auto 50px auto;
  font-family: "MuseoSlab", sans-serif; }
