@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
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,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

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

/**
 * 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/10.
 * Hide the `template` element in IE 8/9/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 when focused and also mouse hovered in all browsers.
 */
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; }

/**
 * Address 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
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
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 {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
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.
 */
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.
 */
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; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
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
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

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

td,
th {
  padding: 0; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-LightItalic-webfont.eot");
  src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot");
  src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
  src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
  font-weight: 700;
  font-style: italic; }
/*
* 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.eot");
  src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype"), url("../fonts/ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover .symbolset-icon {
  -ms-zoom: 1; }

.symbolset-icon, .symbolset-icon.symbolset-standard,
.symbolset-icon:before, .symbolset-icon.symbolset-standard:before,
.symbolset-icon.right:after, .symbolset-icon.symbolset-standard.right:after {
  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; }

.symbolset-icon.right:before,
.symbolset-icon.right:before {
  display: none;
  content: ''; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/css/boxsizing.htc); }

html {
  font-size: 62.5%; }

body {
  background: white;
  font-weight: normal;
  font-style: normal;
  position: relative;
  -webkit-font-smoothing: antialiased;
  color: #444444;
  font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 1.4; }
  @media (max-width: 480px) {
    body {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }

.lt-ie8 body {
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none; }

/* Links ---------------------- */
a img {
  border: none; }

a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }

a:hover {
  color: #2795b6; }

a:focus {
  color: #2ba6cb;
  outline: 1px solid #226492; }

p a, p a:visited {
  line-height: inherit; }

/* Misc ---------------------- */
.left {
  float: left; }

.right {
  float: right; }

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

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

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

.hide {
  display: none !important; }

.highlight {
  background: #ffff99; }

.hr-word {
  text-align: center;
  color: #7f7f7f;
  margin: 1.5em 0; }

#googlemap img, object, embed {
  max-width: none; }

#map_canvas embed {
  max-width: none; }

#map_canvas img {
  max-width: none; }

#map_canvas object {
  max-width: none; }

.hr {
  height: 1px;
  display: block;
  border-top: 1px solid #b2b2b2;
  margin: 3em 0; }

.center {
  margin: 0 auto; }

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0; }

.mobile-only {
  display: none; }
  @media (max-width: 480px) {
    .mobile-only {
      display: inline-block; } }

.lt-ie8 #tour ul li,
.lt-ie8 #about ul li,
.lt-ie8 #support ul li,
.lt-ie8 #stats ul li {
  line-height: 1.4; }

body {
  font-family: "Open Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif; }

p {
  font-size: 16px;
  line-height: 150%; }

h1 {
  font-size: 4.2307692308em;
  font-weight: 100;
  line-height: 100%;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2.4615384615em;
  font-weight: normal;
  line-height: 150%; }

h3 {
  font-size: 1.8461538462em;
  font-weight: 100;
  line-height: 150%; }

h6 {
  font-size: 12px !important;
  font-weight: 400;
  font-style: normal; }

strong {
  font-weight: 900; }

a:link, a:visited, a:active, a:focus {
  color: #f88900; }

a:hover {
  color: #ffac46; }

a.inline-link {
  text-decoration: underline; }

sup {
  display: inline;
  border-bottom: none;
  line-height: 0;
  padding: 0;
  margin: 0;
  position: relative;
  left: 4px;
  top: 0px;
  font-size: 1.3em;
  font-weight: 900; }

.notation {
  font-size: 80%;
  color: #9B9B9B;
  margin: 0;
  width: 100%;
  display: block;
  text-align: center; }

.row {
  width: 1000px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto; }
  @media (max-width: 480px) {
    .row {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px; }

.row.collapse .column, .row.collapse .columns {
  padding: 0; }

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px; }

.row .row.collapse {
  margin: 0; }

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative; }

.column.centered, .columns.centered {
  float: none;
  margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

.one, .row .one {
  width: 8.33333%; }

.two, .row .two {
  width: 16.66667%; }

.three, .row .three {
  width: 25%; }

.four, .row .four {
  width: 33.33333%; }

.five, .row .five {
  width: 41.66667%; }

.six, .row .six {
  width: 50%; }

.seven, .row .seven {
  width: 58.33333%; }

.eight, .row .eight {
  width: 66.66667%; }

.nine, .row .nine {
  width: 75%; }

.ten, .row .ten {
  width: 83.33333%; }

.eleven, .row .eleven {
  width: 91.66667%; }

.twelve, .row .twelve {
  width: 100%; }

.row .offset-by-one {
  margin-left: 8.33333%; }

.row .offset-by-two {
  margin-left: 16.66667%; }

.row .offset-by-three {
  margin-left: 25%; }

.row .offset-by-four {
  margin-left: 33.33333%; }

.row .offset-by-five {
  margin-left: 41.66667%; }

.row .offset-by-six {
  margin-left: 50%; }

.row .offset-by-seven {
  margin-left: 58.33333%; }

.row .offset-by-eight {
  margin-left: 66.66667%; }

.row .offset-by-nine {
  margin-left: 75%; }

.row .offset-by-ten {
  margin-left: 83.33333%; }

.push-two {
  left: 16.66667%; }

.pull-two {
  right: 16.66667%; }

.push-three {
  left: 25%; }

.pull-three {
  right: 25%; }

.push-four {
  left: 33.33333%; }

.pull-four {
  right: 33.33333%; }

.push-five {
  left: 41.66667%; }

.pull-five {
  right: 41.66667%; }

.push-six {
  left: 50%; }

.pull-six {
  right: 50%; }

.push-seven {
  left: 58.33333%; }

.pull-seven {
  right: 58.33333%; }

.push-eight {
  left: 66.66667%; }

.pull-eight {
  right: 66.66667%; }

.push-nine {
  left: 75%; }

.pull-nine {
  right: 75%; }

.push-ten {
  left: 83.33333%; }

.pull-ten {
  right: 83.33333%; }

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

object, embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img {
  max-width: none !important; }

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0; }

.block-grid > li {
  display: block;
  height: auto;
  float: left; }

.block-grid.one-up {
  margin: 0;
  margin: 0 -8px; }

.block-grid.one-up > li {
  width: 100%;
  padding: 0 0 15px;
  padding: 0 8px 8px; }

.block-grid.two-up {
  margin: 0 -15px;
  margin: 0 -8px; }

.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px;
  padding: 0 8px 8px; }

.block-grid.two-up > li:nth-child(2n+1) {
  clear: both; }

.block-grid.three-up {
  margin: 0 -12px;
  margin: 0 -8px; }

.block-grid.three-up > li {
  width: 33.33333%;
  padding: 0 12px 12px;
  padding: 0 8px 8px; }

.block-grid.three-up > li:nth-child(3n+1) {
  clear: both; }

.block-grid.four-up {
  margin: 0 -10px; }

.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px; }

.block-grid.four-up > li:nth-child(4n+1) {
  clear: both; }

.block-grid.five-up {
  margin: 0 -8px; }

.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px; }

.block-grid.five-up > li:nth-child(5n+1) {
  clear: both; }

.block-grid.six-up {
  margin: 0 -8px; }

.block-grid.six-up > li {
  width: 16.66667%;
  padding: 0 8px 8px; }

.block-grid.six-up > li:nth-child(6n+1) {
  clear: both; }

.block-grid.seven-up {
  margin: 0 -8px; }

.block-grid.seven-up > li {
  width: 14.28571%;
  padding: 0 8px 8px; }

.block-grid.seven-up > li:nth-child(7n+1) {
  clear: both; }

.block-grid.eight-up {
  margin: 0 -8px; }

.block-grid.eight-up > li {
  width: 12.5%;
  padding: 0 8px 8px; }

.block-grid.eight-up > li:nth-child(8n+1) {
  clear: both; }

.block-grid.nine-up {
  margin: 0 -8px; }

.block-grid.nine-up > li {
  width: 11.11111%;
  padding: 0 8px 8px; }

.block-grid.nine-up > li:nth-child(9n+1) {
  clear: both; }

.block-grid.ten-up {
  margin: 0 -8px; }

.block-grid.ten-up > li {
  width: 10%;
  padding: 0 8px 8px; }

.block-grid.ten-up > li:nth-child(10n+1) {
  clear: both; }

.block-grid.eleven-up {
  margin: 0 -8px; }

.block-grid.eleven-up > li {
  width: 9.09091%;
  padding: 0 8px 8px; }

.block-grid.eleven-up > li:nth-child(11n+1) {
  clear: both; }

.block-grid.twelve-up {
  margin: 0 -8px; }

.block-grid.twelve-up > li {
  width: 8.33333%;
  padding: 0 8px 8px; }

.block-grid.twelve-up > li:nth-child(12n+1) {
  clear: both; }

.container {
  width: 1024px;
  margin: auto; }

.grid {
  margin: 0 0 30px 0;
  position: relative;
  clear: both; }
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }
  .grid .last {
    padding-right: 0; }

[class*='col-'] {
  float: left;
  padding-right: 30px; }
  [class*='col-'].center {
    clear: left;
    float: none;
    padding: 0; }

[class*='push-'] {
  position: relative; }

[class*='pull-'] {
  position: relative; }

.col-1-1 {
  width: 100%; }

.col-2-3 {
  width: 66.66%; }

.col-1-3 {
  width: 33.33%; }

.col-1-2 {
  width: 50%; }

.col-1-4 {
  width: 25%; }

.col-1-8 {
  width: 12.5%; }

.col-2-8 {
  width: 25%; }

.col-3-8 {
  width: 37.5%; }

.col-4-8 {
  width: 50%; }

.col-5-8 {
  width: 62.5%; }

.col-6-8 {
  width: 75%; }

.col-7-8 {
  width: 87.5%; }

.push-1-8 {
  left: 12.5%; }

.pull-1-8 {
  right: 12.5; }

.push-2-8 {
  left: 25%; }

.pull-2-8 {
  right: 25%; }

.push-3-8 {
  left: 37.5%; }

.pull-3-8 {
  right: 37.5%; }

.push-4-8 {
  left: 50%; }

.pull-4-8 {
  right: 50%; }

.push-5-8 {
  left: 62.5%; }

.pull-5-8 {
  right: 62.5%; }

.push-6-8 {
  left: 75%; }

.pull-6-8 {
  right: 75%; }

.push-7-8 {
  left: 87.5%; }

.pull-7-8 {
  right: 87.5%; }

/* Opt-in outside padding */
.grid-pad {
  padding: 30px 0 30px 30px; }
  .grid-pad [class*='col-']:last-of-type,
  .grid-pad [class*='col-'].last {
    padding-right: 30px; }

.tabs {
  list-style: none;
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px; }

.tabs.contained {
  margin-bottom: 0;
  margin-left: 0; }

.tabs dt, .tabs li.section-title {
  color: #b3b3b3;
  cursor: default;
  display: block;
  float: left;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  padding-right: 9px;
  padding-left: 20px;
  font-weight: normal;
  width: auto;
  text-transform: uppercase; }

.tabs dt:first-child, .tabs li.section-title:first-child {
  padding: 0;
  padding-right: 9px; }

.tabs dd, .tabs li {
  display: block;
  float: left;
  padding: 0;
  margin: 0; }

.tabs dd a, .tabs li a {
  color: #6f6f6f;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 23.8px; }

.tabs dd a:focus, .tabs li a:focus {
  font-weight: bold;
  color: #2ba6cb; }

.tabs dd.active, .tabs li.active {
  border-top: 3px solid #2ba6cb;
  margin-top: -3px; }

.tabs dd.active a, .tabs li.active a {
  cursor: default;
  color: #3c3c3c;
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-weight: bold; }

.tabs dd:first-child, .tabs li:first-child {
  margin-left: 0; }

.tabs.vertical {
  height: auto;
  border-bottom: 1px solid #e6e6e6; }

.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
  float: none;
  height: auto; }

.tabs.vertical dd, .tabs.vertical li {
  border-left: 3px solid #cccccc; }

.tabs.vertical dd a, .tabs.vertical li a {
  background: #f2f2f2;
  border: none;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.tabs.vertical dd.active, .tabs.vertical li.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a; }

.tabs.vertical dd.active a, .tabs.vertical li.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0; }

.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
  margin: 0; }

.tabs.pill {
  border-bottom: none;
  margin-bottom: 10px; }

.tabs.pill dd, .tabs.pill li {
  margin-right: 10px; }

.tabs.pill dd:last-child, .tabs.pill li:last-child {
  margin-right: 0; }

.tabs.pill dd a, .tabs.pill li a {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #e6e6e6;
  height: 26px;
  line-height: 26px;
  color: #666; }

.tabs.pill dd.active, .tabs.pill li.active {
  border: none;
  margin-top: 0; }

.tabs.pill dd.active a, .tabs.pill li.active a {
  background-color: #2ba6cb;
  border: none;
  color: #fff; }

.tabs.pill.contained {
  border-bottom: solid 1px #eee;
  margin-bottom: 0; }

.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
  margin-right: 0; }

.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
  padding: 0 17px;
  text-align: center;
  overflow: hidden; }

.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
  width: 50%; }

.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li {
  width: 33.33%; }

.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li {
  width: 25%; }

.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li {
  width: 20%; }

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0; }

ul.tabs-content > li {
  display: none; }

ul.tabs-content > li.active {
  display: block; }

ul.tabs-content.contained {
  padding: 0; }

ul.tabs-content.contained > li {
  border: solid 0 #e6e6e6;
  border-width: 0 1px 1px 1px;
  padding: 20px; }

