@import url(https://statics.herokuapp.com/fonts/fonts.css);

html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: arial, helvetica, sans-serif; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: arial, helvetica, sans-serif; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: arial, helvetica, sans-serif; vertical-align: baseline; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: arial, helvetica, sans-serif; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: arial, helvetica, sans-serif; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

li { list-style-type: none; }

*:focus { outline: 0; }

.hide { position: absolute; top: -9999em; }

html, body { color: #555; background-color: #e6e6e6; }
html a, body a { color: #6471EC; text-decoration: none; }
html a:hover, body a:hover { color: #7280E6; text-decoration: underline; }

#content { position: relative; }
#content .container { width: 1044px; margin: 0 auto; min-width: 1044px; overflow: hidden; display: inline-block; }
#content .container { display: block; }

#content-background { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; text-align: center; }
#content-background .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#content-background .background .right, #content-background .background .left { position: absolute; width: 50%; height: 100%; }
#content-background .background .right { background-color: #e6e6e6; background-image: url(/images/theme/aside-background.png); background-repeat: repeat-x; background-position: left top; right: 0; }
#content-background .background .left { background-color: #f5f5f5; background-image: url(/images/theme/section-background.png); background-repeat: repeat-x; background-position: left top; left: 0; }
#content-background .container { height: 100%; width: 1044px; margin: 0 auto; min-width: 1044px; overflow: hidden; display: inline-block; position: relative; }
#content-background .container { display: block; }
#content-background .container .right { background-color: #e6e6e6; background-image: url(/images/theme/aside-background.png); background-repeat: repeat-x; background-position: left top; width: 354px; position: absolute; right: 0; top: 0; height: 100%; }
#content-background .container .right .shadow { border-left: 1px solid #818794; background-image: url(/images/theme/aside-shadow.png); background-repeat: repeat-y; position: absolute; left: 0; width: 18px; height: 100%; }
#content-background .container .left { background-color: #f5f5f5; background-image: url(/images/theme/section-background.png); background-repeat: repeat-x; background-position: left top; width: 690px; position: absolute; left: 0; top: 0; height: 100%; }

#breadcrumbs { clear: both; background-color: #232323; background-image: url(/images/theme/nav-breadcrumbs-background.png); background-repeat: repeat-x; background-position: right left; height: 50px; padding: 0; border-bottom: 1px solid #292929; }
#breadcrumbs a, #breadcrumbs span { margin: 0; padding: 0; color: #c9c3e6; display: inline-block; float: left; font-size: 16px; line-height: 50px; padding-left: 60px; padding-right: 50px; background-image: url(/images/theme/nav-breadcrumbs-arrow-tier2.png); background-repeat: no-repeat; background-position: right top; margin-right: -30px; }
#breadcrumbs a:hover, #breadcrumbs span:hover { text-decoration: none; color: #F6F5F8; }
#breadcrumbs a.current, #breadcrumbs span.current { color: #bff740; text-shadow: #313237 0px -1px 0px; }
#breadcrumbs a.tier1, #breadcrumbs span.tier1 { position: relative; padding-left: 30px; background-image: url(/images/theme/nav-breadcrumbs-arrow-tier1.png); font-weight: bold; font-size: 20px; text-shadow: #111 0px -1px 0px; }

#intro { background-color: #1b1b1b; position: relative; border-bottom: 1px solid #7C7C7C; min-width: 1044px; background-image: url(/images/theme/intro-background-story.png); background-repeat: repeat-x; }
#intro .container { width: 1044px; margin: 0 auto; min-width: 1044px; overflow: hidden; display: inline-block; }
#intro .container { display: block; }
#intro .shadow { position: absolute; top: 0; left: 0; height: 10px; background-image: url(/images/theme/intro-shadow.png); background-repeat: repeat-x; z-index: 3; width: 100%; min-width: 1044px; }

.success-index #intro { padding-top: 30px; padding-bottom: 30px; text-align: center; background-image: url(/images/theme/intro-background-index.png); height: 270px; min-height: 270px; min-width: 1044px; }
.success-index #intro h1 { font-family: "CorbelRegular", sans-serif; font-size: 32px; padding-bottom: 18px; color: #EBEBFD; }
.success-index #intro .logos { width: 870px; margin: 0 auto; }
.success-index #intro .logos a.featured { position: relative; display: block; float: left; text-align: center; height: 220px; width: 240px; overflow: hidden; margin-left: 72px; color: #fff; text-decoration: none; }
.success-index #intro .logos a.featured:first-child { margin-left: 0; }
.success-index #intro .logos a.featured.shopify img { padding-top: 12px; }
.success-index #intro .logos a.featured.bestbuy img { padding-top: 5px; }
.success-index #intro .logos a.featured.bestbuy img { padding-top: 20px; }
.success-index #intro .logos a.featured.scvngr img { padding-top: 11px; }
.success-index #intro .logos a.featured span { display: block; }
.success-index #intro .logos a.featured span.intro_excerpt { position: absolute; top: 120px; width: 100%; color: #CED0FD; }
.success-index #intro .logos a.featured span.button { font-size: 12px; line-height: 18px; color: #6471EC; display: inline-block; text-align: center; font-weight: bold; text-decoration: none; cursor: pointer; background-image: url(/images/theme/nav-arrow.png); background-repeat: no-repeat; background-position: right top; padding-right: 22px; background-image: url(/images/theme/intro-nav-arrow.png); position: absolute; top: 190px; left: 53px; color: #a0a0ff; background-position: right top; }
.success-index #intro .logos a.featured span.button:hover { color: #a0a0ff; text-decoration: underline; background-position: right bottom; }
.success-index #intro .logos a.featured:hover span.intro_excerpt { color: #fff; }
.success-index #intro .logos a.featured:hover span.button { color: #bac1ff; text-decoration: underline; background-position: right bottom; }
.success-index #content { min-width: 1044px; background-color: #f5f5f5; background-image: url(/images/theme/section-background.png); background-repeat: repeat-x; background-position: left top; }
.success-index #content .container { width: 672px; min-width: 672px; }
.success-index #content .section { width: 100%; float: none; padding-top: 54px; padding-bottom: 36px; }
.success-index #content .article { line-height: 18px; padding-bottom: 36px; overflow: hidden; display: inline-block; }
.success-index #content .article.draft { opacity: .5; }
.success-index #content .article { display: block; }
.success-index #content .article .screenshot { display: block; width: 150px; margin-left: 18px; height: 120px; float: left; border: 1px solid #999; }
.success-index #content .article h3, .success-index #content .article p, .success-index #content .article .nav { margin-left: 186px; }
.success-index #content .article h3 { font-family: "CorbelRegular", sans-serif; font-size: 24px; padding-top: 6px; padding-bottom: 10px; color: #2a2a2a; }
.success-index #content .article h3 a { font-family: "CorbelRegular", sans-serif; }
.success-index #content .article .nav { padding-top: 5px; font-size: 12px; }
.success-index #content .article .nav a { color: #555; }
.success-index #content .article .nav a:hover { color: #999; }
.success-index #content .article .nav .button { font-size: 12px; line-height: 18px; color: #6471EC; display: inline-block; text-align: center; font-weight: bold; text-decoration: none; cursor: pointer; background-image: url(/images/theme/nav-arrow.png); background-repeat: no-repeat; background-position: right top; padding-right: 22px; }
.success-index #content .article .nav .button:hover { color: #a0a0ff; text-decoration: underline; background-position: right bottom; }
.success-index #content .article .separator { display: inline-block; padding-left: 9px; padding-right: 9px; }

.success-show #intro { padding-top: 18px; padding-bottom: 0; }
.success-show #intro .brand, .success-show #intro .summary { padding-left: 36px; padding-right: 36px; }
.success-show #intro .brand { display: inline-block; padding-bottom: 18px; }
.success-show #intro .brand:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.success-show #intro .brand { display: block; }
.success-show #intro .brand .logo { float: left; width: 300px; }
.success-show #intro .brand h3 { float: right; font-family: "CorbelRegular", sans-serif; text-align: right; color: #dfdfdf; font-size: 32px; line-height: 32px; text-shadow: #000 0px -1px 0px; }
.success-show #intro .summary { position: relative; background-image: url(/images/theme/summary-shadow.png); background-position: center top; background-repeat: no-repeat; display: inline-block; }
.success-show #intro .summary:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.success-show #intro .summary { display: block; }
.success-show #intro .summary .quote, .success-show #intro .summary .poweredby, .success-show #intro .summary .requirements { min-height: 95px; text-shadow: #000 0 -1px 0px; height: 100%; }
.success-show #intro .summary .quote { width: 310px; float: left; padding: 20px 30px 20px 0; font-family: "CorbelRegular", sans-serif; color: #f5f5f5; font-size: 24px; }
.success-show #intro .summary .poweredby, .success-show #intro .summary .requirements { float: left; text-decoration: none; background-image: url(/images/theme/summary-separator.png); background-repeat: no-repeat; background-position: left center; }
.success-show #intro .summary .poweredby:hover, .success-show #intro .summary .requirements:hover { text-decoration: none; }
.success-show #intro .summary .poweredby img, .success-show #intro .summary .requirements img { display: block; }
.success-show #intro .summary .poweredby h4, .success-show #intro .summary .requirements h4 { text-transform: uppercase; font-size: 13px; line-height: 14px; padding-bottom: 5px; font-family: "CorbelRegular", sans-serif; color: #999; }
.success-show #intro .summary .poweredby h3, .success-show #intro .summary .requirements h3 { font-family: "HybreaLight", sans-serif; letter-spacing: 1px; font-style: normal; font-size: 28px; line-height: 48px; color: #fff; }
.success-show #intro .summary .poweredby h3 span, .success-show #intro .summary .requirements h3 span { font-weight: normal; }
.success-show #intro .summary .poweredby li, .success-show #intro .summary .requirements li { color: #fff; font-size: 16px; list-style-type: square; padding-bottom: 5px; margin-left: 1.2em; }
.success-show #intro .summary .poweredby li span, .success-show #intro .summary .requirements li span { color: #f5f5f5; }
.success-show #intro .summary .poweredby { width: 250px; display: inline-block; padding: 25px 30px 20px 30px; }
.success-show #intro .summary .poweredby:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.success-show #intro .summary .poweredby { display: block; }
.success-show #intro .summary .poweredby img { float: left; padding-top: 10px; padding-right: 15px; }
.success-show #intro .summary .poweredby ul { float: left; }
.success-show #intro .summary .poweredby li { color: #f5f5f5; }
.success-show #intro .summary .poweredby:hover li, .success-show #intro .summary .poweredby:hover h3 { color: #fff; }
.success-show #intro .summary .requirements { width: 290px; padding: 25px 0 20px 30px; }
.success-show #intro .summary .requirements h4 { padding-bottom: 8px; }
.success-show #content h1, .success-show #content h2, .success-show #content h3, .success-show #content h4 { font-family: "CorbelRegular", sans-serif; text-shadow: #fff 0 1px 0px; }
.success-show #content h1, .success-show #content h2, .success-show #content h3, .success-show #content h4, .success-show #content p, .success-show #content li { padding-bottom: 9px; }
.success-show #content p, .success-show #content li, .success-show #content blockquote { font-size: 13px; margin-bottom: 4px; line-height: 18px; }
.success-show #content h1 { font-size: 24px; }
.success-show #content h2, .success-show #content h3 { font-size: 18px; line-height: 20px; }
.success-show #content h4 { font-size: 16px; margin: 0; line-height: 20px; }
.success-show #content a { text-decoration: none; }
.success-show #content ul li { list-style-type: square; margin-left: 15px; }
.success-show #content pre { font-family: "monaco", fixed; }
.success-show #content .screenshot img { border: 1px solid #999; }
.success-show #content .screenshot p { text-align: right; }
.success-show #content .section blockquote { padding: 18px 36px; padding-bottom: 18px; padding-left: 36px; }
.success-show #content .section blockquote p { font-size: 20px; line-height: 24px; font-family: "CorbelRegular", sans-serif; color: #777; }
.success-show #content .section blockquote p span.byline { font-family: arial, sans-serif; font-size: 13px; padding-top: 9px; white-space: nowrap; }
.success-show .section { float: left; min-height: 400px; position: relative; width: 618px; padding: 36px; }
.success-show .section .section { float: none; width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 36px; padding-top: 36px; }
.success-show .aside { float: left; width: 282px; padding-top: 40px; padding-left: 36px; padding-right: 36px; position: relative; }
.success-show .aside .aside { float: none; width: 258px; padding: 0; padding-right: 0; margin-bottom: 36px; font-size: 13px; }
.success-show .aside .aside.about { text-align: justify; color: #666; }
.success-show .aside .aside { background-image: url(/images/aside-aside-background.png); background-repeat: no-repeat; background-position: bottom right; color: #494c5c; font-size: 14px; line-height: 20px; text-shadow: #E0E6FA 0 1px 0px; overflow: hidden; display: inline-block; overflow: hidden; }
.success-show .aside .aside { display: block; }
.success-show .section .section { min-height: 0; background-image: url(/images/section-separator.png); background-repeat: no-repeat; background-position: left bottom; overflow: hidden; display: inline-block; }
.success-show .section .section:last-child { background-image: none; padding-bottom: 18px; margin-bottom: 18px; }
.success-show .section .section { display: block; }

#bestbuy #intro .brand h3 { padding-top: 56px; }

#shopify #intro .brand h3 { padding-top: 42px; }

#flightcaster #intro .brand h3 { padding-top: 62px; }

#scvngr #intro .brand h3 { padding-top: 40px; }

#ubermind #intro .brand h3 { padding-top: 100px; }

#dawkins-foundation h1.quote { font-size: 20px; }

#dawkins-foundation #intro .brand h3 { padding-top: 43px; }

#teleku #intro .brand h3 { padding-top: 31px; }

#cloudapp #intro .brand h3 { padding-top: 37px; }

#heroku-footer { border-top: 1px solid #7B7D81; background-image: url(/images/theme/footer-background.png); background-color: #dadada; color: #46464B; }
#heroku-footer .nav h3, #heroku-footer #heroku-footer-pull h3 { color: #46464B; }
#heroku-footer .nav h3 a, #heroku-footer #heroku-footer-pull h3 a { color: #46464B; }
#heroku-footer .nav h3 a:hover, #heroku-footer #heroku-footer-pull h3 a:hover { color: #706F7C; }
#heroku-footer .nav a, #heroku-footer #heroku-footer-pull a { color: #46464B; }
#heroku-footer .nav a:hover, #heroku-footer #heroku-footer-pull a:hover { color: #706F7C; }
#heroku-footer #heroku-footer-pull dt { color: #46464B; }
#heroku-footer #heroku-footer-pull dt a { color: #46464B; }
#heroku-footer #heroku-footer-pull dt a:hover { color: #706F7C; }
#heroku-footer #heroku-footer-pull dd { color: #53535B; }
#heroku-footer #heroku-footer-pull dd a { color: #53535B; }
#heroku-footer #heroku-footer-pull dd a:hover { color: #6E6F7C; }
#heroku-footer #heroku-footer-pull #heroku-footer-twitter span { background-image: url(/images/theme/footer-twitter.png); }