@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects 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; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
alert,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents 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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

/**
 * 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; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: border-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

.table-overflow {
  overflow-x: scroll; }
  .table-overflow table, .table-overflow tt {
    font-size: 10pt; }

td,
th {
  padding: 0; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-standard.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSStandard";
  src: url("../fonts/ss-standard.woff");
  font-weight: normal;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after,
ul.section-list li::before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-cursor:before, .ss-cursor.right:after {
  content: ''; }

.ss-crosshair:before, .ss-crosshair.right:after {
  content: '⌖'; }

.ss-search:before, .ss-search.right:after {
  content: '🔎'; }

.ss-zoomin:before, .ss-zoomin.right:after {
  content: ''; }

.ss-zoomout:before, .ss-zoomout.right:after {
  content: ''; }

.ss-view:before, .ss-view.right:after {
  content: '👀'; }

.ss-attach:before, .ss-attach.right:after {
  content: '📎'; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-move:before, .ss-move.right:after {
  content: ''; }

.ss-write:before, .ss-write.right:after {
  content: '✎'; }

.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: ''; }

.ss-erase:before, .ss-erase.right:after {
  content: '✐'; }

.ss-compose:before, .ss-compose.right:after {
  content: '📝'; }

.ss-lock:before, .ss-lock.right:after {
  content: '🔒'; }

.ss-unlock:before, .ss-unlock.right:after {
  content: '🔓'; }

.ss-key:before, .ss-key.right:after {
  content: '🔑'; }

.ss-backspace:before, .ss-backspace.right:after {
  content: '⌫'; }

.ss-ban:before, .ss-ban.right:after {
  content: '🚫'; }

.ss-trash:before, .ss-trash.right:after {
  content: ''; }

.ss-target:before, .ss-target.right:after {
  content: '◎'; }

.ss-tag:before, .ss-tag.right:after {
  content: ''; }

.ss-bookmark:before, .ss-bookmark.right:after {
  content: '🔖'; }

.ss-flag:before, .ss-flag.right:after {
  content: '⚑'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-dislike:before, .ss-dislike.right:after {
  content: '👎'; }

.ss-heart:before, .ss-heart.right:after {
  content: '♥'; }

.ss-halfheart:before, .ss-halfheart.right:after {
  content: ''; }

.ss-star:before, .ss-star.right:after {
  content: '⋆'; }

.ss-halfstar:before, .ss-halfstar.right:after {
  content: ''; }

.ss-sample:before, .ss-sample.right:after {
  content: ''; }

.ss-crop:before, .ss-crop.right:after {
  content: ''; }

.ss-layers:before, .ss-layers.right:after {
  content: ''; }

.ss-fill:before, .ss-fill.right:after {
  content: ''; }

.ss-stroke:before, .ss-stroke.right:after {
  content: ''; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: ''; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-facetime:before, .ss-facetime.right:after {
  content: ''; }

.ss-reply:before, .ss-reply.right:after {
  content: '↩'; }

.ss-send:before, .ss-send.right:after {
  content: ''; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-inbox:before, .ss-inbox.right:after {
  content: '📥'; }

.ss-chat:before, .ss-chat.right:after {
  content: '💬'; }

.ss-ellipsischat:before, .ss-ellipsischat.right:after {
  content: ''; }

.ss-ellipsis:before, .ss-ellipsis.right:after {
  content: '…'; }

.ss-user:before, .ss-user.right:after {
  content: '👤'; }

.ss-femaleuser:before, .ss-femaleuser.right:after {
  content: '👧'; }

.ss-users:before, .ss-users.right:after {
  content: '👥'; }

.ss-cart:before, .ss-cart.right:after {
  content: ''; }

.ss-creditcard:before, .ss-creditcard.right:after {
  content: '💳'; }

.ss-dollarsign:before, .ss-dollarsign.right:after {
  content: '💲'; }

.ss-barchart:before, .ss-barchart.right:after {
  content: '📊'; }

.ss-piechart:before, .ss-piechart.right:after {
  content: ''; }

.ss-box:before, .ss-box.right:after {
  content: '📦'; }

.ss-home:before, .ss-home.right:after {
  content: '⌂'; }

.ss-buildings:before, .ss-buildings.right:after {
  content: '🏢'; }

.ss-warehouse:before, .ss-warehouse.right:after {
  content: ''; }

.ss-globe:before, .ss-globe.right:after {
  content: '🌎'; }

.ss-navigate:before, .ss-navigate.right:after {
  content: ''; }

.ss-compass:before, .ss-compass.right:after {
  content: ''; }

.ss-signpost:before, .ss-signpost.right:after {
  content: ''; }

.ss-map:before, .ss-map.right:after {
  content: ''; }

.ss-location:before, .ss-location.right:after {
  content: ''; }

.ss-pin:before, .ss-pin.right:after {
  content: '📍'; }

.ss-database:before, .ss-database.right:after {
  content: ''; }

.ss-hdd:before, .ss-hdd.right:after {
  content: ''; }

.ss-music:before, .ss-music.right:after {
  content: '♫'; }

.ss-mic:before, .ss-mic.right:after {
  content: '🎤'; }

.ss-volume:before, .ss-volume.right:after {
  content: '🔈'; }

.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: '🔉'; }

.ss-highvolume:before, .ss-highvolume.right:after {
  content: '🔊'; }

.ss-airplay:before, .ss-airplay.right:after {
  content: ''; }

.ss-camera:before, .ss-camera.right:after {
  content: '📷'; }

.ss-picture:before, .ss-picture.right:after {
  content: '🌄'; }

.ss-video:before, .ss-video.right:after {
  content: '📹'; }

.ss-play:before, .ss-play.right:after {
  content: '▶'; }

.ss-pause:before, .ss-pause.right:after {
  content: ''; }

.ss-stop:before, .ss-stop.right:after {
  content: '■'; }

.ss-record:before, .ss-record.right:after {
  content: '●'; }

.ss-rewind:before, .ss-rewind.right:after {
  content: '⏪'; }

.ss-fastforward:before, .ss-fastforward.right:after {
  content: '⏩'; }

.ss-skipback:before, .ss-skipback.right:after {
  content: '⏮'; }

.ss-skipforward:before, .ss-skipforward.right:after {
  content: '⏭'; }

.ss-eject:before, .ss-eject.right:after {
  content: '⏏'; }

.ss-repeat:before, .ss-repeat.right:after {
  content: '🔁'; }

.ss-replay:before, .ss-replay.right:after {
  content: '↺'; }

.ss-shuffle:before, .ss-shuffle.right:after {
  content: '🔀'; }

.ss-book:before, .ss-book.right:after {
  content: '📕'; }

.ss-openbook:before, .ss-openbook.right:after {
  content: '📖'; }

.ss-notebook:before, .ss-notebook.right:after {
  content: '📓'; }

.ss-newspaper:before, .ss-newspaper.right:after {
  content: '📰'; }

.ss-grid:before, .ss-grid.right:after {
  content: ''; }

.ss-rows:before, .ss-rows.right:after {
  content: ''; }

.ss-columns:before, .ss-columns.right:after {
  content: ''; }

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: ''; }

.ss-filter:before, .ss-filter.right:after {
  content: ''; }

.ss-desktop:before, .ss-desktop.right:after {
  content: '💻'; }

.ss-laptop:before, .ss-laptop.right:after {
  content: ''; }

.ss-tablet:before, .ss-tablet.right:after {
  content: ''; }

.ss-cell:before, .ss-cell.right:after {
  content: '📱'; }

.ss-battery:before, .ss-battery.right:after {
  content: '🔋'; }

.ss-highbattery:before, .ss-highbattery.right:after {
  content: ''; }

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: ''; }

.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: ''; }

.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: ''; }

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '💡'; }

.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: ''; }

.ss-download:before, .ss-download.right:after {
  content: ''; }

.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: ''; }

.ss-upload:before, .ss-upload.right:after {
  content: ''; }

.ss-fork:before, .ss-fork.right:after {
  content: ''; }

.ss-merge:before, .ss-merge.right:after {
  content: ''; }

.ss-transfer:before, .ss-transfer.right:after {
  content: '⇆'; }

.ss-refresh:before, .ss-refresh.right:after {
  content: '↻'; }

.ss-sync:before, .ss-sync.right:after {
  content: ''; }

.ss-loading:before, .ss-loading.right:after {
  content: ''; }

.ss-wifi:before, .ss-wifi.right:after {
  content: ''; }

.ss-connection:before, .ss-connection.right:after {
  content: ''; }

.ss-file:before, .ss-file.right:after {
  content: '📄'; }

.ss-folder:before, .ss-folder.right:after {
  content: '📁'; }

.ss-quote:before, .ss-quote.right:after {
  content: '“'; }

.ss-text:before, .ss-text.right:after {
  content: ''; }

.ss-font:before, .ss-font.right:after {
  content: ''; }

.ss-print:before, .ss-print.right:after {
  content: '⎙'; }

.ss-fax:before, .ss-fax.right:after {
  content: '📠'; }

.ss-list:before, .ss-list.right:after {
  content: ''; }

.ss-layout:before, .ss-layout.right:after {
  content: ''; }

.ss-action:before, .ss-action.right:after {
  content: ''; }

.ss-redirect:before, .ss-redirect.right:after {
  content: '↪'; }

.ss-expand:before, .ss-expand.right:after {
  content: '⤢'; }

.ss-contract:before, .ss-contract.right:after {
  content: ''; }

.ss-help:before, .ss-help.right:after {
  content: '❓'; }

.ss-info:before, .ss-info.right:after {
  content: 'ℹ'; }

.ss-alert:before, .ss-alert.right:after {
  content: '⚠'; }

.ss-caution:before, .ss-caution.right:after {
  content: '⛔'; }

.ss-logout:before, .ss-logout.right:after {
  content: ''; }

.ss-plus:before, .ss-plus.right:after {
  content: '+'; }

.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }

.ss-check:before, .ss-check.right:after {
  content: '✓'; }

.ss-delete:before, .ss-delete.right:after {
  content: '␡'; }

.ss-settings:before, .ss-settings.right:after {
  content: '⚙'; }

.ss-dashboard:before, .ss-dashboard.right:after {
  content: ''; }

.ss-notifications:before, .ss-notifications.right:after {
  content: '🔔'; }

.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: '🔕'; }

.ss-clock:before, .ss-clock.right:after {
  content: '⏲'; }

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '⏱'; }

.ss-calendar:before, .ss-calendar.right:after {
  content: '📅'; }

.ss-addcalendar:before, .ss-addcalendar.right:after {
  content: ''; }

.ss-removecalendar:before, .ss-removecalendar.right:after {
  content: ''; }

.ss-checkcalendar:before, .ss-checkcalendar.right:after {
  content: ''; }

.ss-deletecalendar:before, .ss-deletecalendar.right:after {
  content: ''; }

.ss-plane:before, .ss-plane.right:after {
  content: '✈'; }

.ss-briefcase:before, .ss-briefcase.right:after {
  content: '💼'; }

.ss-cloud:before, .ss-cloud.right:after {
  content: '☁'; }

.ss-droplet:before, .ss-droplet.right:after {
  content: '💧'; }

.ss-flask:before, .ss-flask.right:after {
  content: ''; }

.ss-up:before, .ss-up.right:after {
  content: '⬆'; }

.ss-upright:before, .ss-upright.right:after {
  content: '⬈'; }

.ss-right:before, .ss-right.right:after {
  content: '➡'; }

.ss-downright:before, .ss-downright.right:after {
  content: '⬊'; }

.ss-down:before, .ss-down.right:after {
  content: '⬇'; }

.ss-downleft:before, .ss-downleft.right:after {
  content: '⬋'; }

.ss-left:before, .ss-left.right:after {
  content: '⬅'; }

.ss-upleft:before, .ss-upleft.right:after {
  content: '⬉'; }

.ss-navigateup:before, .ss-navigateup.right:after {
  content: ''; }

.ss-navigateright:before, .ss-navigateright.right:after {
  content: '▻'; }

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: ''; }

.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: '◅'; }

.ss-directup:before, .ss-directup.right:after {
  content: '▴'; }

.ss-directright:before, .ss-directright.right:after {
  content: '▹'; }

.ss-dropdown:before, .ss-dropdown.right:after {
  content: '▾'; }

.ss-directleft:before, .ss-directleft.right:after {
  content: '◃'; }

.ss-retweet:before, .ss-retweet.right:after {
  content: ''; }

/* Legacy classes */
.ss-volumelow:before, .ss-volumelow.right:after {
  content: '🔉'; }