ul.tabs-content.contained.vertical > li {
  border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li {
  display: block; }

.user-flows ::-webkit-input-placeholder, .simple-focus ::-webkit-input-placeholder {
  font-size: 1em;
  vertical-align: middle;
  line-height: 2.6;
  color: #999999; }
.user-flows :-moz-placeholder, .simple-focus :-moz-placeholder {
  /* Firefox 18- */
  font-size: 1em;
  vertical-align: middle;
  line-height: 2.6;
  color: #999999; }
.user-flows ::-moz-placeholder, .simple-focus ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1em;
  vertical-align: middle;
  line-height: 2.6;
  color: #999999; }
.user-flows :-ms-input-placeholder, .simple-focus :-ms-input-placeholder {
  font-size: 1em;
  vertical-align: middle;
  line-height: 2.6;
  color: #999999; }
.user-flows input[type=text],
.user-flows input[type=password],
.user-flows input[type=email],
.user-flows textarea, .simple-focus input[type=text],
.simple-focus input[type=password],
.simple-focus input[type=email],
.simple-focus textarea {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #e3edf7;
  box-shadow: inset 0px 2px 0px 0px rgba(56, 126, 188, 0.04), 0px 5px 10px 0px rgba(56, 126, 188, 0);
  appearance: none;
  font-size: 120%;
  padding: 5px 15px;
  transition: box-shadow 0.3s;
  vertical-align: middle;
  line-height: 2.5; }
  .user-flows input[type=text]:focus,
  .user-flows input[type=password]:focus,
  .user-flows input[type=email]:focus,
  .user-flows textarea:focus, .simple-focus input[type=text]:focus,
  .simple-focus input[type=password]:focus,
  .simple-focus input[type=email]:focus,
  .simple-focus textarea:focus {
    outline: none;
    border-color: #226492; }
  .lt-ie9 .user-flows input[type=text], .lt-ie9
  .user-flows input[type=password], .lt-ie9
  .user-flows input[type=email], .lt-ie9
  .user-flows textarea, .lt-ie9 .simple-focus input[type=text], .lt-ie9
  .simple-focus input[type=password], .lt-ie9
  .simple-focus input[type=email], .lt-ie9
  .simple-focus textarea {
    line-height: 3.2; }
.user-flows textarea, .simple-focus textarea {
  height: 100px;
  line-height: 1;
  padding: 15px; }
.user-flows input[type=checkbox], .simple-focus input[type=checkbox] {
  font-size: 1.5em; }
.user-flows ::-ms-reveal,
.user-flows ::-ms-clear, .simple-focus ::-ms-reveal,
.simple-focus ::-ms-clear {
  display: none !important; }
.user-flows .show-password, .simple-focus .show-password {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  border-left: 1px solid #d6e6ee;
  width: 160px;
  background: #ffffff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  user-select: none;
  outline: none; }
  .user-flows .show-password input[type=checkbox], .simple-focus .show-password input[type=checkbox] {
    box-sizing: border-box;
    font-size: 2em;
    position: absolute;
    margin: 18px 0 0 15px;
    text-align: left; }
  .user-flows .show-password label, .simple-focus .show-password label {
    margin: 0 0 0 25px;
    display: inline-block;
    padding-top: 16px;
    padding-left: 15px; }
.user-flows input[type=password].password-entry,
.user-flows input[type=text].password-entry,
.user-flows input[type=text].password-entry-text, .simple-focus input[type=password].password-entry,
.simple-focus input[type=text].password-entry,
.simple-focus input[type=text].password-entry-text {
  padding-right: 165px; }
@-moz-document url-prefix() {
  .user-flows .show-password input[type=checkbox], .simple-focus .show-password input[type=checkbox] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 18px 0 0 15px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .user-flows .show-password input[type=checkbox], .simple-focus .show-password input[type=checkbox] {
    width: auto !important;
    height: 100%;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 15px !important; } }
.user-flows select, .simple-focus select {
  width: auto; }
.user-flows .outer-wrap, .simple-focus .outer-wrap {
  position: relative; }
.user-flows .inner-wrap, .simple-focus .inner-wrap {
  position: absolute; }
.user-flows .text-input, .simple-focus .text-input {
  width: 100%;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #81b0d9;
  padding: 20px;
  margin: 0;
  font-size: 1.2307692308em;
  font-weight: 100; }
.user-flows .text-entry, .simple-focus .text-entry {
  padding: 0.6em 1.5em;
  padding: 0rem 1.5rem; }
.user-flows .free-trial-entry, .simple-focus .free-trial-entry {
  width: 100%;
  *zoom: 1; }
  .user-flows .free-trial-entry:before, .user-flows .free-trial-entry:after, .simple-focus .free-trial-entry:before, .simple-focus .free-trial-entry:after {
    content: " ";
    display: table; }
  .user-flows .free-trial-entry:after, .simple-focus .free-trial-entry:after {
    clear: both; }
  .user-flows .free-trial-entry .outer-wrap, .simple-focus .free-trial-entry .outer-wrap {
    width: 33.3333333333%;
    float: left;
    height: 60px;
    display: inline-block; }
    .user-flows .free-trial-entry .outer-wrap:last-child .inner-wrap, .simple-focus .free-trial-entry .outer-wrap:last-child .inner-wrap {
      right: 0; }
  .user-flows .free-trial-entry .inner-wrap, .simple-focus .free-trial-entry .inner-wrap {
    left: 0;
    right: 10px; }
  .user-flows .free-trial-entry .mkt-btn, .simple-focus .free-trial-entry .mkt-btn {
    width: auto;
    position: absolute;
    left: 0;
    right: 0; }
.user-flows .field-group, .simple-focus .field-group {
  padding: 0em 2em;
  margin-bottom: 20px;
  position: relative; }
  .user-flows .field-group.error-state input.text-entry, .simple-focus .field-group.error-state input.text-entry {
    box-shadow: 0px 0px 3px 1px #ce1e1f; }
  .user-flows .field-group:last-child, .simple-focus .field-group:last-child {
    margin-bottom: 2em; }
.user-flows .textfield-group, .simple-focus .textfield-group {
  position: relative; }
  .user-flows .textfield-group label, .user-flows .textfield-group .normal-label, .simple-focus .textfield-group label, .simple-focus .textfield-group .normal-label {
    display: block;
    margin-bottom: 8px; }
  .user-flows .textfield-group .error-label, .simple-focus .textfield-group .error-label {
    color: #ce1e1f;
    display: block;
    margin-bottom: 8px;
    display: none; }
  .user-flows .textfield-group .input-wrap, .simple-focus .textfield-group .input-wrap {
    position: relative;
    width: auto;
    height: 50px;
    display: block; }
  .user-flows .textfield-group.error-state label.normal-label, .simple-focus .textfield-group.error-state label.normal-label {
    display: none; }
  .user-flows .textfield-group.error-state label.error-label, .simple-focus .textfield-group.error-state label.error-label {
    display: block; }
  .user-flows .textfield-group .error, .simple-focus .textfield-group .error {
    border: 2px solid #ce1e1f; }
.user-flows .checkbox-group label, .simple-focus .checkbox-group label {
  position: absolute;
  margin-left: 5px;
  font-size: 90%; }
.user-flows .checkbox-group input, .simple-focus .checkbox-group input {
  width: 20px;
  height: 20px;
  display: inline; }
.user-flows .api-error-message, .simple-focus .api-error-message {
  color: #ce1e1f;
  font-size: 1em;
  font-weight: bold; }
.user-flows .placeholder, .simple-focus .placeholder {
  color: #999999; }
.user-flows .footer-btn-block, .simple-focus .footer-btn-block {
  clear: both;
  width: 100%;
  padding: 1.5em 0em;
  display: block;
  background: #ecf3f8;
  text-align: center;
  color: #387ebc;
  margin-top: 2em;
  font-weight: bold;
  text-decoration: none; }
  .user-flows .footer-btn-block .sub, .simple-focus .footer-btn-block .sub {
    color: #8A8A8A;
    font-weight: normal; }
  .user-flows .footer-btn-block:hover, .user-flows .footer-btn-block:focus, .simple-focus .footer-btn-block:hover, .simple-focus .footer-btn-block:focus {
    background: #ecf3f8; }
  .user-flows .footer-btn-block:active, .simple-focus .footer-btn-block:active {
    background: #ecf3f8; }

.button {
  width: auto;
  background: #2ba6cb;
  border: 1px solid #1e728c;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 10px 20px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */ }

.button:hover {
  color: white;
  background-color: #2284a1; }

.button:active {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }

.button:focus {
  -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white; }

.button.large {
  font-size: 17px;
  padding: 15px 30px 16px; }

.button.medium {
  font-size: 14px; }

.button.small {
  font-size: 11px;
  padding: 7px 14px 8px; }

.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px; }

.button.expand {
  width: 100%;
  text-align: center; }

.button.primary {
  background-color: #2ba6cb;
  border: 1px solid #1e728c; }

.button.primary:hover {
  background-color: #2284a1; }

.button.primary:focus {
  -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.success {
  background-color: #5da423;
  border: 1px solid #396516; }

.button.success:hover {
  background-color: #457a1a; }

.button.success:focus {
  -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c; }

.button.alert:hover {
  background-color: #970b0e; }

.button.alert:focus {
  -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.secondary {
  background-color: #e9e9e9;
  color: #1d1d1d;
  border: 1px solid #c3c3c3; }

.button.secondary:hover {
  background-color: #d0d0d0; }

.button.secondary:focus {
  -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.radius {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }

.button.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.button.left-align {
  text-align: left;
  text-indent: 12px; }

.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #2ba6cb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.button.disabled :hover, .button[disabled] :hover {
  background: #2ba6cb; }

.button.disabled.success, .button[disabled].success {
  background-color: #5da423; }

.button.disabled.success:hover, .button[disabled].success:hover {
  background-color: #5da423; }

.button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13; }

.button.disabled.alert:hover, .button[disabled].alert:hover {
  background-color: #c60f13; }

.button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9; }

.button.disabled.secondary:hover, .button[disabled].secondary:hover {
  background-color: #e9e9e9; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0; }

  input[type="submit"].tiny.button {
    padding: 3px 10px 4px; }

  input[type="submit"].small.button {
    padding: 5px 14px 6px; }

  input[type="submit"].button, input[type=submit].medium.button {
    padding: 8px 20px 9px; }

  input[type="submit"].large.button {
    padding: 13px 30px 14px; } }
/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */ }

.button.dropdown.large {
  padding-right: 60px; }

.button.dropdown.small {
  padding-right: 28px; }

.button.dropdown.tiny {
  padding-right: 20px; }

.button.dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -2px; }

.button.dropdown.large:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  right: 30px; }

.button.dropdown.small:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-top: -2px;
  right: 14px; }

.button.dropdown.tiny:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  right: 10px; }

.button.dropdown > ul {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute;
  left: -1px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-top: none;
  min-width: 100%;
  z-index: 40; }

.button.dropdown > ul li {
  width: 100%;
  cursor: pointer;
  padding: 0;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none; }

.button.dropdown > ul li a {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left; }

.button.dropdown > ul li:hover {
  background-color: #e3f4f9;
  color: #222; }

.button.dropdown > ul li.divider {
  min-height: 0;
  padding: 0;
  height: 1px;
  margin: 4px 0;
  background: #ededed; }

.button.dropdown.up > ul {
  border-top: 1px solid #cccccc;
  border-bottom: none; }

.button.dropdown ul.no-hover.show-dropdown {
  display: block !important; }

.button.dropdown:hover > ul.no-hover {
  display: none; }

.button.dropdown.split {
  padding: 0;
  position: relative;
  /* Sizes */
  /* Triangle Spans */
  /* Colors */ }

.button.dropdown.split:after {
  display: none; }

.button.dropdown.split:hover {
  background-color: #2ba6cb; }

.button.dropdown.split.alert:hover {
  background-color: #c60f13; }

.button.dropdown.split.success:hover {
  background-color: #5da423; }

.button.dropdown.split.secondary:hover {
  background-color: #e9e9e9; }

.button.dropdown.split > a {
  color: white;
  display: block;
  padding: 10px 50px 11px 20px;
  padding-left: 20px;
  padding-right: 50px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }

.button.dropdown.split > a:hover {
  background-color: #2284a1; }

.button.dropdown.split.large > a {
  padding: 15px 75px 16px 30px;
  padding-left: 30px;
  padding-right: 75px; }

.button.dropdown.split.small > a {
  padding: 7px 35px 8px 14px;
  padding-left: 14px;
  padding-right: 35px; }

.button.dropdown.split.tiny > a {
  padding: 5px 25px 6px 10px;
  padding-left: 10px;
  padding-right: 25px; }

.button.dropdown.split > span {
  background-color: #2ba6cb;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  border-left: 1px solid #1e728c;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }

.button.dropdown.split > span:hover {
  background-color: #2284a1; }

.button.dropdown.split > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -2px; }

.button.dropdown.split.secondary > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #1d1d1d transparent transparent transparent; }

.button.dropdown.split.large span {
  width: 45px; }

.button.dropdown.split.small span {
  width: 21px; }

.button.dropdown.split.tiny span {
  width: 15px; }

.button.dropdown.split.large span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  margin-left: -7px; }

.button.dropdown.split.small span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -4px; }

.button.dropdown.split.tiny span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 3px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -3px; }

.button.dropdown.split.alert > span {
  background-color: #c60f13;
  border-left-color: #7f0a0c; }

.button.dropdown.split.success > span {
  background-color: #5da423;
  border-left-color: #396516; }

.button.dropdown.split.secondary > span {
  background-color: #e9e9e9;
  border-left-color: #c3c3c3; }

.button.dropdown.split.secondary > a {
  color: #1d1d1d; }

.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover {
  background-color: #970b0e; }

.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover {
  background-color: #457a1a; }

.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover {
  background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1; }

ul.button-group:before, ul.button-group:after {
  content: " ";
  display: table; }

ul.button-group:after {
  clear: both; }

ul.button-group li {
  padding: 0;
  margin: 0 0 0 -1px;
  float: left; }

ul.button-group li:first-child {
  margin-left: 0; }

ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius {
  -moz-border-radius-topleft: 25px;
  -webkit-border-top-left-radius: 25px;
  border-top-left-radius: 25px;
  -moz-border-radius-bottomleft: 25px;
  -webkit-border-bottom-left-radius: 25px;
  border-bottom-left-radius: 25px; }

ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded {
  -moz-border-radius-topleft: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-top-left-radius: 1000px;
  -moz-border-radius-bottomleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  border-bottom-left-radius: 1000px; }

ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius {
  -moz-border-radius-topright: 25px;
  -webkit-border-top-right-radius: 25px;
  border-top-right-radius: 25px;
  -moz-border-radius-bottomright: 25px;
  -webkit-border-bottom-right-radius: 25px;
  border-bottom-right-radius: 25px; }

ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded {
  -moz-border-radius-topright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-top-right-radius: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

ul.button-group.even .button {
  width: 100%; }

ul.button-group.even.two-up li {
  width: 50%; }

ul.button-group.even.three-up li {
  width: 33.3%; }

ul.button-group.even.three-up li:first-child {
  width: 33.4%; }

ul.button-group.even.four-up li {
  width: 25%; }

ul.button-group.even.five-up li {
  width: 20%; }

div.button-bar {
  overflow: hidden; }

div.button-bar ul.button-group {
  float: left;
  margin-right: 8px; }

div.button-bar ul.button-group:last-child {
  margin-left: 0; }

@media (max-width: 767px) {
  .button.radius {
    margin: 15px auto;
    max-width: 30%; } }
a.marketing-btn, a.mkt-btn, div.marketing-btn, div.mkt-btn {
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.3846153846em;
  display: inline-block;
  background: #387ebc;
  padding: 16px 30px;
  border-radius: 4px;
  margin: 0;
  box-shadow: 0 3px 0px 0 #21496d;
  text-align: center;
  transition: background 0.2s; }
  a.marketing-btn:hover, a.mkt-btn:hover, a.marketing-btn:focus, a.mkt-btn:focus, div.marketing-btn:hover, div.mkt-btn:hover, div.marketing-btn:focus, div.mkt-btn:focus {
    outline: none;
    background: #5997ce; }
  a.marketing-btn:active, a.mkt-btn:active, div.marketing-btn:active, div.mkt-btn:active {
    transition: background 0s;
    background: #2c6495; }

a.marketing-btn, a.mkt-btn, div.marketing-btn, div.mkt-btn {
  color: white; }

a.mkt-btn, div.mkt-btn {
  color: white; }

a.mkt-btn, div.mkt-btn {
  color: white; }

a.mkt-btn-inv {
  background: #ffffff;
  padding: 20px;
  font-size: 1.3846153846em;
  font-weight: 900;
  text-transform: uppercase;
  color: #666666;
  border-radius: 4px;
  display: inline-block;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s; }
  a.mkt-btn-inv:hover {
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35); }
  a.mkt-btn-inv:focus {
    outline: none;
    box-shadow: 0px 4px 10px 0px black; }
  a.mkt-btn-inv:active {
    box-shadow: 0px 0px 0px 0px transparent; }

a.marketing-btn:focus, a.mkt-btn:focus {
  outline: 1px solid #226492; }

a.btn-wide {
  width: 100%; }

a.btn-small {
  font-size: 0.9230769231em;
  padding: 12px; }

a.btn-inactive {
  cursor: default;
  color: #BACAD3;
  background: #DDE5E9;
  box-shadow: 0px 3px 0px 0px #ACBCC3; }
  a.btn-inactive:hover, a.btn-inactive:focus, a.btn-inactive:active {
    background: #DDE5E9;
    box-shadow: 0px 3px 0px 0px #ACBCC3; }

a.btn-primary {
  color: #ffffff;
  background: #f88900;
  box-shadow: 0px 3px 0px 0px #ac5f00; }
  a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active {
    background: #ffac46;
    box-shadow: 0px 3px 0px 0px #794300; }

a.btn-orange {
  background: #f88900;
  box-shadow: 0px 3px 0px 0px #925100; }
  a.btn-orange:hover, a.btn-orange:focus, a.btn-orange:active {
    background: #ffac46;
    box-shadow: 0px 3px 0px 0px #794300; }

a.btn-green {
  background: #7CB836;
  box-shadow: 0px 3px 0px 0px #47691f; }
  a.btn-green:hover, a.btn-green:focus, a.btn-green:active {
    background: #a1d368;
    box-shadow: 0px 3px 0px 0px #3a5519; }

a.btn-paypal {
  text-transform: none;
  font-weight: 400; }
  a.btn-paypal .paypal-logo {
    width: 65px;
    vertical-align: middle; }

a.mkt-btn .no-credit-card,
a.marketing-btn .no-credit-card,
a.mkt-btn .no-credit-card {
  font-size: 0.8em;
  font-weight: 400;
  font-style: italic;
  display: block; }

.simple-focus .module-well, .simple-focus .module-well-padding, .user-flows .module-well, .user-flows .module-well-padding {
  background: #fafcfd;
  border: 1px solid #d6e6ee;
  border-radius: 4px;
  margin-bottom: 2em; }
  .simple-focus .module-well h1, .simple-focus .module-well-padding h1, .user-flows .module-well h1, .user-flows .module-well-padding h1 {
    font-size: 1.5384615385em;
    color: #226492;
    font-weight: 700;
    margin-bottom: 30px;
    margin: 2em 0;
    padding: 0 26px; }
  .simple-focus .module-well .mkt-btn, .simple-focus .module-well-padding .mkt-btn, .simple-focus .module-well .marketing-btn, .simple-focus .module-well-padding .marketing-btn, .simple-focus .module-well a.mkt-btn, .simple-focus .module-well-padding a.mkt-btn, .simple-focus .module-well div.mkt-btn, .simple-focus .module-well-padding div.mkt-btn, .user-flows .module-well .mkt-btn, .user-flows .module-well-padding .mkt-btn, .user-flows .module-well .marketing-btn, .user-flows .module-well-padding .marketing-btn, .user-flows .module-well a.mkt-btn, .user-flows .module-well-padding a.mkt-btn, .user-flows .module-well div.mkt-btn, .user-flows .module-well-padding div.mkt-btn {
    margin-bottom: 0.5em; }
  .simple-focus .module-well .field-group, .simple-focus .module-well-padding .field-group, .user-flows .module-well .field-group, .user-flows .module-well-padding .field-group {
    padding: 0em 2em; }
.simple-focus .module-well-padding, .user-flows .module-well-padding {
  padding: 2em; }
  .simple-focus .module-well-padding h1, .user-flows .module-well-padding h1 {
    margin: 1em 0;
    padding: 0; }
  .simple-focus .module-well-padding .mkt-btn, .simple-focus .module-well-padding .marketing-btn, .simple-focus .module-well-padding a.mkt-btn, .simple-focus .module-well-padding div.mkt-btn, .user-flows .module-well-padding .mkt-btn, .user-flows .module-well-padding .marketing-btn, .user-flows .module-well-padding a.mkt-btn, .user-flows .module-well-padding div.mkt-btn {
    margin: 0.5em 0; }
  .simple-focus .module-well-padding .field-group, .user-flows .module-well-padding .field-group {
    padding: 0em; }
    .simple-focus .module-well-padding .field-group:last-child, .user-flows .module-well-padding .field-group:last-child {
      margin-bottom: 0; }
.simple-focus .change-plan-module__details, .user-flows .change-plan-module__details {
  padding: 2em;
  color: #ffffff;
  background: #387ebc;
  border-radius: 4px;
  margin-bottom: 10px; }
  .simple-focus .change-plan-module__details h1, .user-flows .change-plan-module__details h1 {
    font-size: 1.8461538462em;
    font-weight: 900;
    margin: 0;
    margin-bottom: 15px; }
  .simple-focus .change-plan-module__details__price, .user-flows .change-plan-module__details__price {
    font-size: 0.8em;
    margin-bottom: 15px; }
    .simple-focus .change-plan-module__details__price .dollar-sign, .user-flows .change-plan-module__details__price .dollar-sign {
      font-size: 1.9230769231em;
      font-weight: normal;
      vertical-align: 0.9230769231em;
      margin-right: -0.0769230769em; }
    .simple-focus .change-plan-module__details__price .dollar-amount, .user-flows .change-plan-module__details__price .dollar-amount {
      font-size: 4.3076923077em;
      font-weight: 400; }
    .simple-focus .change-plan-module__details__price .cent-amount, .user-flows .change-plan-module__details__price .cent-amount {
      font-size: 1.3846153846em;
      font-weight: normal;
      vertical-align: 1.3846153846em;
      margin-left: 0em; }
    .simple-focus .change-plan-module__details__price .duration, .user-flows .change-plan-module__details__price .duration {
      font-size: 1.4615384615em;
      font-weight: normal;
      margin-left: -1.2307692308em; }
    .simple-focus .change-plan-module__details__price .custom-pricing, .user-flows .change-plan-module__details__price .custom-pricing {
      font-size: 2.3076923077em;
      font-weight: 800; }
  .simple-focus .change-plan-module__details__features, .user-flows .change-plan-module__details__features {
    margin: 0;
    padding: 0; }
    .simple-focus .change-plan-module__details__features li, .user-flows .change-plan-module__details__features li {
      margin: 0;
      list-style: none;
      font-size: 1.4em;
      padding-left: 25px;
      position: relative; }
    .simple-focus .change-plan-module__details__features .checkmark, .user-flows .change-plan-module__details__features .checkmark {
      display: inline-block;
      width: 15px;
      position: absolute;
      left: 0px;
      bottom: 5px; }
.simple-focus .change-plan-module__mkt-btn, .user-flows .change-plan-module__mkt-btn {
  width: 100%; }
.simple-focus .contact-info-module__details, .user-flows .contact-info-module__details {
  padding: 2em;
  color: #ffffff;
  background: #387ebc;
  border-radius: 4px;
  margin-bottom: 10px; }
  .simple-focus .contact-info-module__details h1, .user-flows .contact-info-module__details h1 {
    font-size: 1.8461538462em;
    font-weight: 900;
    margin: 0;
    margin-bottom: 15px; }
  .simple-focus .contact-info-module__details .text-block, .user-flows .contact-info-module__details .text-block {
    margin-bottom: 12px;
    font-size: 1.1em;
    font-weight: 600; }
  .simple-focus .contact-info-module__details a, .user-flows .contact-info-module__details a {
    color: white;
    text-decoration: underline; }
@media (max-width: 480px) {
  .simple-focus .grid [class*='col-'], .user-flows .grid [class*='col-'] {
    float: none;
    width: 100%;
    padding: 0; } }
.simple-focus .module-email-form [class*='col-'], .user-flows .module-email-form [class*='col-'] {
  padding-right: 3px; }
.simple-focus .module-enter-billing [class*='col-'], .user-flows .module-enter-billing [class*='col-'] {
  padding-right: 3px; }
.simple-focus .module-enter-billing .pipe, .user-flows .module-enter-billing .pipe {
  color: #cccccc;
  display: inline-block;
  margin: 0 0.5em; }
.simple-focus .module-enter-billing .basic-select .trigger, .user-flows .module-enter-billing .basic-select .trigger {
  text-transform: none; }
.simple-focus .module-enter-billing #card_number, .user-flows .module-enter-billing #card_number {
  background-image: url(/design/images/credit-cards.png), url(/design/images/credit-cards.png);
  background-position: 6px -78px, 330px 0px;
  background-size: 56px 439px, 56px 439px;
  background-repeat: no-repeat;
  padding-left: 75px;
  position: relative; }
.simple-focus .module-enter-billing #card_number.visa, .user-flows .module-enter-billing #card_number.visa {
  background-position: 6px -130px, 330px 0px; }
.simple-focus .module-enter-billing #card_number.mastercard, .user-flows .module-enter-billing #card_number.mastercard {
  background-position: 6px -236px, 330px 0px; }
.simple-focus .module-enter-billing #card_number.discover, .user-flows .module-enter-billing #card_number.discover {
  background-position: 6px -342px, 330px 0px; }
.simple-focus .module-enter-billing #card_number.amex, .user-flows .module-enter-billing #card_number.amex {
  background-position: 6px -397px, 330px 0px; }
.simple-focus .module-enter-billing #card_number.valid.visa, .user-flows .module-enter-billing #card_number.valid.visa {
  background-position: 6px -130px, 330px -34px; }
.simple-focus .module-enter-billing #card_number.valid.mastercard, .user-flows .module-enter-billing #card_number.valid.mastercard {
  background-position: 6px -236px, 330px -34px; }
.simple-focus .module-enter-billing #card_number.valid.discover, .user-flows .module-enter-billing #card_number.valid.discover {
  background-position: 6px -342px, 330px -34px; }
.simple-focus .module-enter-billing #card_number.valid.amex, .user-flows .module-enter-billing #card_number.valid.amex {
  background-position: 6px -397px, 330px -34px; }
.simple-focus .module-enter-billing .security-images, .user-flows .module-enter-billing .security-images {
  width: 193px;
  height: 57px;
  float: right;
  clear: right;
  margin-top: 15px; }
.simple-focus .module-enter-billing__billing-information .grid, .user-flows .module-enter-billing__billing-information .grid {
  margin: 0 0 3px 0; }
.lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number {
  background-image: url(/design/images/credit-cards-basic.png);
  background-position: 0px -9px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.visa, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.visa {
    background-position: 0px -79px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.mastercard, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.mastercard {
    background-position: 0px -149px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.discover, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.discover {
    background-position: 0px -219px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.amex, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.amex {
    background-position: 0px -289px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.visa.valid, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.visa.valid {
    background-position: 0px -429px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.mastercard.valid, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.mastercard.valid {
    background-position: 0px -499px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.discover.valid, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.discover.valid {
    background-position: 0px -569px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-field #card_number.amex.valid, .lt-ie9 .user-flows .module-enter-billing__credit-card-field #card_number.amex.valid {
    background-position: 0px -639px; }
.simple-focus .module-enter-billing__credit-card-readout .readout-wrap, .user-flows .module-enter-billing__credit-card-readout .readout-wrap {
  width: 100%;
  height: 50px;
  vertical-align: middle;
  line-height: 2.5; }
.simple-focus .module-enter-billing__credit-card-readout .credit-card-number, .simple-focus .module-enter-billing__credit-card-readout .credit-card-exp, .user-flows .module-enter-billing__credit-card-readout .credit-card-number, .user-flows .module-enter-billing__credit-card-readout .credit-card-exp {
  font-size: 1.5em;
  color: #b2b2b2;
  display: inline-block; }
  .simple-focus .module-enter-billing__credit-card-readout .credit-card-number span, .simple-focus .module-enter-billing__credit-card-readout .credit-card-exp span, .user-flows .module-enter-billing__credit-card-readout .credit-card-number span, .user-flows .module-enter-billing__credit-card-readout .credit-card-exp span {
    color: #323232; }
.lt-ie9 .simple-focus .module-enter-billing__credit-card-readout #card_number, .lt-ie9 .user-flows .module-enter-billing__credit-card-readout #card_number {
  background-image: url(/design/images/credit-cards-basic.png);
  background-position: 0px -9px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-readout #card_number.visa, .lt-ie9 .user-flows .module-enter-billing__credit-card-readout #card_number.visa {
    background-position: 0px -79px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-readout #card_number.mastercard, .lt-ie9 .user-flows .module-enter-billing__credit-card-readout #card_number.mastercard {
    background-position: 0px -149px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-readout #card_number.discover, .lt-ie9 .user-flows .module-enter-billing__credit-card-readout #card_number.discover {
    background-position: 0px -219px; }
  .lt-ie9 .simple-focus .module-enter-billing__credit-card-readout #card_number.amex, .lt-ie9 .user-flows .module-enter-billing__credit-card-readout #card_number.amex {
    background-position: 0px -289px; }
.simple-focus .module-paypal, .user-flows .module-paypal {
  text-align: center; }
  .simple-focus .module-paypal form, .user-flows .module-paypal form {
    display: inline-block;
    vertical-align: middle; }
    .lt-ie9 .simple-focus .module-paypal form, .lt-ie9 .user-flows .module-paypal form {
      vertical-align: -25px; }

.demo-nav {
  left: -40px !important; }

.lt-ie8 .utility-nav.twelve.columns,
.lt-ie8 .row .utility-nav.columns.twelve,
.row .lt-ie8 .utility-nav.columns.twelve {
  height: 80px;
  line-height: 1.4;
  margin-bottom: 2px; }

.lt-ie8 nav {
  display: inline;
  float: right;
  clear: both; }

.drop-arrow {
  font-size: 0.6em;
  vertical-align: 1px; }

.breadcrumb {
  display: inline; }

#breadcrumbs {
  background: url(i/banner.jpg) left #27638c;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  height: 58px;
  font-size: 15px;
  font-style: normal;
  padding: 20px 0 21px 20px;
  font-weight: 400;
  font-style: normal; }

#breadcrumbs .breadcrumb a {
  color: #b3d2ec; }

#breadcrumbs .breadcrumb a:hover {
  text-decoration: underline; }

#breadcrumbs .breadcrumb.active-crumb {
  color: white;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  font-style: normal; }

#csSWF {
  height: 358px; }

#csSWF embed {
  height: 358px; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

div.fancy-select {
  position: relative;
  font-weight: normal;
  text-transform: none;
  font-size: 1.2em;
  color: #226492; }

div.fancy-select.disabled {
  opacity: 0.5; }

div.fancy-select select:focus + div.trigger {
  box-shadow: 0 0 0 1px #226492; }

div.fancy-select select:focus + div.trigger.open {
  box-shadow: none; }

div.fancy-select div.trigger {
  border-radius: 4px;
  cursor: pointer;
  padding: 13px 24px 13px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: #ffffff;
  border: 1px solid #e3edf7;
  border-top-color: #e3edf7;
  color: #4c4c4c;
  width: 100%; }

div.fancy-select.error {
  border: none !important; }

div.fancy-select.error div.trigger {
  padding: 12px 24px 12px 9px;
  border: 2px solid #ce1e1f;
  border-top-color: #ce1e1f; }

div.fancy-select div.trigger:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #999999;
  top: 20px;
  right: 9px; }

div.fancy-select div.trigger.open {
  background: #ffffff;
  border: 1px solid #226492;
  color: #999999;
  box-shadow: none; }

div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  padding: 0;
  width: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  max-height: 350px;
  overflow: auto;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }

div.fancy-select ul.options.open {
  visibility: visible;
  top: 50px;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out; }

div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }

div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 50px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }

div.fancy-select ul.options li {
  padding: 3px 15px;
  color: #7f7f7f;
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out; }

div.fancy-select ul.options li.selected {
  background: rgba(56, 126, 188, 0.5);
  color: rgba(255, 255, 255, 0.75); }

div.fancy-select ul.options li.hover {
  color: #000000;
  background: #e5e5e5; }

.global-marketing-header {
  padding: 10px 0; }
  .global-marketing-header .row {
    width: 100%;
    min-width: 100%; }

header a {
  border: none;
  text-decoration: none; }

header .utility-nav {
  float: right;
  height: auto; }
  @media (max-width: 699px) {
    header .utility-nav {
      display: none; } }

header .utility-nav ul {
  float: right;
  display: inline;
  margin: 0; }
  @media (max-width: 480px) {
    header .utility-nav ul {
      float: none;
      display: block;
      padding: 0;
      text-align: center;
      margin-bottom: 10px; } }

header .utility-nav ul li {
  background: none;
  height: auto;
  display: inline;
  padding: 0 15px 0 11px;
  font-weight: 400;
  font-style: normal; }
  header .utility-nav ul li:last-child {
    padding: 0 0 0 11px; }

header .utility-nav ul li a {
  color: #a3a3a3;
  text-decoration: none; }

header .utility-nav ul li a:hover {
  color: #f98900; }

header .utility-nav ul li.begin-test {
  border-right: 1px solid #E9E9E9; }
  @media (max-width: 480px) {
    header .utility-nav ul li.begin-test {
      display: none; } }

@media (max-width: 480px) {
  header .utility-nav ul li.blog {
    display: none; } }

header .utility-nav ul li.begin-test a {
  text-decoration: none; }

header .utility-nav ul li.begin-test a:hover {
  color: #f98900; }

header .utility-nav ul li.support {
  border-right: 1px solid #E9E9E9;
  color: #a3a3a3;
  font-weight: 400;
  font-style: normal; }
  @media (max-width: 480px) {
    header .utility-nav ul li.support {
      border-right: none; } }

header .utility-nav ul li.support a {
  text-decoration: none; }

header .utility-nav ul li.login {
  margin-top: 0px;
  font-weight: 600;
  font-style: normal; }

header .utility-nav ul li.login:hover {
  cursor: pointer; }

header .utility-nav ul li.login a {
  background: url(i/login.png) no-repeat;
  color: #f98900;
  padding-left: 20px;
  padding-top: 0px !important; }

header .utility-nav ul li.login a:hover {
  background: url(i/login-hov.png) no-repeat;
  color: #464646;
  text-decoration: underline; }

header #header-wrap {
  height: auto;
  padding-bottom: 0px; }

header #header-wrap .columns {
  margin: 0;
  padding: 0; }
  @media (max-width: 699px) {
    header #header-wrap .columns {
      padding: 0; } }

header #header-wrap .brand {
  float: left;
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 699px) {
    header #header-wrap .brand {
      display: block;
      width: 100%; } }

header #header-wrap .brand .logo {
  padding: 0;
  margin: 10px;
  width: 100%;
  font-size: 0px;
  line-height: 1; }
  header #header-wrap .brand .logo a {
    display: inline-block;
    width: 100%; }
  @media (max-width: 699px) {
    header #header-wrap .brand .logo {
      margin: 0px;
      margin-top: 5px;
      text-align: center;
      margin-bottom: 20px; } }

header #header-wrap .brand .logo img {
  width: auto;
  max-width: 100%;
  height: auto; }

@media (max-width: 799px) {
  header #header-wrap .brand .logo img.logo-shape {
    margin-top: 0px;
    width: 100%;
    max-width: 280px; } }

header #header-wrap nav.seven.columns {
  margin: 13px 0 0 0;
  padding-right: 10px;
  font-size: 16px; }
  @media (max-width: 1023px) {
    header #header-wrap nav.seven.columns {
      text-align: right;
      font-size: 14px; } }
  @media (max-width: 799px) {
    header #header-wrap nav.seven.columns {
      margin: 10px 0 0 0; } }
  @media (max-width: 699px) {
    header #header-wrap nav.seven.columns {
      display: block;
      width: 100%;
      margin: 0;
      text-align: center; } }

header #header-wrap nav ul {
  height: auto;
  display: inline-block;
  padding: 0;
  margin: 0; }

header #header-wrap nav ul li {
  background-image: none !important;
  border: none;
  display: inline-block;
  float: left;
  height: auto;
  padding: 0 0.833em 0 0.833em;
  width: auto;
  margin: 0; }

header #header-wrap nav ul li a {
  color: #333333; }

header #header-wrap nav ul li a:hover {
  color: #2269a7; }

header #header-wrap nav ul.site {
  vertical-align: top;
  margin-top: 10px; }
  header #header-wrap nav ul.site li {
    padding: 0 25px; }
    header #header-wrap nav ul.site li:last-child {
      border-right: none; }
  @media (max-width: 1023px) {
    header #header-wrap nav ul.site li {
      padding: 0 10px;
      text-align: right; } }

header #header-wrap nav ul.cta {
  float: right; }
  header #header-wrap nav ul.cta a {
    vertical-align: top;
    padding: 10px 20px;
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    color: #f88900;
    border-radius: 4px;
    border: 1px solid #f88900; }
    header #header-wrap nav ul.cta a:hover {
      color: #ffa12c; }
  @media (max-width: 760px) {
    header #header-wrap nav ul.cta a {
      padding: 10px; } }
  @media (max-width: 699px) {
    header #header-wrap nav ul.cta {
      float: none;
      display: block;
      width: 100%;
      margin-top: 20px; }
      header #header-wrap nav ul.cta li {
        width: 50%; }
      header #header-wrap nav ul.cta a {
        width: 100%; } }

header #header-wrap nav ul li.signup {
  padding: 0;
  margin: 0; }
  header #header-wrap nav ul li.signup a {
    padding: 10px 20px;
    background: #f88900;
    color: #ffffff;
    transition: background-color 0.15s ease-in-out; }
  header #header-wrap nav ul li.signup a:hover {
    color: #ffffff;
    background-color: #ffa12c; }
  @media (max-width: 760px) {
    header #header-wrap nav ul li.signup a {
      padding: 10px; } }

header.large {
  text-align: center;
  max-width: 1024px;
  margin: auto; }
  header.large h1 {
    color: #4c4c4c;
    font-size: 4.2307692308em;
    font-weight: 100; }
  header.large h2 {
    color: #4c4c4c;
    font-size: 1.8461538462em;
    font-weight: 100;
    max-width: 800px;
    margin: auto; }

header.small {
  text-align: center;
  padding: 2em 0; }
  header.small h1 {
    color: #226492;
    font-size: 2.4615384615em;
    font-weight: 100; }
  header.small h2 {
    color: #7f7f7f;
    font-size: 1.6153846154em;
    font-weight: 100; }

.lt-ie7 #header-wrap {
  width: 90%; }

#sf-footer {
  max-width: 1120px;
  background-color: #ffffff;
  border-top: 1px solid #CFCFCF;
  height: auto;
  padding-top: 45px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  *zoom: 1;
  margin-top: 30px; }

#sf-footer .column {
  padding-left: 0;
  padding-right: 0; }
  #sf-footer .column ul {
    padding: 0;
    margin: 0.5em 0 1em; }
  #sf-footer .column li {
    margin: 0.15em 0 0.15em 0;
    padding: 0.2em 0 0 0;
    line-height: 1.65em;
    list-style: none; }

#sf-footer .twelve.columns {
  padding: 0px; }

#sf-footer #tour,
#sf-footer #about,
#sf-footer #support {
  margin-right: 120px; }
  @media (max-width: 480px) {
    #sf-footer #tour,
    #sf-footer #about,
    #sf-footer #support {
      margin-right: 0; } }

