@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic");
@import url(//hello.myfonts.net/count/2f01f3);
/* line 4, app/assets/stylesheets/marketing/theme.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
/* line 23, app/assets/stylesheets/marketing/theme.css */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 26, app/assets/stylesheets/marketing/theme.css */
body {
  line-height: 1;
}

/* line 28, app/assets/stylesheets/marketing/theme.css */
ol, ul {
  list-style: none;
}

/* line 30, app/assets/stylesheets/marketing/theme.css */
blockquote, q {
  quotes: none;
}

/* line 32, app/assets/stylesheets/marketing/theme.css */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 36, app/assets/stylesheets/marketing/theme.css */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'colfax-light';
  src: url(/assets/colfax/colfax-web-light-9f4e04d14c6f60728a0f584ed858449f9e4f5791c1f06dd3a4c983f8aa15e68f.eot);
  src: url(/assets/colfax/colfax-web-light-4b5a3efa96264175d8f0d4b1b925d0b15f9495dcb09237eca65325377b7ba4a5.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'colfax-medium';
  src: url(/assets/colfax/colfax-web-medium-86b4177ef2ec36f44410dc112a2b1b1aac6bc7d602be1dc070372fcda0d25a53.eot);
  src: url(/assets/colfax/colfax-web-medium-cef6a3f0916a1e93e2961a6837552662e62d6146a727f6ad4188799920332b9e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima-nova-light';
  src: url(/assets/proxima-nova/2F01F3_10_0-f61d271a60c3c7712437f0e6415253dcd8f5d8d69581a01ad6a95576f9ee772c.eot);
  src: url(/assets/proxima-nova/2F01F3_10_0-f61d271a60c3c7712437f0e6415253dcd8f5d8d69581a01ad6a95576f9ee772c.eot?#iefix) format("embedded-opentype"), url(/assets/proxima-nova/2F01F3_10_0-583e0b3f0853c5549050dd1a38d4c9e5683fd1b728121ba9dcafb06df9d85b1a.woff2) format("woff2"), url(/assets/proxima-nova/2F01F3_10_0-7f9e5e19a587a06a7a881a421a9e9f2070015d749f91841753947a2d59236c93.woff) format("woff"), url(/assets/proxima-nova/2F01F3_10_0-3a1dd4e6d319bf9c1bafdb4a524a73c0ce0bc8bef9f44362ee41c90b28827c94.ttf) format("truetype");
}

@font-face {
  font-family: 'proxima-nova-light-it';
  src: url(/assets/proxima-nova/2F01F3_11_0-d2763546f38a8399d3cd5d899eeb42ce0c750d598a76a9442a287fad9bc9430f.eot);
  src: url(/assets/proxima-nova/2F01F3_11_0-d2763546f38a8399d3cd5d899eeb42ce0c750d598a76a9442a287fad9bc9430f.eot?#iefix) format("embedded-opentype"), url(/assets/proxima-nova/2F01F3_11_0-d7ed823a8befd1f2ed92475d19237108889328432711a13a220133d7c80c7da5.woff2) format("woff2"), url(/assets/proxima-nova/2F01F3_11_0-aa434f1b88d68ae0e86ef0d3fde26f729a9bd8265c44a051b811c2c14a4e2009.woff) format("woff"), url(/assets/proxima-nova/2F01F3_11_0-1afb0313d084d55694a4a405442c8f0c8e8d6735ea5effe131f8280b5ff17002.ttf) format("truetype");
}

@font-face {
  font-family: 'proxima-nova-regular';
  src: url(/assets/proxima-nova/2F01F3_12_0-7749a9ef87c77b48373d500a8618ed2b1e8ee3d152b2e56dedd13d44d9cd7aa4.eot);
  src: url(/assets/proxima-nova/2F01F3_12_0-7749a9ef87c77b48373d500a8618ed2b1e8ee3d152b2e56dedd13d44d9cd7aa4.eot?#iefix) format("embedded-opentype"), url(/assets/proxima-nova/2F01F3_12_0-9ac6ce9ae3d47b3c3ab16ed30518ecb1e37910b3a6164756eeb0be56c58f1924.woff2) format("woff2"), url(/assets/proxima-nova/2F01F3_12_0-fa4128dee4671fa3d857e926b0c1f203ef1c0820fc2122927f5e6a8ed4e79b29.woff) format("woff"), url(/assets/proxima-nova/2F01F3_12_0-b8b0cda081173a61f60265756be39781234f755a1311be2ed7a2b7c9a84eb51d.ttf) format("truetype");
}

@font-face {
  font-family: 'proxima-nova-regular-it';
  src: url(/assets/proxima-nova/2F01F3_13_0-ca0a85fb5bd1db387d98f658eba840dc8bb268d6001c2552254a87c1a452ce54.eot);
  src: url(/assets/proxima-nova/2F01F3_13_0-ca0a85fb5bd1db387d98f658eba840dc8bb268d6001c2552254a87c1a452ce54.eot?#iefix) format("embedded-opentype"), url(/assets/proxima-nova/2F01F3_13_0-fc94da2ea9e4f6cde65faa2ccb644e1ce432fbf5ae39468238e4320799ae006a.woff2) format("woff2"), url(/assets/proxima-nova/2F01F3_13_0-608353f43d05c55d813b5c3411535200974633fd68422e87d9b338cb23d86275.woff) format("woff"), url(/assets/proxima-nova/2F01F3_13_0-815dcddde90da7dfd1a1b7f1909a6df218586dfd77a0e86b0f8a213e5c82746a.ttf) format("truetype");
}

@font-face {
  font-family: 'proxima-nova-semibold';
  src: url(/assets/proxima-nova/2F01F3_14_0-5538bb99380fdf5210dce474b55c1180f30407506edd21632a0758650316dd2c.eot);
  src: url(/assets/proxima-nova/2F01F3_14_0-5538bb99380fdf5210dce474b55c1180f30407506edd21632a0758650316dd2c.eot?#iefix) format("embedded-opentype"), url(/assets/proxima-nova/2F01F3_14_0-6a2c3748c98d31a93450aa2ac3bc313c0ee4789e4223e5fd1887242fd24c6433.woff2) format("woff2"), url(/assets/proxima-nova/2F01F3_14_0-413eabdee38223f602e43d2d881b723cbc7f91653c77f8879d2e5581432a8790.woff) format("woff"), url(/assets/proxima-nova/2F01F3_14_0-ec4cff0a1de71d52e17453ba22b4a58312eae402346ea70729aa7b08ad19d2ff.ttf) format("truetype");
}

@font-face {
  font-family: 'proxima-nova-semibold-it';
  src: url(/assets/proxima-nova/2F01F3_15_0-23ee8fa168b625cffb44e4ba96822db8e44f7eb541d8a639f74250ea1252b9b9.eot);
  src: url(/assets/proxima-nova/2F01F3_15_0-23ee8fa168b625cffb44e4ba96822db8e44f7eb541d8a639f74250ea1252b9b9.eot?#iefix) format("embedded-opentype"), url(/assets/proxima-nova/2F01F3_15_0-a7dd1dbc25ab45e6fda82c02019a96543de46fc4177739f9f1b8479a9759f763.woff2) format("woff2"), url(/assets/proxima-nova/2F01F3_15_0-92fccfb05f74ae73bdc832c4667b8c0de0f97929a1b3311ffeb049641f619332.woff) format("woff"), url(/assets/proxima-nova/2F01F3_15_0-c9a0726ca48690d804c9081114b1f9f7a47aab56b2c813d6a17385942c7dcd49.ttf) format("truetype");
}

@font-face {
  font-family: 'icomoon';
  src: url(/icomoon/icomoon.eot);
  src: url(/icomoon/icomoon.eot#iefix) format("embedded-opentype"), url(/assets/icons/icomoon-db4f89a66bf8f38680baf7ec3da78ed9f718c6842c8e19ca8c77fe95a8cb9690.ttf) format("truetype"), url(/assets/icons/icomoon-72711210a4a85613700c72dd59426d64deab066c57b19e55ce95ce72cf1825f2.woff) format("woff"), url(/assets/icons/icomoon-2d0371b2616708da3f37289736013184050d7ecff92f5b983bb6d685891981c1.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 111, app/assets/stylesheets/marketing/theme.css */
h1,
h2,
h3,
h4 {
  color: #294661;
}

/* line 117, app/assets/stylesheets/marketing/theme.css */
h1 {
  font-family: "colfax-light";
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 9px;
}

/* line 123, app/assets/stylesheets/marketing/theme.css */
h2 {
  font-family: "colfax-light";
  font-weight: 300;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 25px;
}

/* line 130, app/assets/stylesheets/marketing/theme.css */
.new-relic h2 {
  margin-bottom: 10px;
}

/* line 134, app/assets/stylesheets/marketing/theme.css */
.home-hero h2,
.graphs-n-stats h2,
.gui-or-api h2 {
  font-family: "colfax-light";
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 9px;
  color: #294661;
}

/* line 144, app/assets/stylesheets/marketing/theme.css */
h3 {
  font-family: "proxima-nova-regular";
  font-size: 15px;
}

/* line 148, app/assets/stylesheets/marketing/theme.css */
.home-hero h3,
.graphs-n-stats h3,
.gui-or-api h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: rgba(41, 70, 97, 0.8);
  line-height: 23px;
  margin-bottom: 20px;
}

/* line 159, app/assets/stylesheets/marketing/theme.css */
.how-step h3 {
  font-family: "colfax-light";
  font-weight: 300;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 25px;
  color: #294661;
}

/* line 168, app/assets/stylesheets/marketing/theme.css */
.faq h3 {
  font: 700 15px "Open Sans";
  margin: 4px 0 8px 0;
}

/* line 173, app/assets/stylesheets/marketing/theme.css */
h4 {
  font-family: "colfax-medium";
  font-size: 13px;
  text-transform: uppercase;
}

/* line 178, app/assets/stylesheets/marketing/theme.css */
p {
  font-family: "proxima-nova-light";
  color: rgba(41, 70, 97, 0.6);
  line-height: 20px;
  margin-bottom: 20px;
}

/* line 184, app/assets/stylesheets/marketing/theme.css */
strong {
  font-family: "proxima-nova-regular";
}

/* line 187, app/assets/stylesheets/marketing/theme.css */
blockquote p {
  font-size: 24px;
  font-style: italic;
  line-height: 34px;
  font-family: "colfax-light";
  color: #294661;
}

/* line 194, app/assets/stylesheets/marketing/theme.css */
input,
select,
textarea {
  border: none;
  border-bottom-width: 1px;
  border-bottom-color: rgba(41, 70, 97, 0.2);
  border-bottom-style: solid;
  font: 300 16px "Open Sans";
  color: #294661;
  width: 100%;
  border-radius: 0;
  padding: 0;
  text-overflow: ellipsis;
}

/* line 208, app/assets/stylesheets/marketing/theme.css */
select {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 4px;
  background-color: transparent;
}

/* line 216, app/assets/stylesheets/marketing/theme.css */
label {
  font-size: 15px;
  cursor: text;
  color: #7f90a0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  top: -14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* line 227, app/assets/stylesheets/marketing/theme.css */
input:focus,
select:focus,
textarea:focus {
  outline: none;
}

/* line 232, app/assets/stylesheets/marketing/theme.css */
input:focus,
select:focus {
  border-color: #2196f3;
  box-shadow: 0 1px 0 #2196f3;
  color: #294661;
}

/* line 238, app/assets/stylesheets/marketing/theme.css */
.signin-form .content-left,
.signin-form .content-right {
  width: 50%;
  margin-top: 20px;
}

/* line 243, app/assets/stylesheets/marketing/theme.css */
.signin-form .content-left {
  padding: 20px 40px 0 0;
}

/* line 247, app/assets/stylesheets/marketing/theme.css */
.signin-form .content-right {
  padding: 50px 0 0 40px;
}

/* line 251, app/assets/stylesheets/marketing/theme.css */
.signup-form .content-left,
.signup-form .content-right,
.signup-form.pro .content-left,
.signup-form.pro .content-right {
  margin-top: 20px;
  width: 50%;
}

/* line 259, app/assets/stylesheets/marketing/theme.css */
.signup-form .content-right,
.signup-form.pro .content-right {
  padding: 0 100px 0 40px;
}

/* line 264, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .content-right {
  width: 55%;
}

/* line 268, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .content-left,
.signup-form .content-left {
  padding: 4px 40px 0 100px;
}

/* line 273, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .content-left {
  width: 45%;
}

/* line 277, app/assets/stylesheets/marketing/theme.css */
.signup-form .section-callout .content-left,
.signup-form.pro .section-callout .content-left {
  text-align: left;
}

/* line 282, app/assets/stylesheets/marketing/theme.css */
.signup-form .section-callout .content-left,
.signup-form .section-callout .content-right,
.signup-form.pro .section-callout .content-left,
.signup-form.pro .section-callout .content-right,
.signup-form.pro .row .content-left,
.signup-form.pro .row .content-right {
  padding: 0;
  font-weight: 300;
}

/* line 292, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .row {
  display: inline-block;
  padding-bottom: 40px;
  width: 100%;
}

/* line 298, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .row .content-left {
  padding-right: 10px;
  margin-top: 0;
}

/* line 303, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .row .content-right {
  padding-left: 10px;
  margin-top: 0;
}

/* line 308, app/assets/stylesheets/marketing/theme.css */
.signup-form .section-callout .content-right,
.signup-form.pro .section-callout .content-right {
  text-align: right;
}

/* line 313, app/assets/stylesheets/marketing/theme.css */
.signup-form .content-right fieldset,
.signup-form.pro .content-right fieldset {
  width: 100%;
}

/* line 318, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .billing-address {
  margin: -20px 0 20px 0;
}

@media screen and (max-width: 640px) {
  /* line 323, app/assets/stylesheets/marketing/theme.css */
  .signin-form .content-left,
.signin-form .content-right {
    width: 80%;
    padding: 0;
    margin: 60px 10% 0 10%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 330, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .content-left,
.signup-form.pro .content-right {
    width: 80%;
    padding: 0;
    margin: 60px 10% 0 10%;
  }
}

/* line 336, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .section-callout .content-right {
  width: 30%;
}

/* line 340, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro .section-callout .content-left {
  width: 70%;
}

@media screen and (max-width: 1024px) {
  /* line 345, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .section-callout .content-right,
.signup-form.pro .section-callout .content-left {
    margin: 20px 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  /* line 351, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .section-callout {
    padding: 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 356, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .payment-info .content-right,
.signup-form.pro .payment-info .content-left {
    width: 100%;
    margin: 0;
    padding: 0 0 40px 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 364, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .payment-info .content-right {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 369, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .payment-info .expiration-date .content-right,
.signup-form.pro .payment-info .expiration-date .content-left {
    width: 50%;
    margin: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 376, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .payment-info .expiration-date .content-right {
    padding-left: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 381, app/assets/stylesheets/marketing/theme.css */
  .signup-form.pro .payment-info .expiration-date .content-left {
    padding-right: 10px;
  }
}

/* line 385, app/assets/stylesheets/marketing/theme.css */
.card-number {
  width: 75%;
  padding-right: 20px;
  display: inline-block;
}

/* line 391, app/assets/stylesheets/marketing/theme.css */
.cvv-code {
  width: 25%;
  float: right;
  display: inline-block;
}

/* line 397, app/assets/stylesheets/marketing/theme.css */
.form-group.email,
.form-group.user_company_name,
.form-group.password,
.form-group.promo_code {
  margin-bottom: 60px;
}

/* line 403, app/assets/stylesheets/marketing/theme.css */
.g-recaptcha {
  margin-top: -1rem;
  margin-bottom: 3rem;
}

/* line 408, app/assets/stylesheets/marketing/theme.css */
.signin-form .form-group.password {
  margin-bottom: 0;
}

/* line 412, app/assets/stylesheets/marketing/theme.css */
.user_remember_me {
  float: left;
  margin-bottom: 50px;
}

/* line 417, app/assets/stylesheets/marketing/theme.css */
.user_remember_me label {
  top: 10px;
  font-size: 13px;
}

/* line 422, app/assets/stylesheets/marketing/theme.css */
.forgot-password {
  font-size: 13px;
  position: relative;
  top: 13px;
  float: right;
}

/* line 429, app/assets/stylesheets/marketing/theme.css */
.signin-form,
.signup-form,
.signup-form.pro,
.password-reset,
.promo-form {
  padding: 60px 0;
  text-align: center;
}

/* line 438, app/assets/stylesheets/marketing/theme.css */
.signin-form h1,
.signup-form h1,
.signup-form.pro h1,
.password-reset h1,
.promo-form h1 {
  margin-bottom: 40px;
}

/* line 446, app/assets/stylesheets/marketing/theme.css */
.signin-form .button,
.signup-form .button,
.signup-form.pro .button,
.password-reset .button {
  height: 50px;
  margin-top: 12px;
}

/* line 454, app/assets/stylesheets/marketing/theme.css */
.no-account,
.got-account {
  margin-top: 20px;
  line-height: 1.5;
  color: #294661;
}

/* line 461, app/assets/stylesheets/marketing/theme.css */
.terms-warning {
  margin: -15px 0 20px 0;
  color: #7f90a0;
  font-size: 13px;
  line-height: 1.5;
}

/* line 468, app/assets/stylesheets/marketing/theme.css */
.signup-form fieldset,
.password-reset fieldset,
.promo-form fieldset {
  width: 55%;
  margin: 0 auto;
  padding-top: 30px;
  text-align: left;
}

/* line 475, app/assets/stylesheets/marketing/theme.css */
.promo-form fieldset {
  width: 45%;
}

@media screen and (max-width: 640px) {
  /* line 479, app/assets/stylesheets/marketing/theme.css */
  .signup-form fieldset,
.signup-form.pro fieldset,
.password-reset fieldset,
.promo-form fieldset {
    width: 80%;
  }
}

/* line 485, app/assets/stylesheets/marketing/theme.css */
.signup-form.pro fieldset {
  padding-top: 0;
}

/* line 489, app/assets/stylesheets/marketing/theme.css */
.desc-small {
  font-family: "proxima-nova-regular";
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
}

/* line 495, app/assets/stylesheets/marketing/theme.css */
.no-subhead {
  margin-bottom: 60px;
}

/* line 498, app/assets/stylesheets/marketing/theme.css */
.list-simple li {
  margin: 6px 0;
}

/* line 500, app/assets/stylesheets/marketing/theme.css */
.list-simple li:last-child {
  margin-bottom: 0;
}

/* line 503, app/assets/stylesheets/marketing/theme.css */
.tagline-2nd-row {
  color: #1a82e3;
  font-size: 68px;
  line-height: 66px;
  margin-bottom: 0;
  text-transform: uppercase;
}

/* line 510, app/assets/stylesheets/marketing/theme.css */
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 521, app/assets/stylesheets/marketing/theme.css */
* {
  box-sizing: border-box;
}

/* line 524, app/assets/stylesheets/marketing/theme.css */
img {
  max-width: 100%;
  height: auto;
}

/* line 528, app/assets/stylesheets/marketing/theme.css */
a {
  text-decoration: none;
  color: #2196f3;
}

/* line 531, app/assets/stylesheets/marketing/theme.css */
a.ui-inline-link {
  font-family: "proxima-nova-semibold";
  font-size: 13px;
  color: #2196f3;
}

/* line 535, app/assets/stylesheets/marketing/theme.css */
a.ui-inline-link:hover {
  text-decoration: underline;
}

/* line 538, app/assets/stylesheets/marketing/theme.css */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

/* line 543, app/assets/stylesheets/marketing/theme.css */
.cf:after {
  clear: both;
}

/* line 546, app/assets/stylesheets/marketing/theme.css */
.text-center {
  text-align: center;
}

/* line 549, app/assets/stylesheets/marketing/theme.css */
.text-right {
  text-align: right;
}

/* line 552, app/assets/stylesheets/marketing/theme.css */
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 565, app/assets/stylesheets/marketing/theme.css */
.icon-facebook:before {
  content: "\e80c";
}

/* line 568, app/assets/stylesheets/marketing/theme.css */
.icon-google-plus:before {
  content: "\e80d";
}

/* line 571, app/assets/stylesheets/marketing/theme.css */
.icon-mail:before {
  content: "\e81e";
}

/* line 574, app/assets/stylesheets/marketing/theme.css */
.icon-twitter:before {
  content: "\e818";
}

/* line 577, app/assets/stylesheets/marketing/theme.css */
.icon-github:before {
  content: "\e822";
}

/* line 580, app/assets/stylesheets/marketing/theme.css */
.icon-tick:before {
  content: "\e816";
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
}

/* line 586, app/assets/stylesheets/marketing/theme.css */
.icon-package {
  margin-bottom: 20px;
}

/* line 590, app/assets/stylesheets/marketing/theme.css */
input,
select,
textarea {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

/* line 597, app/assets/stylesheets/marketing/theme.css */
.filter-primary select {
  font-family: "colfax-light";
  font-size: 30px;
}

/* line 601, app/assets/stylesheets/marketing/theme.css */
.input-select {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 4px;
}

/* line 606, app/assets/stylesheets/marketing/theme.css */
.input-select .popover-trigger {
  color: rgba(41, 70, 97, 0.6);
  display: block;
}

/* line 610, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox'] {
  width: 16px;
  height: 16px;
  background: white;
  transition: all .3s ease;
  border-radius: 2px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-width: 1px;
  border-color: #294661;
  border-color: rgba(41, 70, 97, 0.2);
  border-style: solid;
}

/* line 623, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox']:hover {
  background: rgba(33, 150, 243, 0.1);
}

/* line 625, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox']:checked {
  background: #2196f3;
}

/* line 627, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox']:focus {
  border: none;
  box-shadow: none;
}

/* line 630, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox']:checked:after {
  content: "\2713";
  position: absolute;
  font-size: 10px;
  font-family: "proxima-nova-semibold";
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 16px;
}

/* line 641, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox'][disabled] {
  border-color: rgba(0, 0, 0, 0.08);
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.03);
}

/* line 645, app/assets/stylesheets/marketing/theme.css */
input[type='checkbox'][disabled]:checked {
  border-color: rgba(158, 158, 158, 0.5);
  background: rgba(158, 158, 158, 0.5);
}

/* line 649, app/assets/stylesheets/marketing/theme.css */
input[type='radio'] {
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  position: relative;
  transition: all .3s ease;
  cursor: pointer;
  border-width: 1px;
  border-color: #294661;
  border-color: rgba(41, 70, 97, 0.2);
  border-style: solid;
}

/* line 661, app/assets/stylesheets/marketing/theme.css */
input[type='radio']:hover {
  background: rgba(33, 150, 243, 0.1);
}

/* line 663, app/assets/stylesheets/marketing/theme.css */
input[type='radio']:checked {
  background: #2196f3;
}

/* line 665, app/assets/stylesheets/marketing/theme.css */
input[type='radio']:checked:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 6px;
  height: 6px;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(41, 70, 97, 0.75);
  transform: translate(-50%, -50%);
}

/* line 677, app/assets/stylesheets/marketing/theme.css */
input.radio-tab {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 30;
  cursor: pointer;
}

/* line 684, app/assets/stylesheets/marketing/theme.css */
input.radio-tab + label {
  color: rgba(41, 70, 97, 0.4);
}

/* line 686, app/assets/stylesheets/marketing/theme.css */
input.radio-tab:checked + label {
  color: #294661;
}

/* line 689, app/assets/stylesheets/marketing/theme.css */
input[type='radio'][disabled] {
  border-color: rgba(0, 0, 0, 0.08);
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.03);
}

/* line 693, app/assets/stylesheets/marketing/theme.css */
input[type='radio'][disabled]:checked {
  border-color: rgba(158, 158, 158, 0.5);
  background: rgba(158, 158, 158, 0.5);
}

/* line 697, app/assets/stylesheets/marketing/theme.css */
.input-switch {
  height: 30px;
  width: 60px;
  position: relative;
  border: 1px solid rgba(41, 70, 97, 0.2);
}

/* line 702, app/assets/stylesheets/marketing/theme.css */
.input-switch input {
  cursor: pointer;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10;
  opacity: 0;
  margin: 0;
  padding: 0;
}

/* line 711, app/assets/stylesheets/marketing/theme.css */
.input-switch input:checked ~ label .switch-label-on {
  background: #2196f3;
  color: #fff;
}

/* line 714, app/assets/stylesheets/marketing/theme.css */
.input-switch input:checked ~ label .switch-label-off {
  background: white;
  color: rgba(41, 70, 97, 0.6);
}

/* line 717, app/assets/stylesheets/marketing/theme.css */
.input-switch .switch-label {
  width: 29px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
}

/* line 725, app/assets/stylesheets/marketing/theme.css */
.input-switch .switch-label-off {
  background: #2196f3;
  color: #fff;
}

/* line 729, app/assets/stylesheets/marketing/theme.css */
textarea {
  border: none;
  resize: vertical;
  height: 98px;
  max-height: 200px;
  font-family: inherit;
  font-size: inherit;
}

/* line 736, app/assets/stylesheets/marketing/theme.css */
textarea:focus {
  outline: none;
}

/* line 739, app/assets/stylesheets/marketing/theme.css */
.form-item-error label,
.form-item-error .form-item-help,
.has-error label,
.has-error .form-item-help {
  color: #b71c1c;
}

/* line 745, app/assets/stylesheets/marketing/theme.css */
.form-item-error .input,
.has-error .input {
  border-color: #b71c1c;
  color: #294661;
}

/* line 749, app/assets/stylesheets/marketing/theme.css */
.form-item-error .input:focus,
.has-error .input:focus {
  box-shadow: 0 1px 0 #b71c1c;
  border-color: #b71c1c;
}

/* line 754, app/assets/stylesheets/marketing/theme.css */
.form-item-error .button-popover,
.form-item-error .input-widget,
.has-error .button-popover,
.has-error .input-widget {
  border-color: #ff5722;
}

/* line 760, app/assets/stylesheets/marketing/theme.css */
input[type="text"]::-ms-clear {
  display: none;
}

/* line 763, app/assets/stylesheets/marketing/theme.css */
.input {
  border-bottom-width: 1px;
  border-bottom-color: #294661;
  border-bottom-color: rgba(41, 70, 97, 0.2);
  border-bottom-style: solid;
  font-size: 13px;
  color: #294661;
  width: 100%;
  padding: 6px 0;
  text-overflow: ellipsis;
}

/* line 773, app/assets/stylesheets/marketing/theme.css */
.input:focus {
  border-color: #2196f3;
  box-shadow: 0 1px 0 #2196f3;
  color: #294661;
}

/* line 778, app/assets/stylesheets/marketing/theme.css */
.input-large {
  font-size: 18px;
  font-family: "proxima-nova-light";
}

/* line 782, app/assets/stylesheets/marketing/theme.css */
.form-item-required:before {
  width: 4px;
  height: 4px;
  content: "";
  background: #b71c1c;
  position: absolute;
  left: -10px;
  bottom: 12px;
  margin-top: -2px;
  border-radius: 50%;
}

/* line 793, app/assets/stylesheets/marketing/theme.css */
.form-item-disabled label {
  color: rgba(158, 158, 158, 0.5);
  cursor: not-allowed;
}

/* line 797, app/assets/stylesheets/marketing/theme.css */
.form-item-disabled .input,
.form-item-disabled .input:focus {
  color: rgba(158, 158, 158, 0.5);
  border-color: rgba(158, 158, 158, 0.5);
  box-shadow: none;
  cursor: not-allowed;
}

/* line 804, app/assets/stylesheets/marketing/theme.css */
.form-item-disabled ::-webkit-input-placeholder {
  color: rgba(158, 158, 158, 0.5);
}

/* line 807, app/assets/stylesheets/marketing/theme.css */
.form-item-disabled :-moz-placeholder {
  color: rgba(158, 158, 158, 0.5);
}

/* line 810, app/assets/stylesheets/marketing/theme.css */
.form-item-disabled ::-moz-placeholder {
  color: rgba(158, 158, 158, 0.5);
}

/* line 813, app/assets/stylesheets/marketing/theme.css */
.form-item-disabled :-ms-input-placeholder {
  color: rgba(158, 158, 158, 0.5);
}

/* line 816, app/assets/stylesheets/marketing/theme.css */
.input-text-title {
  font-family: "colfax-light";
  font-size: 30px;
  border-bottom: 1px dashed transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* line 824, app/assets/stylesheets/marketing/theme.css */
.input-text-title:focus {
  color: #294661;
  border-color: rgba(158, 158, 158, 0.5);
  width: auto;
  width: 75%;
}

/* line 830, app/assets/stylesheets/marketing/theme.css */
.input-text-title-small {
  color: #294661;
  font-family: "proxima-nova-semibold";
  font-size: 13px;
  word-break: normal;
}

/* line 835, app/assets/stylesheets/marketing/theme.css */
.input-text-title-small:hover {
  color: rgba(41, 70, 97, 0.8);
}

/* line 837, app/assets/stylesheets/marketing/theme.css */
.input-text-title-small:focus {
  width: 100%;
  color: #294661;
}

/* line 841, app/assets/stylesheets/marketing/theme.css */
.view-header:hover .input-text-title {
  color: rgba(41, 70, 97, 0.8);
  width: auto;
  width: 75%;
}

/* line 845, app/assets/stylesheets/marketing/theme.css */
.view-header:hover .input-text-title:focus {
  color: #294661;
}

/* line 848, app/assets/stylesheets/marketing/theme.css */
.input-widget {
  padding: 6px;
  margin: 0 9px;
  background: #fff;
  color: #294661;
  font-family: "proxima-nova-semibold";
  border-radius: 2px;
  width: auto;
  border: 1px solid rgba(158, 158, 158, 0.25);
  text-align: center;
  text-overflow: ellipsis;
}

/* line 859, app/assets/stylesheets/marketing/theme.css */
.input-widget:focus {
  border-color: #2196f3;
  box-shadow: 0 0 2px #2196f3;
  color: #294661;
}

/* line 863, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-large {
  margin: 0;
  padding: 6px 13px;
  font-size: 13px;
  font-family: "proxima-nova-regular";
  line-height: normal;
  color: rgba(41, 70, 97, 0.6);
}

/* line 870, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-required {
  border-color: #ff5722;
}

/* line 872, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-disabled, .input-widget.input-widget-disabled:focus {
  box-shadow: none;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
  color: rgba(41, 70, 97, 0.6);
  padding: 6px 0;
  text-align: left;
}

/* line 880, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-disabled::-webkit-input-placeholder, .input-widget.input-widget-disabled:focus::-webkit-input-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 882, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-disabled:-moz-placeholder, .input-widget.input-widget-disabled:focus:-moz-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 884, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-disabled::-moz-placeholder, .input-widget.input-widget-disabled:focus::-moz-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 886, app/assets/stylesheets/marketing/theme.css */
.input-widget.input-widget-disabled:-ms-input-placeholder, .input-widget.input-widget-disabled:focus:-ms-input-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 889, app/assets/stylesheets/marketing/theme.css */
.floating-label {
  position: relative;
}

/* line 891, app/assets/stylesheets/marketing/theme.css */
.floating-label label {
  font-size: 13px;
  cursor: text;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  position: absolute;
  top: 8px;
  left: 0;
}

/* line 898, app/assets/stylesheets/marketing/theme.css */
w
input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 610px;
  height: 25px;
  background-image: linear-gradient(to right, rgba(158, 158, 158, 0.09) 0%, rgba(158, 158, 158, 0.09) 100%);
  background-size: 100% 5px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  outline: none;
  border-radius: 2px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 917, app/assets/stylesheets/marketing/theme.css */
  input[type="range"] {
    width: 300px;
  }
}

/* line 919, app/assets/stylesheets/marketing/theme.css */
input[type="range"]:focus {
  box-shadow: none;
  outline: none;
}

/* line 922, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  position: relative;
  z-index: 3;
  border: 2px solid rgba(41, 70, 97, 0.2);
}

/* line 931, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-webkit-slider-thumb:after {
  content: " ";
  width: 610px;
  height: 5px;
  z-index: 1;
  border-radius: 2px 0 0 2px;
  background: #2196f3;
  background: linear-gradient(to right, #2196f3 1%, #2196f3 70%);
  position: absolute;
  top: 5px;
  right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 943, app/assets/stylesheets/marketing/theme.css */
  input[type="range"]::-webkit-slider-thumb:after {
    width: 300px;
  }
}

/* line 945, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  position: relative;
  z-index: 3;
  border: 2px solid rgba(41, 70, 97, 0.2);
}

/* line 953, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-moz-range-track {
  width: 610px;
  height: 5px;
  overflow: hidden;
  outline: none;
  border-radius: 2px;
}

@media screen and (max-width: 768px) {
  /* line 960, app/assets/stylesheets/marketing/theme.css */
  input[type="range"]::-moz-range-track {
    width: 380px;
  }
}

/* line 962, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-moz-range-progress {
  background: #2196f3;
}

/* line 964, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-ms-track {
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  color: transparent;
  height: 5px;
  width: 610px;
}

@media screen and (max-width: 768px) {
  /* line 974, app/assets/stylesheets/marketing/theme.css */
  input[type="range"]::-ms-track {
    width: 300px;
  }
}

/* line 976, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-ms-fill-lower {
  background: #2196f3;
  border-radius: 0;
}

/* line 979, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-ms-fill-upper {
  background: rgba(158, 158, 158, 0.09);
  border-radius: 0;
}

/* line 982, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-ms-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  position: relative;
  z-index: 3;
  border: 2px solid rgba(41, 70, 97, 0.2);
}

/* line 990, app/assets/stylesheets/marketing/theme.css */
input[type="range"]::-ms-tooltip {
  display: none;
}

/* line 993, app/assets/stylesheets/marketing/theme.css */
.slider-value {
  color: #294661;
  font-family: "proxima-nova-light";
  font-size: 13px;
}

/* line 998, app/assets/stylesheets/marketing/theme.css */
.form-item-group {
  margin: 60px 0;
}

/* line 1001, app/assets/stylesheets/marketing/theme.css */
.form-item {
  margin: 25px 0;
  position: relative;
}

/* line 1005, app/assets/stylesheets/marketing/theme.css */
.inline-label {
  position: relative;
  vertical-align: middle;
  font-size: 13px;
  display: inline-block;
  line-height: 1em;
}

/* line 1011, app/assets/stylesheets/marketing/theme.css */
.inline-label input[type='checkbox'],
.inline-label input[type='radio'] {
  vertical-align: bottom;
  margin-right: 9px;
}

/* line 1016, app/assets/stylesheets/marketing/theme.css */
.field-with-desc .field-desc {
  margin-left: 25px;
  margin-top: 9px;
}

/* line 1020, app/assets/stylesheets/marketing/theme.css */
.field-with-desc label {
  color: #294661;
  font-family: "proxima-nova-semibold";
}

/* line 1024, app/assets/stylesheets/marketing/theme.css */
.form-item-help {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}

/* line 1029, app/assets/stylesheets/marketing/theme.css */
.form-item-help-inline {
  z-index: 10;
  background: rgba(255, 255, 255, 0.8);
  margin-top: 0;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}

/* line 1041, app/assets/stylesheets/marketing/theme.css */
.form-item-help-inline:active, .form-item-help-inline:hover {
  overflow: visible;
  text-overflow: normal;
  white-space: normal;
}

/* line 1046, app/assets/stylesheets/marketing/theme.css */
.field-helper-text {
  font-size: 13px;
  color: rgba(41, 70, 97, 0.6);
}

/* line 1050, app/assets/stylesheets/marketing/theme.css */
.test-allocation-fields {
  margin-bottom: 9px;
}

/* line 1053, app/assets/stylesheets/marketing/theme.css */
.test-allocation-label {
  font-family: "proxima-nova-semibold";
}

/* line 1056, app/assets/stylesheets/marketing/theme.css */
::-webkit-input-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 1059, app/assets/stylesheets/marketing/theme.css */
:-moz-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 1062, app/assets/stylesheets/marketing/theme.css */
::-moz-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 1065, app/assets/stylesheets/marketing/theme.css */
:-ms-input-placeholder {
  color: rgba(41, 70, 97, 0.6);
}

/* line 1068, app/assets/stylesheets/marketing/theme.css */
.button {
  display: inline-block;
  vertical-align: middle;
  padding: 13px 45px;
  font-size: 15px;
  background: none;
  cursor: pointer;
  line-height: normal;
  border-radius: 2px;
  transition: all .3s ease;
  text-align: center;
}

/* line 1079, app/assets/stylesheets/marketing/theme.css */
.button:active {
  box-shadow: 0 1px 4px rgba(41, 70, 97, 0.2);
}

/* line 1081, app/assets/stylesheets/marketing/theme.css */
.button [class^="icon-"],
.button [class*=" icon-"] {
  margin-right: 9px;
  pointer-events: none;
}

/* line 1086, app/assets/stylesheets/marketing/theme.css */
.button-primary {
  color: #fff;
  border: 1px solid #2196f3;
  background-color: rgba(33, 150, 243, 0.8);
  margin-bottom: 6px;
}

/* line 1091, app/assets/stylesheets/marketing/theme.css */
.button-primary:hover {
  background-color: #2196f3;
}

/* line 1094, app/assets/stylesheets/marketing/theme.css */
.button-next {
  width: 100%;
}

/* line 1098, app/assets/stylesheets/marketing/theme.css */
.home-hero .button-primary {
  margin-top: 10px;
}

/* line 1102, app/assets/stylesheets/marketing/theme.css */
.button-sign-in {
  padding: 11px 20px;
  font-size: 13px;
  color: #2196f3;
  border: 1px solid rgba(33, 150, 243, 0.4);
  border-radius: 2px;
  transition: all .3s ease;
}

/* line 1110, app/assets/stylesheets/marketing/theme.css */
.button-sign-in:hover {
  border-color: #2196f3;
  background-color: #e9f5fe;
}

/* line 1114, app/assets/stylesheets/marketing/theme.css */
body.js-main-menu-open {
  overflow: hidden;
}

/* line 1117, app/assets/stylesheets/marketing/theme.css */
.site-inner-content {
  max-width: 1220px;
  margin: 0 auto;
}

/* line 1121, app/assets/stylesheets/marketing/theme.css */
.site-section {
  padding: 45px 60px;
}

@media screen and (max-width: 1024px) {
  /* line 1124, app/assets/stylesheets/marketing/theme.css */
  .site-section {
    padding: 45px;
  }
}

@media screen and (max-width: 600px) {
  /* line 1127, app/assets/stylesheets/marketing/theme.css */
  .site-section {
    padding: 45px 20px;
  }
}

/* line 1130, app/assets/stylesheets/marketing/theme.css */
.contained-section {
  margin: 0 auto;
  width: 820px;
  max-width: 100%;
}

/* line 1135, app/assets/stylesheets/marketing/theme.css */
p,
cite,
strong,
ul,
ol {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: rgba(41, 70, 97, 0.8);
  line-height: 23px;
}

/* line 1146, app/assets/stylesheets/marketing/theme.css */
strong {
  font-weight: 400;
  color: #294661;
}

/* line 1150, app/assets/stylesheets/marketing/theme.css */
blockquote p {
  font-style: italic;
  line-height: 34px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: rgba(41, 70, 97, 0.8);
}

/* line 1157, app/assets/stylesheets/marketing/theme.css */
blockquote cite {
  color: #294661;
  font-weight: 400;
}

/* line 1161, app/assets/stylesheets/marketing/theme.css */
.subtitle {
  font-size: 15px;
  color: rgba(41, 70, 97, 0.6);
}

/* line 1165, app/assets/stylesheets/marketing/theme.css */
.content-left {
  width: 60%;
  float: left;
  padding: 10px 80px 0 20px;
  text-align: left;
}

@media screen and (max-width: 900px) {
  /* line 1171, app/assets/stylesheets/marketing/theme.css */
  .content-left {
    width: 100%;
    padding: 10px 20px 0 20px;
  }
}

@media screen and (max-width: 900px) {
  /* line 1175, app/assets/stylesheets/marketing/theme.css */
  .service-statuses .content-left {
    text-align: center;
  }
}

/* line 1178, app/assets/stylesheets/marketing/theme.css */
.content-right {
  width: 40%;
  float: right;
  padding: 10px 20px 0 0;
  text-align: center;
}

@media screen and (max-width: 900px) {
  /* line 1184, app/assets/stylesheets/marketing/theme.css */
  .content-right,
.content-right blockquote {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 900px) {
  /* line 1189, app/assets/stylesheets/marketing/theme.css */
  .service-statuses .content-right {
    display: none;
  }
}

/* line 1192, app/assets/stylesheets/marketing/theme.css */
.how-step {
  width: 30%;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  margin-top: 20px;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  /* line 1200, app/assets/stylesheets/marketing/theme.css */
  .how-step {
    width: 100%;
  }
}

/* line 1203, app/assets/stylesheets/marketing/theme.css */
.step-number {
  margin-bottom: 10px;
}

/* line 1207, app/assets/stylesheets/marketing/theme.css */
.api-icon {
  margin-bottom: 20px;
}

/* line 1211, app/assets/stylesheets/marketing/theme.css */
.section-callout.how-steps {
  padding: 60px 10px;
  margin: 80px 0 20px 0;
}

/* line 1216, app/assets/stylesheets/marketing/theme.css */
.gui-or-api {
  margin-top: 80px;
}

/* line 1220, app/assets/stylesheets/marketing/theme.css */
.gui-or-api .section-callout {
  padding: 60px 10px;
  margin: 40px 0 90px 0;
}

/* line 1225, app/assets/stylesheets/marketing/theme.css */
.other-projects .content-left,
.other-projects .content-right,
.gui-or-api .content-left,
.gui-or-api .content-right {
  width: 40%;
  text-align: center;
  display: inline-block;
  float: none;
  padding: 10px 5%;
  vertical-align: middle;
}

@media screen and (max-width: 800px) {
  /* line 1236, app/assets/stylesheets/marketing/theme.css */
  .other-projects .content-left,
.other-projects .content-right,
.gui-or-api .content-left,
.gui-or-api .content-right,
.how-steps .featured-project {
    width: 100%;
  }
}

/* line 1243, app/assets/stylesheets/marketing/theme.css */
.other-projects .divider,
.gui-or-api .divider,
.how-steps .divider {
  height: 200px;
  margin: 0 1.5%;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  /* line 1250, app/assets/stylesheets/marketing/theme.css */
  .other-projects .divider,
.how-steps .divider {
    height: 1px;
    width: 100%;
    margin: 30px 0;
  }
}

/* line 1256, app/assets/stylesheets/marketing/theme.css */
.gui-or-api .divider {
  height: 140px;
  margin: 0 5% 20px 5%;
}

@media screen and (max-width: 800px) {
  /* line 1260, app/assets/stylesheets/marketing/theme.css */
  .gui-or-api .divider {
    height: 1px;
    width: 90%;
  }
}

/* line 1264, app/assets/stylesheets/marketing/theme.css */
.divider,
.divider.horizontal {
  display: inline-block;
  width: 1px;
  height: 60px;
  background-color: #E9ECEF;
  margin: 0 40px;
}

/* line 1272, app/assets/stylesheets/marketing/theme.css */
.divider.horizontal {
  width: 100%;
  height: 1px;
  margin: 60px 0;
}

/* line 1277, app/assets/stylesheets/marketing/theme.css */
.signup-form .section-callout .divider.horizontal,
.signup-form.pro .section-callout .divider.horizontal {
  margin: 45px 0 20px;
}

/* line 1281, app/assets/stylesheets/marketing/theme.css */
.featured-project a,
.featured-project img,
.other-project a,
.other-project img {
  transition: all 0.3s ease;
}

/* line 1288, app/assets/stylesheets/marketing/theme.css */
.featured-project a:hover,
.featured-project img:hover,
.other-project a:hover,
.other-project img:hover {
  opacity: 0.8;
}

/* line 1295, app/assets/stylesheets/marketing/theme.css */
.content-icon {
  margin-bottom: 20px;
}

/* line 1298, app/assets/stylesheets/marketing/theme.css */
.main-site-header {
  text-align: center;
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
}

/* line 1303, app/assets/stylesheets/marketing/theme.css */
.main-site-header .logo {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 60px;
  width: 120px;
}

/* line 1310, app/assets/stylesheets/marketing/theme.css */
.main-site-header .logo img {
  width: 120px;
}

@media screen and (max-width: 1024px) {
  /* line 1313, app/assets/stylesheets/marketing/theme.css */
  .main-site-header {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1316, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .logo {
    left: 45px;
    top: 45px;
  }
}

@media screen and (max-width: 600px) {
  /* line 1320, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .logo {
    left: 20px;
  }
}

/* line 1322, app/assets/stylesheets/marketing/theme.css */
.main-site-header .hamburger,
.main-site-header .hamburger:before,
.main-site-header .hamburger:after {
  width: 17px;
  height: 3px;
  background: rgba(41, 70, 97, 0.6);
  border-radius: 1px;
  transition: all .3s ease;
}

/* line 1330, app/assets/stylesheets/marketing/theme.css */
.main-site-header .hamburger {
  margin: 4px 9px;
  position: relative;
  display: inline-block;
}

/* line 1334, app/assets/stylesheets/marketing/theme.css */
.main-site-header .hamburger:before, .main-site-header .hamburger:after {
  content: '';
  display: block;
  right: 0;
  position: absolute;
}

/* line 1339, app/assets/stylesheets/marketing/theme.css */
.main-site-header .hamburger:before {
  top: -6px;
}

/* line 1341, app/assets/stylesheets/marketing/theme.css */
.main-site-header .hamburger:after {
  top: 6px;
}

/* line 1343, app/assets/stylesheets/marketing/theme.css */
.main-site-header .mobile-menu {
  display: none;
  color: rgba(41, 70, 97, 0.6);
  padding: 9px 0;
  height: 30px;
  cursor: pointer;
  transition: color .3s ease;
  z-index: 401;
  position: absolute;
  top: 30px;
  right: 60px;
}

@media screen and (max-width: 1024px) {
  /* line 1355, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .mobile-menu {
    display: block;
    right: 45px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1359, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .mobile-menu {
    right: 20px;
  }
}

/* line 1361, app/assets/stylesheets/marketing/theme.css */
.main-site-header .mobile-menu:hover {
  color: #294661;
}

/* line 1363, app/assets/stylesheets/marketing/theme.css */
.main-site-header .mobile-menu:hover .hamburger,
.main-site-header .mobile-menu:hover .hamburger:before,
.main-site-header .mobile-menu:hover .hamburger:after {
  background: #294661;
}

/* line 1367, app/assets/stylesheets/marketing/theme.css */
.main-site-header .main-site-nav {
  display: inline-block;
  line-height: 90px;
}

/* line 1370, app/assets/stylesheets/marketing/theme.css */
.main-site-header .main-site-nav .main-site-nav-extended {
  display: none;
}

@media screen and (max-width: 1024px) {
  /* line 1373, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .main-site-nav {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 400;
    background: #294661;
    padding: 45px;
    padding-top: 90px;
    width: 350px;
    text-align: left;
    transform: translateX(350px);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
  }
  /* line 1390, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .main-site-nav .main-site-nav-extended {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  /* line 1393, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .main-site-nav {
    padding: 90px 20px 0 20px;
  }
}

@media screen and (max-width: 600px) {
  /* line 1396, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .main-site-nav {
    width: 250px;
    transform: translateX(250px);
  }
}

/* line 1400, app/assets/stylesheets/marketing/theme.css */
.main-site-header .main-site-nav.main-site-nav-closing {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1402, app/assets/stylesheets/marketing/theme.css */
.main-site-nav a {
  display: inline-block;
  padding: 0 25px;
  color: rgba(41, 70, 97, 0.8);
  transition: color .3s ease;
}

/* line 1407, app/assets/stylesheets/marketing/theme.css */
.main-site-nav a:hover {
  color: #294661;
}

@media screen and (max-width: 1024px) {
  /* line 1410, app/assets/stylesheets/marketing/theme.css */
  .main-site-nav a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 0;
    display: block;
    line-height: normal;
  }
  /* line 1416, app/assets/stylesheets/marketing/theme.css */
  .main-site-nav a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}

/* line 1418, app/assets/stylesheets/marketing/theme.css */
.main-site-header .main-site-nav-link-outside {
  color: #0A80E5;
  transition: color .3s ease;
}

/* line 1421, app/assets/stylesheets/marketing/theme.css */
.main-site-header .main-site-nav-link-outside:hover {
  color: #0A80E5;
}

@media screen and (max-width: 1024px) {
  /* line 1424, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .main-site-nav-link-outside {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 0;
    display: block;
    line-height: normal;
  }
  /* line 1430, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .main-site-nav-link-outside:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}

/* line 1432, app/assets/stylesheets/marketing/theme.css */
.main-site-header .app-sign-in {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 60px;
}

@media screen and (min-width: 1024px) {
  /* line 1439, app/assets/stylesheets/marketing/theme.css */
  .main-site-nav a.signin-link {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1444, app/assets/stylesheets/marketing/theme.css */
  .main-site-header .app-sign-in {
    display: none;
  }
}

/* line 1446, app/assets/stylesheets/marketing/theme.css */
.main-site-header .app-sign-in a {
  color: #0A80E5;
}

/* line 1450, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu {
  color: #fff;
  position: fixed;
  background: rgba(41, 70, 97, 0.6);
  border-radius: 2px;
}

/* line 1455, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu .hamburger {
  background: none;
}

/* line 1457, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu .hamburger:before,
.js-main-menu-open .mobile-menu .hamburger:after {
  top: 0;
  background: #fff;
  transform: rotate(-45deg);
}

/* line 1464, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu .hamburger:after {
  transform: rotate(45deg);
}

/* line 1468, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu:hover {
  color: #fff;
}

/* line 1470, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu:hover .hamburger {
  background: none;
}

/* line 1472, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .mobile-menu:hover .hamburger:before,
.js-main-menu-open .mobile-menu:hover .hamburger:after {
  background: #fff;
}

/* line 1476, app/assets/stylesheets/marketing/theme.css */
.js-main-menu-open .main-site-nav {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1483, app/assets/stylesheets/marketing/theme.css */
.site-footer {
  color: rgba(41, 70, 97, 0.7);
  text-align: center;
}

/* line 1486, app/assets/stylesheets/marketing/theme.css */
.site-footer .social-link {
  display: inline-block;
  font-size: 24px;
  color: rgba(41, 70, 97, 0.2);
  transition: color .3s ease;
  margin: 0 20px 45px 20px;
}

/* line 1492, app/assets/stylesheets/marketing/theme.css */
.site-footer .social-link:hover {
  color: #294661;
}

/* line 1494, app/assets/stylesheets/marketing/theme.css */
.site-footer .footer-logo {
  opacity: .2;
  margin-bottom: 45px;
}

/* line 1497, app/assets/stylesheets/marketing/theme.css */
.site-footer .footer-nav-link {
  display: inline-block;
  padding: 0 20px;
  color: rgba(41, 70, 97, 0.7);
}

@media screen and (max-width: 600px) {
  /* line 1502, app/assets/stylesheets/marketing/theme.css */
  .site-footer .footer-nav-link {
    padding-bottom: 20px;
  }
}

/* line 1504, app/assets/stylesheets/marketing/theme.css */
.site-footer .copyright {
  border: none;
  font-size: 13px;
  padding-top: 30px;
  color: rgba(41, 70, 97, 0.3);
}

@media screen and (max-width: 600px) {
  /* line 1510, app/assets/stylesheets/marketing/theme.css */
  .site-footer .copyright {
    padding-top: 0;
  }
}

/* line 1512, app/assets/stylesheets/marketing/theme.css */
.site-footer .fineprint {
  font-size: 12px;
  color: rgba(41, 70, 97, 0.3);
  line-height: 16px;
  margin-top: 40px;
}

/* line 1518, app/assets/stylesheets/marketing/theme.css */
.bottom-banner {
  width: 100%;
  background-color: #294661;
  text-align: center;
  height: 140px;
}

@media screen and (max-width: 640px) {
  /* line 1526, app/assets/stylesheets/marketing/theme.css */
  .bottom-banner {
    padding: 3px 20px;
    height: 100%;
  }
}

/* line 1531, app/assets/stylesheets/marketing/theme.css */
.bottom-banner img {
  width: 415px;
}

@media screen and (max-width: 640px) {
  /* line 1536, app/assets/stylesheets/marketing/theme.css */
  .bottom-banner img {
    width: 100%;
  }
}

/* line 1540, app/assets/stylesheets/marketing/theme.css */
.hero {
  text-align: center;
  padding: 60px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  /* line 1546, app/assets/stylesheets/marketing/theme.css */
  .hero {
    padding: 60px 45px;
  }
}

/* line 1548, app/assets/stylesheets/marketing/theme.css */
.hero .site-inner-content {
  position: relative;
}

@media screen and (max-width: 600px) {
  /* line 1551, app/assets/stylesheets/marketing/theme.css */
  .hero .site-inner-content {
    position: static;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1554, app/assets/stylesheets/marketing/theme.css */
  .hero {
    padding: 45px 20px;
    padding-bottom: 80px;
  }
}

/* line 1557, app/assets/stylesheets/marketing/theme.css */
.hero.home-hero {
  background-repeat: repeat-x;
  background-position: 20% 70%;
  background-size: auto 25%;
}

@media screen and (max-width: 1024px) {
  /* line 1562, app/assets/stylesheets/marketing/theme.css */
  .hero.home-hero {
    background-position: center 70%;
    background-size: auto 40%;
  }
}

/* line 1566, app/assets/stylesheets/marketing/theme.css */
.home-hero .contained-section h1 {
  font-size: 50px;
  line-height: 54px;
}

@media screen and (max-width: 640px) {
  /* line 1572, app/assets/stylesheets/marketing/theme.css */
  .home-hero .contained-section h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

/* line 1576, app/assets/stylesheets/marketing/theme.css */
.why-threads .ui-slats {
  margin-top: 45px;
}

/* line 1579, app/assets/stylesheets/marketing/theme.css */
.testimonial {
  position: relative;
  padding: 60px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(41, 70, 97, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 1585, app/assets/stylesheets/marketing/theme.css */
.testimonial blockquote {
  width: 60%;
  float: left;
}

@media screen and (max-width: 1024px) {
  /* line 1589, app/assets/stylesheets/marketing/theme.css */
  .testimonial blockquote {
    width: 100%;
    float: none;
  }
}

/* line 1592, app/assets/stylesheets/marketing/theme.css */
.testimonial .quote-author {
  width: 40%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1599, app/assets/stylesheets/marketing/theme.css */
  .testimonial .quote-author {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 45px;
    transform: translateY(0);
  }
}

/* line 1606, app/assets/stylesheets/marketing/theme.css */
.testimonial .quote-author img {
  display: block;
  margin: 0 auto;
}

/* line 1610, app/assets/stylesheets/marketing/theme.css */
.section-callout {
  padding: 60px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(41, 70, 97, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 1616, app/assets/stylesheets/marketing/theme.css */
.pricing-options {
  margin-top: 80px;
}

/* line 1620, app/assets/stylesheets/marketing/theme.css */
.pricing-block {
  display: inline-block;
  width: 23%;
  margin-right: 2%;
  padding: 40px;
  text-align: left;
  vertical-align: top;
  min-height: 400px;
}

@media screen and (max-width: 1200px) {
  /* line 1629, app/assets/stylesheets/marketing/theme.css */
  .pricing-block {
    padding: 40px 25px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1632, app/assets/stylesheets/marketing/theme.css */
  .pricing-block {
    width: 46%;
    margin-bottom: 2%;
    padding: 40px;
  }
}

@media screen and (max-width: 640px) {
  /* line 1637, app/assets/stylesheets/marketing/theme.css */
  .pricing-block {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1641, app/assets/stylesheets/marketing/theme.css */
  .pricing-block:nth-child(even) {
    margin-right: 0;
  }
}

/* line 1644, app/assets/stylesheets/marketing/theme.css */
.pricing-block:last-child {
  margin-right: 0;
}

/* line 1648, app/assets/stylesheets/marketing/theme.css */
.pricing-block h2 {
  margin-bottom: 0;
}

/* line 1652, app/assets/stylesheets/marketing/theme.css */
.pricing-block ul {
  margin-bottom: 20px;
}

/* line 1656, app/assets/stylesheets/marketing/theme.css */
.pricing-block li {
  margin-bottom: 10px;
  line-height: 1;
}

/* line 1661, app/assets/stylesheets/marketing/theme.css */
.pricing-block.perks li {
  margin-bottom: 10px;
  line-height: 1;
}

/* line 1666, app/assets/stylesheets/marketing/theme.css */
.pricing-block strong,
.faq strong {
  font-weight: 700;
}

/* line 1671, app/assets/stylesheets/marketing/theme.css */
.pricing-block .divider {
  margin: 0 0 16px 0;
}

/* line 1675, app/assets/stylesheets/marketing/theme.css */
.pricing-block .button {
  padding: 13px 0;
  width: 100%;
  margin: 0;
}

/* line 1681, app/assets/stylesheets/marketing/theme.css */
.pricing-block.perks {
  background-color: #294661;
}

/* line 1685, app/assets/stylesheets/marketing/theme.css */
.pricing-block.perks li {
  margin-bottom: 15px;
}

/* line 1689, app/assets/stylesheets/marketing/theme.css */
.pricing-block.perks h2,
.pricing-block.perks li {
  color: #fff;
}

/* line 1694, app/assets/stylesheets/marketing/theme.css */
.pricing-block.perks h2 {
  margin-bottom: 20px;
}

/* line 1698, app/assets/stylesheets/marketing/theme.css */
.pricing-block.more {
  text-align: center;
}

/* line 1702, app/assets/stylesheets/marketing/theme.css */
.pricing-block.more p {
  line-height: 1.5;
  margin-top: 20px;
}

/* line 1707, app/assets/stylesheets/marketing/theme.css */
.faq {
  margin: 30px 0 40px 0;
}

@media screen and (max-width: 1024px) {
  /* line 1712, app/assets/stylesheets/marketing/theme.css */
  .faq {
    margin-top: 0;
  }
}

@media screen and (max-width: 800px) {
  /* line 1716, app/assets/stylesheets/marketing/theme.css */
  .faq .section-callout {
    padding: 0 40px;
    border: none;
    box-shadow: none;
  }
}

/* line 1721, app/assets/stylesheets/marketing/theme.css */
.faq h1 {
  margin-bottom: 30px;
}

/* line 1725, app/assets/stylesheets/marketing/theme.css */
.faq.lines-bg {
  background-position: center 5%;
  background-size: 160%;
}

/* line 1730, app/assets/stylesheets/marketing/theme.css */
.price-per {
  font: 300 15px 'Open Sans';
  color: rgba(41, 70, 97, 0.8);
}

/* line 1735, app/assets/stylesheets/marketing/theme.css */
.status-service {
  display: inline-block;
}

/* line 1738, app/assets/stylesheets/marketing/theme.css */
.service-logo {
  width: 100px;
  margin: 0 0 10px 0;
}

/* line 1742, app/assets/stylesheets/marketing/theme.css */
.status-service-link {
  display: block;
  margin-top: -5px;
}

/* line 1746, app/assets/stylesheets/marketing/theme.css */
.lines-bg {
  background-repeat: repeat-x;
  background-position: center left;
  background-size: auto 50%;
}

/* line 1751, app/assets/stylesheets/marketing/theme.css */
.content-lines-bg {
  background-repeat: repeat-x;
  background-position: 100% 15%;
  background-size: auto 30%;
}

/* line 1756, app/assets/stylesheets/marketing/theme.css */
.hero.lines-bg {
  background-position: 70% 70%;
}

/* line 1760, app/assets/stylesheets/marketing/theme.css */
.project-hero,
.content-hero {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 1766, app/assets/stylesheets/marketing/theme.css */
.graph-illustration {
  margin-top: 15px;
  width: 742px;
}

/* line 1771, app/assets/stylesheets/marketing/theme.css */
.news-or-promos {
  background-color: #f9f9f9;
  padding: 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 1776, app/assets/stylesheets/marketing/theme.css */
  .news-or-promos {
    text-align: center;
  }
}

/* line 1779, app/assets/stylesheets/marketing/theme.css */
.news-or-promos p,
.news-or-promos h1 {
  display: inline-block;
}

/* line 1783, app/assets/stylesheets/marketing/theme.css */
.news-or-promos .button {
  float: right;
  position: relative;
  top: -27px;
}

@media screen and (max-width: 1024px) {
  /* line 1788, app/assets/stylesheets/marketing/theme.css */
  .news-or-promos .button {
    display: inline-block;
    top: 0;
    float: none;
    margin: 0 auto;
  }
}

/* line 1794, app/assets/stylesheets/marketing/theme.css */
.project-feature {
  position: relative;
}

/* line 1797, app/assets/stylesheets/marketing/theme.css */
.project-feature-wrap .feature-content {
  width: 50%;
}

/* line 1800, app/assets/stylesheets/marketing/theme.css */
.project-feature-wrap .feature-media {
  float: right;
  width: 50%;
}

@media screen and (max-width: 800px) {
  /* line 1804, app/assets/stylesheets/marketing/theme.css */
  .project-feature-wrap .feature-media {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1809, app/assets/stylesheets/marketing/theme.css */
  .project-overview.project-feature-wrap .feature-media {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
}

/* line 1814, app/assets/stylesheets/marketing/theme.css */
.project-overview.project-feature-wrap .feature-content {
  padding-right: 40px;
  position: relative;
  top: auto;
  transform: translateY(0);
}

/* line 1819, app/assets/stylesheets/marketing/theme.css */
.project-feature-wrap .feature-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 60px;
}

@media screen and (max-width: 800px) {
  /* line 1825, app/assets/stylesheets/marketing/theme.css */
  .project-feature-wrap .feature-content {
    padding-right: 0;
    position: relative;
    top: auto;
    transform: translateY(0);
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1832, app/assets/stylesheets/marketing/theme.css */
  .project-overview.project-feature-wrap .feature-content {
    padding-right: 0;
    position: relative;
    top: auto;
    transform: translateY(0);
    width: 100%;
  }
}

/* line 1839, app/assets/stylesheets/marketing/theme.css */
.project-intro.project-feature-wrap {
  background-position: bottom center;
  background-repeat: no-repeat;
}

/* line 1842, app/assets/stylesheets/marketing/theme.css */
.project-intro.project-feature-wrap .feature-media {
  float: left;
}

@media screen and (max-width: 800px) {
  /* line 1845, app/assets/stylesheets/marketing/theme.css */
  .project-feature-wrap.simple-integration {
    background: none;
  }
}

/* line 1847, app/assets/stylesheets/marketing/theme.css */
.project-intro.project-feature-wrap .feature-media {
  width: 80%;
}

@media screen and (max-width: 800px) {
  /* line 1850, app/assets/stylesheets/marketing/theme.css */
  .project-intro.project-feature-wrap .feature-media {
    width: 100%;
  }
}

/* line 1854, app/assets/stylesheets/marketing/theme.css */
.project-intro.project-feature-wrap .feature-content {
  right: 0;
  padding-right: 0;
  padding-left: 60px;
}

@media screen and (max-width: 1024px) {
  /* line 1859, app/assets/stylesheets/marketing/theme.css */
  .project-intro.project-feature-wrap .feature-content {
    padding-left: 0;
  }
}

/* line 1862, app/assets/stylesheets/marketing/theme.css */
.sendgrid-difference-content {
  width: 33.333333%;
  float: left;
  padding: 0 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1867, app/assets/stylesheets/marketing/theme.css */
  .sendgrid-difference-content {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 45px;
  }
  /* line 1872, app/assets/stylesheets/marketing/theme.css */
  .sendgrid-difference-content:last-child {
    margin-bottom: 0;
  }
}

/* line 1874, app/assets/stylesheets/marketing/theme.css */
.sendgrid-difference-content h2 {
  color: #2196f3;
}

/* line 1876, app/assets/stylesheets/marketing/theme.css */
.sendgrid-difference-content img {
  margin-bottom: 20px;
}

/* line 1879, app/assets/stylesheets/marketing/theme.css */
.promo-illustration {
  display: block;
  margin: 80px auto 100px auto;
}

/* line 1883, app/assets/stylesheets/marketing/theme.css */
.contact-form {
  width: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  /* line 1887, app/assets/stylesheets/marketing/theme.css */
  .contact-form {
    width: 100%;
    float: none;
  }
}

/* line 1891, app/assets/stylesheets/marketing/theme.css */
.contact-us-button {
  margin-top: 45px;
}

/* line 1893, app/assets/stylesheets/marketing/theme.css */
.contact-us-button .button {
  float: right;
}

/* line 1896, app/assets/stylesheets/marketing/theme.css */
.floating-label input:focus + label {
  top: -12px;
  font-size: 12px;
}

/* line 1900, app/assets/stylesheets/marketing/theme.css */
.floating-label input:valid {
  background: #fff;
  color: #294661;
}

/* line 1904, app/assets/stylesheets/marketing/theme.css */
.alert-info,
.alert-error {
  width: 100%;
  height: 60px;
  margin: 0;
  text-align: center;
  background-color: #f1d2d2;
  border: none;
  font: 400 13px/28px "Open Sans";
  color: #B71C1C;
  padding: 1em 0;
}

/* line 1917, app/assets/stylesheets/marketing/theme.css */
.alert-info:before,
.alert-error:before {
  font-family: 'icomoon';
  content: "\e80A";
  display: inline-block;
  position: relative;
  top: 3px;
  right: 20px;
  font-size: 20px;
}

/* line 1928, app/assets/stylesheets/marketing/theme.css */
.close {
  display: none;
}

/* line 1932, app/assets/stylesheets/marketing/theme.css */
.help-block {
  display: block;
  color: #B71C1C;
  padding: 6px 0 0 0;
  margin-bottom: 50px;
  font: 400 13px/16px "Open Sans";
}

/* line 1940, app/assets/stylesheets/marketing/theme.css */
.has-error label {
  color: #7f90a0;
}

/* line 1944, app/assets/stylesheets/marketing/theme.css */
.has-error input {
  border-width: 0 0 2px 0;
  border-color: #B71C1C;
  border-style: solid;
}

/* line 1950, app/assets/stylesheets/marketing/theme.css */
.app-sign-in .current {
  display: none;
}

/* line 1954, app/assets/stylesheets/marketing/theme.css */
.plan-costs {
  margin-top: -20px;
}

/* line 1958, app/assets/stylesheets/marketing/theme.css */
.new-relic .main-site-header {
  height: 90px;
}

/* line 1962, app/assets/stylesheets/marketing/theme.css */
.new-relic .content-left {
  padding-left: 0;
}

/* line 1966, app/assets/stylesheets/marketing/theme.css */
.new-relic .content-right {
  padding-right: 0;
}

/* line 1970, app/assets/stylesheets/marketing/theme.css */
.sample-panel img {
  width: 100%;
}

/* line 1974, app/assets/stylesheets/marketing/theme.css */
pre {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 1981, app/assets/stylesheets/marketing/theme.css */
pre code,
p code {
  font: 300 13px "Monaco";
  color: #546b81;
}

/* line 1987, app/assets/stylesheets/marketing/theme.css */
p code {
  font-size: 15px;
  color: #B91912;
}

/* line 1992, app/assets/stylesheets/marketing/theme.css */
table {
  font-weight: 300;
  color: rgba(41, 70, 97, 0.8);
  width: 100%;
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}

/* line 2000, app/assets/stylesheets/marketing/theme.css */
td {
  padding: 30px 20px;
  border-bottom: 1px solid #ebebeb;
}

/* line 2005, app/assets/stylesheets/marketing/theme.css */
th {
  padding: 20px;
  text-align: left;
  border: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  text-transform: uppercase;
  font: 700 12px "Open Sans";
}

/* line 2014, app/assets/stylesheets/marketing/theme.css */
th:first-child {
  padding-left: 0;
}

/* line 2018, app/assets/stylesheets/marketing/theme.css */
.docs iframe {
  margin-bottom: 12px;
}

/* line 2022, app/assets/stylesheets/marketing/theme.css */
tbody {
  font-size: 13px;
  line-height: 18px;
}

/* line 2027, app/assets/stylesheets/marketing/theme.css */
.promo-details-link:after {
  font-family: "icomoon";
  content: "\e80f";
}

/* line 2032, app/assets/stylesheets/marketing/theme.css */
.info-row {
  z-index: 10;
}

/* line 2036, app/assets/stylesheets/marketing/theme.css */
.promo-details-text {
  display: inline-block;
  color: rgba(41, 70, 97, 0.8);
  font: 300 13px/20px "Open Sans", sans-serif;
  margin-top: 5px;
}

/* line 3, app/assets/stylesheets/marketing.sass */
.terms ol {
  list-style-type: decimal;
}

/* line 6, app/assets/stylesheets/marketing.sass */
.terms li {
  margin-bottom: 1rem;
}