/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

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

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

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

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

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

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

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

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

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

blockquote { margin: 1em 40px; }

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

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

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

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

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

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

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

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

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

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** 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 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

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

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

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

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

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

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -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 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

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

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

.highlight { background: #eee; }

.highlight .c { color: #999988; font-style: italic; }

/* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.highlight .k { font-weight: bold; }

/* Keyword */
.highlight .o { font-weight: bold; }

/* Operator */
.highlight .cm { color: #999988; font-style: italic; }

/* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic; }

/* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd; }

/* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa; }

/* Generic.Deleted.Specific */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gr { color: #aa0000; }

/* Generic.Error */
.highlight .gh { color: #999999; }

/* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd; }

/* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa; }

/* Generic.Inserted.Specific */
.highlight .go { color: #888888; }

/* Generic.Output */
.highlight .gp { color: #555555; }

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: #aaaaaa; }

/* Generic.Subheading */
.highlight .gt { color: #aa0000; }

/* Generic.Traceback */
.highlight .kc { font-weight: bold; }

/* Keyword.Constant */
.highlight .kd { font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp { font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr { font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold; }

/* Keyword.Type */
.highlight .m { color: #009999; }

/* Literal.Number */
.highlight .s { color: #d14; }

/* Literal.String */
.highlight .na { color: #008080; }

/* Name.Attribute */
.highlight .nb { color: #0086B3; }

/* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold; }

/* Name.Class */
.highlight .no { color: #008080; }

/* Name.Constant */
.highlight .ni { color: #800080; }

/* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold; }

/* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold; }

/* Name.Function */
.highlight .nn { color: #555555; }

/* Name.Namespace */
.highlight .nt { color: #000080; }

/* Name.Tag */
.highlight .nv { color: #008080; }

/* Name.Variable */
.highlight .ow { font-weight: bold; }

/* Operator.Word */
.highlight .w { color: #bbbbbb; }

/* Text.Whitespace */
.highlight .mf { color: #009999; }

/* Literal.Number.Float */
.highlight .mh { color: #009999; }

/* Literal.Number.Hex */
.highlight .mi { color: #009999; }

/* Literal.Number.Integer */
.highlight .mo { color: #009999; }

/* Literal.Number.Oct */
.highlight .sb { color: #d14; }

/* Literal.String.Backtick */
.highlight .sc { color: #d14; }

/* Literal.String.Char */
.highlight .sd { color: #d14; }

/* Literal.String.Doc */
.highlight .s2 { color: #d14; }

/* Literal.String.Double */
.highlight .se { color: #d14; }

/* Literal.String.Escape */
.highlight .sh { color: #d14; }

/* Literal.String.Heredoc */
.highlight .si { color: #d14; }

/* Literal.String.Interpol */
.highlight .sx { color: #d14; }

/* Literal.String.Other */
.highlight .sr { color: #009926; }

/* Literal.String.Regex */
.highlight .s1 { color: #d14; }

/* Literal.String.Single */
.highlight .ss { color: #990073; }

/* Literal.String.Symbol */
.highlight .bp { color: #999999; }

/* Name.Builtin.Pseudo */
.highlight .vc { color: #008080; }

/* Name.Variable.Class */
.highlight .vg { color: #008080; }

/* Name.Variable.Global */
.highlight .vi { color: #008080; }

/* Name.Variable.Instance */
.highlight .il { color: #009999; }

/* Literal.Number.Integer.Long */
/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ===== Initializr Styles ================================================== Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template ========================================================================== */
body { font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif; }

.homepage-message h4 { font-size: 200%; color: #FFF; line-height: 70px; margin-left: 50px; padding-top: 28px; padding-right: 15px; margin-top: 28px; }

.homepage-message { position: relative; }

.homepage-message .iphone { position: absolute; top: -40px; right: -80px; }

.homepage-message .iphone .phone-img { display: none; }

.secondary-message { font-size: 22px; width: 375px; margin-left: 60px; }

.secondary-message h5 { font-size: 28px; margin: 0px; margin-top: 30px; }

.secondary-message p { margin: 0px; margin-bottom: 40px; }

.wrapper { width: 90%; margin: 0 5%; }

#first-list li { white-space: nowrap; }

.footer-container { clear: both; background: url(../img/footer-container-background-image.png) top center; margin-top: 20px; }

.footer-container a, .footer-container a:link, .footer-container a:active, .footer-container a:visited { color: inherit; text-decoration: none; }

.footer-container footer { color: #FFF; height: 40; background: url(../img/footer-background-image.png) bottom left no-repeat; }

/* =================== ALL: Orange Theme =================== */
.header-container { background: url(../img/header-background-image.png) top right no-repeat; padding-top: 20px; }

.header-container h1 a { background: url(../img/zumero-logo.png) no-repeat; width: 162px; height: 34px; display: block; }

.header-container h1 a:hover { background-position: 0 -34px; }

.header-container h1 a span { display: none; }

.homepage-message .main-message { height: 200px; background: url("../img/message-background-image.png") no-repeat; }

.shortheader { height: 18px; background: url("../img/message-background-image-short.png") no-repeat; }

.main-container section { background: url("../img/main-container-gray-box.png") -620px bottom no-repeat; width: 306px; height: 200px; float: left; margin-right: 20px; }

.main-container section:last-child { margin-right: 0px; }

.main-container section h2 { text-align: center; padding: 10px 15px; margin: 0px; }

.main-container section h2.tab { background-color: #000; color: #FFF; }

.main-container section p { font-size: 18px; padding: 20px; margin: 0px; }

.title { color: #FFF; }

.footer-container { clear: both; background: url(../img/footer-container-background-image.png) top center; margin-top: 20px; }

.footer-container footer { color: #FFF; height: 40; background: url(../img/footer-background-image.png) bottom left no-repeat; }

h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover, h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { text-decoration: none; color: inherit; font-weight: inherit; }

/* ============== MOBILE: Menu ============== */
nav ul { margin: 0; padding: 0; float: right; }

nav li { float: left; }

nav a { display: block; text-align: center; text-decoration: none; font-weight: 400; padding: 5px 14px 16px 14px; font-size: 18px; color: #545454; text-shadow: 1px 1px 2px #AAA; }

nav li.active a { font-weight: 700; background: url("../img/header-nav-arrow.png") no-repeat bottom center; color: #000; }

nav a:visited { color: #545454; }

nav a:hover { text-decoration: none; margin-top: -2px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; color: #F15829; -webkit-transition: color .4s; }

/* ============== MOBILE: Main ============== */
.main { padding: 30px 0; }

.main article h1 { font-size: 2em; }

.main-container { height: 240px; }

.main-container a:link { font-weight: bold; }

.main-container a:visited { color: #000; font-weight: bold; }

.main-container a:hover { text-decoration: underline; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; color: #7f7f7f; -webkit-transition: color .4s; }

p a:link { font-weight: bold; color: #000; }

p a:visited { color: #000; font-weight: bold; }

p a:hover { text-decoration: underline; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; color: #7f7f7f; -webkit-transition: color .4s; }

.footer-container { clear: both; background-color: #000; margin-top: 20px; }

.footer-container footer { color: #FFF; height: 40; background-color: #000; }

.footer-container ul { list-style-type: none; font-size: 12px; text-align: center; padding: 20px 0px; margin-left: 0px; padding-left: 0px; }

.footer-container ul li { display: inline; margin-left: 20px; }

/* =============== ALL: IE `xes =============== */
.ie7 .title { padding-top: 20px; }

/* ========================================================================== Author's custom styles ========================================================================== */
a, a:link, a:active, a:visited { font-weight: bold; }

.inside-page .header { padding-right: 25px; background: url("../img/message-background-image-tall.png") no-repeat; }

.button { box-shadow: 0px, 1px, 0px, #fff, true; /* fallback/image non-cover color */ background-color: #ededed; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(#ededed, #dfdfdf); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#dfdfdf)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(#ededed, #dfdfdf); /* Opera 11.10+ */ background-image: -o-linear-gradient(#ededed, #dfdfdf); border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif; font-size: 14px; font-weight: 700; padding: 3px 5px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; margin-left: 9px; }

.button:hover { /* fallback/image non-cover color */ background-color: #dfdfdf; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(#dfdfdf, #ededed); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#ededed)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(#dfdfdf, #ededed); /* Opera 11.10+ */ background-image: -o-linear-gradient(#dfdfdf, #ededed); }

.button:active { position: relative; top: 1px; }

@media only screen and (min-width: 960px) { .button { font-size: 15px; padding: 6px 24px; border-radius: 6px; margin-left: 12px; } }

h3 { margin-top: 25px; margin-bottom: 0px; }

.inside-page.features .header h3 { color: #FFF; font-size: 50px; line-height: 50px; margin-left: 60px; margin-bottom: 0px; padding-top: 15px; }

h5 { margin: 0px; }

.inside-page.features .header h5 { color: #FFF; font-size: 35px; line-height: 40px; margin-left: 60px; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }

h4 { margin-top: 25px; margin-bottom: 0px; }

.inside-page.features .header h4 { color: #FFF; font-weight: 400; margin-left: 60px; padding-bottom: 20px; }

.inside-page.features h2 { margin-bottom: 0px; text-align: left; display: block; }

.inside-page.features h2.tab { background-color: #000; color: #FFF; padding: 10px; }

.inside-page.features p { margin-top: 0px; }

.get-started ol { padding-top: 10px; margin-top: 0px; }

.get-started ol li { margin-bottom: 10px; }

.section-textbox { background: #e2e2e2 url("../img/main-container-gray-box.png") right bottom no-repeat; margin-bottom: 20px; padding: 20px; padding-right: 30px; padding-bottom: 50px; max-width: 960px; overflow: auto; }

.section-textbox ul { margin-top: 0px; list-style-type: none; margin-bottom: 20px; padding: 20px; padding-right: 30px; padding-bottom: 50px; max-width: 960px; }

.section-textbox ul.seealso { padding-bottom: 0; margin-bottom: 0; }

.section-textbox a:link { font-weight: bold; color: #000; }

.section-textbox a:visited { color: #000; font-weight: bold; }

.section-textbox a:hover { text-decoration: underline; color: #7f7f7f; -webkit-transition: color .4s; }

.section-textbox .aside { float: right; margin-left: 40px; margin-right: 10px; margin-top: 20px; margin-bottom: 20px; }

.homepage-message h4 { font-size: 200%; line-height: 120%; }

.homepage-message h4 br { display: none; }

.homepage-message .main-message { height: 170px; }

.main-container section { width: 100%; background: url("../img/main-container-gray-box.png") right bottom no-repeat; margin-bottom: 20px; }

.main-container section p { padding-right: 20px; }

.main-container section h2 { background-image: none; }

.secondary-message { margin-left: 0px; width: 100%; }

.secondary-message br { display: none; }

.js #nav { display: none; }

.js .selectnav { display: block; font-size: 12px; margin-top: 32px; }

ul.fineprint { margin-left: 10px; margin-right: 10px; padding-bottom: 0; padding-left: 0; padding-right: 0; }

ul.fineprint li { margin-bottom: 1em; }

ul.fineprint li:last-child { margin-bottom: 0; }

@media only screen and (min-width: 768px) { ul.fineprint { margin-left: 120px; margin-right: 100px; } }

.pricing-table { padding: 40px 40px 40px 20px; }

@media only screen and (min-width: 784px) { .pricing-table td, .pricing-table th { font-size: 16px; } }

@media only screen and (min-width: 960px) { .pricing-table td, .pricing-table th { font-size: 22px; } }

.pricing-table.narrow { padding: 10px; }

.pricing-table dt, .pricing-table dd { font-size: 16px; padding-left: 0; margin-left: 0; font-style: normal; }

.pricing-table dt { font-weight: bold; }

.pricing-table dd { margin-top: 0; margin-bottom: 1em; }

.pricing-table dl { padding-top: 0; margin-top: 0; }

.wide { display: none; }

@media only screen and (min-width: 420px) { .narrow { display: none; } .wide { display: block; } }

.pricing { width: 100%; }

.pricing td, .pricing th { text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 10px; }

.pricing-header td { border-right: 0 !important; }

.pricing-header { font-weight: 700; border-bottom: 1px solid #555; text-transform: uppercase; }

.tellink { text-decoration: none; }

.tellink, .tellink:link, .tellink:visited, .tellink:active { font-weight: normal !important; }

.data { font-weight: 700; }

#flowchart-img img { width: 100%; }

ul, ol { margin: 0px; margin-bottom: 10px; }

ul ul, ol ol { margin-bottom: 0px; }

h1 { line-height: .9em; }

blockquote { font-style: italic; margin: 0.25em 0; padding: 0.25em 0; line-height: 1.45; position: relative; color: #383838; }

@media only screen and (min-width: 480px) { blockquote { padding: 0.25em 40px; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -20px; color: #7a7a7a; } }

dt { margin-top: 10px; }

dd { font-style: italic; }

h6 { margin: 0px; }

pre { border: 1px solid #333; background-color: #eee; max-width: 80%; padding: 20px; }

.highlight pre { border: none; background-color: transparent; max-width: auto; padding: 5px; }

.designcredit { padding-top: 1em; font-size: 90%; }

.designcredit a { font-variant: small-caps; text-decoration: none; }

.about-header { border-bottom: 1px solid #999; margin-bottom: .5em; }

.caveat { font-size: 90%; font-style: italic; }

.notice { font-size: 90%; font-weight: bold; }

.free { font-weight: bolder; text-transform: capitalize; }

.table .title { color: #000; display: block; float: right; width: 100%; }

article.docs pre.screen { background-color: #cccccc; padding: 0.15in; white-space: pre; word-wrap: normal; overflow: auto; }

article.docs span.screen_emphasis { color: green; }

article.docs span.no_line_breaks { white-space: nowrap; }

article.docs .footnote p { font-size: 75%; }

article.docs p.faq_question { font-weight: bold; }

article.docs p.faq_answer { font-style: italic; margin-left: 0.5in; }

article.docs span.italic { font-style: italic; }

article.docs span.bold { font-weight: bold; }

article.docs h1.title, article.docs h2.title, article.docs h3.title, article.docs h4.title, article.docs h5.title, article.docs h6.title { float: none; display: block; background-color: #333; color: #FFF; border-bottom: 1px solid #999; margin-bottom: .25em; margin-top: 1em; width: auto; padding: 1px 6px; }

.doclist { padding: 0; margin: 10px 0 20px; }

.doclist h3 { color: #F0F0F0; background-color: #030303; padding: 3px; margin-top: 0; }

.doclist ul { margin-bottom: 0; padding: 1em .5em 0; }

.doclist input[type=submit] { background-color: #f15829; color: #fff; text-decoration: none; display: inline-block; padding: 1px 5px; font-weight: normal; font-size: 14px; margin-bottom: 5px; border: 2px solid #f15829; }

.doclist input[type=email], .doclist input[type=submit] { padding: 5px; }

@media only screen and (min-width: 960px) { .doclist { width: 430px; float: left; margin: 10px 15px 10px 0; } }

.evalinput { padding: 0; margin: 10px 0 5px; }

.evalinput input[type=submit] { background-color: #f15829; color: #fff; text-decoration: none; display: inline-block; padding: 1px 5px; font-weight: normal; font-size: 14px; margin-bottom: 5px; border: 2px solid #f15829; }

.evalinput input[type=email], .evalinput input[type=submit] { padding: 5px; margin: 5px; }

@media only screen and (min-width: 960px) { .evalinput { width: 600px; margin: 10px 10px 5px 0; } }

ul.featurelist { padding: 0 1.5em; font-size: 90%; margin-bottom: 1em; }

ul.featurelist li { list-style: disc; }

.mediaobject { margin-bottom: 1em; }

.mediaobject img { border: 1px solid #CCC; }

.docheader { font-weight: bold; }

.section-textbox .doclist a, .section-textbox .doclist a:visited, .section-textbox .doclist a:active, .section-textbox .doclist a:link, .section-textbox .doclist a:hover { background-color: #f15829; color: #fff; text-decoration: none; display: inline-block; padding: 1px 5px; font-weight: normal; font-size: 14px; margin-bottom: 5px; }

.section-textbox .doclist a.plain, .section-textbox .doclist a.plain:visited, .section-textbox .doclist a.plain:active, .section-textbox .doclist a.plain:link, .section-textbox .doclist a.plain:hover { background-color: transparent; color: inherit; text-decoration: none; display: inline; padding: 0; font-weight: bold; font-size: inherit; margin-bottom: 0; }

a.doclink, a.doclink:visited, a.doclink:link, a.doclink:active, a.doclink:hover { background-color: #f15829; color: #fff; text-decoration: none; display: inline-block; padding: 1px 5px; font-weight: normal; font-size: 14px; margin-bottom: 5px; }

a.bigdoclink, a.bigdoclink:visited, a.bigdoclink:link, a.bigdoclink:active, a.bigdoclink:hover { background-color: #f15829; color: #fff; text-decoration: none; display: inline-block; padding: 1px 10px; font-weight: normal; font-size: 20px; margin-bottom: 5px; }

ul.things { margin-bottom: 1em; padding: 5px; background-color: #efefef; }

.maruku_toc, .toc { font-variant: small-caps; font-size: 90%; }

.maruku_toc a, .maruku_toc a:link, .maruku_toc a:visited, .maruku_toc a:active, .toc a, .toc a:link, .toc a:visited, .toc a:active { text-decoration: none; color: #333; }

.maruku_toc a:hover, .toc a:hover { text-decoration: underscore; }

.steplist { padding: 0; }

.startstep { list-style: none; overflow: auto; margin-bottom: 1em; margin-left: 0; box-sizing: border-box; }

@media only screen and (min-width: 33em) { .startstep { padding-left: 15em; } }

.steps li + li { margin-top: 0.5em; }

.titlelink { text-transform: capitalize; display: block; }

@media only screen and (min-width: 33em) { .titlelink { float: left; margin-left: -15em; } }

.shot, aside { border-radius: 0.3em; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px; box-sizing: border-box; border: white 0.5em solid; margin-bottom: 1em; max-width: 100%; display: block; }

aside { padding: 0.4em 0.8em; background-color: #792308; color: #F3F3F3; font-weight: lighter; letter-spacing: 1px; }

@media only screen and (min-width: 40em) { aside { float: right; max-width: 15em; margin-left: 2em; margin-right: 1.5em; } }

.faqlink, .sampletabheader { background-color: #030303; color: #FCFCFC; margin-bottom: 0.5em; padding: 0.25em 0.5em; }

.sampletabheader { display: inline-block; border-right: 1px solid #e2e2e2; }

.sampletabheader.active { background-color: #f15829; }

.sampletabheader.inactive { color: #666; }

.inactivetab { display: none; }

.oldnotes { margin-top: 1em; padding: .5em 1em; background-color: #030303; color: #FCFCFC; }

.oldnotes a, .oldnotes a:link, .oldnotes a:active, .oldnotes a:visited { color: #FCFCFC; }

.meta ul { list-style: square inside; }

.others { font-style: italic; text-align: right; }

.menuitem { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-weight: bold; padding: 2px; }

.note { background-color: #cccccc; color: #222; }

.note p { padding: 2px; }

.guilabel { font-weight: bold; }

.guimenu, .guimenuitem, .guibutton { border: 1px solid #b3b3b3; padding: 3px; border-radius: 3px; }

.example { background-color: #cccccc; }

.example .title { color: #222; }

.permalink { margin-top: 0; }

.permalink a, .permalink a:link, .permalink a:active, .permalink a:visited { text-decoration: none; color: #FFF; }

.postdate { background-color: #792308; color: #F3F3F3; font-size: 90%; margin-bottom: 0; padding: 3px 10px; }

.layout-post .section-textbox ul, ul.plain { list-style-type: circle; margin-bottom: 1em; padding: 0 0 0 1em; }

.layout-post pre { overflow: auto; }

.layout-post pre > code { white-space: pre; word-wrap: normal; overflow-wrap: normal; overflow: visible; }

.secondary-message .pull { font-style: italic; font-size: 70%; margin-top: 30px; }

.logo { display: block; margin-top: .5em; }

.secondary-message a.logo:hover { margin-top: .5em; }

.message-decor { margin-bottom: 10px; }

.message-blurb { font-size: 80%; margin-top: 1em; }

.secondary-message.media { padding-bottom: 10px; }

/* ====== media ====== */
.media { margin: 10px; }

.media, .bd { overflow: hidden; _overflow: visible; zoom: 1; }

.media .img { float: left; margin-right: 10px; }

.media .img img { display: block; }

.media .imgExt { float: right; margin-left: 10px; }

.main-container.media-container { height: auto; margin-top: 30px; }

.howtodesc { min-width: 250px; }

.bd h3 { margin-top: 0; }

.media-container .img { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px; padding: 10px; margin-top: 30px; box-sizing: border-box; width: 100%; }

@media only screen and (min-width: 768px) { .media-container .img { width: 50%; } }

.media-container .bd { padding: 10px; }

.media-container .bd p { font-size: 120%; }

.media-container .bd img { display: block; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 768px) { .media-container .bd img { margin-left: 0; } }

figure.shot { margin-bottom: 1em; margin-top: .25em; }

figure.shot img { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px; padding: 0; box-sizing: border-box; }

@media only screen and (min-width: 768px) { figure.shot { float: right; margin-left: 1em; } }

h3 { clear: both; }

figcaption { text-align: center; margin-top: .5em; font-style: italic; color: #f15829; }

aside figure { text-align: center; }

aside figcaption { color: #F3F3F3; }

.diagram { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }

.insetcontainer { overflow: auto; box-sizing: border-box; }

@media only screen and (min-width: 768px) { .insettext { float: left; width: 50%; margin-right: 0; box-sizing: border-box; } }

.insetimage { width: 100%; margin-bottom: 1em; }

@media only screen and (min-width: 768px) { .insetimage { float: left; padding: 0 1em 1em 1em; width: 50%; margin-left: 0; box-sizing: border-box; } }

.tutorial { width: 100%; margin-bottom: 1em; padding: 0; box-sizing: border-box; }

@media only screen and (min-width: 768px) { .tutorial { padding: 0 1em 0 0; } }

/* line 7, ../sass/lightbox.sass */
body:after { content: url(/img/lightbox/close.png) url(/img/lightbox/loading.gif) url(/img/lightbox/prev.png) url(/img/lightbox/next.png); display: none; }

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

/* line 20, ../sass/lightbox.sass */
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }

/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image { display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

/* line 32, ../sass/lightbox.sass */
.lightbox a img { border: none; }

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after { content: ""; display: table; clear: both; }

/* line 44, ../sass/lightbox.sass */
.lb-container { padding: 4px; }

/* line 47, ../sass/lightbox.sass */
.lb-loader { position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

/* line 56, ../sass/lightbox.sass */
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/img/lightbox/loading.gif) no-repeat; }

/* line 63, ../sass/lightbox.sass */
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav { left: 0; }

/* line 74, ../sass/lightbox.sass */
.lb-nav a { outline: none; }

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next { width: 49%; height: 100%; cursor: pointer; /* Trick IE into showing hover */ display: block; }

/* line 84, ../sass/lightbox.sass */
.lb-prev { left: 0; float: left; }

/* line 87, ../sass/lightbox.sass */
.lb-prev:hover { background: url(/img/lightbox/prev.png) left 48% no-repeat; }

/* line 90, ../sass/lightbox.sass */
.lb-next { right: 0; float: right; }

/* line 93, ../sass/lightbox.sass */
.lb-next:hover { background: url(/img/lightbox/next.png) right 48% no-repeat; }

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after { content: ""; display: table; clear: both; }

/* line 103, ../sass/lightbox.sass */
.lb-data { padding: 0 4px; color: #bbbbbb; }

/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/img/lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.customer h3, .customer h3 > a, .customer h3 > a:link, .customer h3 > a:visited, .customer h3 > a:active { color: #F0F0F0; background-color: #030303; padding: 3px; text-decoration: none; }

.customer h3 { margin-bottom: 1em; }

.custlogo { float: left; margin: 0 1em 1em 0; }

.custlist { margin-left: 30px; margin-top: 10px; }

.custlistlogo { margin: 20px; }

/* responsive-carousel https://github.com/filamentgroup/responsive-carousel Copyright (c) 2012 Filament Group, Inc. Licensed under the MIT, GPL licenses. */
.carousel { width: 100%; position: relative; }

.carousel .carousel-item { display: none; }

.carousel .carousel-active { display: block; }

.carousel .carousel-nav:nth-child(2) { display: none; }

/* responsive-carousel https://github.com/filamentgroup/responsive-carousel Copyright (c) 2012 Filament Group, Inc. Licensed under the MIT, GPL licenses. */
.carousel-fade { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-item { position: absolute; left: 0; top: 0; width: 100%; /* necessary for non-active slides */ display: block; /* overrides basic carousel styles */ -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; }

.carousel-fade .carousel-active { position: relative; }

.carousel-item { opacity: 0; }

.carousel-active { opacity: 1; }

.carousel-fade .carousel-out { opacity: 0; }

.carousel-fade .carousel-in { opacity: 1; }

.carousel-active { z-index: 1; }

.secondary-message.carousel { box-sizing: border-box; height: 225pt; overflow: hidden; padding: 0; }

@media only screen and (min-width: 480pt) { .secondary-message.carousel { height: 225px; } }

.secondary-message.carousel > div { box-sizing: border-box; height: 225pt; }

@media only screen and (min-width: 480pt) { .secondary-message.carousel > div { height: 225px; } }

.carousel-nav { float: none; width: 100%; position: absolute; bottom: 0; margin-top: 0; z-index: 1000; }

.carousel-nav a { padding: 0; position: absolute; bottom: 0; text-indent: -9999px; background-repeat: no-repeat; display: block; width: 13pt; height: 21pt; opacity: 0.3; }

.carousel-nav a:hover { opacity: 1; }

.carousel-nav a.prev { left: 0; background-image: url(/img/sprites/arrow-left.png); }

.carousel-nav a.next { right: 0; background-image: url(/img/sprites/arrow-right.png); }

.carousel a, .carousel a:link, .carousel a:active, .carousel a:visited { color: #222; }

/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (min-width: 0px) { .pricing-table { padding: 40px 40px 40px 15px; } #pricing { font-size: 11px; } h1.title { float: left; width: 60%; } .inside-page.features .header h3 { color: #FFF; font-size: 30px; line-height: 30px; margin-left: 60px; margin-bottom: 0px; padding-top: 15px; } }

@media only screen and (min-width: 480px) { /* ==================== PHONE: Menu ==================== */ body { background-color: #fff; } h1.title { float: left; width: 30%; } #pricing { font-size: 13px; } .header-container h1 a { background: url(../img/zumero-logo.png); width: 162px; height: 34px; display: block; } .header-container h1 a:hover { background-position: 0 -35px; } .header-container h1 a span { display: none; } .js #nav { display: none; } .js .selectnav { display: block; font-size: 20px; margin-top: -6px; } nav a { float: left; margin-bottom: 0; } nav li:first-child a { margin-left: 0; } nav li:last-child a { margin-right: 0; } /* ======================== PHONE: IE Fixes ======================== */ nav { float: right; width: 35%; margin-top: 40px; font-size: 12px; } nav ul li { display: inline; } .oldie nav a { margin: 0 0.7%; } .homepage-message .iphone .phone-img { display: none; } nav a { font-size: 13px; } }

@media only screen and (min-width: 768px) { /* ==================== TABLET: CSS3 Effects ==================== */ h1.title { float: left; width: 20%; } #flowchart-img { text-align: center; } #flowchart-img img { width: 718px; margin: 0px auto; } .inside-page.features h2 { display: inline-table; } .inside-page.features .header h3 { color: #FFF; font-size: 50px; line-height: 50px; margin-left: 60px; margin-bottom: 0px; padding-top: 15px; } .pricing-table { padding: 40px 100px; } .selectnav { display: none !important; } .js #nav { display: block; } .wrapper { width: 768px; margin: 0 auto; } .homepage-message h4 br { display: block; } .secondary-message { margin-left: 30px; width: 400px br; width-display: block; } /* ============ TABLET: Menu ============ */ .title { float: left; } nav { float: right; width: 80%; margin-top: 26px; font-size: 12px; } nav a { font-size: 14px; padding: 5px 5px 15px 10px; } /* ============ TABLET: Main ============ */ .main-container section { width: 100%; background: url("../img/main-container-gray-box.png") -820px bottom no-repeat; margin-bottom: 20px; } .main article { float: left; width: 57%; } .main-container section { width: 246px; height: 200px; margin-right: 15px; } .main-container last-child { margin-right: 0px; } .main-container section p { font-size: 80%; } .homepage-message .iphone { right: 36px; top: -60px; } .homepage-message .iphone .phone-img { background: url("../img/iphone-vertical.png") no-repeat; width: 237px; height: 454px; display: block; } .homepage-message .main-message { height: 170px; } .homepage-message { height: 390px; } .homepage-message h4 { font-size: 32px; line-height: 1.1em; padding-top: 30px; padding-left: 30px; width: 45%; } .secondary-message { width: 400px; } .secondary-message p { font-size: 90%; } .footer-container { clear: both; background: url(../img/footer-container-background-image.png) top center; margin-top: 20px; } .footer-container footer { color: #FFF; height: 40; background: url(../img/footer-background-image.png) bottom left no-repeat; } }

@media only screen and (min-width: 960px) { .selectnav { display: none !important; } .js #nav { display: block; } .wrapper { width: 960px; margin: 0 auto; } .main-container section { width: 306px; height: 200px; margin-right: 20px; margin-top: 30px; } .main-container section p { font-size: 100%; } .homepage-message .iphone .phone-img { background: url("../img/iphone-smooth.png"); width: 584px; height: 458px; display: block; } .homepage-message .iphone { position: absolute; top: -40px; right: -80px; } nav { float: right; width: 80%; margin-top: 24px; font-size: 12px; } nav a { font-size: 18px; padding: 5px 10px 16px 10px; } .homepage-message .main-message { height: 200px; } .homepage-message { height: 410px; } .homepage-message h4 { font-size: 40px; color: #fff; line-height: 1.1em; margin-left: 50px; padding-top: 32px; margin-top: 28px; width: 45%; padding-left: 30px; } .main-container section { background: url("../img/main-container-gray-box.png") -770px bottom no-repeat; margin-bottom: 20px; } .main-container.features section { color: #990000; width: 100%; background-color: #eee; } .secondary-message { width: 400px; margin-left: 30px; } .secondary-message p { font-size: 100%; } }

@media only screen and (min-width: 1140px) { /* =============== Maximal Width =============== */ }

/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

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

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

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

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Print styles ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }

/*# sourceMappingURL=main.css.map */