#sf-footer #support {
  margin-right: 0; }

#sf-footer #support .sub-text {
  color: #1d252a;
  font-size: 11px;
  font-weight: 400;
  font-style: normal; }

#sf-footer #stats {
  border-left: 1px solid #cddbe5;
  color: #27638c;
  height: 180px;
  padding-left: 85px; }
  @media (max-width: 480px) {
    #sf-footer #stats {
      border-left: none;
      padding-left: 0;
      margin: 20px auto;
      height: auto; } }

#sf-footer #stats li {
  margin-bottom: 20px;
  width: 185px; }
  @media (max-width: 480px) {
    #sf-footer #stats li {
      width: 100%; } }

#sf-footer #stats span {
  float: left;
  margin-right: 15px; }
  @media (max-width: 480px) {
    #sf-footer #stats span {
      float: none;
      margin-right: 0; } }

#sf-footer #stats .numbers {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  margin: 0; }

#sf-footer #stats .stat-label {
  font-size: 14px;
  margin-top: 0px;
  font-weight: 700;
  font-style: normal; }

#sf-footer h5 {
  color: #222222;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 10px 0; }

#sf-footer li {
  background: none;
  line-height: 2em;
  padding-left: 0; }

#sf-footer li a {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  font-style: normal; }

#sf-footer .phone {
  font-size: 22px;
  margin: 0 0 0 0;
  line-height: 1;
  display: block;
  font-weight: 700; }