.ss-volumehigh:before, .ss-volumehigh.right:after {
  content: '🔊'; }

.ss-batteryhigh:before, .ss-batteryhigh.right:after {
  content: ''; }

.ss-batterymedium:before, .ss-batterymedium.right:after {
  content: ''; }

.ss-batterylow:before, .ss-batterylow.right:after {
  content: ''; }

.ss-batteryempty:before, .ss-batteryempty.right:after {
  content: ''; }

.ss-clouddownload:before, .ss-clouddownload.right:after {
  content: ''; }

.ss-cloudupload:before, .ss-cloudupload.right:after {
  content: ''; }

.ss-calendaradd:before, .ss-calendaradd.right:after {
  content: ''; }

.ss-calendarremove:before, .ss-calendarremove.right:after {
  content: ''; }

.ss-calendarcheck:before, .ss-calendarcheck.right:after {
  content: ''; }

.ss-calendardelete:before, .ss-calendardelete.right:after {
  content: ''; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2014 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social-regular.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocialRegular";
  src: url("../fonts/ss-social-regular.woff");
  font-weight: normal;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon.ss-social-regular,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after {
  font-family: "SSSocialRegular";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-facebook:before, .ss-facebook.right:after {
  content: ''; }

.ss-twitter:before, .ss-twitter.right:after {
  content: ''; }

.ss-googleplus:before, .ss-googleplus.right:after {
  content: ''; }

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: ''; }

.ss-ello:before, .ss-ello.right:after {
  content: ''; }

.ss-aboutme:before, .ss-aboutme.right:after {
  content: ''; }

.ss-vk:before, .ss-vk.right:after {
  content: ''; }

.ss-weibo:before, .ss-weibo.right:after {
  content: ''; }

.ss-linkedin:before, .ss-linkedin.right:after {
  content: ''; }

.ss-zerply:before, .ss-zerply.right:after {
  content: ''; }

.ss-xing:before, .ss-xing.right:after {
  content: ''; }

.ss-reddit:before, .ss-reddit.right:after {
  content: ''; }

.ss-steam:before, .ss-steam.right:after {
  content: ''; }

.ss-tumblr:before, .ss-tumblr.right:after {
  content: ''; }

.ss-wordpress:before, .ss-wordpress.right:after {
  content: ''; }

.ss-blogger:before, .ss-blogger.right:after {
  content: ''; }

.ss-quora:before, .ss-quora.right:after {
  content: ''; }

.ss-youtube:before, .ss-youtube.right:after {
  content: ''; }

.ss-vimeo:before, .ss-vimeo.right:after {
  content: ''; }

.ss-vine:before, .ss-vine.right:after {
  content: ''; }

.ss-letterboxd:before, .ss-letterboxd.right:after {
  content: ''; }

.ss-flickr:before, .ss-flickr.right:after {
  content: ''; }

.ss-instagram:before, .ss-instagram.right:after {
  content: ''; }

.ss-vscogrid:before, .ss-vscogrid.right:after {
  content: ''; }

.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: ''; }

.ss-feedly:before, .ss-feedly.right:after {
  content: ''; }

.ss-pinterest:before, .ss-pinterest.right:after {
  content: ''; }

.ss-dropbox:before, .ss-dropbox.right:after {
  content: ''; }

.ss-pinboard:before, .ss-pinboard.right:after {
  content: ''; }

.ss-delicious:before, .ss-delicious.right:after {
  content: ''; }

.ss-dribbble:before, .ss-dribbble.right:after {
  content: ''; }

.ss-behance:before, .ss-behance.right:after {
  content: ''; }

.ss-github:before, .ss-github.right:after {
  content: ''; }

.ss-bitbucket:before, .ss-bitbucket.right:after {
  content: ''; }

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: ''; }

.ss-stackexchange:before, .ss-stackexchange.right:after {
  content: ''; }

.ss-codepen:before, .ss-codepen.right:after {
  content: ''; }

.ss-jsfiddle:before, .ss-jsfiddle.right:after {
  content: ''; }

.ss-paypal:before, .ss-paypal.right:after {
  content: ''; }

.ss-shopify:before, .ss-shopify.right:after {
  content: ''; }

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: ''; }

.ss-etsy:before, .ss-etsy.right:after {
  content: ''; }

.ss-foursquare:before, .ss-foursquare.right:after {
  content: ''; }

.ss-swarm:before, .ss-swarm.right:after {
  content: ''; }

.ss-yelp:before, .ss-yelp.right:after {
  content: ''; }

.ss-skype:before, .ss-skype.right:after {
  content: ''; }

.ss-whatsapp:before, .ss-whatsapp.right:after {
  content: ''; }

.ss-rdio:before, .ss-rdio.right:after {
  content: ''; }

.ss-spotify:before, .ss-spotify.right:after {
  content: ''; }

.ss-lastfm:before, .ss-lastfm.right:after {
  content: ''; }

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: ''; }

.ss-appstore:before, .ss-appstore.right:after {
  content: ''; }

.ss-googleplay:before, .ss-googleplay.right:after {
  content: ''; }

.ss-appleinc:before, .ss-appleinc.right:after {
  content: ''; }

.ss-microsoft:before, .ss-microsoft.right:after {
  content: ''; }

.ss-windows:before, .ss-windows.right:after {
  content: ''; }

.ss-android:before, .ss-android.right:after {
  content: ''; }