#sf-footer .row, #legal .row {
  min-width: 100%; }

#sf-footer #contact {
  background: #FFFAF3;
  padding: 40px;
  border-radius: 8px;
  text-align: center;
  float: right; }
  #sf-footer #contact a:link, #sf-footer #contact a:visited, #sf-footer #contact a:active, #sf-footer #contact a:focus {
    color: #f88900; }

@media (max-width: 950px) {
  #sf-footer #tour,
  #sf-footer #about,
  #sf-footer #support {
    margin-right: 60px; } }
@media (max-width: 780px) {
  #sf-footer #tour,
  #sf-footer #about,
  #sf-footer #support {
    min-height: 200px;
    float: none;
    display: inline-block;
    vertical-align: top; }

  [class*="column"] + [class*="column"]:last-child {
    float: none;
    display: block;
    width: 100%; }

  #sf-footer #contact {
    text-align: center; } }
@media (max-width: 480px) {
  #sf-footer #tour,
  #sf-footer #about,
  #sf-footer #support,
  #sf-footer #contact {
    float: none;
    max-width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-top: 40px;
    display: block;
    width: 100%; }
    #sf-footer #tour li,
    #sf-footer #about li,
    #sf-footer #support li,
    #sf-footer #contact li {
      line-height: 2.5em; } }
#legal {
  background-color: #ffffff;
  max-width: 1120px;
  height: auto;
  padding-bottom: 35px;
  padding-top: 25px;
  color: #aaaaaa; }
  #legal .columns {
    padding: 0; }
  #legal span {
    margin-right: 2em; }
  #legal a {
    color: #666666; }
  @media (max-width: 480px) {
    #legal {
      text-align: center; }
      #legal .column {
        width: 100%; }
      #legal span {
        margin: 0 0 20px 0;
        display: block;
        width: 100%; } }

#legal h6 {
  color: #bebebe;
  margin: 0;
  font-weight: bold; }

#legal h6.call-support {
  float: right; }

#legal ul {
  margin: 0.5em 0 1em;
  padding: 0; }

#legal li {
  background: none;
  border-right: 1px solid #bebebe;
  display: inline;
  float: left;
  font-size: 12px;
  height: 20px;
  margin-top: 10px;
  padding: 0 8px 0 8px;
  font-weight: 400;
  font-style: normal; }

#legal li:first-child {
  padding-left: 0px !important; }

#legal li:last-child {
  border-right: none; }

#legal li a {
  color: #54a3f1; }

.homepage .row {
  width: 100%;
  min-width: 100%; }
.homepage .hr {
  border-top: 1px solid #CFCFCF;
  max-width: 850px;
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px; }
.homepage h1 {
  font-weight: 700; }
.homepage h2 {
  margin: 0.3em 0; }
.homepage p {
  margin-top: 0; }

#tagline {
  background: url(i/pixels2.jpg) repeat-x white;
  height: 275px;
  margin-top: 0px;
  padding-top: 25px;
  position: relative;
  text-align: center;
  z-index: 1; }
  @media (max-width: 850px) {
    #tagline {
      height: auto;
      padding-top: 20px;
      padding-bottom: 20px; } }
  #tagline .btn-orange {
    margin-top: 20px; }

#tagline .columns {
  width: 850px;
  padding: 0 20px; }
  @media (max-width: 850px) {
    #tagline .columns {
      width: 100%; } }

#tagline h2 {
  color: white;
  font-size: 42px;
  line-height: 135%;
  position: relative;
  text-align: center;
  z-index: 100;
  font-weight: 100;
  font-style: normal;
  margin: 0; }
  @media (max-width: 850px) {
    #tagline h2 {
      font-size: 32px; } }
  @media (max-width: 480px) {
    #tagline h2 {
      font-size: 26px; } }

#video {
  width: 850px;
  margin-top: 40px;
  z-index: 1000;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }
  @media (max-width: 850px) {
    #video {
      width: 100%; } }
  @media (max-width: 850px) {
    #video {
      margin-top: 0px;
      box-shadow: none; } }

#placeholder-container {
  position: absolute;
  z-index: 100;
  width: 100%; }
  #placeholder-container a {
    display: block; }
  #placeholder-container span {
    text-transform: uppercase;
    background-color: #03233F;
    background-color: rgba(3, 35, 63, 0.8);
    border-radius: 4px;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
    vertical-align: bottom;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 0.15s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -128px; }
    #placeholder-container span img {
      margin-right: 10px; }
  #placeholder-container:hover span {
    background-color: #064c88;
    background-color: rgba(6, 76, 136, 0.8); }

.homepage .content-block {
  width: 850px;
  text-align: center; }
  .homepage .content-block p {
    text-align: left; }
  .homepage .content-block p.text-center {
    text-align: center; }
  .homepage .content-block h1, .homepage .content-block h2, .homepage .content-block h3, .homepage .content-block h4 {
    text-align: center; }
  .homepage .content-block a.mkt-btn {
    margin: 20px 0 50px 0; }
  @media (max-width: 850px) {
    .homepage .content-block {
      width: 100%;
      padding: 0 20px; } }

#browser-icons img {
  width: 100%; }

.screenshot-block {
  margin: 30px 0 60px 0; }
  .screenshot-block p {
    padding: 0 100px; }
    @media (max-width: 480px) {
      .screenshot-block p {
        padding: 0 0; } }
  .screenshot-block .screenshot {
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px; }
    .screenshot-block .screenshot img {
      display: block; }
  .screenshot-block .screenshot-header, .screenshot-block .screenshot-footer, .homepage-long-v2 .screenshot-block .screenshot-footer {
    width: 100%;
    display: block; }

.questions .question-answer-block {
  margin-top: 80px;
  margin-bottom: 120px; }
  .questions .question-answer-block:last-child {
    margin-bottom: 80px; }
.questions p {
  margin: 0; }
.questions .person {
  width: 200px;
  text-align: center; }
.questions .headshot {
  border-radius: 100px;
  display: inline-block;
  width: 64px; }
.questions .name {
  font-size: 15px;
  color: #222222;
  display: block; }
.questions .title {
  font-size: 13px;
  color: #797979;
  display: block; }
.questions .speech-bubble {
  position: relative;
  border-radius: 10px; }
.questions .question {
  position: relative;
  margin: 15px 0; }
  .questions .question .person {
    float: left; }
  .questions .question .speech-bubble {
    padding: 30px;
    left: 210px;
    right: 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 150%;
    position: absolute;
    bottom: 0; }
    .questions .question .speech-bubble:before {
      content: "";
      position: absolute;
      z-index: -1;
      left: -30px;
      top: 50%;
      margin-top: -15px;
      height: 30px;
      width: 40px;
      background: #e5e5e5;
      border-top-left-radius: 50px 40px; }
.questions .question1 {
  color: #417505; }
  .questions .question1 .speech-bubble {
    background: #f1fee1; }
    .questions .question1 .speech-bubble:before {
      background: #f1fee1; }
.questions .question2 {
  color: #D0021B; }
  .questions .question2 .speech-bubble {
    background: #ffecee; }
    .questions .question2 .speech-bubble:before {
      background: #ffecee; }
.questions .question3 {
  color: #B57000; }
  .questions .question3 .speech-bubble {
    background: #ffedcf; }
    .questions .question3 .speech-bubble:before {
      background: #ffedcf; }
.questions .question4 {
  color: #328FE1; }
  .questions .question4 .speech-bubble {
    background: #e4f0fb; }
    .questions .question4 .speech-bubble:before {
      background: #e4f0fb; }
.questions .answer {
  color: #666;
  margin: 15px 0; }
  .questions .answer .person {
    float: right; }
  .questions .answer .speech-bubble {
    padding: 30px;
    margin-right: 210px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    background: #f2f2f2; }
    .questions .answer .speech-bubble:before {
      content: "";
      position: absolute;
      z-index: -1;
      right: -30px;
      top: 50%;
      margin-top: -15px;
      height: 30px;
      width: 40px;
      background: #f2f2f2;
      border-bottom-right-radius: 50px 40px; }
@media (max-width: 480px) {
  .questions .question .person,
  .questions .answer .person {
    width: 100%;
    float: none; }
  .questions .question .speech-bubble,
  .questions .answer .speech-bubble {
    position: relative;
    left: auto;
    right: auto;
    display: block;
    margin: 20px 0; }
  .questions .question .speech-bubble:before {
    top: -20px;
    left: 40px;
    margin-left: -20px;
    height: 40px;
    width: 30px;
    border-top-left-radius: 30px 40px; }
  .questions .answer .speech-bubble:before {
    top: -20px;
    right: 20px;
    margin-left: -20px;
    height: 40px;
    width: 30px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 30px 40px; } }

.metrics-block h2 {
  font-weight: 900;
  margin: 0; }
.metrics-block span {
  font-size: 18px; }
.metrics-block .column {
  width: 33.33333%; }
.metrics-block .screenshots h2, .metrics-block .screenshots span {
  color: #D0021B; }
.metrics-block .customers h2, .metrics-block .customers span {
  color: #417505; }
.metrics-block .live-tests h2, .metrics-block .live-tests span {
  color: #226492; }
@media (max-width: 680px) {
  .metrics-block .column {
    width: 100%;
    display: block;
    margin: 20px 0; }
    .metrics-block .column:first-child {
      margin: 0; }
    .metrics-block .column:last-child {
      margin: 0; } }

#features {
  padding-top: 45px;
  padding-bottom: 50px;
  background-color: #e9e9e9;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#FFFFFFFF');
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(69%, #ffffff));
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 69%);
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 69%);
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 69%);
  background-image: linear-gradient(top, #e9e9e9 0%, #ffffff 69%); }
  @media (max-width: 480px) {
    #features {
      padding: 20px 0; } }

#features .feature {
  margin-bottom: 25px; }
  @media (max-width: 480px) {
    #features .feature {
      margin-bottom: 0; }
      #features .feature .four.columns {
        width: 100%; } }

#features .feature h4 {
  color: #27638c;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  margin: 0; }

#features .feature h4#live-test {
  background: url(i/icons/icon-livetest-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }

#features .feature h4#screenshot {
  background: url(i/icons/icon-screenshot-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }

#features .feature h4#localhost {
  background: url(i/icons/icon-localhost-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }

#features .feature h4#mobile {
  background: url(i/icons/icon-mobile-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }

#features .feature h4#snapshot {
  background: url(i/icons/icon-video-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }

#features .feature h4#login-test {
  background: url(i/icons/icon-lock-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }

#features .feature p {
  color: #333333;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 400;
  font-style: normal;
  margin: 10px 0; }

#features #view-features {
  margin-top: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
  @media (max-width: 480px) {
    #features #view-features {
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 0; } }

#features #view-features h3 {
  color: #464646;
  display: inline;
  font-size: 22px;
  margin-right: 25px;
  font-weight: 700;
  font-style: normal; }
  @media (max-width: 480px) {
    #features #view-features h3 {
      font-size: 20px;
      display: block; } }

#features #view-features .button.radius {
  color: white;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  font-weight: normal !important;
  font-weight: 700;
  font-style: normal;
  background: url(i/arrow-rt.png) right center no-repeat #27638c;
  color: white;
  border: none;
  padding-right: 30px; }
  @media (max-width: 480px) {
    #features #view-features .button.radius {
      max-width: 100%;
      margin: 0 auto; } }

#features #view-features .button.radius:hover {
  background: url(i/arrow-rt.png) right center no-repeat #54a3f1;
  text-decoration: none; }

#features #view-features .button.radius:active {
  -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25); }

@media (max-width: 767px) {
  #features {
    width: 100%; }

  #features #view-features {
    clear: both;
    text-align: center;
    width: 100%; }

  #features #view-features h3 {
    margin-right: 0px; } }
#trial-signup {
  background-color: #f98900;
  height: auto;
  margin-bottom: 50px;
  padding-top: 25px;
  padding-bottom: 15px;
  -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15); }
  @media (max-width: 480px) {
    #trial-signup .nine.columns {
      width: 100%; }
      #trial-signup .nine.columns h2 {
        font-size: 20px; }
    #trial-signup .three.columns {
      width: 100%;
      float: none; }
      #trial-signup .three.columns a.button.radius {
        max-width: 100%; } }

#trial-signup h2 {
  color: white;
  line-height: 1.6em;
  font-size: 32px;
  font-weight: 900;
  font-style: normal;
  margin: 0;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  filter: dropshadow(color=black, offx=1, offy=1); }

#trial-signup .button.radius {
  font-size: 22px;
  margin-top: 5px;
  padding: 12px 40px 12px 40px;
  background: #fcb33c;
  box-shadow: none;
  color: white;
  border: none;
  font-weight: 600;
  font-style: normal; }

#trial-signup .button.radius:hover {
  background: white;
  color: #f98900;
  text-decoration: none; }

#trial-signup .button.radius:active {
  background: #f4f4f4;
  -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25); }

#trial-signup.alt {
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px; }

#trial-signup.dropdown {
  padding-bottom: 20px; }

#trial-signup.dropdown h2 {
  font-size: 34px; }

.trial-dropdown label {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent; }

@media (max-width: 767px) {
  #trial-signup {
    text-align: center; } }
#testimonials {
  margin-bottom: 50px; }

#testimonials #customers {
  background: url(i/customers.png) no-repeat;
  text-align: center; }
  @media (max-width: 480px) {
    #testimonials #customers {
      background: none; } }

#testimonials #customers h2 {
  color: #005e20;
  font-size: 48px;
  line-height: 1.5em;
  font-weight: 700;
  font-style: normal;
  margin: 0; }
  @media (max-width: 480px) {
    #testimonials #customers h2 {
      font-size: 30px; } }

#testimonials #customers h3 {
  color: #268c5a;
  font-size: 30px;
  font-weight: 600;
  font-style: italic;
  margin: 0; }
  @media (max-width: 480px) {
    #testimonials #customers h3 {
      font-size: 20px;
      display: block; } }

#testimonials #customers .button {
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  font-weight: normal !important;
  letter-spacing: 0.08em;
  margin-top: 40px;
  margin-bottom: 40px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  filter: dropshadow(color=black, offx=1, offy=1);
  font-weight: 700;
  font-style: normal;
  background: url(i/arrow-rt.png) right center no-repeat #005e20;
  color: white;
  border: none;
  padding-right: 30px; }
  @media (max-width: 480px) {
    #testimonials #customers .button {
      max-width: 100%; } }

#testimonials #customers .button:hover {
  background: url(i/arrow-rt.png) right center no-repeat #268c5a;
  text-decoration: none; }

#testimonials #customers .button:active {
  -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25); }

#testimonials .quotes {
  margin-top: 20px; }
  @media (max-width: 480px) {
    #testimonials .quotes {
      display: none; } }

#testimonials .quotes .blockquote span {
  color: #444444;
  font-size: 48px;
  position: absolute;
  left: -10px;
  font-weight: 600;
  font-style: normal; }

#testimonials .quotes .blockquote .quote {
  color: #444444;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  margin: 10px 0;
  line-height: 160%; }

#testimonials .quotes .blockquote .author {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin: 10px 0; }

#testimonials .quotes .blockquote a.read-more {
  color: #268c5a;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal; }

#testimonials .quotes .blockquote a.read-more:hover {
  color: #2269a7;
  text-decoration: underline; }

@media (max-width: 767px) {
  #testimonials .quotes .blockquote {
    float: left;
    max-width: 33%; }

  #testimonials .quotes .blockquote span {
    display: none; } }
@media (min-device-width: 768px) and (max-device-width: 960px) {
  #testimonials .quotes .blockquote span {
    display: none; } }
.lt-ie8 #features {
  background: #e7e7eb repeat;
  background-image: none; }

.lt-ie8 #features .row .four {
  width: 30%; }

.lt-ie8 #view-features, .lt-ie8 .feature {
  background: #e7e7eb repeat; }

.lt-ie8 #trial-signup .nine {
  width: 70%; }

.lt-ie8 #testimonials {
  margin-top: 30px; }

.lt-ie8 #testimonials .row .four {
  width: 30%; }

.homepage-long-v2 .row {
  width: 100%;
  min-width: 100%; }
.homepage-long-v2 .hr {
  border-top: 1px solid #CFCFCF;
  max-width: 850px;
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px; }
.homepage-long-v2 h1 {
  font-weight: 700;
  margin: 1.67em 0 0.67em 0; }
.homepage-long-v2 h2 {
  margin: 0.3em 0; }
.homepage-long-v2 p {
  margin-top: 0; }
.homepage-long-v2 #tagline {
  background: #3b8ac3;
  background: url(i/pixels2.png);
  background-repeat: repeat;
  background-size: cover;
  height: 300px;
  margin-top: 0px;
  padding-top: 0px;
  text-align: left;
  display: table;
  width: 100%; }
  @media (max-width: 850px) {
    .homepage-long-v2 #tagline {
      height: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center; } }
  .homepage-long-v2 #tagline .btn-orange {
    margin-top: 40px; }
  .homepage-long-v2 #tagline .row {
    display: table-cell;
    vertical-align: middle; }
.homepage-long-v2 #tagline .columns {
  width: auto;
  max-width: 1024px;
  padding: 0px 20px 0 20px; }
  @media (max-width: 850px) {
    .homepage-long-v2 #tagline .columns {
      width: 100%; } }
  @media (max-width: 850px) {
    .homepage-long-v2 #tagline .columns {
      padding: 20px 20px 20px 20px; } }
.homepage-long-v2 #tagline h2 {
  color: white;
  font-size: 42px;
  line-height: 135%;
  position: relative;
  text-align: left;
  z-index: 100;
  font-weight: 100;
  font-style: normal;
  margin: 0; }
  @media (max-width: 850px) {
    .homepage-long-v2 #tagline h2 {
      font-size: 32px;
      text-align: center; } }
  @media (max-width: 480px) {
    .homepage-long-v2 #tagline h2 {
      font-size: 26px; } }
.homepage-long-v2 #video-container {
  max-width: 1280px;
  margin: auto;
  position: relative;
  margin-bottom: 40px; }
  @media (max-width: 699px) {
    .homepage-long-v2 #video-container {
      padding: 0; } }
.homepage-long-v2 #video {
  width: 100%;
  max-width: 1280px;
  margin-top: 0px; }
.homepage-long-v2 #physical-devices {
  background: #FAFCFD;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 0 0;
  width: 100%;
  margin-top: -200px; }
  .homepage-long-v2 #physical-devices .columns {
    max-width: 1280px;
    display: table; }
  .homepage-long-v2 #physical-devices .column {
    position: static; }
  .homepage-long-v2 #physical-devices .real-devices-image {
    position: relative;
    vertical-align: bottom;
    left: -60px;
    width: 100%; }
  .homepage-long-v2 #physical-devices .copy {
    text-align: center; }
    .homepage-long-v2 #physical-devices .copy h2 {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.25; }
  @media (max-width: 899px) {
    .homepage-long-v2 #physical-devices {
      margin-top: 0px; } }
.homepage-long-v2 .column-devices {
  float: none;
  display: table-cell; }
  @media (max-width: 899px) {
    .homepage-long-v2 .column-devices {
      display: none; } }
.homepage-long-v2 .column-video-content {
  float: none;
  display: table-cell;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 899px) {
    .homepage-long-v2 .column-video-content {
      padding-top: 40px; } }
.homepage-long-v2 #placeholder-container {
  position: absolute;
  z-index: 100;
  width: 100%; }
  .homepage-long-v2 #placeholder-container a {
    display: block; }
  .homepage-long-v2 #placeholder-container span {
    text-transform: uppercase;
    background-color: #03233F;
    background-color: rgba(3, 35, 63, 0.8);
    border-radius: 4px;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
    vertical-align: bottom;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 0.15s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -128px; }
    .homepage-long-v2 #placeholder-container span img {
      margin-right: 10px; }
  .homepage-long-v2 #placeholder-container:hover span {
    background-color: #064c88;
    background-color: rgba(6, 76, 136, 0.8); }
.homepage-long-v2 .content-block {
  width: 850px;
  text-align: center; }
  .homepage-long-v2 .content-block p {
    text-align: left; }
  .homepage-long-v2 .content-block p.text-center {
    text-align: center; }
  .homepage-long-v2 .content-block h1, .homepage-long-v2 .content-block h2, .homepage-long-v2 .content-block h3, .homepage-long-v2 .content-block h4 {
    text-align: center; }
  .homepage-long-v2 .content-block a.mkt-btn {
    margin: 20px 0 50px 0; }
  @media (max-width: 850px) {
    .homepage-long-v2 .content-block {
      width: 100%;
      padding: 0 20px; } }
.homepage-long-v2 #browser-icons img {
  width: 100%; }
.homepage-long-v2 .screenshot-block {
  margin: 30px 0 60px 0; }
  .homepage-long-v2 .screenshot-block p {
    padding: 0 100px; }
    @media (max-width: 480px) {
      .homepage-long-v2 .screenshot-block p {
        padding: 0 0; } }
  .homepage-long-v2 .screenshot-block .screenshot {
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px; }
    .homepage-long-v2 .screenshot-block .screenshot img {
      display: block; }
  .homepage-long-v2 .screenshot-block .screenshot-header, .homepage-long-v2 .screenshot-block .screenshot-footer {
    width: 100%;
    display: block; }
.homepage-long-v2 .questions .question-answer-block {
  margin-top: 80px;
  margin-bottom: 120px; }
  .homepage-long-v2 .questions .question-answer-block:last-child {
    margin-bottom: 80px; }
.homepage-long-v2 .questions p {
  margin: 0; }
.homepage-long-v2 .questions .person {
  width: 200px;
  text-align: center; }
.homepage-long-v2 .questions .headshot {
  border-radius: 100px;
  display: inline-block;
  width: 64px; }
.homepage-long-v2 .questions .name {
  font-size: 15px;
  color: #222222;
  display: block; }
.homepage-long-v2 .questions .title {
  font-size: 13px;
  color: #797979;
  display: block; }
.homepage-long-v2 .questions .speech-bubble {
  position: relative;
  border-radius: 10px; }
.homepage-long-v2 .questions .question {
  position: relative;
  margin: 15px 0; }
  .homepage-long-v2 .questions .question .person {
    float: left; }
  .homepage-long-v2 .questions .question .speech-bubble {
    padding: 30px;
    left: 210px;
    right: 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 150%;
    position: absolute;
    bottom: 0; }
    .homepage-long-v2 .questions .question .speech-bubble:before {
      content: "";
      position: absolute;
      z-index: -1;
      left: -30px;
      top: 50%;
      margin-top: -15px;
      height: 30px;
      width: 40px;
      background: #e5e5e5;
      border-top-left-radius: 50px 40px; }
.homepage-long-v2 .questions .question1 {
  color: #417505; }
  .homepage-long-v2 .questions .question1 .speech-bubble {
    background: #f1fee1; }
    .homepage-long-v2 .questions .question1 .speech-bubble:before {
      background: #f1fee1; }
.homepage-long-v2 .questions .question2 {
  color: #D0021B; }
  .homepage-long-v2 .questions .question2 .speech-bubble {
    background: #ffecee; }
    .homepage-long-v2 .questions .question2 .speech-bubble:before {
      background: #ffecee; }
.homepage-long-v2 .questions .question3 {
  color: #B57000; }
  .homepage-long-v2 .questions .question3 .speech-bubble {
    background: #ffedcf; }
    .homepage-long-v2 .questions .question3 .speech-bubble:before {
      background: #ffedcf; }
.homepage-long-v2 .questions .question4 {
  color: #328FE1; }
  .homepage-long-v2 .questions .question4 .speech-bubble {
    background: #e4f0fb; }
    .homepage-long-v2 .questions .question4 .speech-bubble:before {
      background: #e4f0fb; }
.homepage-long-v2 .questions .answer {
  color: #666;
  margin: 15px 0; }
  .homepage-long-v2 .questions .answer .person {
    float: right; }
  .homepage-long-v2 .questions .answer .speech-bubble {
    padding: 30px;
    margin-right: 210px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    background: #f2f2f2; }
    .homepage-long-v2 .questions .answer .speech-bubble:before {
      content: "";
      position: absolute;
      z-index: -1;
      right: -30px;
      top: 50%;
      margin-top: -15px;
      height: 30px;
      width: 40px;
      background: #f2f2f2;
      border-bottom-right-radius: 50px 40px; }
@media (max-width: 480px) {
  .homepage-long-v2 .questions .question .person,
  .homepage-long-v2 .questions .answer .person {
    width: 100%;
    float: none; }
  .homepage-long-v2 .questions .question .speech-bubble,
  .homepage-long-v2 .questions .answer .speech-bubble {
    position: relative;
    left: auto;
    right: auto;
    display: block;
    margin: 20px 0; }
  .homepage-long-v2 .questions .question .speech-bubble:before {
    top: -20px;
    left: 40px;
    margin-left: -20px;
    height: 40px;
    width: 30px;
    border-top-left-radius: 30px 40px; }
  .homepage-long-v2 .questions .answer .speech-bubble:before {
    top: -20px;
    right: 20px;
    margin-left: -20px;
    height: 40px;
    width: 30px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 30px 40px; } }
.homepage-long-v2 .metrics-block h2 {
  font-weight: 900;
  margin: 0; }
.homepage-long-v2 .metrics-block span {
  font-size: 18px; }
.homepage-long-v2 .metrics-block .column {
  width: 33.33333%; }
.homepage-long-v2 .metrics-block .screenshots h2, .homepage-long-v2 .metrics-block .screenshots span {
  color: #D0021B; }
.homepage-long-v2 .metrics-block .customers h2, .homepage-long-v2 .metrics-block .customers span {
  color: #417505; }
.homepage-long-v2 .metrics-block .live-tests h2, .homepage-long-v2 .metrics-block .live-tests span {
  color: #226492; }
@media (max-width: 680px) {
  .homepage-long-v2 .metrics-block .column {
    width: 100%;
    display: block;
    margin: 20px 0; }
    .homepage-long-v2 .metrics-block .column:first-child {
      margin: 0; }
    .homepage-long-v2 .metrics-block .column:last-child {
      margin: 0; } }
.homepage-long-v2 #features {
  padding-top: 45px;
  padding-bottom: 50px;
  background-color: #e9e9e9;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#FFFFFFFF');
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(69%, #ffffff));
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 69%);
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 69%);
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 69%);
  background-image: linear-gradient(top, #e9e9e9 0%, #ffffff 69%); }
  @media (max-width: 480px) {
    .homepage-long-v2 #features {
      padding: 20px 0; } }
.homepage-long-v2 #features .feature {
  margin-bottom: 25px; }
  @media (max-width: 480px) {
    .homepage-long-v2 #features .feature {
      margin-bottom: 0; }
      .homepage-long-v2 #features .feature .four.columns {
        width: 100%; } }
.homepage-long-v2 #features .feature h4 {
  color: #27638c;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  margin: 0; }
.homepage-long-v2 #features .feature h4#live-test {
  background: url(i/icons/icon-livetest-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }
.homepage-long-v2 #features .feature h4#screenshot {
  background: url(i/icons/icon-screenshot-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }
.homepage-long-v2 #features .feature h4#localhost {
  background: url(i/icons/icon-localhost-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }
.homepage-long-v2 #features .feature h4#mobile {
  background: url(i/icons/icon-mobile-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }
.homepage-long-v2 #features .feature h4#snapshot {
  background: url(i/icons/icon-video-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }
.homepage-long-v2 #features .feature h4#login-test {
  background: url(i/icons/icon-lock-25.png) top left no-repeat;
  height: 25px;
  padding-left: 30px; }
.homepage-long-v2 #features .feature p {
  color: #333333;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 400;
  font-style: normal;
  margin: 10px 0; }
.homepage-long-v2 #features #view-features {
  margin-top: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
  @media (max-width: 480px) {
    .homepage-long-v2 #features #view-features {
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 0; } }
.homepage-long-v2 #features #view-features h3 {
  color: #464646;
  display: inline;
  font-size: 22px;
  margin-right: 25px;
  font-weight: 700;
  font-style: normal; }
  @media (max-width: 480px) {
    .homepage-long-v2 #features #view-features h3 {
      font-size: 20px;
      display: block; } }
.homepage-long-v2 #features #view-features .button.radius {
  color: white;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  font-weight: normal !important;
  font-weight: 700;
  font-style: normal;
  background: url(i/arrow-rt.png) right center no-repeat #27638c;
  color: white;
  border: none;
  padding-right: 30px; }
  @media (max-width: 480px) {
    .homepage-long-v2 #features #view-features .button.radius {
      max-width: 100%;
      margin: 0 auto; } }
.homepage-long-v2 #features #view-features .button.radius:hover {
  background: url(i/arrow-rt.png) right center no-repeat #54a3f1;
  text-decoration: none; }
.homepage-long-v2 #features #view-features .button.radius:active {
  -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25); }
@media (max-width: 767px) {
  .homepage-long-v2 #features {
    width: 100%; }
  .homepage-long-v2 #features #view-features {
    clear: both;
    text-align: center;
    width: 100%; }
  .homepage-long-v2 #features #view-features h3 {
    margin-right: 0px; } }
.homepage-long-v2 #trial-signup {
  background-color: #f98900;
  height: auto;
  margin-bottom: 50px;
  padding-top: 25px;
  padding-bottom: 15px;
  -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15); }
  @media (max-width: 480px) {
    .homepage-long-v2 #trial-signup .nine.columns {
      width: 100%; }
      .homepage-long-v2 #trial-signup .nine.columns h2 {
        font-size: 20px; }
    .homepage-long-v2 #trial-signup .three.columns {
      width: 100%;
      float: none; }
      .homepage-long-v2 #trial-signup .three.columns a.button.radius {
        max-width: 100%; } }
.homepage-long-v2 #trial-signup h2 {
  color: white;
  line-height: 1.6em;
  font-size: 32px;
  font-weight: 900;
  font-style: normal;
  margin: 0;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  filter: dropshadow(color=black, offx=1, offy=1); }
.homepage-long-v2 #trial-signup .button.radius {
  font-size: 22px;
  margin-top: 5px;
  padding: 12px 40px 12px 40px;
  background: #fcb33c;
  box-shadow: none;
  color: white;
  border: none;
  font-weight: 600;
  font-style: normal; }
.homepage-long-v2 #trial-signup .button.radius:hover {
  background: white;
  color: #f98900;
  text-decoration: none; }
.homepage-long-v2 #trial-signup .button.radius:active {
  background: #f4f4f4;
  -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25); }
.homepage-long-v2 #trial-signup.alt {
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px; }
.homepage-long-v2 #trial-signup.dropdown {
  padding-bottom: 20px; }
.homepage-long-v2 #trial-signup.dropdown h2 {
  font-size: 34px; }
.homepage-long-v2 .trial-dropdown label {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent; }
@media (max-width: 767px) {
  .homepage-long-v2 #trial-signup {
    text-align: center; } }
.homepage-long-v2 #testimonials {
  margin-bottom: 50px; }
.homepage-long-v2 #testimonials #customers {
  background: url(i/customers.png) no-repeat;
  text-align: center; }
  @media (max-width: 480px) {
    .homepage-long-v2 #testimonials #customers {
      background: none; } }
.homepage-long-v2 #testimonials #customers h2 {
  color: #005e20;
  font-size: 48px;
  line-height: 1.5em;
  font-weight: 700;
  font-style: normal;
  margin: 0; }
  @media (max-width: 480px) {
    .homepage-long-v2 #testimonials #customers h2 {
      font-size: 30px; } }
.homepage-long-v2 #testimonials #customers h3 {
  color: #268c5a;
  font-size: 30px;
  font-weight: 600;
  font-style: italic;
  margin: 0; }
  @media (max-width: 480px) {
    .homepage-long-v2 #testimonials #customers h3 {
      font-size: 20px;
      display: block; } }
.homepage-long-v2 #testimonials #customers .button {
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  font-weight: normal !important;
  letter-spacing: 0.08em;
  margin-top: 40px;
  margin-bottom: 40px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  filter: dropshadow(color=black, offx=1, offy=1);
  font-weight: 700;
  font-style: normal;
  background: url(i/arrow-rt.png) right center no-repeat #005e20;
  color: white;
  border: none;
  padding-right: 30px; }
  @media (max-width: 480px) {
    .homepage-long-v2 #testimonials #customers .button {
      max-width: 100%; } }
.homepage-long-v2 #testimonials #customers .button:hover {
  background: url(i/arrow-rt.png) right center no-repeat #268c5a;
  text-decoration: none; }
.homepage-long-v2 #testimonials #customers .button:active {
  -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.25); }
.homepage-long-v2 #testimonials .quotes {
  margin-top: 20px; }
  @media (max-width: 480px) {
    .homepage-long-v2 #testimonials .quotes {
      display: none; } }
.homepage-long-v2 #testimonials .quotes .blockquote span {
  color: #444444;
  font-size: 48px;
  position: absolute;
  left: -10px;
  font-weight: 600;
  font-style: normal; }
.homepage-long-v2 #testimonials .quotes .blockquote .quote {
  color: #444444;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  margin: 10px 0;
  line-height: 160%; }
.homepage-long-v2 #testimonials .quotes .blockquote .author {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin: 10px 0; }
.homepage-long-v2 #testimonials .quotes .blockquote a.read-more {
  color: #268c5a;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal; }
.homepage-long-v2 #testimonials .quotes .blockquote a.read-more:hover {
  color: #2269a7;
  text-decoration: underline; }
@media (max-width: 767px) {
  .homepage-long-v2 #testimonials .quotes .blockquote {
    float: left;
    max-width: 33%; }
  .homepage-long-v2 #testimonials .quotes .blockquote span {
    display: none; } }
@media (min-device-width: 768px) and (max-device-width: 960px) {
  .homepage-long-v2 #testimonials .quotes .blockquote span {
    display: none; } }
.homepage-long-v2 .lt-ie8 #features {
  background: #e7e7eb repeat;
  background-image: none; }
.homepage-long-v2 .lt-ie8 #features .row .four {
  width: 30%; }
.homepage-long-v2 .lt-ie8 #view-features, .homepage-long-v2 .lt-ie8 .feature {
  background: #e7e7eb repeat; }
.homepage-long-v2 .lt-ie8 #trial-signup .nine {
  width: 70%; }
.homepage-long-v2 .lt-ie8 #testimonials {
  margin-top: 30px; }
.homepage-long-v2 .lt-ie8 #testimonials .row .four {
  width: 30%; }

.homepage-short .hr {
  max-width: 1120px;
  width: 100%; }
.homepage-short h1 {
  line-height: 1.25; }
.homepage-short a.mkt-btn {
  padding: 16px 30px; }
@media (max-width: 699px) {
  .homepage-short a.mkt-btn {
    width: 100%;
    padding: 16px 30px; } }

.homepage-short #tagline {
  height: 299px;
  background-color: #FAFCFD; }
  @media (max-width: 850px) {
    .homepage-short #tagline {
      height: 260px; } }
  .homepage-short #tagline .mkt-btn {
    float: left;
    width: 80%; }
  .homepage-short #tagline h2 {
    float: left;
    text-align: left;
    margin-bottom: 30px;
    line-height: 1.25; }
  .homepage-short #tagline .column:first-child {
    padding-left: 0; }
  .homepage-short #tagline .column:last-child {
    padding-right: 0; }
  @media (max-width: 850px) {
    .homepage-short #tagline .mkt-btn {
      padding: 16px 20px; } }
  @media (max-width: 699px) {
    .homepage-short #tagline {
      height: auto;
      background-color: #FAFCFD; }
      .homepage-short #tagline .mkt-btn {
        float: left;
        width: 100%; }
      .homepage-short #tagline .column {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        padding: 0; } }