.ss-blackberry:before, .ss-blackberry.right:after {
  content: ''; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

/* Code Highlighting Style for Pygments or Rouge */
/* Solarized Light Color Scheme by Ethan Schoonover */
/* http://ethanschoonover.com/solarized */
.highlight {
  color: #5D737E;
  background: #fdf6e3; }
  .highlight .emphasized, .highlight .gs, .highlight .kc, .highlight .kd, .highlight .kp, .highlight .kr {
    color: #586e75;
    font-weight: bold; }
  .highlight .linenos {
    color: #93a1a1; }
  .highlight .bp {
    color: #93a1a1; }
  .highlight .c {
    color: #93a1a1;
    font-style: italic; }
  .highlight .c1 {
    color: #93a1a1;
    font-style: italic; }
  .highlight .cm {
    color: #93a1a1;
    font-style: italic; }
  .highlight .cp {
    color: #dc322f;
    font-weight: bold; }
  .highlight .cs {
    color: #93a1a1;
    font-weight: bold;
    font-style: italic; }
  .highlight .err {
    color: #5D737E;
    background-color: #dc322f; }
  .highlight .gd .x {
    color: #5D737E;
    background-color: #d33682; }
  .highlight .gd {
    color: #5D737E;
    background-color: #d33682; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gh {
    color: #93a1a1; }
  .highlight .gi .x {
    color: #5D737E;
    background-color: #eee8d5; }
  .highlight .gi {
    color: #859900;
    background-color: #eee8d5; }
  .highlight .go {
    color: #5D737E; }
  .highlight .gp {
    color: #586e75; }
  .highlight .gr {
    color: #5D737E;
    background-color: #dc322f; }
  .highlight .gt {
    color: #dc322f;
    background-color: #eee8d5; }
  .highlight .gu {
    color: #586e75; }
  .highlight .il {
    color: #d33682; }
  .highlight .k {
    color: #268bd2;
    font-weight: bold; }
  .highlight .kt {
    color: #268bd2;
    font-weight: bold; }
  .highlight .m {
    color: #d33682; }
  .highlight .mf {
    color: #d33682; }
  .highlight .mh {
    color: #d33682; }
  .highlight .mi {
    color: #d33682; }
  .highlight .mo {
    color: #d33682; }
  .highlight .n {
    color: #586e75; }
  .highlight .na {
    color: #93a1a1; }
  .highlight .nb {
    color: #2aa198; }
  .highlight .nc {
    color: #268bd2;
    font-weight: bold; }
  .highlight .ne {
    color: #268bd2;
    font-weight: bold; }
  .highlight .nf {
    color: #268bd2;
    font-weight: bold; }
  .highlight .ni {
    color: #839496; }
  .highlight .nl {
    color: #859900; }
  .highlight .nn {
    color: #cb4b16; }
  .highlight .no {
    color: #b58900; }
  .highlight .nt {
    color: #268bd2;
    font-weight: bold; }
  .highlight .nv {
    color: #b58900; }
  .highlight .p {
    color: #586e75; }
  .highlight .o {
    color: #6c71c4; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .s {
    color: #2aa198; }
  .highlight .s1 {
    color: #2aa198; }
  .highlight .s2 {
    color: #2aa198; }
  .highlight .sb {
    color: #2aa198; }
  .highlight .sc {
    color: #2aa198; }
  .highlight .sd {
    color: #2aa198; }
  .highlight .se {
    color: #2aa198; }
  .highlight .sh {
    color: #2aa198; }
  .highlight .si {
    color: #2aa198; }
  .highlight .sr {
    color: #859900; }
  .highlight .ss {
    color: #d33682; }
  .highlight .sx {
    color: #dc322f; }
  .highlight .vc {
    color: #b58900; }
  .highlight .vg {
    color: #b58900; }
  .highlight .vi {
    color: #b58900; }
  .highlight .w {
    color: #eee8d5; }

/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln {
  color: #93a1a1; }

/* plain text */
@media screen {
  .str {
    color: #2aa198; }

  /* string content */
  .kwd {
    color: #d33682; }

  /* a keyword */
  .com {
    color: #93a1a1; }

  /* a comment */
  .typ {
    color: #93a1a1; }

  /* a type name */
  .lit {
    color: #d33682; }

  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo {
    color: #586e75; }

  .tag {
    color: #93a1a1; }

  /* a markup tag name */
  .atn {
    color: #93a1a1; }

  /* a markup attribute name */
  .atv {
    color: #93a1a1; }

  /* a markup attribute value */
  .dec, .var {
    color: #859900; }

  /* a declaration; a variable name */
  .fun {
    color: #859900; }

  /* a function name */ }
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str {
    color: #060; }

  .kwd {
    color: #006;
    font-weight: bold; }

  .com {
    color: #600;
    font-style: italic; }

  .typ {
    color: #404;
    font-weight: bold; }

  .lit {
    color: #044; }

  .pun, .opn, .clo {
    color: #440; }

  .tag {
    color: #006;
    font-weight: bold; }

  .atn {
    color: #404; }

  .atv {
    color: #060; } }
/* Put a border around prettyprinted code snippets. */
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0; }

/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none; }

/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
  background: #eee; }

@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proximanova-thin-webfont.woff2") format("woff2"), url("../fonts/proximanova-thin-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../fonts/proximanova-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proximanova-medium-webfont.woff2") format("woff2"), url("../fonts/proximanova-medium-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url("../fonts/proximanovacondensed-regular-webfont.woff2") format("woff2"), url("../fonts/proximanovacondensed-regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url("../fonts/proximanovacondensed-regularit-webfont.woff2") format("woff2"), url("../fonts/proximanovacondensed-regularit-webfont.woff") format("woff");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url("../fonts/proximanovacondensed-bold-webfont.woff2") format("woff2"), url("../fonts/proximanovacondensed-bold-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url("../fonts/proximanovacondensed-boldit-webfont.woff2") format("woff2"), url("../fonts/proximanovacondensed-boldit-webfont.woff") format("woff");
  font-style: italic;
  font-weight: 700; }
.button-set, .highlight,
.prettyprint, nav.global, section.menu ul,
nav.tertiary ul {
  *zoom: 1; }
.button-set:before, .highlight:before,
.prettyprint:before, nav.global:before, section.menu ul:before,
nav.tertiary ul:before, .button-set:after, .highlight:after,
.prettyprint:after, nav.global:after, section.menu ul:after,
nav.tertiary ul:after {
  content: "";
  display: table; }
.button-set:after, .highlight:after,
.prettyprint:after, nav.global:after, section.menu ul:after,
nav.tertiary ul:after {
  clear: both; }

aside h5, alert h5, nav.global ul a,
nav.global ul button {
  text-transform: uppercase;
  letter-spacing: .05rem; }

.numeric {
  text-align: right;
  -webkit-font-feature-settings: 'tnum' 1;
  /* Chrome 31+, Android 4.4+, Opera 24+ */
  font-feature-settings: 'tnum' 1;
  /* IE10+ */ }

.url,
article a,
#main > section a,
#main-no-nav > section a {
  word-break: break-word; }

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

body {
  color: #333333;
  background-color: #fefdfb;
  margin: 0;
  font-size: 100%;
  line-height: 1.5;
  position: relative;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-kerning: normal; }

h3,
h4,
h5 {
  font-weight: 400;
  color: #4d4b4a; }
  h3 a.permalink,
  h4 a.permalink,
  h5 a.permalink {
    color: #4d4b4a !important; }

h1,
h2,
h3 {
  -webkit-font-smoothing: antialiased;
  color: #333333; }
  h1 a.permalink,
  h2 a.permalink,
  h3 a.permalink {
    color: #333333 !important; }

h1,
section footer h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 2.625rem;
  line-height: 1.1;
  letter-spacing: -.025rem;
  font-weight: 400; }

h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 600; }
  h2 + h3, h2 + * > h3 {
    margin-top: 1rem; }

h3 {
  font-size: 1.313rem;
  margin-top: 3rem;
  margin-bottom: 1rem; }

h4 {
  font-size: 1.125rem;
  margin-bottom: .5rem; }
  h4 + p {
    margin-top: 0; }

h5 {
  font-size: 1rem;
  margin-bottom: .5rem; }

h6 {
  font-size: .7rem;
  letter-spacing: .1rem;
  text-transform: uppercase; }

small {
  font-size: 0.875rem; }

.minor-feature {
  color: #cecece; }

.table-heading-dark {
  color: #666666; }

.table-release-notes a i:first-child::before {
  vertical-align: middle;
  font-size: 0.85em; }

.table-release-notes td:last-child > a {
  display: inline-block;
  padding-bottom: 10px; }

@media (max-width: 38em) {
  h1 {
    font-size: 2rem; }

  h2 {
    font-size: 1.313rem; } }
a,
a:hover,
button,
button:hover {
  text-decoration: none;
  color: #32a3f6; }

button,
button:hover {
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none; }

a:hover,
button:hover {
  color: #2974dc; }

.ss-icon.inline {
  font-size: 0.65em;
  vertical-align: middle; }

#main {
  top: 4rem; }

@media print {
  #sidebar {
    display: none; }

  #main {
    width: 800px;
    margin: 20px auto;
    position: relative;
    left: 0;
    top: 0; }
    #main > section {
      page-break-after: always; }
      #main > section:last-child {
        page-break-after: avoid; } }
@font-face {
  font-family: 'LocalyticsIcons';
  src: url("../fonts/LocalyticsIcons.eot");
  src: url("../fonts/LocalyticsIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/LocalyticsIcons.woff") format("woff"), url("../fonts/LocalyticsIcons.ttf") format("truetype"), url("../fonts/LocalyticsIcons.svg#localyticsiconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
[class^="locicon-"]:before,
[class*=" locicon-"]:before,
.locicon:before {
  font-family: 'LocalyticsIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.locicon-acquire:before {
  content: "\e000"; }

.locicon-analyze:before {
  content: "\e001"; }

.locicon-dashboard:before {
  content: "\e002"; }

.locicon-interact:before {
  content: "\e003"; }

.locicon-monetize:before {
  content: "\e004"; }

.locicon-segment:before {
  content: "\e005"; }

.locicon-circle-full:before {
  content: "\e006"; }

.locicon-circle-empty:before {
  content: "\e007"; }

.locicon-circle-half:before {
  content: "\e008"; }

.locicon-blackberry:before {
  content: "\e009"; }

.locicon-app:before {
  content: "\e00a"; }

.locicon-circle-arrow-right:before {
  content: "\e00b"; }

.locicon-localytics-logo:before {
  content: "\e00c"; }

.locicon-box-add:before {
  content: "\e00d"; }

.locicon-box-remove:before {
  content: "\e00e"; }

.locicon-segments:before {
  content: "\e00f"; }

.locicon-burger:before {
  content: "\e010"; }

.locicon-messaging:before {
  content: "\e011"; }

.locicon-profiles:before {
  content: "\e012"; }

.locicon-events:before {
  content: "\e013"; }

.locicon-usage:before {
  content: "\e014"; }

.locicon-dashboards:before {
  content: "\e015"; }

.locicon-ctrend:before {
  content: "\e016"; }

.locicon-trendup:before {
  content: "\e017"; }

.locicon-ctrenddown:before {
  content: "\e018"; }

.locicon-trend:before {
  content: "\e019"; }

.locicon-close:before {
  content: "\e01a"; }

.locicon-ctrendup:before {
  content: "\e01b"; }

.locicon-trenddown:before {
  content: "\e01c"; }

.locicon-funnel:before {
  content: "\e01d"; }

.locicon-flows:before {
  content: "\e01e"; }

.locicon-dude:before {
  content: "\e01f"; }

.locicon-ched:before {
  content: "\e020"; }

.locicon-answers:before {
  font-family: 'SSStandard';
  word-break: normal;
  content: 'question'; }

.locicon-projects:before {
  font-family: 'SSStandard';
  word-break: normal;
  content: 'map'; }

.locicon-user-guide:before {
  font-family: 'SSStandard';
  word-break: normal;
  content: 'layout'; }

.locicon-dev-docs:before {
  font-family: 'SSStandard';
  word-break: normal;
  content: 'cell'; }

.locicon-blog:before {
  font-family: 'SSStandard';
  word-break: normal;
  content: 'newspaper'; }

.locicon-video:before {
  font-family: 'SSStandard';
  word-break: normal;
  content: 'video'; }

ul,
ol {
  padding-left: 1.5rem; }

li > .highlight, li > img,
dt > .highlight,
dt > img,
dd > .highlight,
dd > img {
  margin-left: calc(0vw - 1.5rem); }
li li > .highlight, li li > img,
dt li > .highlight,
dt li > img,
dd li > .highlight,
dd li > img {
  margin-left: calc(0vw - 3rem); }
li li li > .highlight, li li li > img,
dt li li > .highlight,
dt li li > img,
dd li li > .highlight,
dd li li > img {
  margin-left: calc(0vw - 4.5rem); }
li > .highlight.wide,
dt > .highlight.wide,
dd > .highlight.wide {
  margin-left: calc(-1vw - 1.5rem);
  margin-right: -1vw; }

ul.simple-list,
ul.segmented-list {
  padding-left: 0;
  list-style-type: none; }

ul.segmented-list li {
  border-top: 1px solid #f7f6f4;
  padding: .75rem 0; }
  ul.segmented-list li:first-of-type {
    border-top: none; }

ul.section-list {
  list-style-type: none; }
  ul.section-list li {
    position: relative; }
  ul.section-list li::before {
    font-size: .7rem;
    content: 'next';
    position: absolute;
    display: block;
    left: -3.5%;
    top: .375rem;
    color: #4d4b4a; }
  ul.section-list h5 {
    margin-bottom: 0; }
  ul.section-list h5 + p {
    margin-top: 0; }

ul.simple {
  list-style-type: none;
  padding: 0; }

ol ol {
  list-style-type: lower-alpha; }
ol li {
  margin-top: .5rem; }
  ol li:first-of-type {
    margin-top: 0; }

ol.complex,
ol.step {
  counter-reset: section;
  list-style-type: none;
  position: relative; }
  ol.complex::before,
  ol.step::before {
    z-index: 10;
    content: '';
    height: 100%;
    position: absolute;
    width: 2px;
    left: 6.1%;
    background-color: #dfdedc; }
  ol.complex li,
  ol.step li {
    z-index: 1000;
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
    ol.complex li:first-child,
    ol.step li:first-child {
      margin-top: 0; }
  ol.complex li > *,
  ol.step li > * {
    z-index: 1000; }
  ol.complex li::before,
  ol.step li::before {
    z-index: 100;
    position: absolute;
    left: -5%;
    top: -.75rem;
    counter-increment: section;
    content: counter(section);
    width: 1.5rem;
    height: 3rem;
    text-align: center;
    background-color: white;
    display: block;
    font-size: 1.313rem;
    line-height: 2.3;
    -webkit-font-feature-settings: "tnum";
    -moz-font-feature-settings: "tnum";
    -ms-font-feature-settings: "tnum";
    font-feature-settings: "tnum"; }

dl dt {
  font-weight: bold;
  margin-top: 1rem; }
  dl dt:first-of-type {
    margin-top: 0; }
dl dd {
  margin-left: 0; }

@media (max-width: 38em) {
  ul,
  ol {
    padding-left: 1rem;
    color: #8e8d8c; }

  li > .highlight, li > aside, li > img {
    margin-left: calc(0vw - 1rem); }
  li li > .highlight, li li > aside, li li > img {
    margin-left: calc(0vw - 2rem); }
  li li li > .highlight, li li li > aside, li li li > img {
    margin-left: calc(0vw - 3rem); } }
@media (max-width: 64.375em) {
  ol.step li::before,
  ol.complex li::before {
    left: -7%; } }
.spec span.label {
  display: inline-block;
  float: left; }
.spec div {
  font-weight: bold;
  font-family: monospace; }
.spec .links {
  font-family: inherit; }

.button {
  color: black;
  border-radius: 2px;
  border: 1px solid #8e8d8c;
  min-width: 4rem;
  padding: .75rem 1rem !important; }
  .button:hover {
    color: #2974dc;
    border-color: #2974dc; }

.button--small {
  padding: .3rem 1rem .25rem !important; }

.button--primary {
  color: white;
  background-color: #32a3f6;
  border: 1px solid #32a3f6; }
  .button--primary:hover {
    color: white;
    background-color: #2974dc;
    border-color: #2974dc; }

.button-set {
  overflow: visible;
  display: block;
  margin: 1rem 0; }

.table-wrapper {
  overflow-y: auto;
  overflow-x: scroll; }

figure.table-wrapper {
  margin: 0; }

table {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: table;
  min-width: 100%;
  overflow-x: scroll; }
  table th,
  table td {
    text-align: left;
    padding: .5rem 1rem; }
  table th {
    font-weight: 600;
    color: #4d4b4a;
    background-color: #f7f6f4;
    vertical-align: bottom; }
  table td {
    vertical-align: top; }
  table tr:first-child td {
    border-top: none; }
  table tr td {
    border-top: 1px solid #dfdedc; }

.numeric {
  text-align: right; }

tt {
  word-wrap: break-word;
  background-color: #EAE9E7;
  padding: 0.05rem 0.25rem 0.2rem;
  border-radius: 2px; }

tt,
.highlight,
code, kbd, pre, samp {
  font-family: 'Andale Mono', 'Lucida Console', monospace;
  font-size: .95rem;
  line-height: 1.4;
  color: #4d4b4a; }

pre {
  padding: 1.5rem 5% !important; }

pre,
.prettyprint {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow-y: auto !important;
  overflow-x: visible !important; }

.highlight,
.prettyprint {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .highlight pre::before::-moz-selection,
  .highlight pre::after::-moz-selection,
  .highlight pre::-moz-selection,
  .highlight span::-moz-selection,
  .prettyprint pre::before::-moz-selection,
  .prettyprint pre::after::-moz-selection,
  .prettyprint pre::-moz-selection,
  .prettyprint span::-moz-selection {
    text-shadow: none;
    color: #fefdfb !important;
    background-color: #32a3f6 !important; }
  .highlight pre::before::selection,
  .highlight pre::after::selection,
  .highlight pre::selection,
  .highlight span::selection,
  .prettyprint pre::before::selection,
  .prettyprint pre::after::selection,
  .prettyprint pre::selection,
  .prettyprint span::selection {
    text-shadow: none;
    color: #fefdfb !important;
    background-color: #32a3f6 !important; }
  .highlight .copy,
  .prettyprint .copy {
    width: 100%;
    display: block;
    font-family: "Proxima Nova", proxima-nova, sans-serif;
    text-align: left;
    padding: .5rem 2.5%;
    color: #8e8d8c;
    background-color: #4d4b4a;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    position: -webkit-sticky;
    position: sticky; }
    .highlight .copy:hover,
    .prettyprint .copy:hover {
      color: #32a3f6; }

@media (min-width: 75em) {
  .highlight.wide {
    margin-left: -30%;
    margin-right: -30%; } }
@media (max-width: calc($width-lg - 1px)) {
  .highlight.wide {
    margin-left: -15%;
    margin-right: -15%; } }
@media (max-width: 64.375em) {
  .highlight.wide {
    margin-left: -10%;
    margin-right: -10%; } }
@media (max-width: 38em) {
  .highlight,
  .highlight.wide {
    margin-left: -5%;
    margin-right: -5%; } }
pre {
  color: white;
  background-color: #333333;
  margin: 0; }

pre code,
pre .line-number {
  /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
  /*font:normal normal 12px/14px "Courier New",Courier,Monospace;*/
  color: white;
  /*display:block;*/ }

pre .line-number {
  float: left;
  margin: 0 1em 0 -1em;
  border-right: 1px solid;
  text-align: right;
  background-color: #1d1d1d;
  margin-top: -.5rem;
  padding-top: .5rem;
  margin-bottom: -.5rem;
  padding-bottom: .5rem; }

pre .line-number span {
  display: block;
  padding: 0 .5em 0 1em; }

pre .cl {
  display: block;
  clear: both; }

p.code-tabs {
  margin-bottom: 0;
  padding-bottom: 0; }

.code-tabs a {
  float: left;
  padding: 5px;
  padding-left: 1em;
  padding-right: 1em;
  color: #4d4b4a;
  background-color: #EAE9E7; }

.code-tabs a.objc {
  border-top-left-radius: 2px; }

.code-tabs a.swift {
  border-top-right-radius: 2px; }

.code-tabs a.java {
  border-top-left-radius: 2px; }

.code-tabs a.kotlin {
  border-top-right-radius: 2px; }

.code-tabs .inactive {
  color: #4d4b4a;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #EAE9E7; }

.code-tabs .active {
  color: #EAE9E7;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #333333; }

.clearfix {
  overflow: hidden; }

.tabinfo .swift {
  display: none; }

.tabinfo .kotlin {
  display: none; }

.tabinfo .highlight {
  margin-top: 0; }

.tabinfo pre {
  border-top-left-radius: 0; }

.code-tabs a.inactive:hover {
  background-color: #c9c9c9;
  color: #000000; }

section img {
  max-width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

img.inline {
  display: inline;
  margin: 0;
  max-height: 2.5rem;
  vertical-align: middle; }

aside {
  background-color: #f7f6f4;
  padding: 1.25rem 5% !important;
  margin-top: 2rem;
  margin-bottom: 2.25rem;
  word-wrap: break-word; }
  aside aside {
    margin: 1rem 0; }
  aside h5 {
    color: #4d4b4a;
    margin-top: 1.25rem;
    margin-bottom: .5rem; }
    aside h5 + p {
      margin-top: 0; }
  aside pre {
    margin: 1rem 0; }
  aside .highlight pre {
    margin: 0; }

alert {
  background-color: #32a3f6;
  padding: 1.25rem 5% !important;
  margin-top: 2rem;
  margin-bottom: 2.25rem;
  word-wrap: break-word;
  color: #fefdfb; }
  alert alert {
    margin: 1rem 0; }
  alert h5 {
    color: #fefdfb;
    margin-top: 1.25rem;
    margin-bottom: .5rem; }
    alert h5 + p {
      margin-top: 0; }
  alert pre {
    margin: 1rem 0; }
  alert .highlight pre {
    margin: 0; }
  alert a {
    text-decoration: underline;
    color: white; }
  alert a:hover {
    color: #1e3056;
    text-decoration: underline; }

.dropdown {
  max-width: 12rem;
  min-width: 8rem;
  /* padding: 1rem; */
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  max-height: 60vh;
  position: absolute;
  margin-bottom: 5%;
  margin-top: 0;
  background-color: white;
  z-index: 10001; }
  .dropdown .inner {
    overflow: auto;
    height: 100%; }
  .dropdown main {
    position: relative;
    padding-top: .5rem;
    padding-bottom: .5rem; }
  .dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0;
    float: none !important; }
  .dropdown li {
    margin-top: .5rem;
    float: none;
    display: block !important;
    text-align: left; }
  .dropdown li:first-child {
    margin-top: 0.2rem; }
  .dropdown li a {
    width: 100%;
    padding: 0.25rem 0.75rem;
    text-align: left !important;
    display: inline !important; }

nav ul {
  padding: 0;
  list-style-type: none; }

nav.global {
  width: 100%;
  height: 4rem;
  position: fixed;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
  z-index: 1000;
  background-color: white; }
  nav.global ul a,
  nav.global ul button {
    font-size: .85rem;
    font-weight: 600;
    color: #4d4b4a;
    line-height: 1.5; }
    nav.global ul a .ss-icon,
    nav.global ul button .ss-icon {
      color: #dfdedc; }
    nav.global ul a:hover, nav.global ul a.active,
    nav.global ul button:hover,
    nav.global ul button.active {
      color: #2974dc; }
      nav.global ul a:hover .ss-icon, nav.global ul a.active .ss-icon,
      nav.global ul button:hover .ss-icon,
      nav.global ul button.active .ss-icon {
        color: #2974dc; }
    nav.global ul a.button--primary,
    nav.global ul button.button--primary {
      color: white; }
  nav.global ul.utility {
    position: relative;
    top: 0.9rem;
    right: 1rem; }
    nav.global ul.utility > li {
      margin: 0 0.25rem;
      /*
      &.divider-right {
        &::after {
          content: '';
          border-right: 1px solid $gray-55;
          display: inline;
        }
      }
      */ }
      nav.global ul.utility > li:last-child {
        margin-right: 0; }
      nav.global ul.utility > li.divider {
        display: none;
        border-right: 1px solid #dfdedc;
        margin-right: 0.5rem;
        position: relative;
        top: 0.05rem; }
      nav.global ul.utility > li.button-like {
        margin-left: 0.75rem; }
    nav.global ul.utility li a {
      padding: 0.3rem 0.35rem 0.25rem; }
  nav.global #global-overflow-menu {
    position: relative; }
  nav.global #global-overflow-menu + .dropdown {
    left: -.5rem;
    display: none; }
  nav.global #global-overflow-menu.open + .dropdown {
    display: block;
    top: 2.25rem; }
  nav.global #menu-hamburger-toggle,
  nav.global .menu-hamburger {
    display: none; }
  nav.global #menu-hamburger-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 2px;
    padding: .3rem .5rem .1rem;
    margin-top: .5rem;
    font-size: 1.313rem;
    line-height: 1.2;
    color: #32a3f6;
    line-height: inherit;
    position: relative;
    top: 0.4rem;
    right: 0.5rem; }
    nav.global #menu-hamburger-toggle:hover {
      border-color: #32a3f6; }
  nav.global .menu-hamburger {
    background-color: #282828;
    position: absolute;
    top: 4rem;
    width: 100%;
    height: calc(100vh - 4rem);
    float: none;
    transition: position 0.5s cubic-bezier(1, 0, 0, 1); }
    nav.global .menu-hamburger ul.aux li {
      padding: 0.25rem 1rem; }
    nav.global .menu-hamburger hr {
      border: none;
      border-top: 1px solid #8e8d8c;
      padding: 0; }
  nav.global nav.primary-mobile .page-menu {
    background-color: #282828;
    padding-top: 0; }
    nav.global nav.primary-mobile .page-menu li:last-of-type {
      border-bottom: none !important; }
  nav.global .menu-hamburger,
  nav.global nav.primary-mobile {
    /*
    .free-trial::after,
    .primary-mobile::before {
      content: '';
      display: block;
      margin: 1rem 0;
      width: 100%;
      height: 1px;
      background-color: $gray-55;
    }
    */ }
    nav.global .menu-hamburger .inner,
    nav.global nav.primary-mobile .inner {
      overflow: auto;
      height: 100%; }
    nav.global .menu-hamburger ul,
    nav.global nav.primary-mobile ul {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    nav.global .menu-hamburger li,
    nav.global nav.primary-mobile li {
      display: block; }
    nav.global .menu-hamburger .free-trial::after,
    nav.global nav.primary-mobile .free-trial::after {
      margin-top: 2rem; }
    nav.global .menu-hamburger .primary-mobile::before,
    nav.global nav.primary-mobile .primary-mobile::before {
      margin-bottom: 0; }
    nav.global .menu-hamburger .inner > ul li a,
    nav.global nav.primary-mobile .inner > ul li a {
      color: #fefdfb; }
    nav.global .menu-hamburger li a,
    nav.global nav.primary-mobile li a {
      color: #8e8d8c;
      display: inline-block !important;
      text-align: left; }
      nav.global .menu-hamburger li a:hover,
      nav.global nav.primary-mobile li a:hover {
        color: #32a3f6; }
    nav.global .menu-hamburger .button,
    nav.global nav.primary-mobile .button {
      box-sizing: border-box;
      margin-top: 1rem;
      padding: .75rem 1rem !important;
      width: 100%;
      text-align: center; }
  @media (max-width: 64.375em) {
    nav.global #menu-hamburger-toggle,
    nav.global .menu-hamburger.open {
      display: block; }
    nav.global #menu-hamburger-toggle {
      float: right; } }
  nav.global .ss-icon {
    font-size: .7rem; }
  nav.global .home {
    position: relative;
    overflow: visible;
    font-size: 1.45rem;
    top: 1rem;
    left: 1rem;
    letter-spacing: -.025rem;
    color: #8e8d8c;
    -webkit-font-smoothing: antialiased; }
    nav.global .home span.documentation {
      position: relative;
      top: -1px; }
  @media (max-width: 64.375em) {
    nav.global .home {
      padding-left: .25rem; } }
  nav.global .logo--large {
    display: inline-block;
    color: transparent;
    min-width: 10rem;
    height: auto;
    background-image: url("../images/localytics-logomark.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    position: relative;
    margin-right: .25rem;
    top: -0.1rem; }
  nav.global .docs {
    display: none; }
  nav.global > * {
    float: left;
    position: relative; }
  nav.global ul {
    list-style-type: none;
    margin: .1rem .25rem;
    float: right; }
  nav.global li {
    display: inline-block;
    position: relative; }
  nav.global a,
  nav.global li a,
  nav.global button,
  nav.global li button {
    display: block;
    text-align: center; }

body.mobile-nav-open {
  overflow: hidden; }

@media (max-width: 64.375em) {
  nav.global .home .logo--large {
    min-width: 1rem;
    width: 1.24rem;
    margin-right: .5rem;
    background-image: url("../images/localytics-mark.svg"); }
  nav.global .docs {
    display: inline;
    vertical-align: baseline;
    position: relative;
    top: -3px; }
  nav.global .documentation {
    display: none; }
  nav.global > ul {
    display: none; } }
nav.primary {
  margin-top: 4rem;
  padding: 0;
  float: left;
  position: fixed;
  overflow-y: scroll;
  width: 20%;
  height: calc(100% - 4rem); }
  nav.primary li {
    padding: 1rem calc(5% + .3rem); }

nav.primary-mobile a {
  color: #8e8d8c !important; }

nav.primary {
  line-height: 1.4; }
  nav.primary a {
    color: #8e8d8c;
    -webkit-transition: color 0.15s linear; }
    nav.primary a:hover {
      color: white; }
  nav.primary ul {
    margin-top: 0;
    padding: 0;
    width: 100%;
    display: block; }
    nav.primary ul > ul {
      margin-top: 1rem; }
  nav.primary li.active > a:first-child {
    color: white;
    -webkit-transition: color 0.15s linear; }
  nav.primary > ul {
    width: 100%;
    margin-top: 4rem;
    padding-bottom: 10rem; }
    nav.primary > ul > li.active {
      background-color: #4d4b4a; }
  nav.primary > ul > li {
    text-transform: uppercase;
    letter-spacing: .05rem;
    padding-top: 1rem;
    padding-bottom: .75rem;
    border-top: 1px solid #333; }
    nav.primary > ul > li.active a {
      color: #8e8d8c; }
      nav.primary > ul > li.active a:hover {
        color: white; }
  nav.primary > ul > li > ul > li, nav.primary > ul > li > ul > li > ul > li > ul > li {
    padding: 1rem 0 1rem;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0; }
  nav.primary > ul > li > ul {
    margin-top: 0.5rem; }
  nav.primary > ul > li > ul > li {
    margin: 0;
    padding: 0.5rem 0; }
  nav.primary > ul > li > ul > li > ul {
    display: none; }
  nav.primary > ul > li > ul > li.active > ul {
    display: block; }
  nav.primary > ul > li > ul > li > ul > li > ul {
    display: none; }
  nav.primary > ul > li > ul > li > ul > li.active > ul {
    display: block; }
  nav.primary > ul > li > ul > li > ul > li {
    margin-right: calc(-5% + -.4rem);
    padding-right: 0;
    margin-top: 0;
    padding-bottom: 0; }
  nav.primary > ul > li > ul > li > ul > li > ul > li {
    font-size: .85rem;
    letter-spacing: .02rem;
    padding: 1rem 0 0rem 1rem; }
    nav.primary > ul > li > ul > li > ul > li > ul > li > * {
      padding-right: calc(5% + .3rem); }

nav.primary,
nav.secondary {
  color: white;
  background-color: #282828; }

nav.primary input[type="search"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  padding: 1.5rem calc(5% + .3rem);
  margin: 0 0 0;
  color: white;
  background-color: #202020;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  padding-left: 3rem; }
  nav.primary input[type="search"]::-webkit-input-placeholder {
    color: #8e8d8c; }
nav.primary a.support {
  z-index: 10000;
  width: 20%;
  padding: 1rem 1.2%;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
  background-color: #333333; }
  nav.primary a.support::before {
    margin-right: 1rem;
    vertical-align: middle;
    margin-left: 1%; }

nav.primary-mobile a {
  font-weight: 500 !important; }
nav.primary-mobile li {
  padding: 0.25rem 0; }
nav.primary-mobile > ul > li {
  border-top: 1px solid #444;
  padding: 0.25rem 1rem; }
  nav.primary-mobile > ul > li:first-child {
    border-top: none; }
  nav.primary-mobile > ul > li.active {
    background-color: #4d4b4a; }
    nav.primary-mobile > ul > li.active > a {
      color: white !important; }
nav.primary-mobile > ul > li > ul > li {
  margin-left: 1rem; }
  nav.primary-mobile > ul > li > ul > li a {
    text-transform: none; }
nav.primary-mobile > ul > li > ul > li > ul > li {
  margin-left: 1rem;
  display: none !important; }
nav.primary-mobile > ul > li > ul > li > ul > li > ul > li {
  margin-left: 1rem;
  display: none !important; }
nav.primary-mobile input[type="search"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  padding: 1rem;
  margin: 0 0 0;
  color: white;
  background-color: #202020;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000; }
nav.primary-mobile .page-menu {
  margin-top: 3rem; }

@media (max-width: 64.375em) {
  nav.primary {
    display: none; } }
section.menu,
nav.tertiary {
  width: 90%;
  max-width: 64rem;
  margin: 0 auto 2rem; }
  #get-started section.menu, #get-started
  nav.tertiary {
    max-width: 45rem; }
  header + section.menu, header +
  nav.tertiary {
    margin-top: 2.5rem; }
  section.menu > h3,
  nav.tertiary > h3 {
    text-align: center;
    color: #4d4b4a;
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8e8d8c; }
  section.menu ul,
  nav.tertiary ul {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4%;
    margin-top: 0;
    margin-bottom: 0; }
  section.menu li,
  nav.tertiary li {
    -webkit-flex: 1 1 12rem;
    flex: 1 1 12rem;
    min-width: 12rem;
    text-align: center;
    margin: 0.75rem 0 0.75rem 4%;
    border: 1px solid #dfdedc;
    border-radius: 3px; }
    section.menu li.noborder,
    nav.tertiary li.noborder {
      border: none;
      margin: 0; }
    section.menu li:hover,
    nav.tertiary li:hover {
      color: #2974dc;
      border-color: #2974dc; }
      section.menu li:hover a::before,
      nav.tertiary li:hover a::before {
        color: #2974dc; }
      section.menu li:hover a, section.menu li:hover h3, section.menu li:hover h4,
      nav.tertiary li:hover a,
      nav.tertiary li:hover h3,
      nav.tertiary li:hover h4 {
        color: #2974dc; }
    section.menu li.wide,
    nav.tertiary li.wide {
      clear: both;
      width: 100%;
      min-width: 75%; }
      section.menu li.wide a,
      nav.tertiary li.wide a {
        padding: 1rem; }
        section.menu li.wide a::before,
        nav.tertiary li.wide a::before {
          display: none; }
  section.menu.three-column li,
  nav.tertiary.three-column li {
    -webkit-flex: 1 1 28%;
    flex: 1 1 28%;
    min-width: 12rem; }
  section.menu a,
  nav.tertiary a {
    color: #8e8d8c;
    display: block;
    padding: 1rem 10% 1rem; }
    section.menu a h3,
    nav.tertiary a h3 {
      font-size: 1.415rem;
      line-height: 1.25em;
      font-weight: 600;
      margin-top: 0.85rem;
      margin-bottom: 0.5rem;
      color: #4d4b4a; }
    section.menu a h4,
    nav.tertiary a h4 {
      font-size: 0.875rem;
      line-height: 1.45em;
      color: #8e8d8c;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 0; }
    section.menu a::before,
    nav.tertiary a::before {
      content: '';
      display: block;
      clear: both;
      color: #8e8d8c;
      margin: 0.5rem auto 0.5rem; }
  section.menu h2,
  nav.tertiary h2 {
    text-align: center; }
    section.menu h2 a,
    nav.tertiary h2 a {
      color: #4d4b4a;
      border: none;
      padding: 0 1rem; }
      section.menu h2 a::before,
      nav.tertiary h2 a::before {
        display: none; }
    section.menu h2 + ul,
    nav.tertiary h2 + ul {
      margin-top: 1rem; }
  section.menu.level-1 li a,
  nav.tertiary.level-1 li a {
    padding-left: 14%;
    padding-right: 14%; }
  section.menu.level-2 li,
  nav.tertiary.level-2 li {
    min-width: 9.5rem; }

nav.tertiary li > a::before {
  font-family: 'SSStandard';
  font-size: 1.5rem;
  line-height: 4.15rem;
  width: 4rem;
  height: 4rem;
  color: #8e8d8c;
  word-break: normal;
  border: 2px solid #8e8d8c;
  border-radius: 50%;
  color: #32a3f6;
  border-color: #32a3f6; }
nav.tertiary li.developer a::before {
  content: 'cell'; }
nav.tertiary li.dashboard a::before {
  color: #3cb776;
  border-color: #3cb776;
  content: 'layout'; }
nav.tertiary li.answers a::before {
  color: #fbaa47;
  border-color: #fbaa47;
  content: 'question'; }
nav.tertiary li.projects a::before {
  color: #9564f7;
  border-color: #9564f7;
  content: 'map'; }
nav.tertiary li.video a::before {
  color: #e85632;
  border-color: #e85632;
  content: 'video'; }
nav.tertiary li.android, nav.tertiary li.ios, nav.tertiary li.windows, nav.tertiary li.web, nav.tertiary li.maui {
  min-width: 8rem; }
nav.tertiary li.android a::before {
  font-family: 'SSSocialRegular';
  content: 'android'; }
nav.tertiary li.maui a::before {
  font-family: 'SSSocialRegular';
  content: 'maui'; }
nav.tertiary li.ios a::before {
  font-family: 'SSSocialRegular';
  content: 'apple'; }
nav.tertiary li.windows a::before {
  font-family: 'SSSocialRegular';
  content: 'windows'; }
nav.tertiary li.tvOS a::before {
  font-family: 'SSSocialRegular';
  content: 'apple'; }
nav.tertiary li.web a::before {
  content: 'globe'; }
nav.tertiary li.react-native a::before {
  background: url(../images/react-icon.svg);
  background-repeat: no-repeat;
  background-position: center; }
nav.tertiary li.dashboard-about a::before {
  content: 'layout'; }
nav.tertiary li.analytics a::before {
  font-family: "LocalyticsIcons";
  content: '\e001';
  content: '\e014'; }
nav.tertiary li.workflows a::before {
  content: '\E202'; }
nav.tertiary li.attribution a::before {
  content: 'tag'; }
nav.tertiary li.messaging a::before {
  font-family: "LocalyticsIcons";
  content: '\e003'; }
nav.tertiary li.remarketing a::before {
  content: 'target'; }
nav.tertiary li.predictions a::before {
  content: 'flask'; }
nav.tertiary li.settings-billing a::before {
  content: 'gear'; }
nav.tertiary li.directaccess a::before {
  content: 'database'; }
nav.tertiary li.snug a {
  padding-bottom: 1rem; }
  nav.tertiary li.snug a::before {
    display: none; }
nav.tertiary li.users a::before {
  content: 'users'; }
nav.tertiary li a:hover::before {
  border-color: #2974dc !important;
  color: #2974dc !important; }

@media (max-width: 38em) {
  article header p {
    font-size: 1rem !important; } }
#search-results {
  display: none;
  box-sizing: border-box;
  position: fixed;
  overflow-y: scroll;
  top: 4rem;
  left: 20%;
  width: 20%;
  height: calc(100% - 4rem);
  padding: 1rem;
  background: #333333;
  z-index: 100000; }
  #search-results.active {
    display: block;
    position: fixed; }
  #search-results ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #search-results ul li {
      margin: 0;
      padding: 0;
      margin-bottom: 2rem; }
      #search-results ul li a {
        color: #8e8d8c; }
        #search-results ul li a h4 {
          color: #dfdedc;
          margin: 0;
          font-size: 1rem; }
          #search-results ul li a h4 strong {
            font-weight: 600;
            color: #fefdfb; }
        #search-results ul li a p {
          margin: 0;
          font-size: 0.85rem; }
          #search-results ul li a p strong {
            font-weight: inherit;
            color: #fefdfb; }

form.search span.ss-icon {
  color: #8e8d8c;
  display: block;
  -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -o-transform: matrix(-1, 0, 0, 1, 0, 0);
  position: absolute;
  z-index: 1001;
  top: 1.5rem;
  left: 1rem;
  -webkit-transition: color 0.15s linear; }
  form.search span.ss-icon.active {
    color: white;
    -webkit-transition: color 0.15s linear; }

input.big-dog {
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  border: 1px solid #dfdedc; }
  input.big-dog:focus {
    border-color: #2974dc; }

#primary-search-results section.search-result a h2 {
  color: #32a3f6; }
#primary-search-results section.search-result a p {
  color: #8e8d8c; }
#primary-search-results section.search-result a:hover h2 {
  color: #2974dc; }
#primary-search-results section.search-result a:hover p {
  color: #2974dc; }

section.search-pagination {
  border-top: 1px solid #dfdedc;
  padding-top: 4rem !important;
  padding-bottom: 2rem !important; }
  section.search-pagination a.button + a.button {
    margin-left: 0.5rem; }
  section.search-pagination a.button {
    padding: 0.5rem .75rem !important;
    background-color: #f7f6f4;
    border-color: transparent; }
    section.search-pagination a.button.active, section.search-pagination a.button:hover {
      border-color: transparent;
      color: white; }
    section.search-pagination a.button.active {
      color: #32a3f6; }
    section.search-pagination a.button:hover {
      background: #2974dc; }
    section.search-pagination a.button.pagination span.ss-icon {
      position: relative;
      font-size: 0.75rem; }

section.livesearch-results {
  position: absolute;
  z-index: 100001;
  top: 4rem;
  left: 0;
  width: 100%;
  background: #2974dc;
  box-shadow: 0 3px 5px 5px rgba(0, 0, 0, 0.3); }
  section.livesearch-results ul {
    margin-bottom: 0; }
    section.livesearch-results ul li {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
      section.livesearch-results ul li p {
        margin-bottom: 0; }
      section.livesearch-results ul li a {
        color: #fefdfb; }
        section.livesearch-results ul li a h5 {
          color: #fefdfb; }
        section.livesearch-results ul li a:hover p {
          opacity: 1.0; }
      section.livesearch-results ul li.active, section.livesearch-results ul li:hover {
        background: rgba(255, 255, 255, 0.1); }
        section.livesearch-results ul li.active a p, section.livesearch-results ul li:hover a p {
          opacity: 1.0; }
  section.livesearch-results h5 {
    margin: 0;
    margin-bottom: 0.25rem; }
  section.livesearch-results p {
    margin-top: 0;
    opacity: 0.5; }
  section.livesearch-results a.view-all {
    display: block;
    margin: 0.5rem calc(5% + .3rem);
    margin-bottom: 1rem;
    color: white;
    opacity: 0.5; }
    section.livesearch-results a.view-all:hover {
      opacity: 1.0; }
  section.livesearch-results p.no-results {
    margin-left: calc(5% + .3rem);
    margin-top: 1rem;
    opacity: 1.0;
    color: white; }

nav.primary-mobile {
  font-size: 135%; }
  nav.primary-mobile form.search input {
    padding-left: 2.5rem;
    box-shadow: 0 10px 3px rgba(0, 0, 0, 0.07); }
  nav.primary-mobile form.search span.ss-icon {
    top: 1.25rem; }
  nav.primary-mobile section.livesearch-results {
    top: 3.25rem; }
    nav.primary-mobile section.livesearch-results ul li {
      padding: 0.5rem calc(3% + .3rem); }
      nav.primary-mobile section.livesearch-results ul li a h5 {
        text-transform: none; }
      nav.primary-mobile section.livesearch-results ul li a p {
        text-transform: none;
        color: white; }
    nav.primary-mobile section.livesearch-results a.view-all {
      color: white !important; }

article,
#main > section {
  margin-top: 4rem;
  margin-bottom: 2rem;
  float: left;
  width: 80%;
  padding: 0;
  position: relative;
  margin-left: 20%; }
  article,
  #main > section {
    *zoom: 1; }
  article:before, article:after,
  #main > section:before,
  #main > section:after {
    content: "";
    display: table; }
  article:after,
  #main > section:after {
    clear: both; }
  article#get-started,
  #main > section#get-started {
    width: 100%;
    margin-left: 0; }
    article#get-started header h1, article#get-started header p,
    #main > section#get-started header h1,
    #main > section#get-started header p {
      text-align: center; }
  article header > *, article > section,
  article footer > *,
  #main > section header > *,
  #main > section > section,
  #main > section footer > * {
    overflow: visible;
    padding: 0 4%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 42rem; }
  article > section,
  #main > section > section {
    margin-top: 3rem; }
  article header,
  #main > section header {
    background-color: #f4f4f4;
    width: 100%;
    margin-top: 0;
    padding: 4vh 0 7vh; }
    article header.deluxe h1::before,
    article header.deluxe h2::before,
    #main > section header.deluxe h1::before,
    #main > section header.deluxe h2::before {
      content: '';
      background-color: #4adbac;
      height: 6rem;
      width: 6rem;
      position: absolute;
      display: block;
      left: -15%;
      top: .6rem; }
    article header h1,
    article header h2,
    #main > section header h1,
    #main > section header h2 {
      position: relative;
      margin-bottom: 1rem; }
      article header h1 + p,
      article header h2 + p,
      #main > section header h1 + p,
      #main > section header h2 + p {
        margin-top: 0; }
    article header h1,
    #main > section header h1 {
      margin-top: 1.75rem; }
    article header p,
    #main > section header p {
      font-size: 1.313rem;
      line-height: 1.25em;
      color: #8e8d8c;
      -webkit-font-smoothing: antialiased;
      margin: 0.4em auto 0; }

@media (max-width: 75em) {
  article.deluxe header,
  #main > section.deluxe header {
    padding-top: 10rem; }
    article.deluxe header h1::before,
    article.deluxe header h2::before,
    #main > section.deluxe header h1::before,
    #main > section.deluxe header h2::before {
      left: 5%;
      top: -8rem; } }
@media (max-width: 64.375em) {
  article,
  #main > section {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
    article > section,
    #main > section > section {
      margin-left: auto;
      margin-right: auto;
      /*padding: 5%;*/ } }
@media (min-width: 96em) {
  article section > section, article section > header > *, article section > footer > *,
  #main > section > section,
  #main > section > header > *,
  #main > section > footer > * {
    max-width: 54rem; } }
body.full-width #main > article,
body.full-width #main > section {
  width: 100%;
  margin-left: 0; }

article,
#main-no-nav > section {
  *zoom: 1; }
article:before, article:after,
#main-no-nav > section:before,
#main-no-nav > section:after {
  content: "";
  display: table; }
article:after,
#main-no-nav > section:after {
  clear: both; }
article header > *, article > section,
article footer > *,
#main-no-nav > section header > *,
#main-no-nav > section > section,
#main-no-nav > section footer > * {
  overflow: visible;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  max-width: 42rem; }
article > section,
#main-no-nav > section > section {
  margin-top: 3rem; }
article header,
#main-no-nav > section header {
  background-color: #f4f4f4;
  width: 100%;
  margin-top: 0;
  padding: 4vh 0 7vh; }
  article header.deluxe h1::before,
  article header.deluxe h2::before,
  #main-no-nav > section header.deluxe h1::before,
  #main-no-nav > section header.deluxe h2::before {
    content: '';
    background-color: #4adbac;
    height: 6rem;
    width: 6rem;
    position: absolute;
    display: block;
    left: -15%;
    top: .6rem; }
  article header h1,
  article header h2,
  #main-no-nav > section header h1,
  #main-no-nav > section header h2 {
    position: relative;
    margin-bottom: 1rem; }
    article header h1 + p,
    article header h2 + p,
    #main-no-nav > section header h1 + p,
    #main-no-nav > section header h2 + p {
      margin-top: 0; }
  article header h1,
  #main-no-nav > section header h1 {
    margin-top: 1.75rem; }
  article header p,
  #main-no-nav > section header p {
    font-size: 1.313rem;
    color: #8e8d8c;
    -webkit-font-smoothing: antialiased; }
    article header p:first-of-type,
    #main-no-nav > section header p:first-of-type {
      margin-top: -.5rem; }

section footer {
  width: 100%;
  max-width: 100%;
  margin: 4rem 0 -2rem;
  background-color: #f7f6f4; }
  section footer {
    *zoom: 1; }
  section footer:before, section footer:after {
    content: "";
    display: table; }
  section footer:after {
    clear: both; }
  section footer a {
    display: block;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important; }
    section footer a:hover h1 {
      color: #2974dc; }
  section footer h2 {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem; }

#get-started .copyright {
  width: 90%;
  max-width: 45rem;
  margin: 1rem auto;
  color: #dfdedc;
  line-height: 1.25em; }
  #get-started .copyright .system-status {
    margin-top: 2px;
    float: right;
    font-size: 0.875rem; }
    #get-started .copyright .system-status .ss-icon {
      font-size: 0.75rem;
      margin-right: 0.25em; }

nav.primary .copyright {
  color: #4d4b4a;
  margin: 1rem 6% 5.5rem; }

.product-demo-popup__active {
  overflow: hidden; }
  @media (min-width: 480px) and (max-height: 550px) {
    .product-demo-popup__active {
      overflow: scroll; } }
@media screen and (min-width: 480px) {
  .product-demo-popup__description {
    margin-bottom: 16.5px; } }
.product-demo-popup__exit {
  color: #1A9AF7;
  font-size: 18px;
  position: absolute;
  right: 11px;
  top: 11px;
  cursor: pointer; }
.product-demo-popup__form .mktoForm input[type=text], .product-demo-popup__form .mktoForm input[type=url], .product-demo-popup__form .mktoForm input[type=email], .product-demo-popup__form .mktoForm input[type=tel], .product-demo-popup__form .mktoForm input[type=number], .product-demo-popup__form .mktoForm input[type=date], .product-demo-popup__form .mktoForm textarea.mktoField, .product-demo-popup__form .mktoForm select.mktoField {
  font-size: 12px !important; }
  @media screen and (min-width: 480px) {
    .product-demo-popup__form .mktoForm input[type=text], .product-demo-popup__form .mktoForm input[type=url], .product-demo-popup__form .mktoForm input[type=email], .product-demo-popup__form .mktoForm input[type=tel], .product-demo-popup__form .mktoForm input[type=number], .product-demo-popup__form .mktoForm input[type=date], .product-demo-popup__form .mktoForm textarea.mktoField, .product-demo-popup__form .mktoForm select.mktoField {
      font-size: 14px !important; } }
.product-demo-popup__form .mktoButton {
  margin-top: 0 !important; }
  @media screen and (min-width: 480px) {
    .product-demo-popup__form .mktoButton {
      margin-top: 11px !important; } }
  .product-demo-popup__form .mktoButton:hover {
    background-color: #0271C1 !important; }
@media screen and (max-width: 480px) {
  .product-demo-popup__form .mktoError {
    margin-top: 5.5px !important;
    transform: initial !important; } }
.product-demo-popup__form .mktoFieldDescriptor,
.product-demo-popup__form .mktoFieldDescriptor.mktoFormCol.active {
  padding: 10px !important; }
  @media screen and (min-width: 480px) {
    .product-demo-popup__form .mktoFieldDescriptor,
    .product-demo-popup__form .mktoFieldDescriptor.mktoFormCol.active {
      padding: 15px !important; } }
@media screen and (max-width: 480px) {
  .product-demo-popup__form label.mktoLabel.mktoHasWidth {
    font-size: 10px !important; } }
@media screen and (min-width: 768px) {
  .product-demo-popup__form {
    min-width: 550px; } }
.product-demo-popup__modal {
  background-color: white;
  overflow: scroll;
  padding: 11px 22px 22px 22px;
  position: fixed;
  max-width: 850px;
  height: auto;
  width: auto;
  z-index: 1002; }
  @media screen and (max-width: 480px) {
    .product-demo-popup__modal {
      padding: 22px;
      height: 100% !important;
      width: 100% !important;
      left: 0 !important;
      top: 0 !important; } }
  @media screen and (min-width: 480px) {
    .product-demo-popup__modal {
      overflow: hidden; } }
  @media (min-width: 480px) and (max-height: 550px) {
    .product-demo-popup__modal {
      position: absolute !important;
      top: 44px !important; } }
  @media screen and (min-width: 992px) {
    .product-demo-popup__modal {
      padding: 44px; } }
.product-demo-popup__overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1001; }
@media screen and (max-width: 480px) {
  .product-demo-popup__thank-you {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 22px; } }
.product-demo-popup__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 11px;
  margin-top: 0;
  text-align: center; }
  @media screen and (min-width: 480px) {
    .product-demo-popup__title {
      font-size: 40px;
      font-weight: 300;
      margin-bottom: 11px; } }

.top-faqs {
  padding-bottom: 1rem;
  text-align: center; }