.homepage-short #tagline .columns {
  max-width: 1280px;
  width: 100%;
  padding: 0 30px; }
  @media (max-width: 1280px) {
    .homepage-short #tagline .columns {
      width: 100%; } }

.homepage-short #video-container {
  max-width: 1280px;
  margin: auto;
  position: relative; }
  @media (max-width: 699px) {
    .homepage-short #video-container {
      padding: 0; } }

.homepage-short #video {
  width: 50%;
  max-width: 1280px;
  margin-top: -120px;
  margin-right: 30px;
  position: absolute;
  right: 0; }
  @media (max-width: 850px) {
    .homepage-short #video {
      margin-top: -130px;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); } }
  @media (max-width: 699px) {
    .homepage-short #video {
      position: static;
      float: none;
      width: 100%;
      margin: 0;
      padding: 0;
      box-shadow: none; } }

.homepage-short #physical-devices {
  background: #FAFCFD;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  padding: 110px 0 0px 0;
  width: 100%; }
  .homepage-short #physical-devices .columns {
    max-width: 1280px; }
  .homepage-short #physical-devices .column {
    position: static; }
  .homepage-short #physical-devices .real-devices-image {
    position: relative;
    vertical-align: bottom;
    left: -60px;
    width: 100%; }
  .homepage-short #physical-devices .copy {
    text-align: center;
    position: absolute;
    bottom: 15%;
    right: 30px;
    width: 50%; }
    .homepage-short #physical-devices .copy h2 {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.25; }
  @media (max-width: 899px) {
    .homepage-short #physical-devices {
      padding: 150px 0 0px 0; } }
  @media (max-width: 699px) {
    .homepage-short #physical-devices {
      padding: 60px 0; }
      .homepage-short #physical-devices .column {
        display: block;
        width: 100%;
        float: none;
        position: static;
        text-align: center; }
      .homepage-short #physical-devices .real-devices-image {
        left: auto;
        position: static;
        width: 80%;
        margin: auto; }
      .homepage-short #physical-devices .copy {
        position: static;
        width: 100%;
        text-align: center;
        margin: 30px auto; } }

.homepage-short section.all-features {
  background-color: #ffffff;
  background-image: none;
  border-bottom: none;
  padding-bottom: 0;
  max-width: 1024px;
  width: 100%;
  margin: auto; }
  .homepage-short section.all-features header {
    width: 100%;
    text-align: center; }
    .homepage-short section.all-features header h2 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 10px;
      line-height: 1.25; }
    .homepage-short section.all-features header h4 {
      font-size: 16px;
      font-weight: 400;
      margin: 0; }
  .homepage-short section.all-features .feature {
    color: inherit;
    vertical-align: top; }
    .homepage-short section.all-features .feature h2 {
      font-size: 18px;
      color: #222222;
      line-height: 1.25; }
    .homepage-short section.all-features .feature p {
      font-size: 16px;
      color: #676767; }
  .homepage-short section.all-features .all-features-list {
    width: 100%;
    padding: 0;
    padding-left: 30px; }
  @media (max-width: 720px) {
    .homepage-short section.all-features .all-features-list {
      padding: 0; }
    .homepage-short section.all-features li {
      display: block;
      width: 100%;
      text-align: center;
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
    .homepage-short section.all-features .feature p {
      padding: 0; } }
  @media (max-width: 720px) {
    .homepage-short section.all-features {
      padding: 6em 2em 0em 2em; } }

.homepage-short section.try-it-free {
  padding: 1em 1em 4em 1em;
  border: none; }

.block-cbt_demos #video-area {
  min-height: 600px; }

.global-pricing-page {
  line-height: 1.0;
  min-width: 1040px; }

section.pricing {
  margin: 3em auto 6em auto; }
  section.pricing .link-to-yearly, section.pricing .link-to-monthly {
    color: #f88900;
    font-size: 1.2em;
    background: white;
    border: 1px solid #f88900;
    border-radius: 10px;
    padding: 1em;
    position: absolute;
    top: 35px;
    left: -40px;
    right: auto;
    margin: 1em;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
    transform: rotateZ(-6deg); }
    section.pricing .link-to-yearly strong, section.pricing .link-to-monthly strong {
      font-size: 1.5em; }
    @media (max-width: 480px) {
      section.pricing .link-to-yearly, section.pricing .link-to-monthly {
        color: #f88900;
        font-size: 1.2em;
        background: white;
        border: 1px solid #f88900;
        border-radius: 5px;
        padding: 1em;
        position: static;
        margin: 0;
        width: 100%;
        box-shadow: none;
        transform: none; } }
  section.pricing .link-to-monthly {
    top: 0px;
    transform: rotateZ(0deg); }
  section.pricing .plans-container {
    margin: 2em auto;
    width: 100%;
    border-radius: 8px;
    background: #edf4f9;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjRmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #edf4f9 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edf4f9), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edf4f9 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edf4f9 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edf4f9 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #edf4f9 0%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf4f9', endColorstr='#ffffff',GradientType=0 );
    /* IE6-8 */
    position: relative; }
    section.pricing .plans-container.medium {
      width: 1230px; }
      section.pricing .plans-container.medium .more-plans-link {
        display: inherit; }
      section.pricing .plans-container.medium .plan--team-plus {
        display: none; }
    section.pricing .plans-container.small {
      width: 1024px; }
      section.pricing .plans-container.small .more-plans-link {
        display: inherit; }
      section.pricing .plans-container.small .plan--team {
        display: none; }
      section.pricing .plans-container.small .plan--team-plus {
        display: none; }
  section.pricing .plans-mobile-container {
    display: none; }
  section.pricing .plans-inner {
    width: 1024px;
    margin: auto;
    *zoom: 1; }
    section.pricing .plans-inner:before, section.pricing .plans-inner:after {
      content: " ";
      display: table; }
    section.pricing .plans-inner:after {
      clear: both; }
    @media (max-width: 480px) {
      section.pricing .plans-inner {
        width: 100%; } }
  section.pricing .more-plans-link {
    display: none;
    position: absolute;
    top: 0.5em;
    right: 2.8em; }
  section.pricing .minutes-note {
    position: relative;
    bottom: -10px;
    left: 17em; }
    section.pricing .minutes-note sup {
      left: 0px;
      font-size: 1.5em;
      top: 5px; }
  section.pricing .features-list {
    list-style: none;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: right;
    top: 189px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border-radius: 4px 0 0 4px;
    border-top: 1px solid #E5EEF4;
    border-left: 1px solid #E5EEF4;
    border-bottom: 1px solid #E5EEF4;
    box-shadow: 0px 2px 0px 0px #edf4f9; }
    @media (max-width: 480px) {
      section.pricing .features-list {
        display: none; } }
  section.pricing .feature {
    display: block;
    margin: 0;
    padding: 0;
    z-index: 0; }
    section.pricing .feature .included-list {
      margin: 0;
      padding: 0; }
    section.pricing .feature span {
      display: block;
      font-size: 1em;
      padding: 12px 10px 12px 0px;
      color: #4A4A4A;
      border-bottom: 0px solid #e8e8e8; }
    section.pricing .feature.strong {
      font-weight: 700; }
    section.pricing .feature a:hover {
      text-decoration: underline; }
    section.pricing .feature:last-child span {
      border-bottom: none; }
    section.pricing .feature.feature-group {
      border-bottom: 10px solid #f7fafd; }
      section.pricing .feature.feature-group strong {
        font-weight: 700; }
      section.pricing .feature.feature-group span {
        border-bottom: 1px solid transparent; }
      section.pricing .feature.feature-group:last-child {
        border-bottom: none; }
    section.pricing .feature a {
      color: inherit; }
  section.pricing .plan {
    width: 136px;
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin: 1em 1px 1em 0;
    text-align: center; }
    section.pricing .plan:last-child {
      margin: 1em 0px; }
    section.pricing .plan .plan-title-block {
      background: url("../images/pixels.png");
      padding: 20px 0 0 0;
      height: 110px;
      border-radius: 4px 4px 0 0;
      text-align: left;
      overflow: hidden; }
    section.pricing .plan a.mkt-btn-inv {
      margin: 15px 0;
      line-height: 20px;
      padding: 13px;
      font-size: 1em; }
    section.pricing .plan .plan-svg {
      bottom: -2px;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute; }
      section.pricing .plan .plan-svg img {
        max-width: none; }
    section.pricing .plan span.minutes {
      font-size: 0.6em; }
    @media (max-width: 480px) {
      section.pricing .plan {
        width: 100%;
        float: none; }
        section.pricing .plan .mobile-only {
          font-size: 0.8em; }
        section.pricing .plan .mkt-btn-inv {
          width: 90%; } }
  section.pricing .plans-mobile-container .plan {
    width: 100%; }
  section.pricing .plan--dummy {
    margin: 1em 0 0em 0em;
    position: relative;
    width: 200px; }
    @media (max-width: 480px) {
      section.pricing .plan--dummy {
        width: 100%;
        margin: 0;
        position: static; } }
  section.pricing .plan--solo {
    background-color: #969696; }
    section.pricing .plan--solo .plan-title-block {
      background-position: 0% 0%;
      background: url("../images/pixels.png"), linear-gradient(-180deg, #a3a3a3 0%, #4a4a4a 100%);
      background: #a3a3a3;
      /* Old browsers */
      background: url("../images/pixels.png"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: url("../images/pixels.png"), -moz-linear-gradient(top, #a3a3a3 0%, #4a4a4a 100%);
      /* FF3.6+ */
      background: url("../images/pixels.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3a3a3), color-stop(100%, #4a4a4a));
      /* Chrome,Safari4+ */
      background: url("../images/pixels.png"), -webkit-linear-gradient(top, #a3a3a3 0%, #4a4a4a 100%);
      /* Chrome10+,Safari5.1+ */
      background: url("../images/pixels.png"), -o-linear-gradient(top, #a3a3a3 0%, #4a4a4a 100%);
      /* Opera 11.10+ */
      background: url("../images/pixels.png"), -ms-linear-gradient(top, #a3a3a3 0%, #4a4a4a 100%);
      /* IE10+ */
      background: url("../images/pixels.png"), linear-gradient(to bottom, #a3a3a3 0%, #4a4a4a 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#4a4a4a',GradientType=0 );
      /* IE6-8 */
      position: relative; }
    section.pricing .plan--solo .icon {
      position: absolute;
      width: 100%;
      height: 68px;
      bottom: -1px;
      margin: auto; }
    section.pricing .plan--solo a.mkt-btn-inv {
      color: #636363; }
    section.pricing .plan--solo .plan-svg {
      width: 55px; }
  section.pricing .plan--pro {
    background-color: #5095D0; }
    section.pricing .plan--pro .plan-title-block {
      background-position: 100% 0%;
      background: url("../images/pixels.png"), linear-gradient(-180deg, #64a1d5 0%, #1d476a 100%);
      background: #64a1d5;
      /* Old browsers */
      background: url("../images/pixels.png"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: url("../images/pixels.png"), -moz-linear-gradient(top, #64a1d5 0%, #1d476a 100%);
      /* FF3.6+ */
      background: url("../images/pixels.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64a1d5), color-stop(100%, #1d476a));
      /* Chrome,Safari4+ */
      background: url("../images/pixels.png"), -webkit-linear-gradient(top, #64a1d5 0%, #1d476a 100%);
      /* Chrome10+,Safari5.1+ */
      background: url("../images/pixels.png"), -o-linear-gradient(top, #64a1d5 0%, #1d476a 100%);
      /* Opera 11.10+ */
      background: url("../images/pixels.png"), -ms-linear-gradient(top, #64a1d5 0%, #1d476a 100%);
      /* IE10+ */
      background: url("../images/pixels.png"), linear-gradient(to bottom, #64a1d5 0%, #1d476a 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a1d5', endColorstr='#1d476a',GradientType=0 );
      /* IE6-8 */
      position: relative; }
    section.pricing .plan--pro .icon {
      position: absolute;
      width: 100%;
      height: 68px;
      bottom: -1px; }
    section.pricing .plan--pro a.mkt-btn-inv {
      color: #276193; }
    section.pricing .plan--pro .plan-svg {
      width: 100%; }
  section.pricing .plan--team {
    background-color: #63b1ff; }
    section.pricing .plan--team .plan-title-block {
      background-position: 100% 0%;
      background: url("../images/pixels.png"), linear-gradient(-180deg, #7dbeff 0%, #0065c9 100%);
      background: #7dbeff;
      /* Old browsers */
      background: url("../images/pixels.png"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: url("../images/pixels.png"), -moz-linear-gradient(top, #7dbeff 0%, #0065c9 100%);
      /* FF3.6+ */
      background: url("../images/pixels.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7dbeff), color-stop(100%, #0065c9));
      /* Chrome,Safari4+ */
      background: url("../images/pixels.png"), -webkit-linear-gradient(top, #7dbeff 0%, #0065c9 100%);
      /* Chrome10+,Safari5.1+ */
      background: url("../images/pixels.png"), -o-linear-gradient(top, #7dbeff 0%, #0065c9 100%);
      /* Opera 11.10+ */
      background: url("../images/pixels.png"), -ms-linear-gradient(top, #7dbeff 0%, #0065c9 100%);
      /* IE10+ */
      background: url("../images/pixels.png"), linear-gradient(to bottom, #7dbeff 0%, #0065c9 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbeff', endColorstr='#0065c9',GradientType=0 );
      /* IE6-8 */
      position: relative; }
    section.pricing .plan--team .icon {
      position: absolute;
      width: 100%;
      height: 68px;
      bottom: -1px; }
    section.pricing .plan--team a.mkt-btn-inv {
      color: #0065c9; }
    section.pricing .plan--team .plan-svg {
      width: 125px; }
  section.pricing .plan--team-plus {
    background-color: #46B7BF; }
    section.pricing .plan--team-plus .plan-title-block {
      background-position: 100% 0%;
      background: url("../images/pixels.png"), linear-gradient(-180deg, #59bec6 0%, #1c4d50 100%);
      background: #59bec6;
      /* Old browsers */
      background: url("../images/pixels.png"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: url("../images/pixels.png"), -moz-linear-gradient(top, #59bec6 0%, #1c4d50 100%);
      /* FF3.6+ */
      background: url("../images/pixels.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59bec6), color-stop(100%, #1c4d50));
      /* Chrome,Safari4+ */
      background: url("../images/pixels.png"), -webkit-linear-gradient(top, #59bec6 0%, #1c4d50 100%);
      /* Chrome10+,Safari5.1+ */
      background: url("../images/pixels.png"), -o-linear-gradient(top, #59bec6 0%, #1c4d50 100%);
      /* Opera 11.10+ */
      background: url("../images/pixels.png"), -ms-linear-gradient(top, #59bec6 0%, #1c4d50 100%);
      /* IE10+ */
      background: url("../images/pixels.png"), linear-gradient(to bottom, #59bec6 0%, #1c4d50 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bec6', endColorstr='#1c4d50',GradientType=0 );
      /* IE6-8 */
      position: relative; }
    section.pricing .plan--team-plus .icon {
      position: absolute;
      width: 100%;
      height: 68px;
      bottom: -1px; }
    section.pricing .plan--team-plus a.mkt-btn-inv {
      color: #297176; }
    section.pricing .plan--team-plus .plan-svg {
      width: 145px; }
    section.pricing .plan--team-plus em {
      font-family: "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
      text-transform: lowercase; }
  section.pricing .plan--business {
    background-color: #7CB836; }
    section.pricing .plan--business .plan-title-block {
      background-position: 0% 100%;
      background: url("../images/pixels.png"), linear-gradient(-180deg, #89c740 0%, #2c4213 100%);
      background: #89c740;
      /* Old browsers */
      background: url("../images/pixels.png"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: url("../images/pixels.png"), -moz-linear-gradient(top, #89c740 0%, #2c4213 100%);
      /* FF3.6+ */
      background: url("../images/pixels.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89c740), color-stop(100%, #2c4213));
      /* Chrome,Safari4+ */
      background: url("../images/pixels.png"), -webkit-linear-gradient(top, #89c740 0%, #2c4213 100%);
      /* Chrome10+,Safari5.1+ */
      background: url("../images/pixels.png"), -o-linear-gradient(top, #89c740 0%, #2c4213 100%);
      /* Opera 11.10+ */
      background: url("../images/pixels.png"), -ms-linear-gradient(top, #89c740 0%, #2c4213 100%);
      /* IE10+ */
      background: url("../images/pixels.png"), linear-gradient(to bottom, #89c740 0%, #2c4213 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c740', endColorstr='#2c4213',GradientType=0 );
      /* IE6-8 */
      position: relative; }
    section.pricing .plan--business .icon {
      position: absolute;
      width: 100%;
      height: 90px;
      bottom: -1px; }
    section.pricing .plan--business a.mkt-btn-inv {
      color: #47691f; }
  section.pricing .plan--enterprise {
    background-color: #DB9D51; }
    section.pricing .plan--enterprise .plan-title-block {
      background-position: 100% 100%;
      background: url("../images/pixels.png"), linear-gradient(-180deg, #dfa966 0%, #7a4e19 100%);
      background: #dfa966;
      /* Old browsers */
      background: url("../images/pixels.png"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: url("../images/pixels.png"), -moz-linear-gradient(top, #dfa966 0%, #7a4e19 100%);
      /* FF3.6+ */
      background: url("../images/pixels.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfa966), color-stop(100%, #7a4e19));
      /* Chrome,Safari4+ */
      background: url("../images/pixels.png"), -webkit-linear-gradient(top, #dfa966 0%, #7a4e19 100%);
      /* Chrome10+,Safari5.1+ */
      background: url("../images/pixels.png"), -o-linear-gradient(top, #dfa966 0%, #7a4e19 100%);
      /* Opera 11.10+ */
      background: url("../images/pixels.png"), -ms-linear-gradient(top, #dfa966 0%, #7a4e19 100%);
      /* IE10+ */
      background: url("../images/pixels.png"), linear-gradient(to bottom, #dfa966 0%, #7a4e19 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfa966', endColorstr='#7a4e19',GradientType=0 );
      /* IE6-8 */
      position: relative; }
    section.pricing .plan--enterprise .icon {
      position: absolute;
      width: 100%;
      height: 100px;
      bottom: -1px; }
    section.pricing .plan--enterprise a.mkt-btn-inv {
      color: #a46a22; }
  section.pricing .plan-name {
    font-size: 1.5384615385em;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 100; }
  section.pricing .icon {
    width: auto;
    text-align: center; }
  section.pricing .plan-price-block {
    padding-top: 2.4em;
    color: #ffffff;
    width: 100%;
    margin: auto;
    height: 80px;
    font-size: 0.6em; }
    section.pricing .plan-price-block .dollar-sign {
      font-size: 1.9230769231em;
      font-weight: normal;
      vertical-align: 0.9230769231em;
      margin-right: -0.0769230769em; }
    section.pricing .plan-price-block .dollar-amount {
      font-size: 4.3076923077em;
      font-weight: 400; }
    section.pricing .plan-price-block .cent-amount {
      font-size: 1.3846153846em;
      font-weight: normal;
      vertical-align: 1.3846153846em;
      margin-left: 0em; }
    section.pricing .plan-price-block .duration {
      font-size: 1.4615384615em;
      font-weight: normal;
      margin-left: -1.2307692308em; }
    section.pricing .plan-price-block .custom-pricing {
      font-size: 2.3076923077em;
      font-weight: 800; }
  section.pricing .plan-features {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.1538461538em;
    font-weight: 900; }
    section.pricing .plan-features .plan-feature {
      display: block;
      font-size: 1.1538461538em;
      padding: 10px;
      margin-bottom: 0px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.1); }
      section.pricing .plan-features .plan-feature.two-lines {
        line-height: 2em; }
    section.pricing .plan-features .plan-feature-list {
      margin: -10px 0;
      padding: 0; }
    section.pricing .plan-features .plan-feature-group {
      margin-bottom: 11px; }
      section.pricing .plan-features .plan-feature-group .plan-feature {
        padding: 10px 0px;
        background: transparent; }
      section.pricing .plan-features .plan-feature-group:last-child {
        margin-bottom: 0; }
    section.pricing .plan-features .checkmark, section.pricing .plan-features .plan-checkmark {
      font-size: 1em;
      font-weight: 100; }
      section.pricing .plan-features .checkmark img, section.pricing .plan-features .plan-checkmark img {
        width: 15px;
        height: 15px; }
  section.pricing .plan-free-trial {
    max-width: 1024px;
    margin: auto;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    padding: 2.5em;
    line-height: 1.5em;
    background: #f6f9fb; }
    section.pricing .plan-free-trial > span {
      font-size: 1.3em;
      display: inline-block;
      margin-bottom: 1em; }
  @media (max-width: 480px) {
    section.pricing {
      padding: 0 1em; }
      section.pricing .plan-free-trial {
        margin-top: 2em;
        padding: 0;
        background: transparent;
        border: none; }
      section.pricing .plans-container {
        background: none;
        display: none; }
      section.pricing .plans-mobile-container {
        display: block; }
      section.pricing h1 {
        font-size: 3em; } }

@media (max-width: 480px) {
  h1 {
    font-size: 3em; }

  h3 {
    font-size: 1.3em; } }
section.got-you-covered {
  width: 100%;
  padding: 140px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin: 3em auto;
  background-color: #fafcfd;
  position: relative;
  overflow: hidden; }
  section.got-you-covered .content {
    width: 90%;
    margin: auto;
    padding-right: 604px;
    padding-left: 3em; }
    section.got-you-covered .content h2 {
      font-size: 2.4615384615em;
      margin: 0; }
    section.got-you-covered .content p {
      font-size: 1.2307692308em;
      line-height: 150%; }
    section.got-you-covered .content a.text-link {
      font-size: 1.2307692308em;
      line-height: 150%; }
    @media (max-width: 480px) {
      section.got-you-covered .content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center; } }
  section.got-you-covered .browser-os-icons {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 480px) {
      section.got-you-covered .browser-os-icons {
        display: none; } }
  section.got-you-covered .browser-os {
    position: absolute;
    top: 0px;
    right: 0px; }
    section.got-you-covered .browser-os img {
      max-width: none; }
  section.got-you-covered .browser-os.firefox {
    top: -65px;
    right: 560px; }
    section.got-you-covered .browser-os.firefox img {
      width: 166px;
      height: 171px; }
  section.got-you-covered .browser-os.apple {
    top: 30px;
    right: 470px; }
    section.got-you-covered .browser-os.apple img {
      width: 52px;
      height: 59px; }
  section.got-you-covered .browser-os.seamonkey {
    top: -16px;
    right: 350px; }
    section.got-you-covered .browser-os.seamonkey img {
      width: 70px;
      height: 70px; }
  section.got-you-covered .browser-os.ubuntu {
    top: -18px;
    right: 180px; }
    section.got-you-covered .browser-os.ubuntu img {
      width: 111px;
      height: 111px; }
  section.got-you-covered .browser-os.konqueror {
    top: 30px;
    right: 80px; }
    section.got-you-covered .browser-os.konqueror img {
      width: 73px;
      height: 72px; }
  section.got-you-covered .browser-os.netscape {
    top: -10px;
    right: 0px; }
    section.got-you-covered .browser-os.netscape img {
      width: 69px;
      height: 65px; }
  section.got-you-covered .browser-os.opera {
    top: 120px;
    right: 470px; }
    section.got-you-covered .browser-os.opera img {
      width: 81px;
      height: 87px; }
  section.got-you-covered .browser-os.internet-explorer-ie {
    top: 90px;
    right: 280px; }
    section.got-you-covered .browser-os.internet-explorer-ie img {
      width: 179px;
      height: 167px; }
  section.got-you-covered .browser-os.windows8 {
    top: 160px;
    right: 140px; }
    section.got-you-covered .browser-os.windows8 img {
      width: 80px;
      height: 82px; }
  section.got-you-covered .browser-os.chrome {
    top: 99px;
    right: -40px; }
    section.got-you-covered .browser-os.chrome img {
      width: 152px;
      height: 154px; }
  section.got-you-covered .browser-os.dillo {
    top: 250px;
    right: 200px; }
    section.got-you-covered .browser-os.dillo img {
      width: 73px;
      height: 71px; }
  section.got-you-covered .browser-os.chromium {
    top: 260px;
    right: 82px; }
    section.got-you-covered .browser-os.chromium img {
      width: 89px;
      height: 88px; }
  section.got-you-covered .browser-os.camino {
    top: 270px;
    right: -43px; }
    section.got-you-covered .browser-os.camino img {
      width: 99px;
      height: 102px; }
  section.got-you-covered .browser-os.android {
    top: 280px;
    right: 296px; }
    section.got-you-covered .browser-os.android img {
      width: 69px;
      height: 81px; }
  section.got-you-covered .browser-os.blackberry {
    top: 402px;
    right: 140px; }
    section.got-you-covered .browser-os.blackberry img {
      width: 103px;
      height: 57px; }
  section.got-you-covered .browser-os.windows_xp {
    top: 380px;
    right: 300px; }
    section.got-you-covered .browser-os.windows_xp img {
      width: 156px;
      height: 138px; }
  section.got-you-covered .browser-os.safari {
    top: 392px;
    right: -40px; }
    section.got-you-covered .browser-os.safari img {
      width: 141px;
      height: 152px; }
  @media (max-width: 480px) {
    section.got-you-covered {
      padding: 20px;
      text-align: center; } }

section.using-the-best {
  width: 800px;
  margin: auto;
  padding: 4em 0; }
  section.using-the-best header {
    text-align: center;
    max-width: 800px;
    margin: auto; }
    section.using-the-best header h1 {
      margin: 20px; }
    section.using-the-best header h3 {
      margin: 0; }
    section.using-the-best header .icon {
      width: 44px;
      height: 43px; }
  section.using-the-best .main-feature-list {
    list-style: none;
    margin: 8em 0;
    padding: 0; }
    section.using-the-best .main-feature-list .feature {
      *zoom: 1;
      position: relative; }
      section.using-the-best .main-feature-list .feature:before, section.using-the-best .main-feature-list .feature:after {
        content: " ";
        display: table; }
      section.using-the-best .main-feature-list .feature:after {
        clear: both; }
    section.using-the-best .main-feature-list .content {
      width: auto;
      text-align: left; }
    section.using-the-best .main-feature-list h2 {
      margin: 0; }
    section.using-the-best .main-feature-list p {
      font-size: 1.2307692308em;
      font-weight: normal;
      line-height: 150%;
      margin: 5px 0 20px 0; }
    section.using-the-best .main-feature-list a.text-link {
      font-size: 1.3846153846em;
      font-weight: normal;
      line-height: 150%; }
    section.using-the-best .main-feature-list .feature-svg {
      position: absolute;
      margin: auto; }
    section.using-the-best .main-feature-list .feature-svg-right {
      right: 0;
      float: right; }
    section.using-the-best .main-feature-list .feature-svg-left {
      left: 0;
      float: left; }
  section.using-the-best .feature-live-testing {
    margin-bottom: 8em; }
    section.using-the-best .feature-live-testing .content {
      float: left;
      width: 380px; }
  section.using-the-best .feature-screenshots {
    margin-bottom: 8em; }
    section.using-the-best .feature-screenshots .content {
      float: right;
      width: 430px;
      margin-top: 40px; }
  section.using-the-best .feature-comparisons {
    margin-bottom: 8em; }
    section.using-the-best .feature-comparisons .content {
      float: left;
      width: 420px;
      margin-top: 10px; }
  section.using-the-best .feature-selenium .content {
    float: right;
    width: 420px; }
  section.using-the-best .feature-selenium .feature-svg {
    left: -40px; }
  @media (max-width: 480px) {
    section.using-the-best {
      width: 100%;
      padding: 1em; }
      section.using-the-best .main-feature-list {
        margin: 4em 0; }
        section.using-the-best .main-feature-list .feature {
          margin: 4em 0; }
        section.using-the-best .main-feature-list .feature-svg {
          float: none;
          display: block;
          position: static;
          width: 50%;
          text-align: center; }
        section.using-the-best .main-feature-list .content {
          float: none;
          text-align: center;
          width: 100%;
          margin-top: 2em; } }

section.all-features {
  width: 100%;
  padding: 6em 0;
  margin: 0;
  background-color: #387ebc;
  background-image: -webkit-linear-gradient(top, #387ebc, #5499d6);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #387ebc, #5499d6);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */ }
  section.all-features .all-features-list {
    list-style: none;
    width: 1024px;
    margin: auto;
    padding: 0 10px; }
  section.all-features .feature .icon {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0; }
  section.all-features .feature {
    width: 33%;
    color: #ffffff;
    display: inline-block;
    margin: 3em 0; }
    section.all-features .feature h2 {
      font-size: 2.0769230769em;
      font-weight: normal;
      line-height: 150%;
      margin: 0; }
    section.all-features .feature p {
      font-size: 1.3846153846em;
      font-weight: normal;
      line-height: 150%;
      padding: 0 2em 0 0;
      margin: 0; }
  section.all-features .mkt-btn-inv {
    color: #387ebc;
    display: block;
    margin: auto;
    max-width: 340px;
    margin-top: 3em;
    text-align: center; }
  @media (max-width: 480px) {
    section.all-features {
      padding: 1em;
      text-align: center; }
      section.all-features .all-features-list {
        width: 100%; }
      section.all-features .feature {
        width: 100%;
        display: block; }
        section.all-features .feature p {
          padding: 0 0 0 0; } }

section.customers-love-us {
  width: 100%; }
  section.customers-love-us .content {
    width: 1024px;
    margin: 6em auto;
    text-align: center; }
  section.customers-love-us .icon {
    width: 55px;
    height: 55px; }
  section.customers-love-us h1 {
    margin: 20px;
    padding: 0; }
  section.customers-love-us h3 {
    margin: 0;
    padding: 0;
    width: 900px;
    margin: auto; }
  section.customers-love-us .twitter-square-quotes {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    overflow: hidden; }
    section.customers-love-us .twitter-square-quotes .faces-list {
      width: 3000px; }
    section.customers-love-us .twitter-square-quotes .faces-row {
      overflow: hidden; }
      section.customers-love-us .twitter-square-quotes .faces-row img {
        filter: grayscale(100%);
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.3s linear;
        float: left;
        width: 73px;
        height: 73px; }
        section.customers-love-us .twitter-square-quotes .faces-row img.ready {
          opacity: 0.3;
          filter: alpha(opacity=30); }
        section.customers-love-us .twitter-square-quotes .faces-row img:hover {
          filter: none;
          opacity: 1;
          filter: alpha(opacity=100); }
        section.customers-love-us .twitter-square-quotes .faces-row img.active {
          filter: grayscale(0%);
          opacity: 1;
          filter: alpha(opacity=100); }
      .nocssfilters section.customers-love-us .twitter-square-quotes .faces-row img {
        display: none; }
    section.customers-love-us .twitter-square-quotes li.faces-row.row-two img:nth-child(0n+2), section.customers-love-us .twitter-square-quotes li.face-row.row-three img:nth-child(0n+2) {
      margin-left: 511px; }
    section.customers-love-us .twitter-square-quotes .faces-quote-overlay {
      width: 511px;
      height: 146px;
      top: 73px;
      left: 73px;
      padding: 1em 2em;
      background-color: #ffffff;
      position: absolute;
      z-index: 0; }
      section.customers-love-us .twitter-square-quotes .faces-quote-overlay .quote {
        font-size: 1.3846153846em;
        line-height: 150%;
        margin: 0.5em 0; }
  @media (max-width: 480px) {
    section.customers-love-us {
      padding: 0 20px; }
      section.customers-love-us .content {
        width: 100%;
        margin: 2em auto; }
      section.customers-love-us .twitter-square-quotes {
        display: none; }
      section.customers-love-us h3 {
        margin: 1em 0;
        width: 100%; } }

section.first-class-support {
  width: 100%;
  margin: 0;
  padding: 6em 0; }
  section.first-class-support header {
    width: 1024px;
    text-align: center;
    margin: auto; }
  section.first-class-support .icon {
    width: 55px;
    height: 55px; }
  section.first-class-support h1 {
    margin: 20px; }
  section.first-class-support h3 {
    margin: 0;
    width: 75%;
    margin: auto; }
  section.first-class-support .testimonials {
    margin: 3em auto;
    width: 1024px; }
  section.first-class-support .testimonials-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  section.first-class-support .testimonial {
    display: inline-block;
    width: 33%; }
  section.first-class-support .content {
    background-color: #fafcfd;
    padding: 2em;
    border-radius: 4px;
    margin: 1em; }
    section.first-class-support .content p {
      margin-top: 0;
      font-size: 1.3846153846em;
      line-height: 150.00%; }
  section.first-class-support .faq-questions {
    width: 1024px;
    margin: auto;
    text-align: center; }
    section.first-class-support .faq-questions p {
      font-size: 1.3846153846em;
      width: 50%;
      margin: 2em auto;
      line-height: 150%; }
    section.first-class-support .faq-questions .mkt-btn {
      margin: auto 1em; }
  @media (max-width: 480px) {
    section.first-class-support {
      padding: 0 20px; }
      section.first-class-support header {
        width: 100%; }
      section.first-class-support h3 {
        margin: 1em 0;
        width: 100%; }
      section.first-class-support .testimonials {
        margin: 0;
        width: 100%; }
      section.first-class-support .testimonial {
        display: block;
        width: 100%; }
        section.first-class-support .testimonial .content {
          padding: 1em;
          margin: 1em; }
      section.first-class-support .faq-questions {
        width: 100%; }
        section.first-class-support .faq-questions p {
          width: 100%;
          padding: 1em 0;
          margin: 0; }
        section.first-class-support .faq-questions .mkt-btn {
          margin: 1em 0;
          display: block; } }

section.try-it-free {
  padding: 6em 0;
  margin: 0;
  border-top: 1px solid #e8e8e8;
  text-align: center; }
  section.try-it-free .free-trial-entry {
    max-width: 1024px;
    margin: auto; }
  section.try-it-free h1 {
    font-size: 2.0769230769em;
    color: #387ebc;
    margin: 0;
    font-weight: 900;
    margin-bottom: 30px; }
  section.try-it-free h4 {
    font-size: 1.3846153846em;
    font-weight: 100;
    margin: 0 0 2em 0;
    display: none; }
  @media (max-width: 480px) {
    section.try-it-free {
      padding: 3em 2em 2em 2em; }
      section.try-it-free .free-trial-entry {
        max-width: 100%; }
      section.try-it-free h1 {
        font-size: 1.5em; } }

@media (max-width: 480px) {
  .global-pricing-page {
    min-width: 0; } }
.lt-ie8 .global-pricing-page .features-list {
  top: 312px; }
.lt-ie8 .global-pricing-page .plan-feature {
  border-top: 1px solid #ccc; }
.lt-ie8 .global-pricing-page .plan-price-block .dollar-amount {
  line-height: 125%; }
.lt-ie8 .global-pricing-page .minutes-note {
  display: none; }
.lt-ie8 .global-pricing-page .got-you-covered .content p {
  width: 50%; }
.lt-ie8 .global-pricing-page .using-the-best .feature {
  background: #FFFFFF; }
.lt-ie8 .global-pricing-page .all-features .feature {
  background: #387ebc;
  zoom: 1;
  *display: inline; }
.lt-ie8 .global-pricing-page .testimonial {
  zoom: 1;
  *display: inline; }

.lt-ie7 .global-pricing-page .plan--dummy .features-list {
  top: 308px;
  left: 28px; }
  .lt-ie7 .global-pricing-page .plan--dummy .features-list .feature {
    line-height: 80%; }
    .lt-ie7 .global-pricing-page .plan--dummy .features-list .feature a {
      padding-bottom: 1px; }
.lt-ie7 .global-pricing-page .plan {
  width: 180px; }
  .lt-ie7 .global-pricing-page .plan.plan--dummy {
    width: 190px; }

.global-all-features-page h2 {
  font-size: 27px;
  line-height: 120%;
  margin: 15px 0 5px 0; }
.global-all-features-page .list {
  margin: 0;
  padding: 0;
  margin: auto;
  list-style: none; }
  .global-all-features-page .list li {
    margin: 0;
    padding: 0;
    list-style: none; }
.global-all-features-page .mkt-btn {
  padding: 16px; }

.global-all-features-page .features {
  max-width: 1111px;
  margin: auto;
  color: #ffffff; }
  .global-all-features-page .features h1 {
    color: #226492;
    text-align: center;
    margin: 1em auto; }
  .global-all-features-page .features .feature-list {
    width: 100%;
    max-width: 1111px; }
  .global-all-features-page .features .mkt-btn {
    background: #ffffff;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3); }
  .global-all-features-page .features .copy {
    max-width: 500px;
    padding-right: 3em;
    position: absolute;
    z-index: 10; }
  .global-all-features-page .features .list-item {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    min-height: 420px; }
    .global-all-features-page .features .list-item a {
      color: white; }
    .global-all-features-page .features .list-item.even .copy {
      float: left;
      margin: 110px 0 0 560px; }
      @media (max-width: 1000px) {
        .global-all-features-page .features .list-item.even .copy {
          margin: 70px 0 0 520px; } }
    .global-all-features-page .features .list-item.odd .copy {
      float: left;
      margin: 110px 0 0 50px; }
      @media (max-width: 1000px) {
        .global-all-features-page .features .list-item.odd .copy {
          margin: 70px 0 0 50px; } }
    .global-all-features-page .features .list-item img {
      width: 100%;
      display: block; }
    @media (max-width: 480px) {
      .global-all-features-page .features .list-item {
        min-height: 400px; }
        .global-all-features-page .features .list-item img {
          display: none; }
        .global-all-features-page .features .list-item.even .copy {
          float: none;
          margin: 0;
          padding: 1em; }
        .global-all-features-page .features .list-item.odd .copy {
          float: none;
          margin: 0;
          padding: 1em; } }
.global-all-features-page .list-item.live-testing {
  background: #4659ad; }
  .global-all-features-page .list-item.live-testing .copy {
    max-width: 450px; }
  .global-all-features-page .list-item.live-testing .mkt-btn {
    color: #4558ad; }
.global-all-features-page .list-item.screenshots {
  background: #74b335; }
  .global-all-features-page .list-item.screenshots .mkt-btn {
    color: #7db737; }
.global-all-features-page .list-item.comparisons {
  background: #dc9b51; }
  .global-all-features-page .list-item.comparisons .copy {
    max-width: 370px; }
  .global-all-features-page .list-item.comparisons .mkt-btn {
    color: #d99a51; }
.global-all-features-page .list-item.selenium-testing {
  background: #3ab7c0; }
  .global-all-features-page .list-item.selenium-testing .mkt-btn {
    color: #3fb5bf; }
.global-all-features-page .list-item.local-testing {
  background: #6ca8da; }
  .global-all-features-page .list-item.local-testing .copy {
    max-width: 420px; }
  .global-all-features-page .list-item.local-testing .mkt-btn {
    color: #6ea9d8; }
.global-all-features-page .list-item.real-devices {
  background: #586ad8; }
  .global-all-features-page .list-item.real-devices .mkt-btn {
    color: #596cd5; }

.wrapper {
  position: relative;
  padding-bottom: 0px;
  width: 1024px;
  padding: 0 30px;
  margin: auto; }
  @media (max-width: 480px) {
    .wrapper {
      width: 100%;
      padding: 1em; } }

#feature-header {
  margin: auto;
  text-align: center; }

.global-single-feature-page h2 {
  font-size: 27px;
  line-height: 120%;
  margin: 15px 0 5px 0; }
.global-single-feature-page .list {
  margin: auto;
  padding: 0;
  list-style: none; }
.global-single-feature-page .on-top {
  z-index: 10; }

.feature-page .feature-list li {
  *zoom: 1;
  padding: 4em 0;
  border-bottom: 1px solid #f0f0f0; }
  .feature-page .feature-list li:before, .feature-page .feature-list li:after {
    content: " ";
    display: table; }
  .feature-page .feature-list li:after {
    clear: both; }
.feature-page .feature-list h3 {
  font-size: 30px;
  margin: 0; }
.feature-page .feature-list p {
  font-size: 120%;
  line-height: 150%;
  margin: 0; }
.feature-page .feature-list .odd:last-child, .feature-page .feature-list .odd .last, .feature-page .feature-list .even:last-child, .feature-page .feature-list .even .last {
  border-bottom: none; }
.feature-page .feature-list .odd .description {
  float: left;
  width: 50%;
  margin: 0;
  padding-right: 2em; }
.feature-page .feature-list .odd .feature-image {
  float: right;
  width: 48%; }
.feature-page .feature-list .even .description {
  float: right;
  width: 50%;
  margin: 0;
  padding-left: 2em; }
.feature-page .feature-list .even .feature-image {
  float: left;
  width: 48%; }
@media (max-width: 480px) {
  .feature-page .feature-list .even .description, .feature-page .feature-list .odd .description {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 1.2em; }
    .feature-page .feature-list .even .description h3, .feature-page .feature-list .odd .description h3 {
      font-size: 2em; }
  .feature-page .feature-list .even .feature-image, .feature-page .feature-list .odd .feature-image {
    float: none;
    width: 100%; } }
.feature-page #feature-video .vjs-default-skin .vjs-big-play-button {
  width: 4em;
  height: 4em;
  left: 50%;
  top: 50%;
  margin: -2em 0 0 -2em;
  box-shadow: none;
  border: none;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  transition: box-shadow 0.3s; }
  .feature-page #feature-video .vjs-default-skin .vjs-big-play-button:before {
    font-size: 2em;
    line-height: 2.1em;
    text-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    left: 6px; }
  .feature-page #feature-video .vjs-default-skin .vjs-big-play-button:hover {
    box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer; }
.feature-page .placeholder-wrapper {
  position: absolute;
  top: 90px;
  left: 90px;
  width: 780px;
  height: 440px;
  overflow: hidden;
  background-color: black; }
  .feature-page .placeholder-wrapper .placeholder-screenshot {
    width: 100%; }
  .feature-page .placeholder-wrapper.live-testing-image {
    display: none; }
  @media (max-width: 480px) {
    .feature-page .placeholder-wrapper {
      position: static;
      top: 0;
      left: 0;
      width: auto;
      height: auto; }
      .feature-page .placeholder-wrapper.live-testing-image {
        display: block; } }
.feature-page .feature-grid {
  width: 100%;
  background-color: #f6f9fb; }
  .feature-page .feature-grid .feature-grid-list {
    width: 1024px;
    margin: auto;
    padding: 5em 0;
    *zoom: 1; }
    .feature-page .feature-grid .feature-grid-list:before, .feature-page .feature-grid .feature-grid-list:after {
      content: " ";
      display: table; }
    .feature-page .feature-grid .feature-grid-list:after {
      clear: both; }
  .feature-page .feature-grid li.feature {
    width: 33.3333334%;
    float: left;
    padding: 20px;
    min-height: 215px; }
    .feature-page .feature-grid li.feature h3 {
      margin: 0; }
    .feature-page .feature-grid li.feature p {
      margin: 0; }
    .feature-page .feature-grid li.feature .feature-icon {
      width: 50px; }
  @media (max-width: 480px) {
    .feature-page .feature-grid .feature-grid-list {
      width: 100%;
      padding: 1em 0; }
    .feature-page .feature-grid li.feature {
      width: 100%;
      float: none;
      min-height: 0;
      text-align: center; } }

.feature-page-real-devices .placeholder-wrapper {
  background-color: #bfbfbf;
  line-height: 640px;
  text-align: center; }
  .feature-page-real-devices .placeholder-wrapper .placeholder-screenshot {
    width: 50%;
    margin-left: -10px; }

.feature-intro {
  position: relative; }

.feature-screencapture {
  position: relative; }
  @media (max-width: 480px) {
    .feature-screencapture .computer-background {
      display: none; } }
  .feature-screencapture #feature-video {
    position: absolute;
    z-index: 10;
    top: 90px;
    left: 90px; }
    @media (max-width: 480px) {
      .feature-screencapture #feature-video {
        display: none; } }

.vjs-error .vjs-error-display {
  display: none !important; }

.feature-list {
  margin: auto;
  max-width: 1024px;
  width: 100%; }

#more-great-features-wrapper {
  background: #f7f9fc;
  margin-top: 0em;
  *zoom: 1;
  padding: 6em 0;
  text-align: center; }
  #more-great-features-wrapper:before, #more-great-features-wrapper:after {
    content: " ";
    display: table; }
  #more-great-features-wrapper:after {
    clear: both; }
  #more-great-features-wrapper .feature {
    text-align: left;
    width: 33.3332%;
    float: left;
    padding: 25px; }
  #more-great-features-wrapper p {
    margin: 0; }
  #more-great-features-wrapper h2 {
    margin-bottom: 1.5em; }
  #more-great-features-wrapper h3 {
    margin: 0;
    margin-bottom: 10px; }

.user-flows {
  position: relative; }
  .user-flows.success h1 {
    color: #2ace2a; }
  .user-flows .load-spinner {
    background: rgba(255, 255, 255, 0.8);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: none;
    z-index: 1; }
    .user-flows .load-spinner img {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -17px 0 0 -17px; }
  .user-flows.loading .load-spinner {
    display: block; }
  .user-flows .login {
    background: #f6f9fb;
    width: 480px;
    margin: 3em auto;
    border-radius: 4px;
    box-shadow: 0px 2px 1px 1px rgba(0, 39, 66, 0.11);
    padding-top: 2.5em; }
    @media (max-width: 480px) {
      .user-flows .login {
        width: 100%; } }
    .user-flows .login header {
      margin-left: 3em; }
    .user-flows .login h1 {
      font-weight: 100;
      color: inherit;
      font-size: 2.25em; }
    .user-flows .login .marketing-btn, .user-flows .login a.mkt-btn, .user-flows .login div.mkt-btn {
      margin: 1.5em 0px;
      width: 100%;
      color: white; }
    .user-flows .login .forgot-password {
      text-align: right;
      padding: 0em 3em; }
      .user-flows .login .forgot-password a {
        color: #387ebc;
        text-decoration: none;
        font-size: 80%;
        border-bottom: 1px solid transparent; }
        .user-flows .login .forgot-password a:hover {
          text-decoration: underline; }
    .user-flows .login .field-group {
      padding: 0em 3em;
      margin: 1em 0em; }
  .user-flows .update-block {
    background: #f6f9fb;
    width: 480px;
    margin: 3em auto;
    border-radius: 4px;
    box-shadow: 0px 2px 1px 1px rgba(0, 39, 66, 0.11);
    padding-top: 2.5em; }
    .user-flows .update-block header {
      margin-left: 3em;
      font-weight: 100;
      color: #387ebc;
      font-size: 0.8em; }
    .user-flows .update-block .marketing-btn, .user-flows .update-block a.mkt-btn, .user-flows .update-block div.mkt-btn {
      margin: 1.5em 0px;
      width: 100%; }
  .user-flows .free-trial, .user-flows .codepen-signin {
    background: #f6f9fb;
    width: 960px;
    margin: 3em auto;
    border-radius: 4px;
    box-shadow: 0px 2px 1px 1px rgba(0, 39, 66, 0.11);
    padding-top: 2.5em; }
    .user-flows .free-trial header, .user-flows .codepen-signin header {
      margin-left: 3em; }
      .user-flows .free-trial header h1, .user-flows .codepen-signin header h1 {
        font-weight: 100;
        color: inherit;
        font-size: 2.25em;
        margin-bottom: 0;
        margin-left: -2px; }
      .user-flows .free-trial header h3, .user-flows .codepen-signin header h3 {
        font-size: 1.5em; }
      .user-flows .free-trial header h4, .user-flows .codepen-signin header h4 {
        margin: 0 0 3em 0;
        font-weight: 100; }
      .user-flows .free-trial header .codepen-icon, .user-flows .codepen-signin header .codepen-icon {
        width: 21.5px;
        height: 21px;
        margin-right: 10px; }
    .user-flows .free-trial .field-group, .user-flows .codepen-signin .field-group {
      padding: 0em 3em;
      margin: 1em 0em; }
    .user-flows .free-trial .form, .user-flows .codepen-signin .form {
      margin-bottom: 2em;
      width: 50%;
      float: left;
      position: relative; }
      .user-flows .free-trial .form:after, .user-flows .codepen-signin .form:after {
        content: "";
        width: 1px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background: #dbe8f4;
        position: absolute; }
    .user-flows .free-trial .marketing-btn, .user-flows .free-trial a.mkt-btn, .user-flows .free-trial div.mkt-btn, .user-flows .codepen-signin .marketing-btn, .user-flows .codepen-signin a.mkt-btn, .user-flows .codepen-signin div.mkt-btn {
      margin: 1.5em 0px;
      width: 100%; }
    .user-flows .free-trial .forgot-password, .user-flows .codepen-signin .forgot-password {
      float: right;
      margin: -0.5rem 4rem 0rem 0rem;
      display: block;
      color: #387ebc;
      text-decoration: none;
      font-size: 80%;
      border-bottom: 1px solid transparent; }
      .user-flows .free-trial .forgot-password:hover, .user-flows .codepen-signin .forgot-password:hover {
        border-bottom: 1px solid #387ebc; }
    .user-flows .free-trial .notation, .user-flows .codepen-signin .notation {
      text-align: center;
      display: block;
      margin-top: -1em; }
    .user-flows .free-trial .checkbox-group input, .user-flows .codepen-signin .checkbox-group input {
      display: inline; }
    .user-flows .free-trial .checkbox-group label, .user-flows .codepen-signin .checkbox-group label {
      margin-right: 9em;
      margin-right: 4rem;
      display: inline; }
    .user-flows .free-trial .marketing-info, .user-flows .codepen-signin .marketing-info {
      float: right;
      width: 50%;
      padding: 3em; }
      .user-flows .free-trial .marketing-info p, .user-flows .codepen-signin .marketing-info p {
        font-size: 95%;
        line-height: 155%; }
      .user-flows .free-trial .marketing-info strong, .user-flows .codepen-signin .marketing-info strong {
        color: #387ebc; }
      .user-flows .free-trial .marketing-info .feature-list, .user-flows .codepen-signin .marketing-info .feature-list {
        display: block;
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        list-style: none;
        padding-left: 40px; }
      .user-flows .free-trial .marketing-info .feature-list li, .user-flows .codepen-signin .marketing-info .feature-list li {
        margin: 0 0 1.8em 0;
        padding: 0;
        position: relative;
        background: none; }
    @media (max-width: 480px) {
      .user-flows .free-trial, .user-flows .codepen-signin {
        width: 100%; }
        .user-flows .free-trial .form, .user-flows .free-trial .marketing-info, .user-flows .codepen-signin .form, .user-flows .codepen-signin .marketing-info {
          float: none;
          width: 100%; }
        .user-flows .free-trial .marketing-info, .user-flows .codepen-signin .marketing-info {
          padding: 1em; }
        .user-flows .free-trial .field-group, .user-flows .codepen-signin .field-group {
          padding: 0em 1em; }
        .user-flows .free-trial header, .user-flows .codepen-signin header {
          margin-left: 1em; }
        .user-flows .free-trial .checkbox-group label, .user-flows .codepen-signin .checkbox-group label {
          margin-right: 1em; } }
    .user-flows .free-trial .icon, .user-flows .codepen-signin .icon {
      margin: 0px 0px 0px 0px;
      position: absolute;
      left: -35px; }
    .user-flows .free-trial .icon-mobile, .user-flows .codepen-signin .icon-mobile {
      left: -32px; }
    .user-flows .free-trial .icon-livetest, .user-flows .codepen-signin .icon-livetest {
      left: -31px; }
    .user-flows .free-trial .icon-selenium, .user-flows .codepen-signin .icon-selenium {
      left: -33px; }
  .user-flows .codepen-signin a.marketing-btn, .user-flows .codepen-signin a.mkt-btn {
    padding: 1.4em 3em;
    color: white;
    font-size: inherit; }
  .user-flows .codepen-signin h1 {
    font-weight: 100;
    color: inherit;
    font-size: 2.25em; }
  .user-flows .codepen-signin h3 {
    margin: 0;
    font-style: italic;
    color: #777777; }
  .user-flows .codepen-signin .footer-btn-block {
    display: none; }
  .user-flows .codepen-signin .marketing-info {
    padding-top: 1.5em; }
  .user-flows .verification {
    background: #f6f9fb;
    width: 480px;
    overflow: hidden;
    margin: 3em auto;
    height: 300px;
    border-radius: 4px;
    box-shadow: 0px 2px 1px 1px rgba(0, 39, 66, 0.11);
    padding: 2.5em 3.0em;
    transition: height 0.5s; }
    .user-flows .verification * {
      -moz-box-sizing: border-box; }
    .user-flows .verification strong {
      color: #387ebc; }
    .user-flows .verification h1 {
      font-weight: 100;
      color: inherit;
      font-size: 2.25em; }
    .user-flows .verification .update-email-box {
      margin: 0;
      padding: 3em 0em 0em 0em;
      margin-top: 3em;
      border-top: 1px solid transparent; }
    .user-flows .verification .input-wrap {
      left: 0;
      right: 0; }
    .user-flows .verification .marketing-btn, .user-flows .verification a.mkt-btn, .user-flows .verification div.mkt-btn {
      margin: 0em;
      width: 100%; }
    .user-flows .verification .field-group {
      padding: 0; }
  .user-flows .verification.open {
    height: 540px; }
    .user-flows .verification.open .update-email-box {
      border-top: 1px solid #e3edf7; }